@charset "utf-8";

/* font css start */


@font-face {
  font-family: myFirstFont;
  src: url('../fonts/TiemposHeadline-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: myFirstFontBold;
  src: url('../fonts/TiemposHeadline-Bold.otf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: myFirstFontMedium;
  src: url('../fonts/TiemposHeadline-Medium.otf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: myFirstFontSemibold;
  src: url('../fonts/TiemposHeadline-Semibold.otf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: myFirstFontBlack;
  src: url('../fonts/TiemposHeadline-Black.otf');
  font-weight: 700;
  font-style: normal;
}

/* @font-face {
  font-family: myFirstFontBlack; 
  src: url('../fonts/TiemposHeadline-Black.otf');  
  src: url('../fonts/TiemposHeadline-BlackItalic.otf'); 
  src: url('../fonts/TiemposHeadline-Bold.otf'); 
  src: url('../fonts/TiemposHeadline-BoldItalic.otf');  
  src: url('../fonts/TiemposHeadline-Light.otf'); 
  src: url('../fonts/TiemposHeadline-LightItalic.otf');  
  src: url('../fonts/TiemposHeadline-Medium.otf'); 
  src: url('../fonts/TiemposHeadline-MediumItalic.otf');  
  src: url('../fonts/TiemposHeadline-Regular.otf'); font-weight: normal; font-style: normal; 
  src: url('../fonts/TiemposHeadline-RegularItalic.otf');  
  src: url('../fonts/TiemposHeadline-Semibold.otf'); 
  src: url('../fonts/TiemposHeadline-SemiboldItalic.otf'); 
} */


/* font css end */

/* common css start */

* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*variables--*/

:root {
  --body-font: 'myFirstFont', sans-serif;
  --head-font: 'myFirstFont', sans-serif;
  --pdg: clamp(40px, 4.17vw, 80px);
  --mrg: clamp(20px, 2.09vw, 40px);
  --body-font-size: clamp(16px, 0.94vw, 18px);
  --btn-font-size: clamp(15px, 0.84vw, 16px);
  --h1-font: clamp(30px, 3.6vw, 69px);
  --h2-font: clamp(24px, 2.5vw, 48px);
  --h3-font: clamp(20px, 1.57vw, 30px);
  --fs-24px: clamp(18px, 1.31vw, 24px);
  --fs-16px: clamp(15px, 0.84vw, 16px);
  --fs-15px: clamp(14px, 0.94vw, 15px);
  --main-clr: #3682ae;
  --main-clr-drk: #4867aa;
}

html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  color: #000;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.0000001px;
  margin: 0px;
  padding: 0px;
  background: #fff;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* a img:hover {
  filter: brightness(0.7);
} */

a {
  text-decoration: none;
  border: 0px;
  outline: none;
  transition: all .5s;
  color: var(--main-clr);
  transition: 0.2s;
  cursor: pointer;
}

a img {
  border: none;
  outline: none;
}

a:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
  color: var(--main-clr);
}

p:last-child {
  margin-bottom: 0;
}

li {
  line-height: 1.5
}

[id] {
  scroll-margin-top: 200px
}

.image_div img {
  border-radius: 20px;
}

/* hr {
  border: 1px solid #dddddd !important;
} */

p {
  margin: 0px;
  padding: 0px;
  line-height: 1.5;
  margin-bottom: 20px;
}

h1 {
  margin: 0px;
  padding: 0px;
}

h2 {
  margin: 0px;
  padding: 0px;
}

h3 {
  margin: 0px;
  padding: 0px;
}

h4 {
  margin: 0px;
  padding: 0px;
}

h5 {
  margin: 0px;
  padding: 0px;
}

h6 {
  margin: 0px;
  padding: 0px;
}

address,
blockquote,
dd,
div,
dl,
dt,
fieldset,
form,
frame,
frameset {
  margin: 0;
  padding: 0;
  border: 0px;
  outline: none;
}

label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0px;
  padding: 0;
  outline: none;
  border: 0;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  clear: both;
}

::-moz-selection {
  color: #fff;
  background: var(--main-clr);
}

::selection {
  color: #fff;
  background: var(--main-clr);
}

button,
input,
select,
option,
textarea {
  outline: 0 !important;
  pointer-events: all;
  font-family: inherit;
  font-size: 100%;
}

.heading {
  font-size: 50px;
  font-family: myFirstFont !important;
  margin-bottom: 20px;
}

.heading span {
  color: #4867aa;
  font-family: myFirstFontBold;
}

.p_b_text {
  line-height: 26px;
  font-family: myFirstFont;
  padding-left: 15px;
  position: relative;
}

.p_b_text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 2px;
  background-color: #4867aa;
}

.sec_two .p_b_text::before {
  height: 130px;
}

.text-center {
  text-align: center;
}

.sky_txt {
  color: #4867aa;
}

.white_txt {
  color: #fff;
}

.bold_txt {
  font-family: myFirstFontBold;
  color: #fff !important;
}

/* common css end */


/* button design start*/

.btn-main {
  padding: 15px 30px;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  transition: 0.6s;
  z-index: 2;
  position: relative;
  background: var(--main-clr);
  overflow: hidden;
  border: 0;
  font-family: myFirstFont;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 12px;
  text-transform: uppercase;
}

.btn-main-white {
  padding: 15px 30px;
  color: #4867aa;
  display: inline-block;
  border-radius: 50px;
  transition: 0.6s;
  z-index: 2;
  position: relative;
  background: #fff;
  overflow: hidden;
  border: 0;
  font-family: myFirstFont;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 12px;
  text-transform: uppercase;
}

.btn-main-one {
  padding: 15px 30px;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  transition: 0.6s;
  z-index: 2;
  position: relative;
  background: var(--main-clr-drk);
  overflow: hidden;
  border: 0;
  font-family: myFirstFont;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 12px;
  text-transform: uppercase;
}

.btn-main img {
  margin-right: 6px
}

.btn-main:hover {
  box-shadow: inset 0 0 0 50px var(--main-clr-drk);
  color: #fff
}

.btn-main-one:hover {
  box-shadow: inset 0 0 0 50px var(--main-clr);
  color: #fff
}

.btn-main-white:hover {
  box-shadow: inset 0 0 0 50px var(--main-clr-drk);
  color: #fff
}

.btn-flex {
  display: flex;
  justify-content: center;
  gap: clamp(10px, 1.282vw, 20px)
}

/* button design end */

/* common paddings start */

.common-padd {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.common-padd-top {
  padding-top: var(--pdg)
}

.common-padd-btm {
  padding-bottom: var(--pdg);
}

.common-padd-sm {
  padding-top: var(--mrg);
  padding-bottom: var(--mrg);
}

.secSliderNavWrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 6px);
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: space-between
}

/* common paddings end */

/* go top button start */

.go-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-clr-drk);
  color: #fff;
  border: 2px solid #fff;
  z-index: 99;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
}

.go-to-top span {
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
  margin-top: 4px;
}

.go-to-top.show {
  opacity: 1
}

/* go top button end */


/* cmd design start */

.cmn-hd {
  position: relative;
  padding-bottom: 18px;
  margin-bottom: 25px;
  text-align: center;
}

.cmn-hd h2,
.cmn-hd-left h2 {
  font-size: 50px;
  margin-bottom: 20px;
}

.cmn-hd>*:last-child {
  margin-bottom: 0
}

.cmn-hd::after {
  background-color: #4867aa;
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: clamp(51px, 5.32vw, 102px);
  height: 2px;
  content: '';
  transform: translateX(-50%);
}

.cmn-hd-lft {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.cmn-hd-lft>*:last-child {
  margin-bottom: 0
}

.cmn-hd-lft::after {
  background-color: #3682ae;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: clamp(51px, 5.32vw, 102px);
  height: 1px;
  content: '';
}

/* cmd design end */

/* secBg design start */

.secBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.secBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}

.secBg1 {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: -1;
}

/* secBg design end */

/* slick slider common css start */

.secSevenImg {
  padding-bottom: 44%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
}

.secSevenImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.secSevenSliderWrap {
  position: relative;
  width: 100vw;
}

.secSevenSliderNavWrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 6px);
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: space-between
}

/*slick dots*/

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 10px;
  content: '•';
  text-align: center;
  opacity: 1 !important;
  color: #686868 !important;
  -webkit-font-smoothing: antialiased;
}

.slick-dots {
  position: absolute;
  bottom: 15%;
  left: 10%;
  display: block;
  width: fit-content;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

.slick-dots li button:before {
  font-size: 34px;
  color: #000;
}

.slick-dots .slick-active button:before {
  color: #3682ae !important;
  opacity: 1 !important;
}

.slick-dots li button {
  padding: 0 4px
}

.slick-dots li {
  margin: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 0 4px;
}

/* slick slider common css end */

/* form design start */

.form_design .cmn-hd h2 {
  font-size: 36px !important;
  color: #000;
}

.form_design form {
  width: 55%;
  background-color: #fff;
  padding: 20px;
  margin: 0 auto;
  border-top: 3px solid #3682ae;
  border-bottom: 3px solid #00000033;
  border-left: 3px solid #00000033;
  border-right: 3px solid #00000033;
  border-radius: 8px;
}

.form_design :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]), select, textarea) {
  border: solid 1px #8a8a8a;
  border-radius: 4px;
  background-color: #fff;
  padding: 8px 10px;
  color: #000000;
  width: 100%;
  font-size: 12px;
  margin: 3px 0;
  font-family: myFirstFont;
}

.submit_btn {
  width: 100%;
}

/* form design end */

/* header start start */

.header-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: 0.3s;
  background: #fff;
  border-top: 2px solid #3682ae;
  color: #000;
  box-shadow: 0px 2px 6px 0px #333333;
}

.header-area.sticky .header-nav {
  background: #fff;
  padding: 10px 0;
}

.header-nav {
  padding: 10px 0;
  transition: 0.4s;
}

.btn-main.hdr-btn {
  background: #fff;
  color: #0c0c0c;
  padding: 8px;
  border-radius: 2px
}

.btn-main.hdr-btn:hover {
  color: #fff
}

.btn-main.hdr-btn:hover img {
  filter: invert(1);
}

.site-navbar ul li a {
  display: flex !important;
  align-items: center !important;
}

.social_details {
  color: #000 !important;
  margin-left: 10px;
}

.social_details p {
  margin: 0;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  color: #454545;
  font-family: myFirstFont;
}

.social_details h3 {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-family: myFirstFontSemibold;
}

.social_details:hover h3 {
  color: #20acea;
}

.navbar-area-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-logo {
  transition: 0.2s;
  flex-shrink: 0
}

.navbar-area-menu {
  display: flex;
  align-items: center;
  gap: clamp(23px, 2.35vw, 45px);
}

.site-logo-inr img {
  position: absolute;
  top: 0%;
  /* border: 5px solid #3682ae; */
  border-radius: 50%;
  box-shadow: 0px 3px 6px 0px #353535a6;
}  


.site-navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(13px, 1.5625vw, 23px)
}

.site-navbar ul li {
  position: relative;
  font-size: 14px;
  font-weight: 300;
  padding: 0 0px;
}

.site-navbar ul li a {
  display: block;
  color: #fff
}

.site-navbar>ul>li a {
  padding: 8px 0;
  border-bottom: 2px solid #0000;
}

/* .site-navbar > ul > li a:hover{border-bottom-color:var(--main-clr);} */

.site-navbar ul ul {
  flex-direction: column;
  transform: translateY(100%);
  position: absolute;
  width: clamp(150px, 15.625vw, 300px);
  background: #fff;
  box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.26);
  transform-origin: top;
  z-index: 99;
  transition: 0.2s;
  align-items: flex-start;
  top: 100%;
  gap: 0;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  text-transform: uppercase;
}

.site-navbar ul ul li {
  width: 100%;
  text-transform: none;
  font-weight: bold
}

.site-navbar ul ul a {
  padding: clamp(8px, 0.5208vw, 10px);
  width: 100%;
  display: block;
  color: #222;
}

.site-navbar ul ul li a:hover {
  background: var(--main-clr);
  color: #fff;
}

.site-navbar ul li>span {
  display: none;
}

.site-navbar ul li:hover ul {
  transform: none;
  opacity: 1;
  pointer-events: all
}

.navbar-social ul {
  margin: 0;
  padding: 2px 0 2px clamp(12px, 1.25vw, 24px);
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(10px, 0.68vw, 13px);
  border-left: 1px solid var(--main-clr);
}

.navbar-social ul li a,
.navbar-social ul li img {
  display: block;
}

.nav-toggler {
  border: 0;
  background-color: #fff0;
  cursor: pointer;
  display: none;
  padding: 5px;
}

.nav-toggler span,
.nav-toggler span:before,
.nav-toggler span:after {
  width: 28px;
  height: 2px;
  background-color: #fff;
  display: block;
  transition: .3s;
}

.nav-toggler span:before {
  content: '';
  transform: translateY(-9px);
}

.nav-toggler span:after {
  content: '';
  transform: translateY(7px);
}

.nav-toggler.toggler-open span {
  background-color: transparent;
}

.nav-toggler.toggler-open span:before {
  transform: translateY(0px) rotate(45deg);
}

.nav-toggler.toggler-open span:after {
  transform: translateY(-2px) rotate(-45deg);
}

/* header start end */

/* banner design start */

.banner {
  margin-top: 85px;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden!important;
}

.banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.banner-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.banner h1 {
  line-height: 1.1;
  margin-bottom: 10px;
  font-style: normal;
}

.banner-form-wrap {
  padding-left: 12%
}

.banner-form {
  background-color: rgba(25, 25, 25, 0.902);
  padding: 28px 12px
}

.banner-form h2 {
  font-size: var(--fs-24px);
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 18px
}

.banner-form-item :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]), select, textarea) {
  border: solid 1px #4c4949;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0);
  padding: 14px 7px;
  color: #fff;
  width: 100%;
  ;
  font-size: 14px
}

.banner-form-item textarea {
  height: 130px
}

.banner-form-item select {
  text-transform: uppercase
}

.banner-form-item option {
  color: #000;
  text-transform: uppercase
}

.banner-form-item input[type=submit] {
  background: var(--main-clr);
  border: 0;
  padding: 14px 7px;
  color: #fff;
  width: 100%;
  cursor: pointer;
}

.banner-form-item ::placeholder {
  color: #fff;
  text-transform: uppercase
}

.banner-form-item:not(:last-child) {
  margin-bottom: 8px
}

.banner_content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.banner .banner_txt {
  font-size: 45px;
  line-height: 45px;
  font-family: myFirstFontBold;
  color: #fff;
}

.banner .p_b_text {
  font-size: 18px;
  color: #fff;
  line-height: 26px;
  font-family: myFirstFont;
  padding-left: 15px;
  position: relative;
}

.banner_slider {
  position: relative;
  height: 400px;
}

.banner .secSevenSliderNav {
  pointer-events: all;
  cursor: pointer;
  padding: 20px;
  display: none !important;
}

.banner_contact_btn {
  display: flex;
  align-items: center;
}



/* .banner_wave_image {
  position: absolute;
  bottom: 70px;
} */

/* .wave {
  height: 127px;
  background-color: #fff;
  clip-path: polygon(0% 100%, 0% 99.20%, 2.50% 98.85%, 5.00% 97.82%, 7.50% 96.23%, 10.00% 94.22%, 12.50% 92.00%, 15.00% 89.78%, 17.50% 87.77%, 20.00% 86.18%, 22.50% 85.15%, 25.00% 84.80%, 27.50% 85.15%, 30.00% 86.18%, 32.50% 87.77%, 35.00% 89.78%, 37.50% 92.00%, 40.00% 94.22%, 42.50% 96.23%, 45.00% 97.82%, 47.50% 98.85%, 50.00% 99.20%, 52.50% 98.85%, 55.00% 97.82%, 57.50% 96.23%, 60.00% 94.22%, 62.50% 92.00%, 65.00% 89.78%, 67.50% 87.77%, 70.00% 86.18%, 72.50% 85.15%, 75.00% 84.80%, 77.50% 85.15%, 80.00% 86.18%, 82.50% 87.77%, 85.00% 89.78%, 87.50% 92.00%, 90.00% 94.22%, 92.50% 96.23%, 95.00% 97.82%, 97.50% 98.85%, 100.00% 99.20%);
  margin-top: -7px;
} */

/* banner design end */

/* section one start */

.sec_one .cmn-hd h2 {
  font-size: 36px !important;
}

.sec_one .form-check {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 10px 0;
  border: 1px solid #9ac0d6;
  padding: 10px;
}

.sec_one .form-check input {
  margin-right: 10px;
}

.shape_1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto;
}

/* section one end */

/* sec two start */

.shape_2 {
  position: absolute;
  bottom: -2%;
  right: 0;
  z-index: 1;
  width: auto;
}

/* sec two end */

/* sec_three start */

.sec_three .sec_three_box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 3rem;
}

.sec_three .heading_div {
  margin-bottom: 4rem;
}

.sec_three h3 {
  font-size: 22px !important;
}

.sec_three .sec_three_box_item {
  flex-basis: calc(100% - 30px);
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0px 0px 4px 0px #3682ae65;
}

.sec_three .ag-courses-item_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 20px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
}

.sec_three .ag-courses-item_link:hover,
.sec_three .ag-courses-item_link:hover .ag-courses-item_date {
  text-decoration: none;
  color: #FFF;
}

.sec_three .ag-courses-item_link:hover .ag-courses-item_bg {
  transform: scale(10);
}

.sec_three .ag-courses-item_title {
  min-height: 87px;
  margin: 0 0 25px;
  overflow: hidden;
  font-weight: bold;
  font-size: 21px;
  color: #000;
  z-index: 2;
  position: relative;
}

.sec_three .ag-courses-item_date-box {
  font-size: 18px;
  color: #FFF;
  z-index: 2;
  position: relative;
}

.sec_three .ag-courses-item_date {
  font-weight: bold;
  color: #f9b234;
  transition: color .5s ease;
}

.sec_three .ag-courses-item_bg {
  height: 140px;
  width: 28%;
  background-color: #f2f6ff;
  z-index: 1;
  position: absolute;
  top: -48px;
  right: -34px;
  border-radius: 50%;
  transition: all .5s ease;
}

.sec_three .sec_three_box p {
  font-size: 14px;
}

.sec_three .sec_three_box .image_div1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.shape_3 {
  position: absolute;
  bottom: 5%;
  left: 0;
  z-index: -1;
  width: auto;
}

/* sec_three end */

/* sec four start */

.sec_four p {
  color: #fff;
}

/* sec four end */

/* sec five start */

.box_sec_five {
  background: #4867aa;
  width: fit-content;
  padding: 10px 15px;
  color: #fff;
  margin-bottom: -12px;
  margin-left: 10px;
  z-index: 2;
}

.box1_sec_five {
  background: #4867aa;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  z-index: 2;
  margin: 0 30px;
  margin-top: -12px;
}

.training_box_div {
  z-index: -1;
}

.training_box {
  background: #f1faff;
  padding: 3rem 2rem 1rem;
}

.training_box .points {
  display: grid;
  grid-template-columns: 10% 90%;
  align-items: flex-start;
  margin: 10px 0;
}

.training_box .no_div {
  position: relative;
  margin-right: 10px;
  width: 48px;
}

.training_box .no_div p {
  position: absolute;
  top: 4px;
  left: 13px;
  color: #fff;
}

.Point_txt {
  padding-top: 6px;
}

.shape_4 {
  position: absolute;
  top: 10%;
  left: 0;
  z-index: -1;
  width: auto;
}

.shape_5 {
  position: absolute;
  bottom: 0%;
  right: 0;
  z-index: -1;
  width: auto;
}

.shape_6 {
  position: absolute;
  bottom: 0%;
  left: 7%;
  z-index: -1;
  width: auto;
}

/* sec five end */

/* sec six start */

.sec_six .content_div {
  margin-left: -100px;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #eee;
  box-shadow: 0px 0px 6px 0px #00000029;
  padding: 20px;
}

.sec_six .content_div p {
  margin: 0;
  padding: 10px 0 0;
}

.sec_six .box_sec_six {
  background: #4867aa;
  width: fit-content;
  padding: 5px 10px;
  color: #fff;
}

.flex_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.duration_box {
  padding: 5px 10px;
  background: #eaf1ff;
  border: 1px solid #20acea;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.duration_box p {
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 10px !important;
}

.connect {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.connect p {
  padding: 0 !important;
  margin: 0 !important;
  margin-right: 10px !important;
}

.connect img {
  margin: 0 5px;
}

.connect .hand_img {
  margin-right: 10px;
}

.course .p1 {
  text-transform: uppercase;
  color: #4867aa;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: 600;
}

.course .p2 {
  text-transform: uppercase;
  color: #000;
  font-size: 60px;
  line-height: 60px;
  font-weight: 900;
  text-align: center;
}

.course .p3 {
  color: #3682ae;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  text-decoration: line-through;
  font-style: italic;
}

.shape_7 {
  position: absolute;
  bottom: 2%;
  left: 0;
  z-index: -1;
  width: auto;
}

.shape_20 {
  position: absolute;
  right: 15%;
  top: 15%;
  z-index: -1;
  width: auto;
}

/* sec six end */

/* sec seven start */

.sec_seven .box {
  background-color: #fff;
  text-align: center;
  padding: 30px;
  height: 240px;
  border-radius: 5px;
}

.sec_seven .box p {
  padding-top: 20px;
  font-size: 18px;
  color: #000;
}

.sec_seven .box_bottom {
  margin-top: 50px;
}

.sec_seven .box:hover {
  background-color: #4867aa47;
  text-align: center;
  padding: 30px;
  height: 240px;
}

.sec_seven .box:hover p {
  padding-top: 20px;
  font-size: 18px;
  color: #4867aa;
  font-weight: 600;
}

.shape_8 {
  position: absolute;
  bottom: 5%;
  left: 0;
  z-index: -1;
  width: auto;
}

/* sec seven end */

/* sec_eight start */

.shape_9 {
  position: absolute;
  top: 5%;
  right: 0;
  z-index: -1;
  width: auto;
}

.shape_10 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
  width: auto;
}

.shape_11 {
  position: absolute;
  top: 3%;
  right: 13%;
  z-index: -1;
  width: auto;
}

/* sec_eight end */

/* sec_nine start */

.sec_nine {
  background-color: #ecf8ff;
}

.sec_nine h3 {
  font-size: 50px;
  font-style: oblique;
  font-weight: 400;
  margin-bottom: 20px;
}

.video_content {
  position: relative;
  text-align: center;
}

.video_content .video_image {
  width: 100%;
  border-radius: 20px;
}

.video_btn_image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.shape_12 {
  position: absolute;
  top: 20%;
  left: 0;
  z-index: 1;
  width: auto;
}

.shape_13 {
  position: absolute;
  bottom: 5%;
  right: 0;
  z-index: 1;
  width: auto;
}

.secSliderWrap {
  position: relative;
}

.sec_nine .secSliderNavWrap {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 6px);
  height: 100%;
  pointer-events: visible;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: fit-content;
}

.secSliderWrap .secItem {
  margin: 0 20px;
}

.secSliderWrap .secSlider {
  margin: 0 2rem;
}

.secSliderNavWrap .secSliderNav img:hover {
  filter: brightness(1) invert(0.5);
}


.sec_ten_box .title {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: #4867aa;
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
  opacity: 0.9;
}


.content-image {
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 95%;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-align: center;
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
  padding: 5px;
}

.content .content-details h3 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  background-color: #4867aa !important;
  width: 100%;
  padding: 10px 15px;
  text-align: center;
  margin: 0;
  font-size: 18px;
}


.content:hover .content-details h3 {
  background-color: transparent !important;
}

.content .content-details img {
  display: none;
}

.content:hover .content-details img {
  display: block;
  padding-bottom: 20px;
  text-align: center;
}

.content .content-details p {
  color: #fff;
  font-size: 14px;
  display: none;
  padding: 0 10px;
}

.content:hover .content-details p {
  display: contents;
  padding: 0 10px !important;
}

.fadeIn-bottom {
  top: 95%;
}

/* sec_nine end */

/* sec ten start */

.shape_14 {
  position: absolute;
  bottom: -35%;
  right: 0;
  z-index: 1;
  width: auto;
}

/* sec ten end */

/* sec eleven start */

.sec_eleven {
  background: #ecf8ff;
}

.sec_eleven_box {
  background-color: #fff;
  margin: 20px;
  box-shadow: 0px 0px 5px 0px #33333352;
  padding: 20px;
  border-radius: 20px;
  position: relative;
  color: #000;
  transition: all ease-in 0.5ms;
}

.sec_eleven_box .name_div {
  display: flex;
  align-items: center;
}

.sec_eleven_box .name_div img {
  border: 50%;
}

.sec_eleven_box .name_div h4 {
  color: #4867aa;
  margin-left: 10px;
}

.sec_eleven .quote {
  position: absolute;
  bottom: 5%;
  right: 5%;
}

.sec_eleven .slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 1px;
  content: '─';
  text-align: center;
  opacity: 1 !important;
  color: #686868 !important;
  -webkit-font-smoothing: antialiased;
}

.sec_eleven .slick-dots {
  position: absolute;
  bottom: -10%;
  left: 0%;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.sec_eleven .slick-dots li button:before {
  font-size: 34px;
  color: #000;
  border: none;
}

.sec_eleven .slick-dots .slick-active button:before {
  color: #3682ae !important;
  opacity: 1 !important;
}

.sec_eleven .slick-dots li button {
  padding: 0 4px
}

.sec_eleven .slick-dots li {
  margin: 0;
  border: none;
  border-radius: 50%;
  margin: 0 4px;
}

.sec_eleven .item:nth-child(even) {
  margin-top: 40px;
}

.sec_eleven_box:hover {
  background-color: #4867aa;
  color: #fff;
  box-shadow: 0px 0px 5px 0px #809cda;
}

.sec_eleven_box:hover .name_div h4 {
  color: #fff;
}

.shape_15 {
  position: absolute;
  left: 0;
  top: -10%;
  z-index: 12;
  width: auto;
}

.shape_16 {
  position: absolute;
  right: 0;
  bottom: 5%;
  z-index: 12;
  width: auto;
}

.shape_17 {
  position: absolute;
  right: 0;
  top: 5%;
  z-index: 12;
  width: auto;
}

.shape_18 {
  position: absolute;
  left: 0;
  bottom: 5%;
  z-index: 12;
  width: auto;
}

.shape_21 {
  position: absolute;
  right: 10%;
  top: 34%;
  z-index: 0;
  width: auto;
}

/* sec eleven end */

/* sec twelve start */

.sec_twelve {
  position: relative;
  padding: 20px 0;
}

.sec_twelve .content_div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  text-align: center;
}

.sec_twelve .content_div .p1 {
  text-transform: uppercase;
  color: #fff;
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  font-weight: 400;
}

.sec_twelve .content_div .p2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 80px;
  line-height: 80px;
  font-weight: 900;
  text-align: center;
}

.sec_twelve .content_div .p3 {
  color: #20acea;
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
}

.sec_twelve .content_div .p4 {
  text-transform: uppercase;
  color: #fff;
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  font-weight: 600;
}

.sec_twelve .content_div .p5 {
  text-transform: uppercase;
  color: #fff;
  font-size: 80px;
  line-height: 80px;
  font-weight: 900;
  text-align: center;
}

.sec_twelve .content_div .p6 {
  color: #ff4040;
  font-size: 80px;
  line-height: 80px;
  text-align: center;
  text-decoration: line-through;
  font-style: italic;
}

/* sec twelve end */

/* sec fourteen start */

.sec_fourteen .big_txt {
  font-size: 50px;
  margin-bottom: 20px;
  color: #fff;
  font-family: myFirstFont;
}

/* sec fourteen end */

/* faq start */

.faq-sec {
  background-color: #ecf8ff;
}

.faq-accordian-div {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  margin: 0 calc(0% - clamp(9px, 0.94vw, 18px));
}

.faq-item {
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
  width: 100%;
  padding: 0 clamp(10px, 0.94vw, 18px);
}

.faq-item details {
  border: 1px solid #bbdcef;
  background-color: #fff;
  margin: 5px 0;
  padding: 2px 10px;
  position: relative;
  z-index: 10;
}

.faq-item details .shape5 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11;
}

.faq-item h3 {
  font-size: 15px;
  margin-bottom: 0;
  color: #4867aa;
}

.faq-item summary {
  list-style: none;
  padding: 15px 42px 15px 8px;
  position: relative;
  cursor: pointer;
  transition: 0.3s
}

.faq-item summary:before {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #000;
  bottom: calc(50% - 1px);
  right: 0;
  content: '';
  border-radius: 4px;
  transition: 0.3s;
  z-index: 15;
}

.faq-item summary:after {
  position: absolute;
  width: 2px;
  height: 20px;
  background: #000;
  bottom: calc(50% - 10px);
  right: 9px;
  content: '';
  border-radius: 4px;
  transition: 0.3s;
  transform: rotate(0deg);
  z-index: 15;
}

.faq-item [open] summary:after {
  transform: rotate(90deg);
}

.faq-ans {
  padding: 0px 42px 20px 8px;
  position: relative;
  animation: sweep .5s ease-in-out;
}

[open] summary~.faq-ans {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

.shape_19 {
  position: absolute;
  right: 0;
  bottom: 5%;
  z-index: 1;
  width: auto;
}

.shape_22 {
  position: absolute;
  left: 0%;
  bottom: 20%;
  z-index: 0;
  width: auto;
}

/* faq end */

/* footer start */

.footer {
  height: auto;
  background: #000;
  padding: 50px 0 10px;
  text-align: center;
  position: relative;
}

.footer .logo_div {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.footer .social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}

.footer .footer_icon {
  margin: 0 10px;
}

.footer .left_div {
  float: left;
  color: #fff;
}

.footer .right_div {
  float: right;
  color: #fff;
}

.footer .footer_bg_shape1 {
  position: absolute;
  top: 4%;
  left: 4%;
}

.footer .footer_bg_shape2 {
  position: absolute;
  bottom: 4%;
  right: 4%;
}

.footer .right_div a {
  color: #fff;
}

.footer .right_div a:hover {
  color: #20acea;
}

/* footer end */
/* banner */
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 10px;
    font-weight: normal;
    display: block;
}
.wpcf7 form .wpcf7-response-output {
    margin:0;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    font-size: 9px;
    margin-top: -20px;
}
/***************************** 
media queries start
*****************************/

@media(max-width: 1920px){

.shape_6 {
    position: absolute;
    bottom: 0%;
    left: 17%;
    z-index: -1;
    width: auto;
} 

.shape_20 {
  position: absolute;
  right: 23%;
  top: 15%;
  z-index: -1;
  width: auto;
}

.shape_11 {
  position: absolute;
  top: 3%;
  right: 23%;
  z-index: -1;
  width: auto;
}

.shape_21 {
  position: absolute;
  right: 21%;
  top: 34%;
  z-index: 0;
  width: auto;
}

.sec_twelve {
  position: relative;
  padding: 50px 0;
}

.sec_eleven .slick-dots {
  position: absolute;
  bottom: -3%;
  left: 0%;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

}

@media(max-width: 1800px){

  .slick-dots li button:before {
    line-height: 19px;
  }

  .shape_6 {
    position: absolute;
    bottom: 0%;
    left: 15%;
    z-index: -1;
    width: auto;
} 

.shape_20 {
  position: absolute;
  right: 21%;
  top: 15%;
  z-index: -1;
  width: auto;
}

.shape_11 {
  position: absolute;
  top: 3%;
  right: 21%;
  z-index: -1;
  width: auto;
}

.shape_21 {
  position: absolute;
  right: 19%;
  top: 34%;
  z-index: 0;
  width: auto;
}

}

@media only screen and (min-width:1600px) {

  .container {
    max-width: 1440px;
  }

  .shape_6 {
    position: absolute;
    bottom: 0%;
    left: 13%;
    z-index: -1;
    width: auto;
} 

.shape_20 {
  position: absolute;
  right: 18%;
  top: 15%;
  z-index: -1;
  width: auto;
}

.shape_11 {
  position: absolute;
  top: 3%;
  right: 18%;
  z-index: -1;
  width: auto;
}

.shape_21 {
  position: absolute;
  right: 15%;
  top: 34%;
  z-index: 0;
  width: auto;
}

}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }


  .shape_6 {
    position: absolute;
    bottom: 0%;
    left: 5%;
    z-index: -1;
    width: auto;
} 

.shape_20 {
  position: absolute;
  right: 10%;
  top: 15%;
  z-index: -1;
  width: auto;
}

.shape_11 {
  position: absolute;
  top: 3%;
  right: 10%;
  z-index: -1;
  width: auto;
}

.shape_21 {
  position: absolute;
  right: 10%;
  top: 34%;
  z-index: 0;
  width: auto;
}

.sec_eleven .slick-dots li {
  margin: 0;
  border: none;
  border-radius: 50%;
  margin: 0 10px;
}

}

@media(max-width: 1280px){

.shape_5 {
    position: absolute;
    bottom: -30%;
    right: 0;
    z-index: -1;
    width: auto;
}

.social_details h3 {
  margin: 0;
  font-size: 15px;
  line-height: 15px;
  font-family: myFirstFontSemibold;
}

.banner_content {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.shape_1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 6%;
}

.sec_six .content_div {
  margin-left: -50px;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #eee;
  box-shadow: 0px 0px 6px 0px #00000029;
  padding: 20px;
}

.shape_20 {
  position: absolute;
  right: 6%;
  top: 15%;
  z-index: -1;
  width: auto;
}

.shape_10 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
  width: 5%;
}

.shape_13 {
  position: absolute;
  bottom: 5%;
  right: 0;
  z-index: 1;
  width: 5%;
}

.shape_15 {
  position: absolute;
  left: 0;
  top: -10%;
  z-index: 12;
  width: 5%;
}

.shape_14 {
  position: absolute;
  bottom: -35%;
  right: 0;
  z-index: 1;
  width: 20%;
}

.shape_21 {
  position: absolute;
  right: 7%;
  top: 34%;
  z-index: 0;
  width: auto;
}

.shape_19 {
  position: absolute;
  right: 0;
  bottom: 5%;
  z-index: 1;
  width: 5%;
}

}




@media(max-width: 1199px){

.site-logo-inr img {
    width: 13%;
}

.banner .banner_txt {
  font-size: 35px;
  line-height: 35px;
}

.banner .p_b_text {
  font-size: 14px;
  line-height: 18px;
}

.form_design form {
  width: 85%;
}

.slick-dots li button:before {
  line-height: 18px;
  width: 18px !important;
}

.heading, .sec_fourteen .big_txt, .sec_nine h3, .course .p2, .cmn-hd h2, .cmn-hd-left h2{
  font-size: 40px;
  font-family: myFirstFont !important;
  margin-bottom: 20px;
}

p, .form-check-label, .sec_seven .box p, .sec_eleven_box .name_div h4, .faq-item h3{
  font-size: 14px;
}

.sec_seven .box {
  height: 220px;
}

.shape_1, .shape_2, .shape_3, .shape_4, .shape_5, .shape_6, .shape_7, .shape_8, .shape_9, .shape_10, .shape_11, .shape_12, .shape_13, .shape_14, .shape_15, .shape_16, .shape_17, .shape_18, .shape_19, .shape_20, .shape_21, .shape_22{
  display: none;
}

.sec_eleven_box {
  margin: 10px;
  padding: 10px;
}

.sec_twelve .content_div .p3, .sec_twelve .content_div .p2, .sec_twelve .content_div .p1, .sec_twelve .content_div .p4, .sec_twelve .content_div .p5, .sec_twelve .content_div .p6{
  font-size: 40px;
  line-height: 40px;
}

.fadeIn-bottom {
  top: 90%;
}

.content .content-details h3{
  font-size: 14px;
}

.youtube_img img {
  width: 50%;
  margin: 0 auto;
}

.sec_three h3 {
  font-size: 18px !important;
}

.sec_one .cmn-hd h2 {
  font-size: 30px !important;
}

.training_box .no_div p {
  top: 7px;
  left: 13px;
}

}




@media(max-width: 991px){

  .site-logo-inr img {
    width: 18%;
  }

  .social_details{
    display: none;
  }

  .banner .banner_txt {
    font-size: 22px;
    line-height: 25px;
}

.btn-main, .btn-main-one, .btn-main-white {
  padding: 12px 20px 10px;
  font-size: 12px;
}

.cmn-hd {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px;
  text-align: center;
}

.form_design .cmn-hd h2 {
  font-size: 25px !important;
  color: #000;
}

.banner .p_b_text {
font-size: 12px;
line-height: 16px;
}

.form_design form {
width: 85%;
}

.slick-dots li button:before {
line-height: 18px;
width: 18px !important;
}

.heading, .sec_fourteen .big_txt, .sec_nine h3, .course .p2, .cmn-hd h2, .cmn-hd-left h2{
font-size: 30px;
font-family: myFirstFont !important;
margin-bottom: 20px;
}

p, .form-check-label, .sec_seven .box p, .sec_eleven_box .name_div h4, .faq-item h3{
font-size: 12px;
}

.sec_seven .box {
height: 220px;
}

.shape_1, .shape_2, .shape_3, .shape_4, .shape_5, .shape_6, .shape_7, .shape_8, .shape_9, .shape_10, .shape_11, .shape_12, .shape_13, .shape_14, .shape_15, .shape_16, .shape_17, .shape_18, .shape_19, .shape_20, .shape_21, .shape_22{
display: none;
}

.sec_eleven_box {
margin: 10px;
padding: 10px;
}

.sec_twelve .content_div .p3, .sec_twelve .content_div .p2, .sec_twelve .content_div .p1, .sec_twelve .content_div .p4, .sec_twelve .content_div .p5, .sec_twelve .content_div .p6{
font-size: 30px;
line-height: 30px;
}

.fadeIn-bottom {
top: 90%;
}

.content .content-details h3{
font-size: 12px;
}

.youtube_img img {
width: 50%;
margin: 0 auto;
}

.sec_three h3 {
font-size: 20px !important;
}

.sec_one .cmn-hd h2 {
  font-size: 25px !important;
}

.form_design form{
  padding: 10px;
}

.sec_three .ag-courses-item_bg {
  height: 140px;
  width: 25%;
}

.sec_three .sec_three_box{
  margin-bottom: 1rem;
}

.training_box .points {
  grid-template-columns: 15% 85%;
}

.training_box .no_div p {
  top: 8px;
  left: 13px;
}

.box_sec_five, .box1_sec_five{
  font-size: 12px;
} 

.sec_two .p_b_text::before {
  height: 80px;
}

.sec_three .heading_div br{
  display: none;
}

.image_div img {
  border-radius: 20px;
  width: 100%;
}

.sec_six .content_div {
  margin-left: 0;
  margin-top: -50px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #eee;
  box-shadow: 0px 0px 6px 0px #00000029;
  padding: 20px;
}

.sec_seven .box_bottom {
  margin-top: 0px;
}

.sec_seven .box{
  margin: 20px 0;
  height: 200px;
}

.sec_eleven .item:nth-child(even) {
  margin-top: 0px;
}

.sec_eleven .slick-dots{
  bottom: -13%;
}

.sec_three .heading_div {
  margin-bottom: 2rem;
}

}
@media (max-width: 820px){
	.banner_content {
    position: absolute;
    left: 50%;
    top: 50%;
}
.slick-dots {
    position: absolute;
    bottom: 9%;}
}

@media(max-width: 768px){

  .site-logo-inr img {
    width: 20%;
}

  .form_design :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]), select, textarea) {
    border: solid 1px #8a8a8a;
    border-radius: 4px;
    background-color: #fff;
    padding: 4px 4px;
    color: #000000;
    width: 100%;
    font-size: 12px;
    margin: 2px 0;
    font-family: myFirstFont;
}

.banner .banner_txt {
  font-size: 15px;
  line-height: 15px;
}

.btn-main, .btn-main-one, .btn-main-white {
  padding: 7px 12px 5px;
  font-size: 10px;
}

.sec_seven .box p {
  padding-top: 10px;
  font-size: 14px;
  color: #000;
}

.sec_seven .box p {
  padding-top: 10px;
  font-size: 18px;
  color: #000;
}

}


@media(max-width: 767px){

  /* .sec_four img {
    margin-bottom: 20px;
    margin-left: -50px;
} */

.training_box .points{
  margin: 0px 0 10px;
}

.sec_seven .box p {
  padding-top: 10px;
  font-size: 12px;
  color: #000;
}

.sec_eight .image_div img{
  margin: 20px 0;
}

.order_one{
  order: 1;
}

.order_two{
  order: 2;
}

.order_three{
  order: 3;
}

.sec_nine hr{
  display: none;
}

.sec_ten_box{
  margin: 20px 0;
}

.fadeIn-bottom {
  top: 96%;
}

.big_txt br{
  display: none;
}

.sec_fourteen .form_design form{
  width: 100%;
  margin-top: 20px;
}

.footer .left_div, .footer .right_div{
  float: none;
  text-align: center;
}

.form_design .cmn-hd h2 {
  font-size: 12px !important;
  color: #000;
}
	
.banner_content{
  top:50%;
}
/* banner section */
.hero_slider{
		margin-top:0px!important;
	}
.banner_content row{
		align-items:flex-start!important;
	}	
	.slick-dots {
    position: absolute;
		bottom: 11%;}
}


@media(max-width: 600px){

  .slick-dots {
    position: absolute;
    bottom: 8%;
    left: 10%;
    display: block;
    width: fit-content;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.banner_content .mt-5 {
  margin-top: 1rem!important;
}

.form_design :is(input:not([type=radio]):not([type=checkbox]):not([type=submit]), select, textarea) {
  border: solid 1px #8a8a8a;
  border-radius: 4px;
  background-color: #fff;
  padding: 2px 4px;
  color: #000000;
  width: 100%;
  font-size: 10px;
  margin: 2px 0;
  font-family: myFirstFont;
}

.banner .p_b_text {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}

.sec_one .cmn-hd h2 {
  font-size: 20px !important;
}
.banner_content {
    top: 48%;
}
}


@media(max-width: 575px){

  .banner_content .mt-5 {
    margin-top: 0rem!important;
}
.banner_content {
    top: 80%;
}
.banner .slick-slider .slick-list, .banner .slick-track{
  height: 400px;
}
	.banner .secSevenImg{
  overflow: visible;
}
	.banner {
  overflow: visible!important;
}
	.slick-dots {
  position: absolute;
  bottom: 0%;
  left: 36%;
  display: block;
  width: fit-content;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
	.slick-dots li {
  margin: 0;
  border: 1px solid #b7b7b7;
  border-radius: 50%;
  margin: 0 4px;
}
}

@media(max-width: 540px){
.banner_content {
   top: 52%;
}
  .banner_content .mt-5 {
    margin-top: 14rem!important;
}

.banner {
  margin-top: 70px;
  position: relative;
  z-index: 2;
  color: #fff;
  overflow: hidden!important;
  height: auto;
}

.banner .slick-slider .slick-list, .banner .slick-track{
  height: 420px;
}

.banner .secSevenImg{
  overflow: visible;
}

.slick-dots {
  position: absolute;
  bottom: -5%;
  left: 36%;
  display: block;
  width: fit-content;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

.form_design form {
  width: 100%;
  margin-top: 20px;
}

.slick-dots li {
  margin: 0;
  border: 1px solid #b7b7b7;
  border-radius: 50%;
  margin: 0 4px;
}

.sec_four img {
  margin-bottom: 20px;
  margin-left: 0;
}

.sec_three .sec_three_box_item {
  flex-basis: calc(100% - 0px);
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0px 0px 4px 0px #3682ae65;
}

.site-navbar li a{
  width: 60%;
}

.site-navbar>ul>li a {
  padding: 8px 0;
  border-bottom: 2px solid #0000;
  margin-left: auto;
}

.sec_eleven .slick-dots {
  bottom: -6%;
}

	
}

@media(max-width: 390px){

  .banner {
    margin-top: 65px;
    position: relative;
    z-index: 2;
    color: #fff;
    overflow: visible!important;
    height: auto;
}

.banner_content .mt-5 {
  margin-top: 15rem!important;
}

.slick-dots {
  position: absolute;
  bottom: -5%;
  left: 33%;
  display: block;
  width: fit-content;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

.common-padd {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.site-navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
}

.slick-dots li button:before {
  line-height: 18px;
  width: 18px !important;
  }

  .sec_three .ag-courses-item_bg {
    height: 140px;
    width: 45%;
}
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #000;
}