/** Home page with header and footer - starts **/
/* Header styling */

h1 {
  font-size: 64px;
  font-family: Coolvetica;
}
h2 {
  font-size: 40px;
  font-family: Coolvetica;
}
p {
  font-size: 16px;
  font-family: Quasimoda;
}
a {
  font-size: 16px;
  font-family: Quasimoda;
}
header {
  padding: 15px 20px;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
}
header .navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav {
  display: flex;
  gap: 15px;
}

nav a {
  font-family: Coolvetica;
  text-decoration: none;
  color: #414042;
  padding: 8px 15px;
  font-weight: 500;
  transition: color 0.3s ease;
}
nav .button {
  font-family: Coolvetica;
  padding: 8px 15px;
  background-color: #009ca5;
  color: white;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Banner styling */
.banner {
  background-image: url("media/frame 2.svg/"); /* Replace with your own image */
  background-size: cover;
  background-position: center;
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  margin-top: 60px; /* To offset fixed header */
}

.banner h1 {
  margin-bottom: 10px;
}

/* Footer styling */

footer {
  background: rgba(0, 156, 165, 0.1);
  color: #fff;
  text-align: center;
  position: relative;
  padding-top:50px;
}

footer .logo {
  font-weight: bold;
  margin-bottom: 10px;
}

footer p {
  color: #fff;
}
.footer-text {
  max-width: 528px;
  width: 100%;
  text-align: center;
  line-height: 120%;
  font-weight: 400;
  margin: 0 auto;
  margin-bottom: 75px;
}

footer p {
  max-width: 660px;
  margin: 0 auto;
  width: 100%;
  font-weight: 300;
  line-height: 120%;
}
.privacyPolicy a {
    font-size: 16px;
    color: #fff;
    font-family: 'quasimoda';
}

.privacyPolicy {
    padding: 20px 0px;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.accordion-content {
  display: none;
}
.mainContent {
  background: rgba(0, 156, 165, 0.1);
}
footer .mainFooter {
  position: absolute;
  top: 85px;
  transform: translate(-50%);
  left: 50%;
}
footer .footer-bg-image {
  width: 100%;
  height: 520px;
}
img.bannerShapeImg {
  width: 100%;
  height: 505px;
  z-index: 1;
  position: relative;
}

img.bannerImg {
  width: 100%;
  margin-top: -18%;
}
.bannerBottom {
  position: relative;
}

.bannerPods {
  position: absolute;
  bottom: 40px;
  display: flex;
  column-gap: 90px;
  left: 50%;
  transform: translate(-50%);
}

.bannerPod {
  position: relative;
}

.bannerPodText {
  position: absolute;
  top: 62px;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  color: #fff;
  width: 100%;
  padding: 0px 30px;
}

.bannerTop {
  position: relative;
}

.bannerTop h1 {
  position: absolute;
  top: 170px;
  color: #fff;
  z-index: 1;
  left: 50%;
  transform: translate(-50%);
  max-width: 848px;
  width: 100%;
  text-align: center;
  font-size: 65px;
}
.aboutUsText {
  background: #009ca5;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 65px;
}

.showMore {
  position: absolute;
  bottom: -125px;
  left: 50%;
  transform: translate(-50%);
}
.section1 {
  position: relative;
}
.section1 .show-more {
  text-align: center;
  cursor: pointer;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.moreText p span {
  color: #009ca5;
  font-weight: 700;
}
.section1 .aboutUsSection {
  height: 231px;
  overflow: hidden;
}
.aboutUsText p.introText {
  max-width: 708px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 72px;
}
.moreTextSection {
  position: relative;
  margin-top: 13px;
}

.moreText {
  position: absolute;
  top: 121px;
  max-width: 549px;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  color: #000000;
  text-align: left;
  line-height: 110%;
}

.moreText h2 {
  margin-bottom: 20px;
  color: #009ca5;
  line-height: 120%;
  font-weight: 400;
}
.homePodSection {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.homepod {
  position: relative;
}

.homePodText {
  position: absolute;
  top: 135px;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  width: 100%;
}

.homePodText h2 {
  color: #009ca5;
  font-weight: 400;
}
a.pod2Btn {
  color: #000000;
  font-weight: 700;
  border-radius: 100px;
  border: 1px solid #009ac5;
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 8.5px 15px;
}

a.pod2Btn img {
  margin-left: 5px;
  margin-top: -3px;
}

.homePodText p {
  color: rgba(0, 0, 0, 0.9);
  line-height: 120%;
  font-weight: 400;
}

a.pod1Link {
  color: rgba(0, 0, 0, 0.9);
  text-decoration: none;
}

a.pod2Btn:hover {
  border: none;
}

a.pod1Link:hover {
  text-decoration: underline;
}
.applyButton {
  text-align: center;
  margin-top: 30px;
}

.applyButton a.applyBtn {
  text-transform: uppercase;
  background: #009ca5;
  color: #fff;
  text-decoration: none;
  padding: 12px 23px 16px 23px;
  border-radius: 100px;
  font-size: 24.4px;
  font-weight: 500;
  box-shadow: 0px 6.1px 6.1px 0px rgba(0, 0, 0, 0.25);
  height: 60px;
  display: inline-block;
}

.applyButton a.applyBtn img {
  margin-left: 10px;
  margin-top: -8px;
}
section.section2 {
  padding: 30px 0px;
}

section.section3 {
  padding: 50px 0px;
}
.slider-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 80px;
}

.slider-wrapper {
  overflow: hidden;
  width: 100%;
}

.slider {
  display: flex;
  transition: transform 0.4s ease-in-out;
}

.card {
  width: 100%;
  max-width: 400px;
  flex: 0 0 auto;
  margin: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #0073ae;
}

.card img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.card-content {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #282826;
  background-color: #ffffff;
  padding: 0px 35px 0px 20px;
  column-gap: 5px;
  height: 90px;
}

/* Position buttons at bottom-right of the slider container */
.slider-controls {
  position: absolute;
  bottom: 15px;
  right: 0px;
  display: flex;
  gap: 15px;
}

/* Hide disabled buttons by default */
.slider-btn.disabled {
  display: none;
  border: 0.685px solid #808080;
  border-radius: 100%;
  padding: 0px 2px 0px 1px
}


.slider-btn {
  outline: none;
  border: none;
  background: none;
  padding: 0px;
}
p.cardText {
  margin-bottom: 0px;
  color: #282826;
font-family: Coolvetica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */

}

a.cardBtn {
  width: 120px;
  border-radius: 100px;
  background: rgba(0, 115, 174, 0.1);
  padding: 8px 12px;
  text-decoration: none;
  color: #000;
font-family: Coolvetica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */

  text-align: center;
}
@media (max-width: 768px) {
 a.cardBtn {
  font-size: 12px;
 }
 p.cardText {
  font-size: 12px;
 }
}
.sliderSection h2 {
  color: #009ca5;
  font-weight: 400;
  
  text-align: center;
  line-height: 120%;
}
p.abtText {
  font-weight: 700;
  color: #009ca5;
  text-decoration: underline;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: flex-start;
  overflow-y: auto;
}

.modal-content {
  background: white;
  border-radius: 20px;
  width: 80%;
  max-width: 966px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin: 50px 0px;
  border: 2px solid #0073ae;
}

.close-modal {
  position: absolute;
  top: 24px;
  right: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #333;
}
.mdlContent {
  display: flex;
  column-gap: 120px;
  padding: 20px 37px;
}

.mdlContent p {
  text-align: left;
  color: #000;
    line-height: 120%;
}
.mdlHeader h2 {
  text-align: left;
}

.mdlHeader {
  padding: 14px;
}
@media (max-width: 1024px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 32px;
  }
  p {
    font-size: 14px;
  }
  a {
    font-size: 14px;
  }
  img.bannerPodImg {
    width: 225px;
  }

  img.bannerPodIcon {
    width: 48px;
  }

  .bannerPodText {
    top: 40px;
    padding: 0px;
  }

  .bannerPods {
    column-gap: 20px;
  }
  .bannerTop h1 {
    padding: 0px 20px;
    top: 115px;
  }

  img.bannerShapeImg {
    height: 300px;
  }
  img.bannerImg {
    margin-top: -15%;
    height: 100vw;
    object-fit: cover;
    object-position: top 0 right -115px;
  }
  .section1 .aboutUsSection {
    height: 160px;
  }
  .aboutUsText {
    padding: 36px;
  }
  img.homePodImg {
    width: 380px;
  }

  .homePodSection {
    flex-direction: column;
    row-gap: 20px;
    text-align: center;
  }
  img.moreTextImage {
    width: 650px;
  }
  .footer-text {
    width: 528px;
    padding-top: 55px;
  }

  img.footer-bg-image {
     
        margin: 0 auto;
        display: block;
  }
  .card {
    max-width: 316px;
  }

  .card-content {
    column-gap: 30px;
    padding: 0px 10px;
    line-height: 120%;
  }
  section.section3 {
    padding: 0px;
  }

  .slider-container {
    padding-bottom: 50px;
  }
  .homePodText {
    top: 118px;
  }

  a.pod1Link {
    display: block;
    margin-top: -10px;
  }

  .bannerPodText h2 {
    margin-bottom: 0px;
  }
  .show-more img {
    width: 73px;
    height: 52px;
  }
  .moreText h2 {
    margin-bottom: 15px;
  }
  .moreText {
    top: 95px;
    max-width: 500px;
  }
  .logo img {
    width: 120px;
  }
  .applyButton a.applyBtn {
    font-size: 14px;
  }
  .applyButton a.applyBtn img {
    width: 16px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
  }
  p {
    font-size: 9px;
  }
  a {
    font-size: 9px;
  }
  .aboutUsText {
    padding: 10px;
  }
  .aboutUsText p.introText {
    padding-bottom: 20px;
  }
  .bannerPodText h2 {
    margin-bottom: 0px;
  }
  .show-more img {
    width: 45px;
    height: 32px;
  }
  .moreText h2 {
    margin-bottom: 0px;
  }
  .moreText p {
    line-height: 110%;
    margin-bottom: 10px;
    font-size: 8px;
    
  }

  .moreText {
    top: 47px;
    max-width: 290px;
  }

  img.bannerPodImg {
    width: 100px;
  }

  .bannerTop h1 {
    top: 90px;
  }

  img.moreTextImage {
    width: 350px;
  }

  img.homePodImg {
    width: 240px;
  }

  img.bannerPodIcon {
    width: 20px;
  }
  .bannerPodText {
    top: 10px;
    padding: 0px 2px;
  }

  img.bannerImg {
    margin-top: -24%;
    object-position: top 0 right -50px;
  }

  img.bannerShapeImg {
    height: 220px;
  }

  .homePodText {
    top: 70px;
  }
  a.pod2Btn img {
    width: 10px;
  }
  .applyButton a.applyBtn img {
    width: 10px;
  }

  .card {
    max-width: 170px;
    margin: 8px;
  }

  .sliderSection h2 {
    margin-left: 12px;
  }

  p.cardText {
    line-height: 110%;
  }

  a.cardBtn {
    padding: 5px;
  }

  .card-content {
    column-gap: 2px;
    padding: 5px;
  }

  img.footer-bg-image {
    height: 275px;
    width: 150%;
    overflow-x: hidden;
    margin-left: -20%;
  }

  .footer-text {
    width: 374px;
    padding: 10px 20px 0px 20px;
    margin-bottom: 15px;
  }

  .logo img {
    width: 75px;
  }

    footer p {
        line-height: 120%;
        padding: 0 10px;
    }

  .navigation nav a.button {
    padding: 7px 15px;
  }

  .section1 .aboutUsSection {
    height: 100px;
  }
  section.section2 {
    padding: 10px;
  }

  .slider-btn img {
    width: 24px;
  }

  .slider-container {
    padding-bottom: 40px;
  }
  .slider-controls {
    right: 10px;
  }
  .bannerPodText h1 {
    margin-bottom: 0px;
    font-size: 20px;
  }
      .applyButton a.applyBtn {
        font-size: 9px;
        padding: 13px 10px;
        height: 36px;
        width: 97px;
    }
        a.pod1Link {
        text-decoration: underline;
    }
    .mdlContent {
    flex-wrap: wrap;
    column-gap: 20px;
    padding: 12px 12px 10px 12px;
}
.mdlHeader h2 {
    color: #000;
    width: 80%;
}
span.close-modal img {
    width: 24px;
    height: 24px;
}
.privacyPolicy a {
    font-size: 9px;
}

.privacyPolicy {
    padding-top: 0px;
    padding-bottom: 10px;
}
}

/** Home page with header and footer - starts **/

/* Quiz - starts */
.mainContent .quiz {
  background: #fff;
}
.quiz-container {
    width: 100%;
    max-width: 683px;
    margin: 110px auto 0px auto;
    height: auto;
    position: relative;
    padding-bottom: 100px;
}
.quiz-container .question {
  margin-bottom: 20px;
}
.quizNavigation {
  display: flex;
  position: absolute;
  bottom: 43%;
  left: 50%;
  transform: translate(-50%, 80%);
  flex-direction: column-reverse;
  row-gap: 20px;
}
.quiz-container button:nth-of-type(2) {
  text-transform: uppercase;
  background: #009ca5;
  color: #fff;
  text-decoration: none;
  padding: 14px 23px 12px 11px;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0px 6.1px 6.1px 0px rgba(0, 0, 0, 0.25);
  outline: unset;
  border: unset;
  height: 49px;
  width: 197px;
  font-family: Quasimoda;
}
.quizNavigation > img {
    width: 15px;
    height: 17px;
    position: absolute;
    right: 12px;
    top: 15px;
}
.quiz-container button:nth-of-type(1) {
  border: unset;
  background: unset;
  text-decoration: underline;
  font-family: coolvetica;
  font-size: 14px;
}
.quiz-container button:disabled {
  display: none;
}
.quiz-container .hidden {
  display: none;
}
.bg1, .bg4, .bg8 {
  background-image: url("/media/hp4p1wme/quizbg1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 115px 100px;
  height: 597px;
  text-align: center;
}

.bg2, .bg5, .bg9 {
  background-image: url("/media/tk1pgafi/quizbg2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 115px 100px;
  height: 597px;
  text-align: center;
}
.bg3, .bg7 {
  background-image: url("/media/sznppj45/quizbg3.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 115px 100px;
  height: 597px;
  text-align: center;
}
.bg6 {
  background-image: url("/media/5jyj4km3/quizbg6.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 115px 100px;
  height: 597px;
  text-align: center;
}
.question.bg1 h2, .question.bg4 h2, .question.bg8 h2 {
  color: #0073ae;
  font-weight: 400;
}
.question.bg2 h2, .question.bg5 h2, .question.bg9 h2 {
  color: #672d8b;
  font-weight: 400;
}
.question.bg3 h2, .question.bg7 h2  {
  color: #ac2885;
  font-weight: 400;
}
.question.bg6 h2 {
  color: #009ca5;
  font-weight: 400;
}

.questionSection p {
    font-family: 'coolvetica';
}
.question p {
  color: #000;
}

.questionNumber {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 133px;
  width: 153px;
  position: absolute;
  top: -15px;
  right: -7px;
  font-size: 20px;
  font-family: "quasimoda";
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.bg1 .questionNumber, .bg4 .questionNumber, .bg8 .questionNumber {
  background-image: url(/media/mffjp1bq/qnumber1.svg);
  color: #0073ae;
}
.bg2 .questionNumber, .bg5 .questionNumber, .bg9 .questionNumber {
  background-image: url(/media/rskdpid1/qnumber2.svg);
  color: #672d8b;
}
.bg3 .questionNumber, .bg7 .questionNumber {
  background-image: url(/media/101ptx4h/qnumber3.svg);
  color: #ac2885;
}
.bg6 .questionNumber {
  background-image: url(/media/3wrib5c5/qnumber6.svg);
  color: #009ca5;
}
.questionSection {
  height: 270px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.custom-radio input[type="radio"] {
  display: none;
}

.custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.bg1 .custom-radio .custom-circle, .bg4 .custom-radio .custom-circle, .bg8 .custom-radio .custom-circle {
  background-image: url("/media/vuedoroh/radio-default1.svg"); /* Default circle image */
}
.bg1 .custom-radio .custom-circle::before, .bg4 .custom-radio .custom-circle::before, .bg8 .custom-radio .custom-circle::before {
  background: url("/media/xdpb03z4/radio-checked1.svg") no-repeat center center;
  background-size: contain;
}
.bg2 .custom-radio .custom-circle, .bg5 .custom-radio .custom-circle, .bg9 .custom-radio .custom-circle {
  background-image: url("/media/qv2l123d/radio-default2.svg"); /* Default circle image */
}
.bg2 .custom-radio .custom-circle::before, .bg5 .custom-radio .custom-circle::before, .bg9 .custom-radio .custom-circle::before {
  background: url("/media/cz3e0gm4/radio-checked2.svg") no-repeat center center;
  background-size: contain;
}
.bg3 .custom-radio .custom-circle, .bg7 .custom-radio .custom-circle {
  background-image: url("/media/0nmdrevi/radio-default3.svg"); /* Default circle image */
}
.bg3 .custom-radio .custom-circle::before, .bg7 .custom-radio .custom-circle::before{
  background: url("/media/czjhjayz/radio-checked3.svg") no-repeat center center;
  background-size: contain;
}
.bg6 .custom-radio .custom-circle {
  background-image: url("/media/bdopqsch/radio-default3.svg"); /* Default circle image */
}
.bg6 .custom-radio .custom-circle::before {
  background: url("/media/qopbv3pe/radio-checked6.svg") no-repeat center center;
  background-size: contain;
}

.custom-radio .custom-circle {
  width: 36px;
  height: 30px;
  background-size: contain;
  margin-right: 10px;
  position: relative;
  transition: background 0.3s ease-in-out;
}
.custom-radio .custom-circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.custom-radio input[type="radio"]:checked + .custom-circle::before {
  opacity: 1;
}

.custom-radio span {
  font-size: 16px;
  color: #333;
}
.radioBtns {
  display: flex;
  justify-content: center;
  column-gap: 44px;
}

.quizSuccess,
.quizFailure {
  display: none;
}

.error-message {
  display: none;
  color: red;
  margin-top: 10px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 30%;
  font-size: 16px;
}
.resultContent {
  position: absolute;
  padding: 130px;
  top: 10px;
  text-align: center;
}
.resultContent p:last-child {
    margin-top: 30px;
}
.resultContent h2 {
  font-family: "coolvetica";
  color: rgba(0, 0, 0, 0.90);
}
.resultContent a {
  color: #000;
  font-size: 20px;
  font-family: 'coolvetica';
}
.resultContent p {
  font-size: 20px;
  color: #000;
  font-family: 'coolvetica';
}
.quizSuccess .resultContent h2 span {
  color: #009ca5;
}
.quizFailure .resultContent h2 span {
  color: #ac2885;
}
label.custom-radio {
    font-size: 15px;
    font-family: Quasimoda;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
}
.radioBtns label.custom-radio{
  color: #000;
}


@media (max-width: 1024px) {
  .bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .bg9 {
    height: 524px;
    padding: 110px;
  }
  .bg1 .questionNumber, .bg2 .questionNumber, 
  .bg3 .questionNumber, .bg4 .questionNumber, 
  .bg5 .questionNumber, .bg6 .questionNumber, 
  .bg7 .questionNumber, .bg8 .questionNumber, 
  .bg9 .questionNumber {
    height: 87px;
    top: 5px;
    right: 40px;
  }
  .quiz-container {
    margin: 80px auto 70px auto;
  }
  .resultImg img {
    height: 524px;
  }
  .resultImg {
    text-align: center;
  }
  .resultContent p,
  .resultContent a {
    font-size: 14px;
  }
  .error-message {
    font-size: 14px;
    bottom: 11%;
  }
  .resultContent p:last-child {
    margin-top: 15px;
}
    .applyButton a.applyBtn {
        width: 144px;
        padding: 20px 10px 16px;
    }
}
@media (max-width: 767px) {
  .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .bg9 {
    height: 305px;
    padding: 0px 70px;
  }
  .bg1{
    height: 305px;
    padding: 0px 64px;
  }
  .quiz-container {
    margin: 30px auto -1px auto;
  }
  .bg1 .questionNumber,
  .bg2 .questionNumber,
  .bg3 .questionNumber,
  .bg4 .questionNumber,
  .bg5 .questionNumber,
  .bg6 .questionNumber,
  .bg7 .questionNumber,
  .bg8 .questionNumber,
  .bg9 .questionNumber {
    height: 45px;
    font-size: 9px;
    top: -14px;
    right: 24px;
  }
  .custom-radio .custom-circle {
    width: 20px;
    height: 17px;
  }
  .custom-radio .custom-circle::before {
    width: 18px;
    height: 18px;
  }
  .quiz-container button:nth-of-type(2) {
    font-size: 9px;
    padding: 12px 20px 12px 10px;
    height: 36px;
    width: 110px;
  }
  .radioBtns {
    column-gap: 35px;
  }
  .error-message {
    font-size: 9px;
    bottom: 10%;
  }
  .quiz-container button:nth-of-type(1) {
    font-size: 9px;
  }

  .quizNavigation {
    row-gap: 5px;
        bottom: 48%;
  }
  .quizNavigation > img {
    width: 9px;
    height: 10px;
    right: 6px;
    top: 13px;
}
  .resultImg img {
    height: 305px;
  }
.resultContent p:last-child {
    margin-top: 10px;
}
  .resultContent {
    padding: 70px;
  }

  .resultContent p,
  .resultContent a {
    font-size: 9px;
    margin-bottom: 0px;
  }
  .resultContent .applyButton {
    margin: 6px 0px 12px 0px;
  }
.resultContent a {
        margin-bottom: -7px;
    }
    .applyButton a.applyBtn {
        width: 97px;
        padding: 12px 10px 12px;
    }
    .SubSocialimg img {
    width: 35px;
    height: auto;
}
}
@media (max-width: 370px){
  .question.bg1 h2 {
    width: 245px;
    margin-left: -12px;
}
}
/* Quiz - ends */

.OnlyHome {
  background: rgba(0, 156, 165, 0.10);
}
.mainContent:has(.AppTxt) + footer {
  background-color: transparent;
}
.mainContent:has(.quiz) footer {
  background-color: transparent;
}
.mainContent:has(.FAQnly) + footer {
  background-color: transparent;
}
.mainContent:has(.formBG) ~ footer {
  background-color: transparent;
}
.FAQnly .bannerPodText{
    top: 48px;
    padding: 0px 62px;
}
.bannerPodText h3 {
    font-size: 64px;
}
.FAQ_accord .accordion:nth-child(even) button.accordion-button.collapsed {
    background: rgba(0, 156, 165, 0.05);
}

.quizSuccess .resultContent p {
    line-height: 120%;
}

.quizSuccess .applyButton {
    margin-top: 10px;
}
.quizSuccess  .resultContent p:last-child {
    margin-top: 15px;
}

.OnlyHome .applyButton a.applyBtn {
    padding-top: 15px !important;
}

@media (min-width: 1025px) and (max-width: 1399px){
  .form-step2 #custom-parent .umbraco-forms-fieldset:nth-of-type(1) .umbraco-forms-container, 
  .form-step2 #custom-parent .umbraco-forms-fieldset:nth-of-type(2) .umbraco-forms-container {
    justify-content: space-between;
    height: 275px;
}

#custom-parent .umbraco-forms-fieldset:nth-of-type(4) .umbraco-forms-container .umbraco-forms-field {
    height: 220px !important;
}
}

@media (max-width: 380px){
img.moreTextImage {
    margin-left: -15px;
}
}

@media (min-width: 1025px) and (max-width: 1299px){
  .quizNavigation {
    bottom: 40%;
}
.bg1, .bg4, .bg8 {
    padding: 130px 100px 120px;
}
.quiz-container {
    max-width: 630px;
}
}

@media (min-width: 430px) and (max-width: 500px){
  .questionSection > div {
    width: 80%;
    margin: 0 auto;
}
}

@media (min-width: 501px) and (max-width: 600px){
  .questionSection > div {
    width: 65%;
    margin: 0 auto;
}
}

@media (min-width: 601px) and (max-width: 767px){
  .questionSection > div {
    width: 53%;
    margin: 0 auto;
}
}

.ErrPage {
    text-align: center;
    position: absolute;
    top: 25%;
    display: flex;
    left: 50%;
    transform: translate(-50%);
    justify-content: center;
}
.ErrPage h2{
  font-size: 32px !important;
  font-family: Quasimoda;
}
.FAQnlyy .bannerBottom {
    position: relative;
    width: 100%;
    min-height: 450px !important;
    margin-top: -18%;
    background: rgba(0, 156, 165, 0.1) !important;
}

@media only screen and (max-width: 767px) {
    .FAQnlyy .bannerBottom {
        min-height: 270px !important;
        margin-top: -20%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .FAQnlyy .bannerBottom {
        min-height: 400px !important;
        margin-top: -15%;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
img.footer-bg-image {
        margin: 0 auto;
        display: block;
    }
}

.cookieNotice h3 {
    font-size: 24px;
    font-family: 'quasimoda';
    font-weight: 600;
    color: #009CA5;
}

.cookieNotice p {
    color: #000;
    font-weight: 300;
}

.cookieNotice p a {
    font-weight: 400;
    color: #000;
}

.cookieNotice table {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.cookieNotice th {
    font-size: 12px;
    color: #fff;
    padding: 15px;
    font-weight: 600;
    font-family: 'quasimoda';
}

.cookieNotice thead {
    background-color: #009CA5;
}

.cookieNotice tr:nth-child(even) {
    background-color: #E5F5F6;
}

.cookieNotice td {
    font-size: 12px;
    color: #009ca5;
    padding: 15px;
    font-weight: 600;
    font-family: 'quasimoda';
}
.cookieNotice ul li {
    font-size: 16px;
    font-family: 'quasimoda';
    color: #000;
    font-weight: 300;
}
.cookieNotice + footer {
    background: transparent;
}
.cookieNotice {
    margin-bottom: 100px;
}

@media (max-width: 767px){
  .tableWrapper{
    width: 100%;
    overflow-x: auto;  /* Allow scrolling horizontally */
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
  }
  .cookieNotice table{
    white-space: nowrap;
  }
    .cookieNotice h3 {
      font-size: 12px;
  }
  .cookieNotice ul li {
      font-size: 9px;
  }
  .cookieNotice th {
    font-size: 9px;
  }
  .cookieNotice td {
    font-size: 9px;
  }
  .cookieNotice .container{
    padding: 0px 30px;
  }
  .cookieNotice .bannerTop h1 {
    font-size: 24px;
}
.cookieNotice ul {
    padding-left: 12px;
}
}


/* Apply button disable starts */
.AppTxtDiv .AppBtn.disable {
    background: #f4f4f4 !important;
    box-shadow: unset !important;
}

.AppTxtDiv .AppBtn.disable a{
    pointer-events: none; 
    cursor: default;
}
/* Apply button disable starts */

/* people css */

.people {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.people h3 {
  font-size: 40px;
  font-family: Coolvetica;  
  color: #009CA5;
  font-weight: 400;
  text-decoration: none;
  
}
.people a {
  text-decoration: none;
  color: inherit;
}
.people p {
  font-size: 16px;
  font-family: Coolvetica; 
  font-weight: 400;
  text-decoration: underline;
  color: black;
  text-decoration-color: black;
}
.people img {
  width: 315px;
  height: 290px;
  margin: 0 auto;
}.popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(8px);
    z-index: 1000;
    overflow-y: auto;
    padding: 40px 20px;
}

.popup-content {
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    margin: 60px auto;
    width: 876px;
    height: 764px;
    padding: 86px 115px 132px 115px;
    color: white;
}

.popup-content p {
  font-family: Quasimoda;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
}
.popup-content img {
  width: 187px;
}

.close-popup {
    position: absolute;
    right: 14px;
    cursor: pointer;
    font-size: 23px;
    z-index: 3;
    color: white;
    padding: 0 10.5px 3px 10.5px;
    background-color: #009ca5;
    border-radius: 100%;
}
.krcf_nd h2 {
font-size: 40px;
  font-family: Coolvetica;  
  color: #009CA5;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  padding: 53px 50px 40px 50px;
}
.krcf_nd p {
  font-size: 16px;
  font-family: Quasimoda; 
  font-weight: 400;
  color: black;
}.krcf_nd2 p {
  font-size: 16px;
  font-family: Coolvetica; 
  font-weight: 400;
  color: black;
}
.card2 {
  border-radius: 0;
  border-width: 0;
  width: 380px;
  color: white;
  padding: 20px;
  z-index: 20;
  margin: 20px;
}
.card2 p {
  z-index: 50;
  position: relative;
  font-size: 15px;
  
    line-height: 130%;
}
.cardColor {
  position: absolute;
    margin: -20px;
    z-index: 10;
}
.cardColor:nth-child(3n + 1) {
  color: #672d8b; /* n */
}

.cardColor:nth-child(3n + 2) {
  color: #ac2885; /* n+1 */
}

.cardColor:nth-child(3n + 3) {
  color: #0073ae; /* n+2 */
}
.cardColor.cycle-1 {
    color: #672d8b; /* n */
}

.cardColor.cycle-2 {
    color: #ac2885; /* n+1 */
}

.cardColor.cycle-3 {
    color: #0073ae; /* n+2 */
}

.card-content img {
  width: 45px;
}
.flexCont .card-content {
  width: 380px;
}
.card2 p {
  color: white !important;
}
.flexCont {
  display: flex;
  flex-direction: column;
}
.font_article {
  padding-left: 10px;
  max-width: 150px;
}
.font_article h3 {
font-family: Coolvetica;  
  color: #009CA5;
  font-weight: 400;
  text-decoration: none;
  font-size: 22px;
}
.font_article p {
  
font-family: Coolvetica;  
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
}
.quoteleft {
  float: left;
  margin: 10px 50px 50px 0;
  width: 200px;
  text-align: left;
}
.mobPad{
  padding-bottom: 150px !important;
}
.crov_video {
  height: 600px;
  width:auto;
}
@media (max-width: 767px) {
  .mobPad {
    padding: 50px !important;
  }
 
  .popup-inner {
    width: 100%;
    padding: 0 25px;
  }
  .popup-content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .popup-overlay {
    padding: 0;
  }
  .card2 {
    width: 340px;
    margin: 20px 40px 20px 5px;
    padding: 0;
  }
  .quoteleft {
    float: unset;
    
    width: 225px;
  }
  .popup-inner p {
    font-size: 14px;
  }
  .popup-inner img {
    width: 150px;
    margin: 60px;
  }
  .open-popup img {
    width: 150px;
    height: auto;
  }
  .krcf_nd h2 {
    font-size: 32px;
    padding: 20px 0px 20px 0px;
  }
  .krcf_nd p {
  font-size: 15px;
  }
  
  .quoteleft h2 {
    font-size: 32px;
  }
  .quotesvg {
    display: none;
  }
  .crov_video {
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1099px) {
   .quotesvg {
    display: none;
  }
 .krcf_nd h2 {
    font-size: 32px;
    
    padding: 30px 0px 30px 0px;
  }
  .krcf_nd p {
    font-size: 15px;
  }
  .mobPad {
    padding: 50px !important;
  }
   .quoteleft {
    float: unset;
  }
}
.CroVideo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.CroVideo h3 {
  
font-family: Coolvetica;  
  color: #009CA5;
  font-weight: 400;
  text-decoration: none;
  font-size: 32px;
}

.slider-controls2 {
      position: relative;
    top: 50px;
    left: 0px;
    display: flex;
    gap: 15px;
}

.krcf_nd {
 
  overflow: hidden; /* optional: block horizontal scroll */
  position: relative;
}
.news-link {
  text-align: center;
  
font-family: Coolvetica;  
  font-weight: 400;
  font-size:16px;
}
.news-link span {
float:left;
  color: #009CA5;
  font-size: 22px;
  text-decoration: underline;
}
.news-link a {
  display: flex;
  justify-content: center;
  color: black;
  
font-family: Coolvetica;  
  font-weight: 400;
  font-size:22px;
  text-decoration: underline;
}
.news-link a:hover {
  text-decoration: underline;
}
.news-title  {
  
font-family: Coolvetica;  
  color: #009CA5;
  font-weight: 400;
  text-decoration: none;
  font-size: 40px;
  text-align: center;
}
.quotesvg {
  margin-bottom:22.5px;
}

@media (max-width: 767px) {
  .slider-controls2{
    padding-bottom:0;
    top: 20px;
  }
  .font_article p {
    font-size: 14px;
  }
  .open-popup h3 {
    font-size: 20px;
  }
  .people h3 {
    font-size: 20px;
  }
  .news-title {
    font-size: 20px;
  }
  .close-popup {
    top: 60px;
    color: #009ca5;
    background-color: white;
    padding: 0 6px 1px 6px;
    font-size: 14px;
  }
  .news-link a {
    font-size: 16px !important;
  }
  .news-link span {
    font-size: 16px !important;
  }
}