html {
  scroll-behavior: smooth;
}
body {
  font-family: "Jost", serif;
  font-family: 'Poppins', sans-serif;
  line-height: 1.7;
  /* background: linear-gradient(102deg, #FFB501 8.27%, #EF7640 67.07%); */
  color: #868686;
  font-weight: 300;
  font-size: 1.1rem;
  overflow-x: hidden;
  position: relative;
  margin: 0;
  padding: 0;
}

@media (min-width: 1200px) {
 .container {
       max-width: 1600px; 
  }
}

.headSection {background: url('../images/banner.png') no-repeat; background-size: cover; padding: 50px 0px;}
.logoBoxcontainer {margin-bottom: 100px;}
.logoBoxcontainer img {width: 250px;}
.bannerImg img {width: 100%;mix-blend-mode: multiply; filter: contrast(1);}

.middleBox {min-height: 380px; margin: 50px 0px; padding: 40px 0px; border: 10px rgba(255, 255, 255, 0.20) solid;}
.middleBox h2 {font-family: "Jost", serif; font-size:36px; font-weight: 700; color:#000; text-align: left; text-transform: uppercase; margin-bottom: 20px;}
.middleBox h2 span {color:#2AB2FD}
.middleBox .mobilno small {font-size: 14px; font-weight: 500; color: #000; display: block;}
.middleBox .mobilno label {font-size: 36px; font-weight: 800; color:#000; line-height: 36px;}
.middleBox .form-field {position: relative;}
.middleBox .form-field label {font-size: 12px; font-weight: 500; color: #2AB2FD; padding: 3px 0px; border-radius: 20px; margin: 0;}
.middleBox .form-field input {height: auto; font-size: 14px; font-weight: 600; padding: 15px; border: 1px #2AB2FD solid; border-radius: 10px;}
.middleBox .form-field select {height: 70px; font-size: 14px; font-weight: 600; padding: 15px; border: 1px #2AB2FD solid; border-radius: 10px;}

.parsley-custom-error-message, .parsley-required {font-size: 12px; font-weight: 500; color: #ff0000;}

.thankyou-container {width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center;}
.thankyoubox {width: 100%; max-width: 800px; background: #FFF; text-align: center; padding: 30px;border-radius: 20px;}
.thankyousubbox {border: 3px #ef7640 dashed; padding: 20px; border-radius: 20px;}
.thankyousubbox img {width: 100%; max-width: 400px;}
.thankyousubbox .text {font-size: 16px; font-weight: 500; color: #FFF; margin: 20px 0px;}

.action-btn {font-size: 17px; color: #FFF; cursor: pointer; z-index: 1; width: 91%; font-weight: 600; padding: 10px 10px; border: 0px #000 solid; background: #D62F0A; background: linear-gradient(90deg, #FAC811 0%, #D62F0A 100%); border-radius: 10px;}

.acknowledgeBox {font-size: 12px; font-weight: 500; color: #000;}

.section-title {text-align: center; margin: 30px 0px;}
.section-title h2 {font-family: "Jost", serif; font-size: 42px; font-weight: 700; color: #000; text-transform: uppercase;}
.section-title span {color: #2AB2FD;}

.middleSec {padding: 100px 0px;}
.whychooseBox {text-align: center; padding: 20px 10px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 20px; min-height: 340px; border: 1px #2AB2FD solid;}
.whychooseBox h3 {font-size: 18px; font-weight: 600; color: #000; text-transform: uppercase; margin: 10px 0px;}
.whychooseBox p {font-size: 12px; font-weight: 400; color: rgba(60, 60, 60, 1); min-height: 40px;}
.whychooseBox img {width: 100%;}
.middleImg img {width: 100%;}


.eligibilityCriteria {background: #1E4CB1; background: linear-gradient(90deg, #1E4CB1 0%, #2AB2FD 100%);}
.eligibilityCriteriaBox {display: flex; justify-content: space-between; column-gap: 10px; overflow: hidden;}
.eligibilityCriteriaBox h2 {font-size: 36px; font-weight: 700; color: #FFF;}
.eligibilityCriteriaBox p {font-size: 20px; color: #FFF;}
.eligibilityCriteriaBox > div:nth-of-type(1) {width:30%; padding: 50px 0px;}
.eligibilityCriteriaBox > div:nth-of-type(2) {width: 400px; height: 400px; display: flex; justify-content: center; align-items: center; padding: 0px; border-radius: 50%; position: absolute; left: 50%; margin: -90px 0px 0px 0px; margin-left: -200px;}
.eligibilityCriteriaBox > div:nth-of-type(3) {width:30%; padding: 50px 0px;}
.eligibilityCriteriaBox > div:nth-of-type(3) .listBox > div {background: #fff; padding: 3px; margin: 5px; border-radius: 30px; font-size: 14px; color: #000; font-weight: 500; display: flex; column-gap: 10px;}


.owl-carousel {max-width: 100%; text-align: center; margin: 50px auto;}
.owl-carousel.owl-drag .owl-item {padding: 20px; min-height: 200px; border: 1px #eee solid;}
.owl-carousel p {font-size: 14px; font-weight: 500; padding: 0px 0px; color: #000;}
.owl-carousel h2 {font-size: 18px; font-weight: 600; color: #000; margin: 0;}
.owl-carousel .profilebox {display: flex; column-gap: 20px; align-items: center; justify-content: center;}
.owl-carousel .profilebox small {color: #2AB2FD;}
.owl-carousel .profileIcon { width: 60px !important; height: 60px; object-fit: contain; margin: 0px; border: 2px #2AB2FD solid; border-radius: 50%;}
.owl-carousel .testiicon {text-align: center;}
.owl-carousel .testiicon img {width: 30px; margin: 0px auto 20px auto;}

.owl-nav {position: absolute; top: 40%; width: 100%;}
.owl-nav .owl-prev {position: absolute;left: -30px; width: 50px; height: 50px; background: url('../images/prev-arrow.png') no-repeat #FFF !important; background-size: cover !important;}
.owl-nav .owl-next {position: absolute; right: -30px; width: 50px; height: 50px; background: url('../images/next-arrow.png') no-repeat #FFF !important; background-size: cover !important;} 

.owl-nav .owl-prev span {display: none;}
.owl-nav .owl-next span {display: none;}


.faqsection {padding: 50px 0px;}

.faqsection .faq-drawer {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px #DCDCDC solid;
}

.faqsection .faq-drawer__content-wrapper {
  font-size: 1.25em;
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faqsection .faq-drawer__title {
  /* border-top: #000 1px solid; */
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  padding: 0;
  position: relative;
  margin-bottom: 0;
  border-radius: 30px;
  transition: all 0.25s ease-out;
}

.faqsection .faq-drawer__title::after {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  color: #C40016;
  right: 20px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

/* OPTIONAL HOVER STATE */
.faqsection .faq-drawer__title:hover { 
  color: #4E4B52  ;
}

.faqsection .faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}

.faq-drawer__content p {font-size: 14px; font-weight: 400; line-height: 22px; color: #000; margin: 0;}
.faq-drawer__content ul li {font-size: 14px; font-weight: 400; line-height: 22px; color: #000; margin: 0;}


.faqsection .faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

.faqsection input[type="checkbox"] {
  display: none;
}

@media (min-width: 1200px) {
 .container {
       max-width: 1600px; 
  }
}

footer {background:#DFF4FF; padding: 20px 0px;}
footer p { color: #000; text-align: center; font-size: 14px; font-weight: 500; margin: 0;}
footer {padding: 20px 0px;}
footer p { color: #000; text-align: center; font-size: 14px; font-weight: 500; margin: 0;}
footer ul {margin: 10px 0px; padding: 0; text-align: center;}
footer ul li {list-style-type: none; display: inline-block;}
footer ul li a {font-size: 14px; font-weight: 500; color: #000;}
footer ul li a:hover {color: #000; text-decoration: none;}
footer .logo {position: relative; text-align: center;}
footer .logo img {width: 150px;}


.terms-conditions {background:#DFF4FF; padding: 30px 0px;}
.terms-conditions h2 {font-family: "Jost", serif; font-size: 42px; font-weight: 600; color: #000; text-transform: uppercase; margin: 0px 0px;}
.terms-conditions strong {font-weight: 500; color: #000;}
.terms-conditions .logo {padding: 20px 0px 50px 0px;}
.terms-conditions .logo img {width: 200px;}
.privacy-policy {padding: 20px 0px;}
.privacy-policy h3 {font-size: 16px; font-weight: 600; color: #000;}
.privacy-policy p {font-size: 14px; font-weight: 500; color: #555454;}
.privacy-policy strong {font-weight: 600; color: #000;}
.privacy-policy ul {}
.privacy-policy ul li {list-style-type: disc;font-size: 14px; font-weight: 500; color: #555454;}

.poweredby {color: #000; font-weight: 600; text-align: center;}

@media (max-width: 767px) {
  .headSection {background-position: center;}
  .logoBoxcontainer {text-align: center; margin-bottom: 30px;}
  .logoBoxcontainer img {width: 200px; text-align: center; margin: 0px auto;}
  .middleImg img {width: 100%;}
  .leftBox h1, .leftBox h1 span {font-size: 28px;}
  @supports (-webkit-text-stroke: 0.5px white) {
    .leftBox h1 span {
        color: transparent;
        -webkit-text-stroke: 0.5px white;
    }
  }
  .middleBox {padding: 10px; border: 5px rgba(255, 255, 255, 0.20) solid; margin: 10px 0px;}
  .middleBox h2 {font-size:24px; margin-bottom: 10px;}
  .bannerbottombox {margin-bottom: 20px;}
  .AboutBox {--p: 0; padding: 20px 20px; margin-left: 0; }
  .middleSec {padding: 50px 0px 0px 0px;}
  .owl-carousel {margin: 20px 0px;}
  .faqsection {padding: 0px 0px;}
  footer {padding: 20px 5px;}
  .section-title h2 {font-size: 17px;}
  .whychooseBox {margin-bottom: 20px;}
  .eligibilityCriteriaBox {display: block;}
  .eligibilityCriteriaBox p {font-size: 14px;}
  .eligibilityCriteriaBox > div:nth-of-type(1) {width: 100%; padding: 20px 0px 0px 0px;}
  .eligibilityCriteriaBox > div:nth-of-type(3) {width: 100%; padding: 0px 0px 0px 0px;}
  /* .listBox img {width: 20px;} */
  .eligibilityCriteriaBox h2 {font-size: 26px;}
  .eligibilityCriteriaBox > div:nth-of-type(2) {display: none;}
  .owl-nav {position: absolute; top: 100%; width: 74%; left: 50%; margin-left: -37%; margin-top: 10px;}
  .owl-nav .owl-prev, .owl-nav .owl-next {width: 35px; height: 35px;}
  .terms-conditions h2 {font-size: 25px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  
}