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

html {
  max-width: 100vw;
  font-family: "degular", sans-serif;
  font-weight: 400;
  background-color: #FFFFFF;
}
html body {
  max-width: 100vw;
  overflow-x: hidden;
  margin: 0;
  font-family: "degular", sans-serif;
  font-weight: 400;
  color: #232A38;
  background-color: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

a {
  text-decoration: none;
  color: #232A38;
}

.button {
  font-family: "degular", sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 24px;
  border-radius: 4px;
  color: #232A38;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  white-space: nowrap;
}
.button img {
  height: 16px;
  transition: all 0.4s ease-in-out;
}
.button.buttonprimary {
  background-color: #1856A1;
  color: #FFFFFF;
  border: 2px solid #1856A1;
}
.button.buttonprimary img {
  filter: brightness(0) invert(1);
}
.button.buttonprimary:hover:not([disabled]) {
  background-color: rgba(204, 227, 255, 0.3);
  color: #1856A1;
  border: 2px solid #92A6CC;
}
.button.buttonprimary:hover:not([disabled]) img {
  filter: brightness(1) invert(0);
}
.button.buttonsecondary {
  background-color: #FFFFFF;
  color: #232A38;
  border: 2px solid #FFFFFF;
}
.button.buttonsecondary img {
  filter: brightness(0);
  opacity: 0.8;
}
.button.buttonsecondary:hover:not([disabled]) {
  background-color: #FFFFFF;
  color: #232A38;
  border: 2px solid rgba(146, 166, 204, 0.4);
}
.button.buttonsecondaryborder {
  background-color: #FFFFFF;
  color: #232A38;
  border: 2px solid rgba(146, 166, 204, 0.2);
}
.button.buttonsecondaryborder img {
  filter: brightness(0);
  opacity: 0.8;
}
.button.buttonsecondaryborder:hover:not([disabled]) {
  background-color: #FFFFFF;
  color: #232A38;
  border: 2px solid rgba(146, 166, 204, 0.4);
}
.button.full {
  width: 100%;
}
.button.small {
  font-size: 12px;
  padding: 8px 16px;
}

.circularcta {
  display: inline-flex;
  transition: all 0.4s ease-in-out;
}
.circularcta:hover {
  transform: scale(1.05);
}

.t100,
.t80,
.t60,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmHd,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmHd,
.sectionHd,
.t48,
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrwthHd,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdLeft .asmBdLeftHd,
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemHd,
.founderWrap .founderIn .founderRight .frTop .founderHd,
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemHd,
.t36,
.t32,
.founderWrap .founderIn .founderRight .frBottom .founderDescBig,
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo .clName,
.sectionHd32,
.t24,
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrwthDesc,
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap .rehabFtDesc,
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtHd,
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDescBig,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmDescWrap .asmntBdBtmDesc,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmHd,
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .sectionSubHd,
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .bnftInfoHd,
.coursesItem .csInfoWrap .abtInfo .abtInfoName,
.productitemcard .csInfoWrap .abtInfo .abtInfoName,
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem .csInfoWrap .abtInfo .abtInfoName,
.coursesWrap .productitemcard .csInfoWrap .abtInfo .abtInfoName,
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.serviceSlider .serviceSliderIn .othersServeLink span,
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideDesc,
.founderWrap .founderIn .founderRight .frBottom .founderDescSmall,
.founderWrap .founderIn .founderRight .frTop .founderName,
.faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqIteamHd,
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clDesc,
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemDesc,
.servicesWrap .serviceSecIn .serveSecHead .serviceSecSmHd,
.sectionSubHd,
.partners .partnersin p,
.hero .heroitem .herocontent .herotext,
.t20,
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDesc,
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabHdLabel,
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemRight .adItemDesc,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmTxt,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBRHd,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmTxt,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBRHd,
.coursesItem .csInfoWrap .csInfoName,
.productitemcard .csInfoWrap .csInfoName,
.coursesWrap .coursesItem .csInfoWrap .csInfoName,
.coursesWrap .productitemcard .csInfoWrap .csInfoName,
.faqWrap .faqIn .faqBody .faqItem .faqItemBody .fbTxt,
.sectionHdLebel,
.t18,
.comments .cmitem .cmbody .cmauthtitle,
.frauthor,
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrowthLabel,
.footerWrap .footerIn .footerBtm .footerbottom .ftBtmLinkWrap a,
.footerWrap .footerIn .footerBtm .cprt,
.t16,
.footerWrap .footerIn .footerTop .footerCol .ftLink,
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo .clAddress,
.t14 {
  line-height: 120%;
  font-weight: 400;
}

.t100 {
  font-size: 100px;
}

.t80 {
  font-size: 80px;
}

.t60, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmHd, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmHd, .sectionHd {
  font-size: 60px;
}

.t48, .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrwthHd, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdLeft .asmBdLeftHd, .benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemHd, .founderWrap .founderIn .founderRight .frTop .founderHd, .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemHd {
  font-size: 48px;
}

.t40, .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabeHd, .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideHeading, .statSec .statSecIn .statItemHolder .statItem .statNumb {
  font-size: 40px;
}

.t36 {
  font-size: 36px;
}

.t32, .founderWrap .founderIn .founderRight .frBottom .founderDescBig, .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo .clName, .sectionHd32 {
  font-size: 32px;
}

.t30, .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemTitle, .statSec .statSecIn .statItemHolder .statItem .stastDesc {
  font-size: 30px;
}

.t24, .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrwthDesc, .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap .rehabFtDesc, .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtHd, .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDescBig, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmDescWrap .asmntBdBtmDesc, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmHd, .benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .sectionSubHd, .benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .bnftInfoHd, .coursesItem .csInfoWrap .abtInfo .abtInfoName,
.productitemcard .csInfoWrap .abtInfo .abtInfoName, .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesWrap .coursesItem .csInfoWrap .abtInfo .abtInfoName,
.coursesWrap .productitemcard .csInfoWrap .abtInfo .abtInfoName, .coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .serviceSlider .serviceSliderIn .othersServeLink span, .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideDesc, .founderWrap .founderIn .founderRight .frBottom .founderDescSmall, .founderWrap .founderIn .founderRight .frTop .founderName, .faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqIteamHd, .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clDesc, .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemDesc, .servicesWrap .serviceSecIn .serveSecHead .serviceSecSmHd, .sectionSubHd, .partners .partnersin p, .hero .heroitem .herocontent .herotext {
  font-size: 24px;
}

.t20, .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDesc, .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabHdLabel, .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemRight .adItemDesc, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmTxt, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBRHd, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmTxt, .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBRHd, .coursesItem .csInfoWrap .csInfoName,
.productitemcard .csInfoWrap .csInfoName, .coursesWrap .coursesItem .csInfoWrap .csInfoName,
.coursesWrap .productitemcard .csInfoWrap .csInfoName, .faqWrap .faqIn .faqBody .faqItem .faqItemBody .fbTxt, .sectionHdLebel {
  font-size: 20px;
}

.t18, .comments .cmitem .cmbody .cmauthtitle, .frauthor, .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrowthLabel, .footerWrap .footerIn .footerBtm .footerbottom .ftBtmLinkWrap a, .footerWrap .footerIn .footerBtm .cprt {
  font-size: 18px;
}

.t16, .footerWrap .footerIn .footerTop .footerCol .ftLink, .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo .clAddress {
  font-size: 16px;
}

.t14 {
  font-size: 14px;
}

.heading60 {
  font-size: 60px;
  font-weight: 500;
  line-height: 120%;
}
@media (width <= 992px) {
  .heading60 {
    font-size: 36px;
  }
}

.heading48, .articlebody .articlein h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}
@media (width <= 992px) {
  .heading48, .articlebody .articlein h1 {
    font-size: 32px;
  }
}

.heading36, .bloggrid .bloggriditem label .bititle {
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}
@media (width <= 992px) {
  .heading36, .bloggrid .bloggriditem label .bititle {
    font-size: 24px;
  }
}

.heading24, .gallerycarousel .galleryitem a p, .articlebody .articlein h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}
@media (width <= 992px) {
  .heading24, .gallerycarousel .galleryitem a p, .articlebody .articlein h2 {
    font-size: 18px;
  }
}

.p24, .insightgrid .csitem .csinfo .cstext, .bloggrid .bloggriditem label .bitext {
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}
@media (width <= 992px) {
  .p24, .insightgrid .csitem .csinfo .cstext, .bloggrid .bloggriditem label .bitext {
    font-size: 16px;
  }
}

.p20, .articlebody .articlein p {
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
@media (width <= 992px) {
  .p20, .articlebody .articlein p {
    font-size: 16px;
  }
}

.p16, .productdetail .productdetailflex .prinfo .featsul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}
@media (width <= 992px) {
  .p16, .productdetail .productdetailflex .prinfo .featsul li {
    font-size: 14px;
  }
}

.p12 {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}

.wt400,
.regular,
.methodologyWrap .methodologyIn .methodologyHeadWrap .sectionSubHd,
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoDesc,
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblDesc,
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap .rehabFtDesc,
.rehabilationWrap.opdFeatWrap .opdFeatSubDesc,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmDescWrap .asmntBdBtmDesc,
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .sectionSubHd,
.benifitWrap .benifitIn .benifitHeadWrap .sectionSubHd,
.coursesItem .csInfoWrap .abtInfo .abtDesg,
.productitemcard .csInfoWrap .abtInfo .abtDesg,
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesItem.productItem .productHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.productItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .coursesItem .csInfoWrap .abtInfo .abtDesg,
.coursesWrap .productitemcard .csInfoWrap .abtInfo .abtDesg,
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.serviceSlider .serviceSliderIn .othersServeLink span,
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideDesc,
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideHeading,
.footerWrap .footerIn .footerBtm .footerbottom .ftBtmLinkWrap a,
.footerWrap .footerIn .footerBtm .cprt,
.footerWrap .footerIn .footerTop .footerCol .ftLink.contLink,
.founderWrap .founderIn .founderRight .frBottom .founderDescSmall,
.founderWrap .founderIn .founderRight .frBottom .founderDescBig,
.founderWrap .founderIn .founderRight .frTop .founderName,
.founderWrap .founderIn .founderRight .frTop .founderHd,
.faqWrap .faqIn .faqBody .faqItem .faqItemBody .fbTxt,
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clDesc,
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemDesc,
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemHd,
.statSec .statSecIn .statItemHolder .statItem .stastDesc,
.sectionSubHd {
  font-weight: 400;
}

.wt500,
.medium,
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoHd,
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblHd,
.additionalServe .additionalSecIn .additionalHd .sectionHdLebel,
.additionalServe .additionalSecIn .sectionHd,
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrwthDesc,
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrowthLabel,
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrwthHd,
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtHd,
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabeHd,
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDescBig,
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDesc,
.rehabilationWrap.opdFeatWrap .opdFeatDesc,
.rehabilationWrap.opdFeatWrap .opdFeatHd,
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemRight .adItemDesc,
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemTitle,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmHd,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmHd,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmTxt,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmHd,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmTxt,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdLeft .asmBdLeftHd,
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemHd,
.serveCourseTab .scTabBody .scTabBdItem .scTabBdLeft .sectionHd,
.servicesWrap .serviceSecIn .serveSecHead .serviceSecSmHd,
.sectionHdLebel,
.hero .heroitem .herocontent .heroheading {
  font-weight: 500;
}

.wt600,
.semibold,
.modalTableWrap .modalTable tr td .colFlex .lightTxt,
.modalTableWrap .modalTable tr td .colFlex .strongTxt,
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabHdLabel,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBRHd,
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBRHd,
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .bnftInfoHd,
.coursesItem .csInfoWrap .abtInfo .abtInfoName,
.productitemcard .csInfoWrap .abtInfo .abtInfoName,
.coursesItem .csInfoWrap .csInfoName,
.productitemcard .csInfoWrap .csInfoName,
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesItem.productItem .productHoverInfo .dcDescInfo .dcTiming,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcTiming,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.productitemcard.productItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .coursesItem .csInfoWrap .abtInfo .abtInfoName,
.coursesWrap .productitemcard .csInfoWrap .abtInfo .abtInfoName,
.coursesWrap .coursesItem .csInfoWrap .csInfoName,
.coursesWrap .productitemcard .csInfoWrap .csInfoName,
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.serveCourseTab .scTabHead .scTabMenu,
.footerWrap .footerIn .footerTop .footerCol .ftLink,
.faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqIteamHd,
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo .clName,
.sectionHd {
  font-weight: 600;
}

.wt700,
.bold,
.statSec .statSecIn .statItemHolder .statItem .statNumb {
  font-weight: 700;
}

.container-1000 {
  width: 100%;
  max-width: 1000px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.container {
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.container-1400 {
  width: 100%;
  max-width: 1400px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.container-1600 {
  width: 100%;
  max-width: 1600px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.container-fluid {
  width: 100%;
}

.textleft {
  text-align: left;
}

.textright {
  text-align: right;
}

.textcenter {
  text-align: center;
}

.textjustify {
  text-align: justify;
}

.textnowrap {
  white-space: nowrap;
}

.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 20px;
  position: sticky;
  top: 0;
  gap: 20px;
  z-index: 1000;
  background-color: #FFFFFF;
}
.nav .navlogo a {
  display: inline-block;
}
.nav .navlogo a img {
  vertical-align: middle;
  height: 72px;
}
.nav .navactions {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
}
@media (width <= 992px) {
  .nav .navactions {
    flex-direction: column;
    align-items: flex-start;
    position: fixed;
    top: 0;
    bottom: 0;
    padding: 40px;
    background-color: #E5F1FF;
    z-index: 1000;
    transition: all 0.6s cubic-bezier(0.95, -0.01, 0.51, 1);
    right: -85vw;
    width: 85vw;
  }
  .nav .navactions.show {
    right: 0;
  }
}
.nav .navactions .navlinks {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (width <= 992px) {
  .nav .navactions .navlinks {
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 100%;
    gap: 10px;
    overflow: auto;
  }
}
.nav .navactions .navlinks .navitem {
  display: inline-flex;
  position: relative;
}
@media (width <= 992px) {
  .nav .navactions .navlinks .navitem {
    width: 100%;
    font-size: 24px;
    flex-direction: column;
  }
}
.nav .navactions .navlinks .navitem > a {
  white-space: nowrap;
  padding: 8px 16px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  font-size: 18px;
}
.nav .navactions .navlinks .navitem > a:has(~ .dropstage):after {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #232A38 transparent transparent transparent;
  transform: rotate(0deg);
  transition: all 0.4s ease-in-out;
  margin-left: 4px;
  position: relative;
  top: -2px;
  opacity: 0.8;
}
.nav .navactions .navlinks .navitem > a:hover {
  color: #5D6A82;
  background-color: rgba(204, 227, 255, 0.3);
}
.nav .navactions .navlinks .navitem > a:hover:has(~ .dropstage):after {
  border-color: #5D6A82 transparent transparent transparent;
}
.nav .navactions .navlinks .navitem > a.active {
  color: #5D6A82;
  background-color: rgba(204, 227, 255, 0.3);
}
.nav .navactions .navlinks .navitem > a.focus {
  color: #5D6A82;
  box-shadow: 0px 0px 0px 2px #CCE3FF inset;
  background-color: #FFFFFF;
}
@media (width <= 992px) {
  .nav .navactions .navlinks .navitem > a.focus {
    box-shadow: none;
    background-color: transparent;
  }
}
@media (width <= 992px) {
  .nav .navactions .navlinks .navitem > a {
    width: 100%;
    font-size: 24px;
  }
  .nav .navactions .navlinks .navitem > a.active {
    background-color: #FFFFFF;
  }
}
.nav .navactions .navlinks .navitem .dropstage {
  position: absolute;
  left: 0;
  top: 44px;
  display: none;
  width: 260px;
}
@media (width <= 992px) {
  .nav .navactions .navlinks .navitem .dropstage {
    position: static;
    width: 100%;
  }
}
.nav .navactions .navlinks .navitem .dropstage .dropitems {
  padding: 8px;
  background-color: #E5F1FF;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (width <= 992px) {
  .nav .navactions .navlinks .navitem .dropstage .dropitems {
    gap: 2px;
    padding: 0;
  }
}
.nav .navactions .navlinks .navitem .dropstage .dropitems a.dropitem {
  display: block;
  padding: 8px 16px;
  transition: all 0.4s ease-in-out;
  border-radius: 4px;
  font-size: 16px;
}
.nav .navactions .navlinks .navitem .dropstage .dropitems a.dropitem:hover {
  color: #5D6A82;
  background-color: #FFFFFF;
}
@media (width <= 992px) {
  .nav .navactions .navlinks .navitem .dropstage .dropitems a.dropitem {
    position: static;
    width: 100%;
  }
}
.nav .navactions .navlinks .navitem:hover .dropdownitems {
  display: flex;
}
.nav .navactions .navcta {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (width <= 992px) {
  .nav .navactions .navcta {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.nav .navactions .navcta .naviconcta {
  padding: 10px;
  position: relative;
}
.nav .navactions .navcta .naviconcta img {
  height: 24px;
}
.nav .navactions .navcta .naviconcta .naviconctatext {
  background: #1856A1;
  color: #FFFFFF;
  height: 20px;
  line-height: 20px;
  padding: 2px 4px 5px 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  border: 2px #FFF solid;
  font-size: 13px;
}
.nav .navactions .closemenu {
  display: none;
}
@media (width <= 992px) {
  .nav .navactions .closemenu {
    display: flex;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: unset;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
  }
}
.nav .navactions .closemenu img {
  vertical-align: middle;
  height: 24px;
}
.nav .ham {
  background-color: transparent;
  border: none;
  display: none;
}
.nav .ham img {
  vertical-align: middle;
  height: 24px;
}
@media (width <= 992px) {
  .nav .ham {
    display: flex;
    align-items: center;
    justify-content: unset;
  }
}

.hero {
  padding: 100px 0;
  background-image: url("../images/hero-bg.svg");
  background-size: cover;
  background-position: center;
}
.hero .owl-item {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.hero .owl-item.active {
  opacity: 1;
}
@media (width <= 992px) {
  .hero {
    padding: 40px 0;
  }
}
@media (height <= 560px) {
  .hero {
    padding: 40px 0;
  }
}
.hero .heroitem {
  display: flex;
  gap: 40px;
}
@media (width <= 1400px) {
  .hero .heroitem {
    padding: 0 80px;
  }
}
@media (width <= 992px) {
  .hero .heroitem {
    flex-direction: column;
    padding: 0 20px;
    gap: 10px;
  }
}
.hero .heroitem .herocontent {
  display: flex;
  flex-direction: column;
  gap: 36px;
  align-items: flex-start;
  flex-grow: 1;
  flex-basis: 45%;
  padding: 10px 20px 10px 0;
}
@media (width <= 992px) {
  .hero .heroitem .herocontent {
    gap: 16px;
    padding: 10px 0;
  }
}
.hero .heroitem .herocontent .heroheading {
  font-size: 80px;
  line-height: 120%;
}
@media (width <= 1400px) {
  .hero .heroitem .herocontent .heroheading {
    font-size: 60px;
  }
}
@media (width <= 992px) {
  .hero .heroitem .herocontent .heroheading {
    font-size: 40px;
  }
}
@media (width <= 992px) {
  .hero .heroitem .herocontent .herotext {
    font-size: 20px;
  }
}
.hero .heroitem .herocontent .herocircularcta {
  display: flex;
}
@media (width <= 768px) {
  .hero .heroitem .herocontent .herocircularcta {
    display: none;
  }
}
.hero .heroitem .herocontent .heroctasm {
  display: none;
}
@media (width <= 768px) {
  .hero .heroitem .herocontent .heroctasm {
    display: flex;
  }
}
.hero .heroitem .herographic {
  flex-grow: 1;
  flex-basis: 55%;
}
@media (width <= 768px) {
  .hero .heroitem .herographic {
    padding: 20px 0;
  }
}
.hero .heroitem .herographic img {
  width: 100%;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.hero .owl-dots {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-top: 20px;
  width: 160px;
  margin: 0 auto;
}
.hero .owl-dots .owl-dot {
  display: inline-block;
  flex-grow: 1;
  height: 8px;
  background-color: #EFF0F5;
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
}
.hero .owl-dots .owl-dot.active {
  background-color: #1856A1;
}
.hero .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 200px;
}
.hero .owl-nav button {
  width: 24px;
  height: 24px;
  background-size: cover !important;
  background-position: center !important;
  border: 1.4px solid #232A38 !important;
  border-radius: 50%;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  position: relative;
  top: 16px;
}
.hero .owl-nav button:hover {
  opacity: 1;
}
.hero .owl-nav button span {
  display: none;
}
.hero .owl-nav button.owl-prev {
  background-image: url("../images/owlnav-left.svg") !important;
}
.hero .owl-nav button.owl-next {
  background-image: url("../images/owlnav-right.svg") !important;
}

.hiddenh1 {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.headingcenter {
  text-align: center;
}

@media (width <= 992px) {
  .sectionHd32 {
    font-size: 24px;
  }
}

.flexRow {
  display: flex;
  flex-direction: row;
}

.flexColumn, .flexcol8, .comments .cmitem .cmbody .comments-level2, .comments .cmitem .cmbody, .flexcol12, .flexcol16, .flexcol24, .articlebody .articlein, .sectionfilterlist .filterlist .listpane .listsections, .flexcol40, .flexcol60, .flexcol100 {
  display: flex;
  flex-direction: column;
}

.gap60 {
  gap: 60px;
}

.flexcol100 {
  gap: 100px;
  align-items: flex-start;
  width: 100%;
}
@media (width <= 992px) {
  .flexcol100 {
    gap: 60px;
  }
}

.flexcol60 {
  gap: 60px;
  align-items: flex-start;
  width: 100%;
}
@media (width <= 992px) {
  .flexcol60 {
    gap: 40px;
  }
}

.flexcol40 {
  gap: 40px;
  align-items: flex-start;
  width: 100%;
}
@media (width <= 992px) {
  .flexcol40 {
    gap: 24px;
  }
}

.flexcol24, .articlebody .articlein, .sectionfilterlist .filterlist .listpane .listsections {
  gap: 24px;
  align-items: flex-start;
  width: 100%;
}
@media (width <= 992px) {
  .flexcol24, .articlebody .articlein, .sectionfilterlist .filterlist .listpane .listsections {
    gap: 20px;
  }
}

.flexcol16 {
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}

.flexcol12 {
  gap: 12px;
  align-items: flex-start;
  width: 100%;
}

.flexcol8, .comments .cmitem .cmbody .comments-level2, .comments .cmitem .cmbody {
  gap: 8px;
  align-items: flex-start;
  width: 100%;
}

.partners {
  padding: 40px 0;
  background-color: #EFF0F5;
}
.partners .partnersin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media (width <= 992px) {
  .partners .partnersin {
    flex-direction: column;
    gap: 20px;
  }
}
@media (width <= 992px) {
  .partners .partnersin p {
    font-size: 20px;
  }
}
.partners .partnersin .partnerslogos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (width <= 992px) {
  .partners .partnersin .partnerslogos {
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media (width <= 560px) {
  .partners .partnersin .partnerslogos {
    flex-direction: column;
    width: 100%;
  }
}
.partners .partnersin .partnerslogos img {
  max-height: 80px;
  max-width: 200px;
}
@media (width <= 560px) {
  .partners .partnersin .partnerslogos img {
    width: 50%;
    max-height: none;
    height: auto;
  }
}

@media (width <= 576px) {
  .programs.section {
    padding: 100px 0;
  }
}
.programs .progsteps {
  position: relative;
}
.programs .progsteps:before {
  content: "";
  position: absolute;
  top: 49px;
  left: 0;
  width: 100%;
  border-top: 2px dashed #232A38;
}
@media (width <= 768px) {
  .programs .progsteps:before {
    display: none;
  }
}
.programs .progsteps .progstepin {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  z-index: 10;
}
@media (width <= 768px) {
  .programs .progsteps .progstepin {
    align-items: flex-start;
    gap: 4px;
    flex-wrap: wrap;
  }
}
.programs .progsteps .progstepin .progstep {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (width <= 768px) {
  .programs .progsteps .progstepin .progstep {
    flex-direction: row;
    gap: 4px;
    width: calc(50% - 4px);
    padding: 4px 8px;
    background-color: #F5F5F5;
    border-radius: 6px;
    height: 60px;
    justify-content: flex-start;
  }
}
.programs .progsteps .progstepin .progstep p {
  text-align: center;
  padding: 0 20px;
}
@media (width <= 768px) {
  .programs .progsteps .progstepin .progstep p {
    font-size: 16px;
    text-align: left;
    padding: 0;
  }
}
.programs .progsteps .progstepin .progstep .progstepnumber {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 48px;
  line-height: 48px;
  background-color: #232A38;
  font-weight: 400;
  transition: all 0.4s ease-in-out;
}
@media (width <= 768px) {
  .programs .progsteps .progstepin .progstep .progstepnumber {
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 18px;
  }
}
.programs .progsteps .progstepin .progstep .progstepnumber:hover {
  background-color: #1856A1;
}
.programs .progsteps .progstepin .progstep .progstepnumber span {
  position: relative;
  top: -4px;
}
@media (width <= 768px) {
  .programs .progsteps .progstepin .progstep .progstepnumber span {
    top: -1px;
  }
}
.programs .progsteps .progstepin .progstep.active .progstepnumber {
  background-color: #1856A1;
}
.programs .progsteps .progstepin .progstep.active p {
  color: #1856A1;
  font-weight: 500;
}
@media (width <= 1200px) {
  .programs .programslides .progslide {
    gap: 20px;
  }
}
.programs .programslides .progslide .progslideinfo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
@media (width <= 1200px) {
  .programs .programslides .progslide .progslideinfo {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 768px) {
  .programs .programslides .progslide .progslideinfo {
    grid-template-columns: 1fr;
    gap: 8px;
    order: 2;
  }
}
.programs .programslides .progslide .progslideinfo .proginfo {
  padding: 20px 16px;
  display: flex;
  align-items: center;
  gap: 24px;
  background-color: #E5F1FF;
  border-radius: 12px;
  transition: all 0.4s ease-in-out;
}
.programs .programslides .progslide .progslideinfo .proginfo:hover {
  transform: scale(1.05);
}
@media (width <= 768px) {
  .programs .programslides .progslide .progslideinfo .proginfo {
    padding: 8px 16px;
    gap: 10px;
  }
}
.programs .programslides .progslide .progslideinfo .proginfo img {
  height: 16px;
  width: 16px;
}
.programs .programslides .progslide .progslideinfo .proginfo p {
  flex-grow: 1;
  font-weight: 500;
  font-size: 20px;
}
@media (width <= 768px) {
  .programs .programslides .progslide .progslideinfo .proginfo p {
    font-size: 16px;
  }
}
.programs .programslides .progslide .progslideinfo .proginfo.proginforose {
  background-color: #FFF5F2;
}
.programs .programslides .progslide .progslideinfo .proginfo.proginfotorq {
  background-color: #D6F4F8;
}
.programs .programslides .progslide .progslideinfo .proginfo.proginfoyellow {
  background-color: #FFEECA;
}
.programs .programslides .progslide .progslideinfo .proginfo.proginfoprimary {
  background-color: #CCE3FF;
}
.programs .programslides .progslide .progslideimg {
  position: relative;
}
@media (width <= 768px) {
  .programs .programslides .progslide .progslideimg {
    order: 1;
  }
}
.programs .programslides .progslide .progslideimg img {
  border-radius: 20px;
  pointer-events: none;
}
.programs .programslides .progslide .progslideimg .circular-cta {
  width: 120px;
  margin: -60px auto 0;
  display: block;
  transition: all 0.4s ease-in-out;
}
@media (width <= 768px) {
  .programs .programslides .progslide .progslideimg .circular-cta {
    width: 80px;
    margin: -40px auto 0;
  }
}
.programs .programslides .progslide .progslideimg .circular-cta:hover {
  transform: scale(1.05);
}
.programs .programslides .progslide .progslideimg .circular-cta img {
  height: 120px;
}
@media (width <= 768px) {
  .programs .programslides .progslide .progslideimg .circular-cta img {
    height: 80px;
  }
}
.programs .programslides .progslide .progslideimg .hangingcta {
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
@media (width <= 576px) {
  .programs .programslides .progslide .progslideimg .hangingcta {
    position: relative;
    bottom: auto;
  }
}
.programs .programslides .progslide .progslideimg .hangingcta .button {
  max-width: 80%;
  white-space: normal;
  text-align: center;
}
@media (width <= 576px) {
  .programs .programslides .progslide .progslideimg .hangingcta .button {
    font-weight: 600;
  }
}

.sectionflex {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 992px) {
  .sectionflex {
    gap: 40px;
  }
}
@media (width <= 768px) {
  .sectionflex {
    gap: 40px;
  }
}

.headergrid {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  align-items: center;
}
@media (width <= 992px) {
  .headergrid {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.headergrid .headerinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.headergrid .headerinfo .headerlabel {
  color: #00A8C3;
  text-transform: uppercase;
  font-size: 24px;
}
@media (width <= 992px) {
  .headergrid .headerinfo .headerlabel {
    font-size: 20px;
  }
}
.headergrid .headerinfo .headertext {
  font-size: 48px;
  font-weight: 400;
  text-wrap: balance;
}
@media (width <= 992px) {
  .headergrid .headerinfo .headertext {
    font-size: 32px;
  }
}
.headergrid .headercontent {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.headergrid .headercontent p {
  font-size: 24px;
  color: #5D6A82;
  font-weight: 400;
}
@media (width <= 992px) {
  .headergrid .headercontent p {
    font-size: 18px;
  }
}

.altgrid {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  align-items: center;
}
@media (width <= 992px) {
  .altgrid {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
}
.altgrid .altinfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
@media (width <= 768px) {
  .altgrid .altinfo {
    order: 2;
  }
}
.altgrid .altinfo .altheader {
  font-size: 48px;
  font-weight: 500;
}
@media (width <= 768px) {
  .altgrid .altinfo .altheader {
    font-size: 32px;
  }
}
.altgrid .altinfo .altheader span {
  display: inline-block;
  white-space: nowrap;
  padding: 0px 8px;
  margin: 2px 0;
}
.altgrid .altinfo .altheader span.yellow {
  background-color: #FFEECA;
}
.altgrid .altinfo .altheader span.rose {
  background-color: #FFE6E0;
}
.altgrid .altinfo .altheader span.torq {
  background-color: #A5E7F2;
}
.altgrid .altinfo .altheader span.grey {
  background-color: #EFF0F5;
}
.altgrid .altinfo .altheader span.cream {
  background-color: #FFF7D6;
}
.altgrid .altinfo .altcontent {
  font-size: 20px;
  font-weight: 400;
}
@media (width <= 768px) {
  .altgrid .altinfo .altcontent {
    font-size: 18px;
  }
}
@media (width <= 768px) {
  .altgrid .altinfo .button {
    width: 100%;
  }
}
.altgrid .altgraphic {
  min-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width <= 768px) {
  .altgrid .altgraphic {
    order: 1;
  }
}
.altgrid .altgraphic img {
  width: 80%;
  margin: 0 auto;
}
@media (width <= 768px) {
  .altgrid .altgraphic img {
    width: 70%;
  }
}

.sectiongrey {
  background-color: #EFF0F5;
}

.sectionyellow {
  background-color: #FFF7E5;
}

.sectionrose {
  background-color: #FFF5F2;
}

.sectionprimary {
  background-color: #E5F1FF;
}
.sectionmultimidia {
  background-color: #cfe6fe;
}
.sectionsewing {
  background-color: #c3f5fb;
}

.artisans {
  background-color: #EFF0F5;
}
.artisans .artisnimages {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
@media (width <= 768px) {
  .artisans .artisnimages {
    grid-template-columns: 1fr 1fr;
  }
}
.artisans .artisnimages img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

.video {
  height: 41.6666666667vw;
  position: relative;
}
@media (width <= 792px) {
  .video {
    height: 66.6666666667vw;
  }
}
.video .poster {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(50%);
}
.video .videoplay {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video .videoplay img {
  width: 80%;
  height: 80%;
  transition: all 0.4s ease-in-out;
}
.video .videoplay:hover img {
  width: 100%;
  height: 100%;
}
.video .videotext {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 20px;
}
@media (width <= 792px) {
  .video .videotext {
    font-size: 14px;
  }
}

.pageheader {
  padding: 100px 0;
  background-image: url("../images/hero-bg.svg");
  background-size: cover;
  background-position: center;
  text-align: center;
}
@media (width <= 992px) {
  .pageheader {
    padding: 40px 0;
  }
}
@media (height <= 560px) {
  .pageheader {
    padding: 40px 0;
  }
}
.pageheader .pageheaderflex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (width <= 992px) {
  .pageheader .pageheaderflex {
    gap: 10px;
  }
}
.pageheader .pageheading {
  font-size: 80px;
  font-weight: 500;
}
@media (width <= 992px) {
  .pageheader .pageheading {
    font-size: 40px;
  }
}
.pageheader .pageheading span {
  display: inline-block;
  padding: 0px 8px;
  margin: 2px 0;
  line-height: 100%;
  padding-bottom: 8px;
}
.pageheader .pageheading span.yellow {
  background-color: #FFEECA;
}
.pageheader .pageheading span.rose {
  background-color: #FFE6E0;
}
.pageheader .pageheading span.torq {
  background-color: #A5E7F2;
}
.pageheader .pageheading span.grey {
  background-color: #EFF0F5;
}
.pageheader .pageheading span.cream {
  background-color: #FFF7D6;
}
.pageheader .pageheadertext {
  font-size: 24px;
  font-weight: 400;
  width: 540px;
  max-width: 100%;
  text-wrap: balance;
}
@media (width <= 992px) {
  .pageheader .pageheadertext {
    font-size: 20px;
  }
}

.modalcontact,
.modalcontainer {
  background-color: #EFF0F5;
  border-radius: 10px;
  padding: 24px 32px;
}
@media (width <= 576px) {
  .modalcontact,
  .modalcontainer {
    padding: 10px 12px;
  }
}

.contactfragments {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.contactfragments .contactfragment {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.input {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
}
.input img {
  height: 24px;
  width: 24px;
}
.input input,
.input select,
.input textarea {
  flex-grow: 1;
  border: none;
  outline: none;
  height: 24px;
  resize: none;
  font-size: 16px;
  font-weight: 400;
  color: #232A38;
  font-family: "degular", sans-serif;
  font-weight: 400;
  width: 100%;
}
.input textarea {
  height: 100px;
  font-weight: 400;
  font-family: "degular", sans-serif;
  font-weight: 400;
  color: #232A38;
}
.input .errormessage {
  position: absolute;
  bottom: -8px;
  font-size: 12px;
  background: #ffdada;
  padding: 0 7px 2px;
  border-radius: 10px;
  color: #7c0000;
  right: 10px;
}

.successmessage {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: #00A8C3;
  width: 100%;
  position: relative;
  justify-content: flex-start;
}
.successmessage p {
  color: #FFFFFF;
  font-size: 18px;
}
.successmessage img {
  height: 24px;
  width: 24px;
}

.section.contactsection {
  padding: 100px 0;
}
@media (width <= 768px) {
  .section.contactsection {
    padding: 40px 0;
  }
}

.contactcta {
  display: flex;
  align-items: center;
  gap: 16px;
}
.contactcta img {
  transition: all 0.4s ease-in-out;
  border-radius: 0px;
}
.contactcta label {
  flex-grow: 1;
  margin: 0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.contactcta label .ctalabel {
  color: #58618d;
  font-size: 14px;
  font-weight: 600;
}
.contactcta label .ctainfo {
  color: #232A38;
  font-size: 18px;
  transition: all 0.4s ease-in-out;
}
.contactcta:hover img {
  border-radius: 100px;
  overflow: hidden;
}
.contactcta:hover label .ctainfo {
  color: #1856A1;
}

.forminline {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
@media (width <= 576px) {
  .forminline {
    flex-direction: column;
  }
}

.contactflex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (width <= 768px) {
  .contactflex {
    grid-template-columns: 1fr;
  }
}
.contactflex .contactmap {
  background-color: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
}
.contactflex .contactmap #map {
  height: 100%;
}
@media (width <= 768px) {
  .contactflex .contactmap {
    width: 100%;
    height: 40vh;
  }
}

.ctacontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 420px;
  max-width: 100%;
  margin: 0 auto;
}
@media (width <= 768px) {
  .ctacontent {
    gap: 20px;
  }
}
.ctacontent .ctatext {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ctacontent .ctatext p {
  color: #5D6A82;
}

.cflex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}
@media (width <= 768px) {
  .cflex {
    flex-direction: column;
    gap: 40px;
  }
}
@media (width <= 768px) {
  .cflex .ordersm1 {
    order: 1;
  }
}
@media (width <= 768px) {
  .cflex .ordersm2 {
    order: 2;
  }
}
.cflex .cflexitem {
  flex-grow: 1;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
@media (width <= 768px) {
  .cflex .cflexitem {
    gap: 10px;
  }
}
.cflex .cflexitem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.cflex .cflexitem .paragraphholder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
}
@media (width <= 768px) {
  .cflex .cflexitem .paragraphholder {
    font-size: 10px;
  }
}
.cflex .cflexitem .cflexheading {
  font-size: 60px;
  font-weight: 400;
}
@media (width <= 768px) {
  .cflex .cflexitem .cflexheading {
    font-size: 40px;
  }
}
.cflex .cflexitem .cflexheading span {
  display: inline-block;
  white-space: nowrap;
  padding: 0px 8px;
  margin: 2px 0;
}
.cflex .cflexitem .cflexheading span.yellow {
  background-color: #FFEECA;
}
.cflex .cflexitem .cflexheading span.rose {
  background-color: #FFE6E0;
}
.cflex .cflexitem .cflexheading span.torq {
  background-color: #A5E7F2;
}
.cflex .cflexitem .cflexheading span.grey {
  background-color: #EFF0F5;
}
.cflex .cflexitem .cflexheading span.cream {
  background-color: #FFF7D6;
}
.cflex .cflexitem .cflexsubheading {
  font-size: 48px;
}
@media (width <= 768px) {
  .cflex .cflexitem .cflexsubheading {
    font-size: 32px;
  }
}
.cflex .cflexitem .cflextext {
  font-size: 36px;
}
@media (width <= 768px) {
  .cflex .cflexitem .cflextext {
    font-size: 24px;
  }
}
.cflex .cflexitem .cflexsubtext {
  font-size: 20px;
  color: #5D6A82;
}
@media (width <= 768px) {
  .cflex .cflexitem .cflexsubtext {
    font-size: 16px;
  }
}
.cflex .cflexitem .imglabel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  gap: 0px;
  width: 100%;
}
.cflex .cflexitem .imglabel .cflextext,
.cflex .cflexitem .imglabel .cflexsubtext {
  text-align: center;
  width: 100%;
}

.bestpracticesflex {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 768px) {
  .bestpracticesflex {
    gap: 40px;
  }
}
.bestpracticesflex h2 {
  text-align: center;
}
.bestpracticesflex .bpgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
@media (width <= 768px) {
  .bestpracticesflex .bpgrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 556px) {
  .bestpracticesflex .bpgrid {
    grid-template-columns: 1fr;
  }
}
.bestpracticesflex .bpgrid .bpitem {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.bestpracticesflex .bpgrid .bpitem .bpheading {
  font-size: 32px;
  font-weight: 400;
}
@media (width <= 768px) {
  .bestpracticesflex .bpgrid .bpitem .bpheading {
    font-size: 24px;
  }
}
.bestpracticesflex .bpgrid .bpitem .bptext {
  font-size: 20px;
  font-weight: 400;
  color: #5D6A82;
}
@media (width <= 768px) {
  .bestpracticesflex .bpgrid .bpitem .bptext {
    font-size: 18px;
  }
}

.team .teamflex {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.team .teamflex .teamheader {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 480px;
  max-width: 100%;
  margin: 0 auto;
}
.team .teamflex .teamheader h2 {
  text-align: center;
  font-size: 60px;
}
@media (width <= 768px) {
  .team .teamflex .teamheader h2 {
    font-size: 40px;
  }
}
.team .teamflex .teamheader p {
  text-align: center;
  font-size: 24px;
  color: #5D6A82;
  font-weight: 400;
}
@media (width <= 768px) {
  .team .teamflex .teamheader p {
    font-size: 20px;
  }
}
.team .teamflex .teamgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
@media (width <= 992px) {
  .team .teamflex .teamgrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 556px) {
  .team .teamflex .teamgrid {
    grid-template-columns: 1fr 1fr;
  }
}
.team .teamflex .teamgrid .teamitem {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.team .teamflex .teamgrid .teamitem img {
  width: 100%;
  max-width: 240px;
}
.team .teamflex .teamgrid .teamitem .teamtext {
  text-align: center;
  width: 100%;
}
.team .teamflex .teamgrid .teamitem .teamtext h3 {
  font-size: 24px;
}
@media (width <= 768px) {
  .team .teamflex .teamgrid .teamitem .teamtext h3 {
    font-size: 20px;
  }
}
.team .teamflex .teamgrid .teamitem .teamtext p {
  font-size: 18px;
  color: #5D6A82;
}
@media (width <= 768px) {
  .team .teamflex .teamgrid .teamitem .teamtext p {
    font-size: 14px;
  }
}

.sectiondonationtypes {
  background-color: #FFFBF2;
}

.donatecontainer {
  width: 800px;
  margin: 0 auto;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 992px) {
  .donatecontainer {
    gap: 40px;
  }
}
.donatecontainer .dnheader {
  text-align: center;
  text-wrap: balance;
  font-weight: 400;
}
.donatecontainer .donationtype {
  display: flex;
  gap: 80px;
  align-items: center;
}
@media (width <= 992px) {
  .donatecontainer .donationtype {
    flex-direction: column;
    gap: 20px;
  }
}
.donatecontainer .donationtype .donationtypeimage {
  display: flex;
  align-items: flex-start;
}
@media (width <= 992px) {
  .donatecontainer .donationtype .donationtypeimage {
    order: 1;
    width: 100%;
  }
  .donatecontainer .donationtype .donationtypeimage img {
    width: 50%;
  }
}
.donatecontainer .donationtype .donationtypecontent {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (width <= 992px) {
  .donatecontainer .donationtype .donationtypecontent {
    order: 2;
  }
}
.donatecontainer .donationtype .donationtypecontent h3 {
  font-size: 48px;
  font-weight: 400;
}
@media (width <= 992px) {
  .donatecontainer .donationtype .donationtypecontent h3 {
    font-size: 32px;
  }
}
.donatecontainer .donationtype .donationtypecontent p {
  font-size: 20px;
  font-weight: 400;
  color: #5D6A82;
}
@media (width <= 992px) {
  .donatecontainer .donationtype .donationtypecontent p {
    font-size: 18px;
  }
}

.donationinfo {
  background-color: #FFFFFF;
  padding: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.donationinfo .infosubhead {
  font-size: 20px;
  font-weight: 400;
  color: #5D6A82;
}
@media (width <= 992px) {
  .donationinfo .infosubhead {
    font-size: 18px;
  }
}
.donationinfo .bankinfo {
  padding: 20px;
  background-color: #EFF0F5;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  border-radius: 10px;
  flex-direction: column;
  width: 480px;
  max-width: 100%;
  font-size: 18px;
}
@media (width <= 992px) {
  .donationinfo .bankinfo {
    padding: 10px;
    font-size: 16px;
  }
}
.donationinfo .bankinfo span {
  font-weight: 600;
}

.getinvolved {
  width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  flex-direction: column;
}
.getinvolved .giheader {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0px;
}
@media (width <= 768px) {
  .getinvolved .giheader {
    align-items: flex-start;
  }
}
.getinvolved .giheader .gisubheader {
  font-size: 24px;
  color: #00A8C3;
  font-weight: 500;
}
.getinvolved .gicontent {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.getinvolved .gicontent .giitem {
  padding: 40px 0;
  border-bottom: 1px #232A38 solid;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.getinvolved .gicontent .giitem:last-child {
  border: none;
}
@media (width <= 768px) {
  .getinvolved .gicontent .giitem {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.getinvolved .gicontent .giitem .gilabel {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 140px;
  flex-direction: column;
}
.getinvolved .gicontent .giitem .gilabel img {
  width: 60px;
  height: 60px;
}
.getinvolved .gicontent .giitem .gilabel span {
  font-weight: 400;
  font-size: 24px;
  color: #1856A1;
}
@media (width <= 992px) {
  .getinvolved .gicontent .giitem .gilabel span {
    font-size: 20px;
  }
}
.getinvolved .gicontent .giitem .gitextcontentholder {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.getinvolved .gicontent .giitem .gitextcontentholder .gitextcontent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media (width <= 768px) {
  .getinvolved .gicontent .giitem .gitextcontentholder .gitextcontent img {
    display: none;
  }
}
.getinvolved .gicontent .giitem .gitextcontentholder .gitextcontent p {
  font-size: 20px;
}
@media (width <= 768px) {
  .getinvolved .gicontent .giitem .gitextcontentholder .gitextcontent p {
    font-size: 16px;
  }
}

.projectinfo {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}
.projectinfo .projectfeatflex {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.projectinfo .projectfeatflex h3 {
  font-size: 24px;
  font-weight: 500;
}
.projectinfo .projectfeatflex .projectfeats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
}
.projectinfo .projectfeatflex .projectfeats .projectfeat {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.projectinfo .projectfeatflex .projectfeats .projectfeat img {
  height: 40px;
}
.projectinfo .projectfeatflex .projectfeats .projectfeat h4 {
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.projectinfo .projectcards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 100%;
}
@media (width <= 992px) {
  .projectinfo .projectcards {
    grid-template-columns: 1fr;
  }
}
.projectinfo .projectcards .projectcard {
  display: grid;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  padding: 40px;
  border-radius: 20px;
  background-color: #FFFFFF;
  flex-grow: 1;
}
.projectinfo .projectcards .projectcard img {
  height: 40px;
}
.projectinfo .projectcards .projectcard p {
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.projectinfo .projectcards .projectcard p span {
  font-weight: 600;
  text-transform: none;
}

.donationform {
  background-color: #EFF0F5;
  padding: 80px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (width <= 992px) {
  .donationform {
    flex-direction: column;
    padding: 20px;
  }
}
.donationform .dfin {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (width <= 992px) {
  .donationform .dfin {
    order: 2;
  }
}
.donationform .dfin .dfflex {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.donationform .dfin .dfflex .dfexsubheading {
  font-size: 24px;
  font-weight: 500;
  color: #00A8C3;
}
@media (width <= 768px) {
  .donationform .dfin .dfflex .dfexsubheading {
    font-size: 18px;
  }
}
.donationform .dfin .dfflex h2 {
  font-size: 32px;
  font-weight: 500;
}
@media (width <= 768px) {
  .donationform .dfin .dfflex h2 {
    font-size: 24px;
  }
}
.donationform .dfin .dfflex .dfgetback {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.donationform .dfgraphic {
  flex-grow: 1;
  border-radius: 10px;
  width: 100%;
}
@media (width <= 992px) {
  .donationform .dfgraphic {
    order: 1;
    height: 40vh;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
}

.donationplans {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  max-width: 100vw;
}
.donationplans .plans {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  gap: 80px;
  flex-wrap: nowrap;
  overflow: auto;
  max-width: 100%;
  padding: 0 20px;
}
.donationplans .plans .plan {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media (width <= 992px) {
  .donationplans .plans .plan {
    flex-basis: 33%;
  }
}
@media (width <= 768px) {
  .donationplans .plans .plan {
    flex-basis: 70vw;
  }
}
.donationplans .plans .plan .planheader {
  padding: 20px 40px;
  border-radius: 0 60px;
  background-color: #EFF0F5;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  font-size: 16px;
}
.donationplans .plans .plan .planheader .planheaderhighlightnumber {
  font-size: 32px;
}
.donationplans .plans .plan .planheader .planheaderhighlight {
  font-size: 24px;
}
.donationplans .plans .plan .planheader.planheaderyellow {
  background-color: #FFF7E5;
}
.donationplans .plans .plan .planheader.planheaderrose {
  background-color: #FFF5F2;
}
.donationplans .plans .plan .planheader.planheaderprimary {
  background-color: #E5F1FF;
}
.donationplans .plans .plan h3 {
  font-size: 24px;
  color: #1856A1;
}
.donationplans .plans .plan .planeats {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
@media (width <= 768px) {
  .donationplans .plans .plan .planeats {
    align-items: flex-start;
  }
}
.donationplans .plans .plan .planeats div {
  display: flex;
  gap: 0px;
  text-align: left;
}
.donationplans .plans .plan .planeats div img {
  height: 30px;
}

.section {
  padding: 200px 0;
}
@media (width <= 992px) {
  .section {
    padding: 120px 0;
  }
}
@media (width <= 768px) {
  .section {
    padding: 100px 0;
  }
}
@media (width <= 576px) {
  .section {
    padding: 80px 0;
  }
}

@media (width <= 576px) {
  .sectionHd {
    font-size: 36px;
    line-height: 120%;
  }
}

@media (width <= 576px) {
  .sectionSubHd {
    font-size: 20px;
  }
}

.sectionHdLebel {
  color: #00A8C3;
  margin-bottom: 5px;
}

.centerColumnHd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.statSec {
  background-color: #EFF0F5;
}
.statSec .statSecIn {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  justify-content: center;
}
.statSec .statSecIn .statSecHead {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.statSec .statSecIn .statItemHolder {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (width <= 992px) {
  .statSec .statSecIn .statItemHolder {
    row-gap: 20px;
    justify-content: space-between;
  }
}
.statSec .statSecIn .statItemHolder .statItem {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-right: 1px solid #1D1C1C;
  padding: 0 30px;
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
}
@media (width <= 576px) {
  .statSec .statSecIn .statItemHolder .statItem {
    flex: 0 0 48%;
    max-width: 48%;
    border-right: 0;
    padding: 0;
  }
}
.statSec .statSecIn .statItemHolder .statItem:last-child {
  border-right: 0;
}
@media (width <= 576px) {
  .statSec .statSecIn .statItemHolder .statItem:nth-child(3) {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.statSec .statSecIn .statItemHolder .statItem .statNumb {
  color: #1856A1;
}
@media (width <= 1200px) {
  .statSec .statSecIn .statItemHolder .statItem .statNumb {
    font-size: 30px;
  }
}
@media (width <= 1200px) {
  .statSec .statSecIn .statItemHolder .statItem .stastDesc {
    font-size: 20px;
  }
}

.awardSecWrap {
  padding: 100px 50px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  overflow: hidden;
}
@media (width <= 1576px) {
  .awardSecWrap {
    padding: 80px 50px 40px;
    gap: 30px;
  }
}
.awardSecWrap .sectionHd {
  text-align: center;
}
.awardSecWrap .certificateWrap .certificateItem .certfImg {
  width: 100%;
  aspect-ratio: 2/3;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.awardSecWrap .certificateWrap .owl-stage-outer {
  overflow: visible;
}

.modalWrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
}
.modalWrap .modalHolder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
}
.modalWrap .modalHolder .modalOverlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.modalWrap .modalHolder .modalBody {
  position: relative;
  z-index: 2;
  width: 800px;
  max-width: 95%;
  padding: 30px 0;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
}
@media (width <= 576px) {
  .modalWrap .modalHolder .modalBody {
    padding: 30px;
  }
}
.modalWrap .modalHolder .modalBody .modalCloser {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
}
.modalWrap .modalHolder .modalBody .modalCloser:hover {
  opacity: 1;
}
@media (width <= 576px) {
  .modalWrap .modalHolder .modalBody .modalCloser {
    right: 10px;
    top: 10px;
  }
}
.modalWrap .modalHolder .modalBody .modalCloser img {
  width: 24px;
}
@media (width <= 576px) {
  .modalWrap .modalHolder .modalBody .modalCloser img {
    width: 20px;
  }
}
.modalWrap .modalHolder .modalBody .modalcontent {
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: 0 30px;
}
@media (width <= 576px) {
  .modalWrap .modalHolder .modalBody .modalcontent {
    padding: 0;
  }
}

.certificateBig {
  width: 100%;
  border-radius: 24px;
}

.servicesWrap {
  padding: 100px 0;
}
@media (width <= 576px) {
  .servicesWrap {
    padding: 40px 0 80px;
  }
}
.servicesWrap .serviceSecIn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn {
    gap: 30px;
  }
}
.servicesWrap .serviceSecIn .serveSecHead {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 70%;
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serveSecHead {
    width: 100%;
  }
}
.servicesWrap .serviceSecIn .serveSecHead .serviceSecSmHd {
  color: #00A8C3;
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serveSecHead .serviceSecSmHd {
    font-size: 20px;
  }
}
.servicesWrap .serviceSecIn .serviceItemWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media (width <= 768px) {
  .servicesWrap .serviceSecIn .serviceItemWrap {
    gap: 50px;
  }
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serviceItemWrap {
    gap: 30px;
  }
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol {
  flex: 0 0 48%;
  max-width: 48%;
  aspect-ratio: 1/1.1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  border-radius: 30px;
  padding: 40px 180px 40px 40px;
  overflow: hidden;
}
@media (width <= 768px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol {
    flex: 0 0 100%;
    max-width: 100%;
    aspect-ratio: 2/1;
  }
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol {
    aspect-ratio: 1/1;
    padding: 20px 20px 20px 20px;
  }
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol:first-child {
  background-color: #FFE6E0;
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol:last-child {
  background-color: #FFEECA;
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .serviceRefImg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: 300px;
}
@media (width <= 992px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .serviceRefImg {
    height: 260px;
  }
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .serviceRefImg {
    height: 200px;
  }
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  z-index: 2;
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop {
    gap: 12px;
  }
}
@media (width <= 992px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemHd {
    font-size: 34px;
  }
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemHd {
    font-size: 28px;
  }
}
@media (width <= 992px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemDesc {
    font-size: 18px;
  }
}
@media (width <= 576px) {
  .servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecTop .servItemDesc {
    font-size: 16px;
    width: 70%;
  }
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecBtm {
  position: relative;
  z-index: 2;
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecBtm .button {
  border-radius: 50px;
  color: #1856A1;
}

.testimonialWrap {
  background-color: #EFF0F5;
  padding: 100px 0 0;
}
@media (width <= 768px) {
  .testimonialWrap {
    padding: 80px 0 40px;
  }
}
.testimonialWrap .testimSlideWrap {
  position: relative;
  padding: 0 60px;
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap {
    padding: 0 0;
  }
}
.testimonialWrap .testimSlideWrap .testimSlideItem {
  display: flex;
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem {
    flex-direction: column;
    gap: 0;
  }
}
.testimonialWrap .testimSlideWrap .testimSlideItem .testimImgWrap {
  flex: 0 0 35%;
  max-width: 35%;
  display: flex;
  align-items: flex-end;
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimImgWrap {
    flex: 0 0 65%;
    max-width: 65%;
  }
}
.testimonialWrap .testimSlideWrap .testimSlideItem .testimImgWrap .testimImg {
  width: 100%;
}
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  padding: 70px 40px 70px 280px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 992px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap {
    padding: 70px 40px 70px 220px;
  }
}
@media (width <= 768px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap {
    padding: 0px 30px 0 40px;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 15px;
    border: 1px solid #1856A1;
    border-radius: 10px;
  }
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px 15px;
    border: 1px solid #1856A1;
    border-radius: 10px;
  }
}
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .quoteImg {
  position: absolute;
  left: 30px;
  top: 0;
  width: 200px;
}
@media (width <= 992px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .quoteImg {
    width: 150px;
  }
}
@media (width <= 768px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .quoteImg {
    width: 50px;
    display: none;
  }
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .quoteImg {
    display: none;
  }
}
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clDesc {
  color: rgba(35, 42, 56, 0.7);
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (width <= 992px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clDesc {
    font-size: 18px;
  }
}
@media (width <= 768px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clDesc {
    font-size: 16px;
  }
}
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (width <= 768px) {
  .testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo .clName {
    font-size: 26px;
  }
}
.testimonialWrap .testimSlideWrap .testimSlideItem .testimContWrap .clInfo .clAddress {
  color: rgba(35, 42, 56, 0.7);
}
.testimonialWrap .testimSlideWrap .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}
@media (width <= 768px) {
  .testimonialWrap .testimSlideWrap .owl-nav {
    transform: translateY(-100%);
  }
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap .owl-nav {
    left: 0;
    top: 0;
    position: relative;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 40px;
    transform: translateY(-50%);
  }
}
.testimonialWrap .testimSlideWrap .owl-nav .owl-prev,
.testimonialWrap .testimSlideWrap .owl-nav .owl-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  color: #1856A1;
  transition: all 0.4s ease-in-out;
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap .owl-nav .owl-prev,
  .testimonialWrap .testimSlideWrap .owl-nav .owl-next {
    width: 30px;
    height: 30px;
  }
}
.testimonialWrap .testimSlideWrap .owl-nav .owl-prev:hover,
.testimonialWrap .testimSlideWrap .owl-nav .owl-next:hover {
  background-color: #1856A1;
  color: #FFFFFF;
}
.testimonialWrap .testimSlideWrap .owl-nav .owl-prev:hover span,
.testimonialWrap .testimSlideWrap .owl-nav .owl-next:hover span {
  color: #FFFFFF;
  transition: all 0.4s ease-in-out;
}
.testimonialWrap .testimSlideWrap .owl-nav .owl-prev span,
.testimonialWrap .testimSlideWrap .owl-nav .owl-next span {
  font-size: 30px;
  color: #1856A1;
  margin: 0;
  line-height: 30px;
  display: inline-block;
  position: relative;
  top: -2px;
}
@media (width <= 576px) {
  .testimonialWrap .testimSlideWrap .owl-nav .owl-prev span,
  .testimonialWrap .testimSlideWrap .owl-nav .owl-next span {
    font-size: 24px;
  }
}

.faqWrap .faqIn {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  justify-content: center;
}
@media (width <= 576px) {
  .faqWrap .faqIn {
    gap: 30px;
  }
}
.faqWrap .faqIn .faqHead {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqHead {
    gap: 12px;
  }
}
.faqWrap .faqIn .faqBody {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqBody {
    gap: 30px;
  }
}
.faqWrap .faqIn .faqBody .faqItem {
  display: flex;
  flex-direction: column;
  background-color: #FFFBF2;
  border: 1px solid #FFEECA;
  border-radius: 60px;
  padding: 40px;
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqBody .faqItem {
    padding: 20px;
    border-radius: 30px;
  }
}
.faqWrap .faqIn .faqBody .faqItem.active .faqItemHead .faqAnchor {
  width: 24px;
}
.faqWrap .faqIn .faqBody .faqItem.active .faqItemHead .faqAnchor.minus {
  display: inline-block;
}
.faqWrap .faqIn .faqBody .faqItem.active .faqItemHead .faqAnchor.plus {
  display: none;
}
.faqWrap .faqIn .faqBody .faqItem.active .faqItemBody {
  display: block;
}
.faqWrap .faqIn .faqBody .faqItem .faqItemHead {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqBody .faqItem .faqItemHead {
    gap: 10px;
  }
}
.faqWrap .faqIn .faqBody .faqItem .faqItemHead:hover .faqIteamHd {
  color: #5D6A82;
}
.faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqIteamHd {
  transition: all 0.2s ease-in-out;
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqIteamHd {
    font-size: 20px;
  }
}
.faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqAnchor {
  width: 24px;
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqAnchor {
    width: 18px;
  }
}
.faqWrap .faqIn .faqBody .faqItem .faqItemHead .faqAnchor.minus {
  display: none;
}
.faqWrap .faqIn .faqBody .faqItem .faqItemBody {
  padding-right: 30px;
  display: none;
  padding-top: 30px;
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqBody .faqItem .faqItemBody {
    padding-top: 20px;
  }
}
.faqWrap .faqIn .faqBody .faqItem .faqItemBody .fbTxt {
  color: rgba(35, 42, 56, 0.8);
}
@media (width <= 576px) {
  .faqWrap .faqIn .faqBody .faqItem .faqItemBody .fbTxt {
    font-size: 16px;
  }
}

.founderWrap {
  background-color: #FFF5F2;
}
@media (width <= 992px) {
  .founderWrap {
    overflow: hidden;
  }
}
.founderWrap .founderIn {
  display: flex;
  align-items: flex-start;
}
@media (width <= 992px) {
  .founderWrap .founderIn {
    flex-direction: column;
    gap: 50px;
    align-items: flex-start;
  }
}
@media (width <= 576px) {
  .founderWrap .founderIn {
    gap: 30px;
  }
}
.founderWrap .founderIn .founderLeft {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
  align-self: flex-start;
  min-width: 420px;
  position: sticky;
  top: 120px;
  bottom: 0;
}
.founderWrap .founderIn .founderLeft .founderaboutimage {
  width: 100%;
}
@media (width <= 992px) {
  .founderWrap .founderIn .founderLeft {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    top: 0;
  }
}
.founderWrap .founderIn .founderLeft .thumbPlay {
  width: 100px;
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  z-index: 1;
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderLeft .thumbPlay {
    width: 50px;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
  }
}
.founderWrap .founderIn .founderLeft .founderVideo {
  width: 100%;
  aspect-ratio: 1/1;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
  transform: scale(1.02);
}
@media (width <= 992px) {
  .founderWrap .founderIn .founderLeft .founderVideo {
    aspect-ratio: 16/9;
    height: auto;
  }
}
.founderWrap .founderIn .founderRight {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 992px) {
  .founderWrap .founderIn .founderRight {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight {
    gap: 40px;
  }
}
.founderWrap .founderIn .founderRight .frTop {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frTop {
    padding-left: 0;
  }
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frTop .founderHd {
    font-size: 36px;
  }
}
.founderWrap .founderIn .founderRight .frTop .founderName {
  color: rgba(35, 42, 56, 0.8);
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frTop .founderName {
    font-size: 20px;
  }
}
.founderWrap .founderIn .founderRight .frBottom {
  background: #FFE6E0;
  border-radius: 30px;
  padding: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 27px;
  width: 90%;
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frBottom {
    width: 100%;
  }
}
.founderWrap .founderIn .founderRight .frBottom .circleCTA {
  position: absolute;
  right: -10%;
  top: -80px;
  transition: all 0.2s ease-in-out;
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frBottom .circleCTA {
    right: 0;
    top: -40px;
  }
}
.founderWrap .founderIn .founderRight .frBottom .circleCTA:hover {
  transform: rotate(20deg);
}
.founderWrap .founderIn .founderRight .frBottom .circleCTA img {
  width: 120px;
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frBottom .circleCTA img {
    width: 80px;
  }
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frBottom .founderDescBig {
    font-size: 24px;
  }
}
.founderWrap .founderIn .founderRight .frBottom .founderDescSmall {
  color: #5D6A82;
}
@media (width <= 576px) {
  .founderWrap .founderIn .founderRight .frBottom .founderDescSmall {
    font-size: 18px;
  }
}

.footerWrap {
  padding: 100px 0;
  background: #232A38;
}
@media (width <= 576px) {
  .footerWrap {
    padding: 80px 0;
  }
}
.footerWrap .footerIn {
  display: flex;
  flex-direction: column;
  gap: 150px;
}
@media (width <= 768px) {
  .footerWrap .footerIn {
    gap: 100px;
  }
}
@media (width <= 576px) {
  .footerWrap .footerIn {
    gap: 50px;
  }
}
.footerWrap .footerIn .footerTop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (width <= 576px) {
  .footerWrap .footerIn .footerTop {
    flex-direction: column;
    gap: 50px;
  }
}
.footerWrap .footerIn .footerTop .footerCol {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (width <= 576px) {
  .footerWrap .footerIn .footerTop .footerCol {
    gap: 20px;
  }
}
.footerWrap .footerIn .footerTop .footerCol .ftLogoLink img {
  height: 140px;
}
@media (width <= 576px) {
  .footerWrap .footerIn .footerTop .footerCol .ftLogoLink img {
    height: 140px;
  }
}
.footerWrap .footerIn .footerTop .footerCol .ftLink {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #FFFFFF;
  transition: all 0.2s ease-in-out;
}
.footerWrap .footerIn .footerTop .footerCol .ftLink img {
  width: 20px;
}
.footerWrap .footerIn .footerTop .footerCol .ftLink:hover {
  color: #CCE3FF;
}
.footerWrap .footerIn .footerBtm {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width <= 576px) {
  .footerWrap .footerIn .footerBtm {
    flex-direction: column-reverse;
    gap: 50px;
    align-items: flex-start;
  }
}
.footerWrap .footerIn .footerBtm .cprt {
  color: #FFFFFF;
}
.footerWrap .footerIn .footerBtm .footerbottom {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  flex-direction: column;
}
@media (width <= 768px) {
  .footerWrap .footerIn .footerBtm .footerbottom {
    align-items: flex-start;
  }
}
.footerWrap .footerIn .footerBtm .footerbottom .ftBtmLinkWrap {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (width <= 576px) {
  .footerWrap .footerIn .footerBtm .footerbottom .ftBtmLinkWrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.footerWrap .footerIn .footerBtm .footerbottom .ftBtmLinkWrap a {
  color: #FFFFFF;
}
.footerWrap .footerIn .footerBtm .footerbottom .ftBtmLinkWrap a:hover {
  color: #CCE3FF;
}
.footerWrap .footerIn .footerBtm .footerbottom .makers {
  font-size: 14px;
  color: #92A6CC;
}
.footerWrap .footerIn .footerBtm .footerbottom .makers a {
  color: #FFFFFF;
}
.footerWrap .footerIn .footerBtm .footerbottom .makers a:hover {
  text-decoration: underline;
}

.serviceSlider {
  padding: 80px 0;
}
@media (width <= 992px) {
  .serviceSlider {
    padding: 50px 0;
  }
}
@media (width <= 576px) {
  .serviceSlider {
    padding: 30px 0;
  }
}
.serviceSlider .serviceSliderIn {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (width <= 576px) {
  .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem {
    gap: 24px;
  }
}
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideImg {
  width: 100%;
  border-radius: 20px;
}
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm {
  display: flex;
  align-self: center;
  justify-content: space-between;
}
@media (width <= 576px) {
  .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm {
    gap: 20px;
    flex-direction: column;
  }
}
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideHeading {
  flex: 0 0 40%;
  max-width: 40%;
  flex-wrap: wrap;
}
@media (width <= 768px) {
  .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideHeading {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (width <= 576px) {
  .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideHeading {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 30px;
  }
}
.serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideDesc {
  flex: 0 0 40%;
  max-width: 40%;
  line-height: 115%;
  color: #5D6A82;
}
@media (width <= 768px) {
  .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideDesc {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (width <= 576px) {
  .serviceSlider .serviceSliderIn .serveSlideWrap .serveSlideItem .serveSlideBtm .serveSlideDesc {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 20px;
  }
}
.serviceSlider .serviceSliderIn .serveSlideWrap .owl-dots {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  margin-top: 20px;
  width: 160px;
}
.serviceSlider .serviceSliderIn .serveSlideWrap .owl-dots .owl-dot {
  display: inline-block;
  flex-grow: 1;
  height: 8px;
  background-color: #EFF0F5;
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
}
.serviceSlider .serviceSliderIn .serveSlideWrap .owl-dots .owl-dot.active {
  background-color: #1856A1;
}
.serviceSlider .serviceSliderIn .othersServeLink {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.serviceSlider .serviceSliderIn .othersServeLink span {
  flex: 0 0 100%;
  max-width: 100%;
}
.serviceSlider .serviceSliderIn .othersServeLink .buttonsecondary {
  background-color: #F0F3F8;
}

.serveCourseWrap {
  background: #EFF0F5;
  padding: 100px 0;
}
@media (width <= 576px) {
  .serveCourseWrap {
    padding: 80px 0 40px;
  }
}
.serveCourseWrap .serveCourseIn {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  justify-content: center;
}
@media (width <= 576px) {
  .serveCourseWrap .serveCourseIn {
    gap: 40px;
  }
}
.serveCourseWrap .serveCourseIn .scHeadWrap {
  flex: 0 0 60%;
  max-width: 60%;
  text-align: center;
}
@media (width <= 992px) {
  .serveCourseWrap .serveCourseIn .scHeadWrap {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
@media (width <= 576px) {
  .serveCourseWrap .serveCourseIn .scHeadWrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.serveCourseTab {
  display: flex;
  flex-direction: column;
  gap: 77px;
  align-items: center;
  justify-content: center;
}
@media (width <= 576px) {
  .serveCourseTab {
    gap: 40px;
  }
}
.serveCourseTab .scTabHead {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 60px;
  padding: 10px;
  background: #1856A1;
}
.serveCourseTab .scTabHead .scTabMenu {
  font-size: 20px;
  padding: 20px 20px;
  border-radius: 60px;
  background: #1856A1;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
@media (width <= 576px) {
  .serveCourseTab .scTabHead .scTabMenu {
    font-size: 16px;
    padding: 10px 10px;
    text-align: center;
  }
}
.serveCourseTab .scTabHead .scTabMenu.active {
  background: #FFFFFF;
  color: #1856A1;
}
.serveCourseTab .scTabHead .scTabMenu.active:hover {
  background: #FFFFFF;
  color: #1856A1;
}
.serveCourseTab .scTabHead .scTabMenu:hover {
  background: rgba(255, 255, 255, 0.2);
}
.serveCourseTab .scTabBody .scTabBdItem {
  display: none;
}
@media (width <= 768px) {
  .serveCourseTab .scTabBody .scTabBdItem {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 50px;
  }
}
@media (width <= 576px) {
  .serveCourseTab .scTabBody .scTabBdItem {
    gap: 30px;
  }
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdItemIn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width <= 992px) {
  .serveCourseTab .scTabBody .scTabBdItem .scTabBdItemIn {
    flex-direction: column;
  }
}
.serveCourseTab .scTabBody .scTabBdItem .sctabflex {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (width <= 768px) {
  .serveCourseTab .scTabBody .scTabBdItem .sctabflex {
    gap: 60px;
  }
}
.serveCourseTab .scTabBody .scTabBdItem.active {
  display: block;
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdLeft {
  flex: 0 0 45%;
  max-width: 45%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (width <= 768px) {
  .serveCourseTab .scTabBody .scTabBdItem .scTabBdLeft {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (width <= 576px) {
  .serveCourseTab .scTabBody .scTabBdItem .scTabBdLeft {
    gap: 20px;
  }
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdRight {
  flex: 0 0 42%;
  max-width: 42%;
  display: flex;
  justify-content: space-between;
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdRight .longImgWrap {
  flex: 0 0 52%;
  max-width: 52%;
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdRight .longImgWrap .longImg {
  width: 100%;
  border-radius: 140px 0 0 140px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdRight .halfImgWrap {
  flex: 0 0 46%;
  max-width: 46%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdRight .halfImgWrap .halfImgTop {
  width: 100%;
  border-radius: 0 0 105px 0;
  height: 60%;
  -o-object-fit: cover;
     object-fit: cover;
}
.serveCourseTab .scTabBody .scTabBdItem .scTabBdRight .halfImgWrap .halfImgBtm {
  width: 100%;
  border-radius: 0 105px 0 0;
  height: 38%;
  -o-object-fit: cover;
     object-fit: cover;
}

.coursesOffered {
  background: #EFF0F5;
  padding: 100px 0 200px;
}
@media (width <= 992px) {
  .coursesOffered {
    padding: 80px 0 100px;
  }
}
@media (width <= 576px) {
  .coursesOffered {
    padding: 40px 0 80px;
  }
}

.additionalSecIn .coursesWrap {
  grid-template-columns: 1fr 1fr 1fr;
}
.additionalSecIn .coursesWrap .coursesItem .courseItemImg,
.additionalSecIn .coursesWrap .coursesItem .productItemImg,
.additionalSecIn .coursesWrap .productitemcard .courseItemImg,
.additionalSecIn .coursesWrap .productitemcard .productItemImg {
  aspect-ratio: 2/1.4;
}
@media (width <= 576px) {
  .additionalSecIn .coursesWrap .coursesItem .courseItemImg,
  .additionalSecIn .coursesWrap .coursesItem .productItemImg,
  .additionalSecIn .coursesWrap .productitemcard .courseItemImg,
  .additionalSecIn .coursesWrap .productitemcard .productItemImg {
    aspect-ratio: 2/1.4 !important;
    height: auto;
  }
}
.additionalSecIn .coursesWrap .coursesItem .csInfoWrap .abtInfo,
.additionalSecIn .coursesWrap .productitemcard .csInfoWrap .abtInfo {
  gap: 30px;
}
@media (width <= 576px) {
  .additionalSecIn .coursesWrap .coursesItem .csInfoWrap .abtInfo,
  .additionalSecIn .coursesWrap .productitemcard .csInfoWrap .abtInfo {
    gap: 20px;
  }
}

.coursesWrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.coursesWrap.courseWrapOneGrid {
  grid-template-columns: 1fr;
}
@media (width <= 768px) {
  .coursesWrap.courseWrapOneGrid {
    grid-template-columns: 1fr;
  }
}
@media (width <= 576px) {
  .coursesWrap.courseWrapOneGrid {
    gap: 10px;
  }
}
.coursesWrap.courseWrapOneGrid .coursesItem .courseItemImg,
.coursesWrap.courseWrapOneGrid .coursesItem .productItemImg,
.coursesWrap.courseWrapOneGrid .productitemcard .courseItemImg,
.coursesWrap.courseWrapOneGrid .productitemcard .productItemImg {
  aspect-ratio: unset;
  width: 100%;
}
@media (width <= 576px) {
  .coursesWrap.courseWrapOneGrid .coursesItem .courseItemImg,
  .coursesWrap.courseWrapOneGrid .coursesItem .productItemImg,
  .coursesWrap.courseWrapOneGrid .productitemcard .courseItemImg,
  .coursesWrap.courseWrapOneGrid .productitemcard .productItemImg {
    aspect-ratio: 2/1;
    height: auto;
  }
}
.coursesWrap.courseWrapOneGrid .coursesItem .csInfoWrap .csInfoName,
.coursesWrap.courseWrapOneGrid .productitemcard .csInfoWrap .csInfoName {
  text-transform: capitalize;
}
@media (width <= 576px) {
  .coursesWrap.doctorsItemWrap {
    grid-template-columns: 1fr;
  }
}
@media (width <= 768px) {
  .coursesWrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 576px) {
  .coursesWrap {
    gap: 10px;
  }
}
.coursesWrap .coursesItem,
.coursesWrap .productitemcard {
  width: 100%;
  height: 100%;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 576px) {
  .coursesWrap .coursesItem,
  .coursesWrap .productitemcard {
    padding: 12px;
    height: auto;
  }
}
.coursesWrap .coursesItem.doctorsItem, .coursesWrap .coursesItem.productItem,
.coursesWrap .productitemcard.doctorsItem,
.coursesWrap .productitemcard.productItem {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.coursesWrap .coursesItem.doctorsItem:hover .doctorsHoverInfo,
.coursesWrap .coursesItem.doctorsItem:hover .productHoverInfo, .coursesWrap .coursesItem.productItem:hover .doctorsHoverInfo,
.coursesWrap .coursesItem.productItem:hover .productHoverInfo,
.coursesWrap .productitemcard.doctorsItem:hover .doctorsHoverInfo,
.coursesWrap .productitemcard.doctorsItem:hover .productHoverInfo,
.coursesWrap .productitemcard.productItem:hover .doctorsHoverInfo,
.coursesWrap .productitemcard.productItem:hover .productHoverInfo {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo, .coursesWrap .coursesItem.productItem .doctorsHoverInfo,
.coursesWrap .coursesItem.productItem .productHoverInfo,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo,
.coursesWrap .productitemcard.productItem .productHoverInfo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 16px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transform-origin: center;
  transition: all 0.2s ease-in-out;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background-color: #EFF0F5;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo.redirect,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo.redirect, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo.redirect,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo.redirect,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo.redirect,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo.redirect,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo.redirect,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo.redirect {
  width: 72px;
  height: 72px;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo:hover,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo:hover, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo:hover,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo:hover,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo:hover,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo:hover,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo:hover,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo:hover {
  background-color: #CCE3FF;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .callIcon,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo .callIcon, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo .callIcon,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo .callIcon,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .callIcon,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo .callIcon,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo .callIcon,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo .callIcon {
  width: 32px;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont {
  display: flex;
  flex-direction: column;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb {
  font-size: 24px;
  color: #1856A1;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt {
  font-size: 14px;
  color: #1856A1;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo .dcdescTxt {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcaction, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcaction,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo .dcaction,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcaction,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcaction,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo .dcaction {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcaction .button, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo .dcaction .button,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcaction .button,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo .dcaction .button {
  flex-grow: 1;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt {
  font-weight: 600;
  color: #5D6A82;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcTiming, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcDescInfo .dcTiming {
  font-size: 14px;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo {
  display: flex;
  flex-direction: column;
  padding-right: 6px;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName {
  text-transform: capitalize;
}
@media (width <= 992px) {
  .coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName {
    font-size: 18px;
  }
}
@media (width <= 576px) {
  .coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName {
    font-size: 20px;
  }
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg {
  font-size: 15px;
  color: #5D6A82;
}
.coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .cfInfoImg,
.coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg,
.coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .cfInfoImg {
  height: 65px;
}
@media (width <= 576px) {
  .coursesWrap .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesWrap .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg, .coursesWrap .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesWrap .coursesItem.productItem .productHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesWrap .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesWrap .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesWrap .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesWrap .productitemcard.productItem .productHoverInfo .dcInfoBtm .cfInfoImg {
    height: 35px;
  }
}
@media (width <= 576px) {
  .coursesWrap .coursesItem.doctorsItem .courseItemImg,
  .coursesWrap .coursesItem.doctorsItem .productItemImg, .coursesWrap .coursesItem.productItem .courseItemImg,
  .coursesWrap .coursesItem.productItem .productItemImg,
  .coursesWrap .productitemcard.doctorsItem .courseItemImg,
  .coursesWrap .productitemcard.doctorsItem .productItemImg,
  .coursesWrap .productitemcard.productItem .courseItemImg,
  .coursesWrap .productitemcard.productItem .productItemImg {
    aspect-ratio: 1/1;
  }
}
.coursesWrap .coursesItem .courseItemImg,
.coursesWrap .coursesItem .productItemImg,
.coursesWrap .productitemcard .courseItemImg,
.coursesWrap .productitemcard .productItemImg {
  width: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.coursesWrap .coursesItem .csInfoWrap,
.coursesWrap .productitemcard .csInfoWrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.coursesWrap .coursesItem .csInfoWrap .csInfoName,
.coursesWrap .productitemcard .csInfoWrap .csInfoName {
  text-transform: uppercase;
  width: calc(100% - 68px);
}
@media (width <= 576px) {
  .coursesWrap .coursesItem .csInfoWrap .csInfoName,
  .coursesWrap .productitemcard .csInfoWrap .csInfoName {
    font-size: 12px;
    width: calc(100% - 20px);
  }
}
.coursesWrap .coursesItem .csInfoWrap .abtInfo,
.coursesWrap .productitemcard .csInfoWrap .abtInfo {
  display: flex;
  flex-direction: column;
  padding-right: 6px;
  align-items: flex-start;
}
.coursesWrap .coursesItem .csInfoWrap .abtInfo .buttonprimary,
.coursesWrap .productitemcard .csInfoWrap .abtInfo .buttonprimary {
  margin-top: 10px;
  text-align: center;
}
.coursesWrap .coursesItem .csInfoWrap .abtInfo .abtInfoName,
.coursesWrap .productitemcard .csInfoWrap .abtInfo .abtInfoName {
  text-transform: capitalize;
}
@media (width <= 992px) {
  .coursesWrap .coursesItem .csInfoWrap .abtInfo .abtInfoName,
  .coursesWrap .productitemcard .csInfoWrap .abtInfo .abtInfoName {
    font-size: 20px;
  }
}
@media (width <= 576px) {
  .coursesWrap .coursesItem .csInfoWrap .abtInfo .abtInfoName,
  .coursesWrap .productitemcard .csInfoWrap .abtInfo .abtInfoName {
    font-size: 20px;
  }
}
.coursesWrap .coursesItem .csInfoWrap .abtInfo .abtDesg,
.coursesWrap .productitemcard .csInfoWrap .abtInfo .abtDesg {
  font-size: 15px;
  color: #5D6A82;
}
.coursesWrap .coursesItem .csInfoWrap .cfInfoImg,
.coursesWrap .productitemcard .csInfoWrap .cfInfoImg {
  height: 65px;
}
@media (width <= 576px) {
  .coursesWrap .coursesItem .csInfoWrap .cfInfoImg,
  .coursesWrap .productitemcard .csInfoWrap .cfInfoImg {
    height: 35px;
  }
}

.coursesItem,
.productitemcard {
  width: 100%;
  height: 100%;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 576px) {
  .coursesItem,
  .productitemcard {
    padding: 12px;
    height: auto;
  }
}
.coursesItem.doctorsItem, .coursesItem.productItem,
.productitemcard.doctorsItem,
.productitemcard.productItem {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.coursesItem.doctorsItem:hover .doctorsHoverInfo,
.coursesItem.doctorsItem:hover .productHoverInfo, .coursesItem.productItem:hover .doctorsHoverInfo,
.coursesItem.productItem:hover .productHoverInfo,
.productitemcard.doctorsItem:hover .doctorsHoverInfo,
.productitemcard.doctorsItem:hover .productHoverInfo,
.productitemcard.productItem:hover .doctorsHoverInfo,
.productitemcard.productItem:hover .productHoverInfo {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.coursesItem.doctorsItem .doctorsHoverInfo,
.coursesItem.doctorsItem .productHoverInfo, .coursesItem.productItem .doctorsHoverInfo,
.coursesItem.productItem .productHoverInfo,
.productitemcard.doctorsItem .doctorsHoverInfo,
.productitemcard.doctorsItem .productHoverInfo,
.productitemcard.productItem .doctorsHoverInfo,
.productitemcard.productItem .productHoverInfo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 16px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
  transform-origin: center;
  transition: all 0.2s ease-in-out;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo, .coursesItem.productItem .doctorsHoverInfo .dcContInfo,
.coursesItem.productItem .productHoverInfo .dcContInfo,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo,
.productitemcard.productItem .productHoverInfo .dcContInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background-color: #EFF0F5;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo.redirect,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo.redirect, .coursesItem.productItem .doctorsHoverInfo .dcContInfo.redirect,
.coursesItem.productItem .productHoverInfo .dcContInfo.redirect,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo.redirect,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo.redirect,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo.redirect,
.productitemcard.productItem .productHoverInfo .dcContInfo.redirect {
  width: 72px;
  height: 72px;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo:hover,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo:hover, .coursesItem.productItem .doctorsHoverInfo .dcContInfo:hover,
.coursesItem.productItem .productHoverInfo .dcContInfo:hover,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo:hover,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo:hover,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo:hover,
.productitemcard.productItem .productHoverInfo .dcContInfo:hover {
  background-color: #CCE3FF;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .callIcon,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo .callIcon, .coursesItem.productItem .doctorsHoverInfo .dcContInfo .callIcon,
.coursesItem.productItem .productHoverInfo .dcContInfo .callIcon,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .callIcon,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo .callIcon,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo .callIcon,
.productitemcard.productItem .productHoverInfo .dcContInfo .callIcon {
  width: 32px;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont, .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont,
.productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont {
  display: flex;
  flex-direction: column;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb, .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .cNumb,
.productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .cNumb {
  font-size: 24px;
  color: #1856A1;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesItem.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt, .coursesItem.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.coursesItem.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.doctorsItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.doctorsItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.productItem .doctorsHoverInfo .dcContInfo .dcInfoCont .bookTxt,
.productitemcard.productItem .productHoverInfo .dcContInfo .dcInfoCont .bookTxt {
  font-size: 14px;
  color: #1856A1;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo, .coursesItem.productItem .doctorsHoverInfo .dcDescInfo,
.coursesItem.productItem .productHoverInfo .dcDescInfo,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo,
.productitemcard.productItem .productHoverInfo .dcDescInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt, .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.coursesItem.productItem .productHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcdescTxt,
.productitemcard.productItem .productHoverInfo .dcDescInfo .dcdescTxt {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcaction, .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcaction,
.coursesItem.productItem .productHoverInfo .dcDescInfo .dcaction,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcaction,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcaction,
.productitemcard.productItem .productHoverInfo .dcDescInfo .dcaction {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcaction .button, .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.coursesItem.productItem .productHoverInfo .dcDescInfo .dcaction .button,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcaction .button,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcaction .button,
.productitemcard.productItem .productHoverInfo .dcDescInfo .dcaction .button {
  flex-grow: 1;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt, .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.coursesItem.productItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcaction .dcactnTxt,
.productitemcard.productItem .productHoverInfo .dcDescInfo .dcaction .dcactnTxt {
  font-weight: 600;
  color: #5D6A82;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesItem.doctorsItem .productHoverInfo .dcDescInfo .dcTiming, .coursesItem.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.coursesItem.productItem .productHoverInfo .dcDescInfo .dcTiming,
.productitemcard.doctorsItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.productitemcard.doctorsItem .productHoverInfo .dcDescInfo .dcTiming,
.productitemcard.productItem .doctorsHoverInfo .dcDescInfo .dcTiming,
.productitemcard.productItem .productHoverInfo .dcDescInfo .dcTiming {
  font-size: 14px;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm,
.coursesItem.productItem .productHoverInfo .dcInfoBtm,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm,
.productitemcard.productItem .productHoverInfo .dcInfoBtm {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo {
  display: flex;
  flex-direction: column;
  padding-right: 6px;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName {
  text-transform: capitalize;
}
@media (width <= 992px) {
  .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName {
    font-size: 18px;
  }
}
@media (width <= 576px) {
  .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtInfoName,
  .productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtInfoName {
    font-size: 20px;
  }
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .abtInfo .abtDesg,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .abtInfo .abtDesg {
  font-size: 15px;
  color: #5D6A82;
}
.coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.coursesItem.productItem .productHoverInfo .dcInfoBtm .cfInfoImg,
.productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg,
.productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
.productitemcard.productItem .productHoverInfo .dcInfoBtm .cfInfoImg {
  height: 65px;
}
@media (width <= 576px) {
  .coursesItem.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesItem.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg, .coursesItem.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .coursesItem.productItem .productHoverInfo .dcInfoBtm .cfInfoImg,
  .productitemcard.doctorsItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .productitemcard.doctorsItem .productHoverInfo .dcInfoBtm .cfInfoImg,
  .productitemcard.productItem .doctorsHoverInfo .dcInfoBtm .cfInfoImg,
  .productitemcard.productItem .productHoverInfo .dcInfoBtm .cfInfoImg {
    height: 35px;
  }
}
@media (width <= 576px) {
  .coursesItem.doctorsItem .courseItemImg,
  .coursesItem.doctorsItem .productItemImg, .coursesItem.productItem .courseItemImg,
  .coursesItem.productItem .productItemImg,
  .productitemcard.doctorsItem .courseItemImg,
  .productitemcard.doctorsItem .productItemImg,
  .productitemcard.productItem .courseItemImg,
  .productitemcard.productItem .productItemImg {
    aspect-ratio: 1/1;
  }
}
.coursesItem .courseItemImg,
.coursesItem .productItemImg,
.productitemcard .courseItemImg,
.productitemcard .productItemImg {
  width: 100%;
  aspect-ratio: 1/1.1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.coursesItem .csInfoWrap,
.productitemcard .csInfoWrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.coursesItem .csInfoWrap .csInfoName,
.productitemcard .csInfoWrap .csInfoName {
  text-transform: uppercase;
  width: calc(100% - 68px);
}
@media (width <= 576px) {
  .coursesItem .csInfoWrap .csInfoName,
  .productitemcard .csInfoWrap .csInfoName {
    font-size: 12px;
    width: calc(100% - 20px);
  }
}
.coursesItem .csInfoWrap .abtInfo,
.productitemcard .csInfoWrap .abtInfo {
  display: flex;
  flex-direction: column;
  padding-right: 6px;
  align-items: flex-start;
}
.coursesItem .csInfoWrap .abtInfo .buttonprimary,
.productitemcard .csInfoWrap .abtInfo .buttonprimary {
  margin-top: 10px;
  text-align: center;
}
.coursesItem .csInfoWrap .abtInfo .abtInfoName,
.productitemcard .csInfoWrap .abtInfo .abtInfoName {
  text-transform: capitalize;
}
@media (width <= 992px) {
  .coursesItem .csInfoWrap .abtInfo .abtInfoName,
  .productitemcard .csInfoWrap .abtInfo .abtInfoName {
    font-size: 20px;
  }
}
@media (width <= 576px) {
  .coursesItem .csInfoWrap .abtInfo .abtInfoName,
  .productitemcard .csInfoWrap .abtInfo .abtInfoName {
    font-size: 20px;
  }
}
.coursesItem .csInfoWrap .abtInfo .abtDesg,
.productitemcard .csInfoWrap .abtInfo .abtDesg {
  font-size: 15px;
  color: #5D6A82;
}
.coursesItem .csInfoWrap .cfInfoImg,
.productitemcard .csInfoWrap .cfInfoImg {
  height: 65px;
}
@media (width <= 576px) {
  .coursesItem .csInfoWrap .cfInfoImg,
  .productitemcard .csInfoWrap .cfInfoImg {
    height: 35px;
  }
}

.benifitWrap {
  background-color: #F5F5F5;
}
.benifitWrap .benifitIn {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.benifitWrap .benifitIn .benifitHeadWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (width <= 768px) {
  .benifitWrap .benifitIn .benifitHeadWrap {
    padding: 0 50px;
  }
}
@media (width <= 576px) {
  .benifitWrap .benifitIn .benifitHeadWrap {
    padding: 0 0;
  }
}
.benifitWrap .benifitIn .benifitHeadWrap .sectionSubHd {
  color: #5D6A82;
}
.benifitWrap .benifitIn .benifitBdWrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.benifitWrap .benifitIn .benifitBdWrap .benifitItem {
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 46px 34px;
  border-radius: 24px;
  background-color: #FFFFFF;
  border: 1px solid rgba(35, 42, 56, 0.15);
}
@media (width <= 576px) {
  .benifitWrap .benifitIn .benifitBdWrap .benifitItem {
    padding: 36px 24px;
    gap: 30px;
  }
}
@media (width <= 576px) {
  .benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemHd {
    font-size: 36px;
  }
}
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo {
  display: flex;
  gap: 100px;
}
@media (width <= 576px) {
  .benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo {
    flex-direction: column;
    gap: 30px;
  }
}
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (width <= 576px) {
  .benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .bnftInfoHd {
    font-size: 20px;
  }
}
.benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .sectionSubHd {
  color: #5D6A82;
}
@media (width <= 576px) {
  .benifitWrap .benifitIn .benifitBdWrap .benifitItem .bnftItemInfo .bnftItemInfoItem .sectionSubHd {
    font-size: 20px;
  }
}

.assessmentWrap .assementIn {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn {
    gap: 50px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap {
    gap: 40px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem {
    grid-template-columns: 1fr;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdLeft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdLeft .asmBdLeftHd {
    font-size: 36px;
  }
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdLeft .asmBdLeftHd {
    font-size: 26px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdLeft .assmntBdImg {
  width: 100%;
  border-radius: 20px;
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightTop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem {
  padding: 30px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem {
    gap: 20px;
    padding: 20px;
  }
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem {
    gap: 15px;
    padding: 15px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem:first-child {
  background: #FFE6E0;
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem:nth-child(2) {
  background: #FFEECA;
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBRHd {
  color: #00A8C3;
  text-transform: uppercase;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBRHd {
    font-size: 18px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm {
  display: flex;
  flex-direction: column;
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmTxt {
    font-size: 16px;
  }
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmTxt {
    font-size: 14px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmHd {
  color: #5D6A82;
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmHd {
    font-size: 40px;
  }
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmHd {
    font-size: 30px;
  }
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightItem .asmBrBtm .asmBdBtmHd {
    font-size: 24px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem {
  padding: 30px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background: #CCE3FF;
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem {
    gap: 30px;
    padding: 20px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBRHd {
  color: #00A8C3;
  text-transform: uppercase;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBRHd {
    font-size: 18px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmTxt {
    font-size: 16px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmHd {
  line-height: 115%;
  color: #5D6A82;
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmHd {
    font-size: 40px;
  }
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmHd {
    font-size: 30px;
  }
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItem .asmBdRight .asmBdRightBtmItem .asmBrBtm .asmBdBtmHd {
    font-size: 24px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm {
  padding: 30px;
  border-radius: 24px;
  background: #EFF0F5;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm {
    gap: 20px;
    padding: 20px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmHd {
  text-transform: uppercase;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmHd {
    font-size: 20px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmDescWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmDescWrap {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmDescWrap .asmntBdBtmDesc {
  color: rgba(93, 106, 130, 0.8);
  text-wrap: balance;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .assesmentPlanWrap .assementBdWrap .assmntBdItemBtm .asmntBdBtmDescWrap .asmntBdBtmDesc {
    font-size: 16px;
  }
}
.assessmentWrap .assementIn .advantageWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .advantageWrap {
    gap: 30px;
  }
}
.assessmentWrap .assementIn .advantageWrap .adbantageBody {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody {
    gap: 30px;
  }
}
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem {
  padding-bottom: 45px;
  border-bottom: 1px solid #92A6CC;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem {
    padding-bottom: 30px;
  }
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft {
  flex: 0 0 45%;
  max-width: 45%;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemNumb {
  flex: 0 0 40%;
  max-width: 40%;
  font-size: 120px;
  color: #EFF0F5;
  line-height: 100%;
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemNumb {
    font-size: 80px;
  }
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemNumb {
    font-size: 60px;
    flex: auto;
    max-width: unset;
  }
}
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemTitle {
  color: #1856A1;
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemTitle {
    font-size: 24px;
  }
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemLeft .adItemTitle {
    font-size: 20px;
  }
}
.assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemRight {
  flex: 0 0 50%;
  max-width: 0 0 50%;
}
@media (width <= 576px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemRight {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (width <= 992px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemRight .adItemDesc {
    font-size: 18px;
  }
}
@media (width <= 768px) {
  .assessmentWrap .assementIn .advantageWrap .adbantageBody .advantageItem .adItemRight .adItemDesc {
    font-size: 16px;
    text-wrap: balance;
  }
}

.rehabilationWrap {
  background: #EFF0F5;
}
.rehabilationWrap.opdFeatWrap {
  background: #F5F5F5;
}
.rehabilationWrap.opdFeatWrap .rehabilationBdItem {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.rehabilationWrap.opdFeatWrap .opdFeatHd {
  font-size: 40px;
}
.rehabilationWrap.opdFeatWrap .opdFeatSubDesc {
  font-size: 24px;
  text-transform: capitalize;
  color: #5D6A82;
}
.rehabilationWrap.opdFeatWrap .opdFeatDesc {
  font-size: 24px;
}
.rehabilationWrap .rehabilationIn {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
  justify-content: center;
}
@media (width <= 992px) {
  .rehabilationWrap .rehabilationIn {
    gap: 40px;
  }
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn {
    gap: 30px;
  }
}
.rehabilationWrap .rehabilationIn .sectionHd {
  text-align: center;
}
.rehabilationWrap .rehabilationIn .rehabilationBody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationBody {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem {
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem {
    gap: 20px;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabHdLabel {
  color: #00A8C3;
  text-transform: uppercase;
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabHdLabel {
    font-size: 18px;
  }
}
@media (width <= 992px) {
  .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDesc {
    font-size: 16px;
  }
}
@media (width <= 992px) {
  .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabDescBig {
    font-size: 16px;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabeHd {
  color: #5D6A82;
}
@media (width <= 992px) {
  .rehabilationWrap .rehabilationIn .rehabilationBody .rehabilationBdItem .rehabeHd {
    font-size: 24px;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationFooter {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  padding: 20px;
  background-color: #FFFFFF;
  border-radius: 24px;
}
@media (width <= 768px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter {
    gap: 30px;
  }
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter {
    grid-template-columns: 1fr;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol {
  padding-right: 50px;
  border-right: 1px solid rgba(93, 106, 130, 0.4);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (width <= 992px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol {
    padding-right: 30px;
  }
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol {
    padding-right: 0;
    border-right: 0;
    gap: 20px;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol:last-child {
  border-right: 0;
  padding-right: 0;
}
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtHd {
  text-transform: uppercase;
}
@media (width <= 992px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtHd {
    font-size: 20px;
  }
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtHd {
    font-size: 18px;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap {
    gap: 18px;
  }
}
.rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap .rehabFtDesc {
  color: #5D6A82;
}
@media (width <= 992px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap .rehabFtDesc {
    font-size: 20px;
  }
}
@media (width <= 576px) {
  .rehabilationWrap .rehabilationIn .rehabilationFooter .rehabilationFtCol .rehabFtDescWrap .rehabFtDesc {
    font-size: 16px;
  }
}

.empoweringGrowth {
  padding: 100px 0;
}
@media (width <= 576px) {
  .empoweringGrowth {
    padding: 80px 0;
  }
}
.empoweringGrowth .empoweringGrowthIn {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 576px) {
  .empoweringGrowth .empoweringGrowthIn {
    gap: 30px;
  }
}
.empoweringGrowth .empoweringGrowthIn .sectionHd {
  text-align: center;
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
@media (width <= 576px) {
  .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem {
  padding: 40px 30px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (width <= 576px) {
  .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem {
    padding: 30px 20px;
  }
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem:nth-child(5n+1) {
  background-color: #CCE3FF;
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem:nth-child(5n+2) {
  background-color: #D6F4F8;
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem:nth-child(5n+3) {
  background-color: #FFF5F2;
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem:nth-child(5n+4) {
  background-color: #FFEECA;
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem:nth-child(5n+5) {
  background-color: #EFF0F5;
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 768px) {
  .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrwthHd {
    font-size: 36px;
  }
}
@media (width <= 576px) {
  .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrwthHd {
    font-size: 32px;
  }
}
.empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrowtItemTop .empGrowthLabel {
  color: #5D6A82;
}
@media (width <= 768px) {
  .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrwthDesc {
    font-size: 20px;
  }
}
@media (width <= 576px) {
  .empoweringGrowth .empoweringGrowthIn .empoweringGrowthBody .empoweringGrowtItem .empGrwthDesc {
    font-size: 18px;
  }
}

.padding-100 {
  padding: 100px 0;
}
@media (width <= 576px) {
  .padding-100 {
    padding: 80px 0;
  }
}

.showOnSm {
  display: none;
}
@media (width <= 768px) {
  .showOnSm {
    display: inline-block;
  }
}

.showOnDesktop {
  display: block;
}
@media (width <= 768px) {
  .showOnDesktop {
    display: none;
  }
}

.uniqueWrap {
  padding: 100px 0;
}
@media (width <= 576px) {
  .uniqueWrap {
    padding: 80px 0;
  }
}
.uniqueWrap .uniqueIn {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 576px) {
  .uniqueWrap .uniqueIn {
    gap: 30px;
  }
}
.uniqueWrap .uniqueIn .sectionHd {
  text-align: center;
}
.uniqueWrap .uniqueIn .progslideinfo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 5px;
}
@media (width <= 1200px) {
  .uniqueWrap .uniqueIn .progslideinfo {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 768px) {
  .uniqueWrap .uniqueIn .progslideinfo {
    grid-template-columns: 1fr;
    gap: 8px;
    order: 2;
  }
}
.uniqueWrap .uniqueIn .progslideinfo .proginfo {
  padding: 20px 16px;
  display: flex;
  align-items: center;
  gap: 24px;
  background-color: #E5F1FF;
  border-radius: 12px;
}
@media (width <= 768px) {
  .uniqueWrap .uniqueIn .progslideinfo .proginfo {
    padding: 8px 16px;
    gap: 10px;
  }
}
.uniqueWrap .uniqueIn .progslideinfo .proginfo img {
  height: 16px;
  width: 16px;
}
.uniqueWrap .uniqueIn .progslideinfo .proginfo p {
  flex-grow: 1;
  font-weight: 500;
  font-size: 20px;
}
@media (width <= 768px) {
  .uniqueWrap .uniqueIn .progslideinfo .proginfo p {
    font-size: 16px;
  }
}
.uniqueWrap .uniqueIn .progslideinfo .proginfo.proginforose {
  background-color: #FFF5F2;
}
.uniqueWrap .uniqueIn .progslideinfo .proginfo.proginfotorq {
  background-color: #D6F4F8;
}
.uniqueWrap .uniqueIn .progslideinfo .proginfo.proginfoyellow {
  background-color: #FFEECA;
}
.uniqueWrap .uniqueIn .progslideinfo .proginfo.proginfoprimary {
  background-color: #CCE3FF;
}

.additionalServe {
  padding: 100px 0;
}
@media (width <= 576px) {
  .additionalServe {
    padding: 80px 0;
  }
}
.additionalServe .additionalSecIn {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (width <= 576px) {
  .additionalServe .additionalSecIn {
    gap: 30px;
  }
}
.additionalServe .additionalSecIn .sectionHd {
  font-size: 48px;
}
.additionalServe .additionalSecIn .additionalHd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.additionalServe .additionalSecIn .additionalHd .sectionHdLebel {
  font-size: 24px;
  color: #00A8C3;
  text-transform: uppercase;
}

.flexCenterColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  text-align: center;
}

.modalHeading {
  font-size: 34px;
  text-align: center;
  margin-bottom: 20px;
}
@media (width <= 576px) {
  .modalHeading {
    font-size: 26px;
  }
}

.modalTableWrap {
  overflow: auto;
}
.modalTableWrap .modalTable {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}
@media (width <= 576px) {
  .modalTableWrap .modalTable {
    width: unset;
  }
}
.modalTableWrap .modalTable tr td {
  padding: 16px 10px;
  vertical-align: top;
  border-bottom: 1px dashed #92A6CC;
  white-space: nowrap;
}
@media (width <= 576px) {
  .modalTableWrap .modalTable tr td {
    padding-bottom: 8px 5px;
  }
}
@media (width <= 576px) {
  .modalTableWrap .modalTable tr td.tdDep {
    width: 100px;
  }
}
@media (width <= 576px) {
  .modalTableWrap .modalTable tr td.tdName {
    width: 300px;
  }
}
@media (width <= 576px) {
  .modalTableWrap .modalTable tr td.tdTime {
    width: 100px;
  }
}
.modalTableWrap .modalTable tr td .colFlex {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modalTableWrap .modalTable tr td .colFlex .strongTxt {
  font-size: 14px;
  text-wrap: balance;
  text-transform: capitalize;
}
@media (width <= 576px) {
  .modalTableWrap .modalTable tr td .colFlex .strongTxt {
    font-size: 12px;
  }
}
.modalTableWrap .modalTable tr td .colFlex .lightTxt {
  font-size: 14px;
  color: rgba(93, 106, 130, 0.8);
  text-wrap: balance;
  text-transform: capitalize;
}
@media (width <= 576px) {
  .modalTableWrap .modalTable tr td .colFlex .lightTxt {
    font-size: 12px;
  }
}

.stickyContWrap {
  padding: 100px 0 200px;
  background-color: #EFF0F5;
}
@media (width <= 768px) {
  .stickyContWrap {
    padding: 100px 0 100px;
  }
}
@media (width <= 576px) {
  .stickyContWrap {
    padding: 80px 0 80px;
  }
}
.stickyContWrap .stickyContIn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn {
    gap: 30px;
  }
}
.stickyContWrap .stickyContIn .stickyContHd {
  text-align: center;
  padding: 0 150px;
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContHd {
    padding: 0 50px;
  }
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn .stickyContHd {
    padding: 0 0;
  }
}
.stickyContWrap .stickyContIn .stickyContBody {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContBody {
    flex-direction: column;
    gap: 50px;
  }
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn .stickyContBody {
    gap: 30px;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft {
  flex: 0 0 35%;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: sticky;
  top: 30%;
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft {
    position: static;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft {
    gap: 20px;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblHd {
  font-size: 46px;
}
@media (width <= 992px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblHd {
    font-size: 36px;
  }
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblHd {
    font-size: 40px;
  }
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblHd {
    font-size: 30px;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblDesc {
  font-size: 30px;
  color: #5D6A82;
}
@media (width <= 992px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdLeft .scblDesc {
    font-size: 24px;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight {
  flex: 0 0 60%;
  max-width: 60%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight.stickyContBdRightOPD .scbrItem:nth-child(1) {
  top: 30%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight.stickyContBdRightOPD .scbrItem:nth-child(2) {
  top: 34%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight.stickyContBdRightOPD .scbrItem:nth-child(3) {
  top: 34%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem {
  display: flex;
  align-items: stretch;
  background-color: #FFFFFF;
  border-radius: 20px;
  gap: 20px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(93, 106, 130, 0.5);
  min-height: 320px;
  position: sticky;
}
@media (width <= 992px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem {
    min-height: 300px;
  }
}
@media (width <= 768px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem {
    position: static;
    min-height: unset;
  }
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem {
    flex-direction: column;
    gap: 0;
    overflow: hidden;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem:nth-child(1) {
  top: 30%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem:nth-child(2) {
  top: 32%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem:nth-child(3) {
  top: 34%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem:nth-child(4) {
  top: 38%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem:nth-child(5) {
  top: 38%;
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemNumb {
  font-size: 120px;
  color: rgba(35, 42, 56, 0.5);
  background-color: #FAFAFA;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px 0 0 20px;
  flex: 0 0 16%;
  max-width: 16%;
}
@media (width <= 992px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemNumb {
    font-size: 100px;
  }
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemNumb {
    flex: 0 0 100%;
    max-width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px 20px;
    font-size: 60px;
    line-height: 100%;
    border-radius: 20px 20px;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  padding: 36px 24px;
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px 20px;
    gap: 10px;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoHd {
  font-size: 40px;
  line-height: 40px;
}
@media (width <= 992px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoHd {
    font-size: 32px;
  }
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoHd {
    font-size: 26px;
  }
}
.stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoDesc {
  font-size: 24px;
  color: #5D6A82;
}
@media (width <= 992px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoDesc {
    font-size: 18px;
  }
}
@media (width <= 576px) {
  .stickyContWrap .stickyContIn .stickyContBody .stickyContBdRight .scbrItem .scbrItemInfo .scbrInfoDesc {
    font-size: 16px;
  }
}

.methodologyWrap .methodologyIn {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.methodologyWrap .methodologyIn .methodologyHeadWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (width <= 768px) {
  .methodologyWrap .methodologyIn .methodologyHeadWrap {
    padding: 0 50px;
  }
}
@media (width <= 576px) {
  .methodologyWrap .methodologyIn .methodologyHeadWrap {
    padding: 0 0;
  }
}
.methodologyWrap .methodologyIn .methodologyHeadWrap .sectionSubHd {
  color: #5D6A82;
}
.methodologyWrap .methodologyIn .methodologygraphic {
  text-align: center;
}
.methodologyWrap .methodologyIn .methodologygraphic img {
  max-width: 100%;
}

.sectionfilterlist {
  position: relative;
  z-index: 2;
}
.sectionfilterlist.section {
  padding: 100px 0;
}
@media (width <= 576px) {
  .sectionfilterlist.section {
    padding: 20px;
  }
}
.sectionfilterlist .filterlist {
  display: flex;
  gap: 20px;
}
@media (width <= 768px) {
  .sectionfilterlist .filterlist {
    flex-direction: column;
    position: relative;
  }
}
.sectionfilterlist .filterlist .filtertrigger {
  display: none;
}
@media (width <= 768px) {
  .sectionfilterlist .filterlist .filtertrigger {
    display: flex;
    align-self: flex-start;
    position: sticky;
    top: calc(100vh - 40px);
    bottom: 60px;
    background: rgba(24, 86, 161, 0.8);
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    z-index: 100;
    margin: 0 auto;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    color: #FFF;
  }
}
.sectionfilterlist .filterlist .filterpane {
  min-width: 240px;
  flex-basis: 240px;
  position: sticky;
  top: 120px;
  bottom: 0;
  align-self: flex-start;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 12px;
  transition: bottom 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 100;
}
@media (width <= 768px) {
  .sectionfilterlist .filterlist .filterpane {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -100px;
    top: auto;
    border-radius: 20px 20px 0 0;
    display: none;
  }
  .sectionfilterlist .filterlist .filterpane.filterpaneshown {
    bottom: 0;
  }
}
.sectionfilterlist .filterlist .filterpane .filterheader {
  display: none;
}
@media (width <= 768px) {
  .sectionfilterlist .filterlist .filterpane .filterheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px;
    margin-bottom: 20px;
  }
  .sectionfilterlist .filterlist .filterpane .filterheader p {
    font-size: 18px;
    font-weight: 500;
  }
  .sectionfilterlist .filterlist .filterpane .filterheader .closefilter {
    border: none;
    background: transparent;
  }
  .sectionfilterlist .filterlist .filterpane .filterheader .closefilter img {
    vertical-align: middle;
    height: 24px;
  }
}
.sectionfilterlist .filterlist .filterpane .filterflex {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - 160px);
  overflow: auto;
}
@media (width <= 768px) {
  .sectionfilterlist .filterlist .filterpane .filterflex {
    max-height: calc(100vh - 240px);
    overflow: auto;
  }
}
.sectionfilterlist .filterlist .filterpane .filterflex a {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #232A38;
  text-decoration: none;
  padding: 14px 20px;
  border-radius: 8px;
  font-weight: 500;
}
.sectionfilterlist .filterlist .filterpane .filterflex a:hover {
  background-color: rgba(204, 227, 255, 0.3);
  color: #1856A1;
}
.sectionfilterlist .filterlist .filterpane .filterflex a.active {
  background-color: #1856A1;
  color: #FFFFFF;
}
.sectionfilterlist .filterlist .listpane {
  flex-grow: 1;
}
@media (width <= 768px) {
  .sectionfilterlist .filterlist .listpane {
    padding-bottom: 60px;
  }
}
.sectionfilterlist .filterlist .listpane .listsections {
  margin-bottom: 60px;
}
.sectionfilterlist .filterlist .listpane .listsections:last-child {
  margin-bottom: 0px;
}
.sectionfilterlist .filterlist .listpane .listitems {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  width: 100%;
}
@media (width <= 992px) {
  .sectionfilterlist .filterlist .listpane .listitems {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 576px) {
  .sectionfilterlist .filterlist .listpane .listitems {
    grid-template-columns: 1fr;
  }
}

.evalcontent {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media (width <= 768px) {
  .evalcontent {
    flex-direction: column;
    gap: 10px;
  }
}
.evalcontent h3 {
  flex-grow: 1;
}
.evalcontent p {
  width: 520px;
}
@media (width <= 768px) {
  .evalcontent p {
    width: 100%;
  }
}

.rcempoerment .rce-flex {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (width <= 768px) {
  .rcempoerment .rce-flex {
    grid-template-columns: 1fr;
  }
}
.rcempoerment .rce-flex .rcempoermentimg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.rcempoerment .rce-flex .rcgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (width <= 768px) {
  .rcempoerment .rce-flex .rcgrid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.rcempoerment .rce-flex .rcgrid .rccard {
  height: 100%;
}
.rcempoerment .rce-flex .rccard {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 24px;
  background-color: #EFF0F5;
  align-items: flex-start;
  border-radius: 12px;
}
.rcempoerment .rce-flex .rccard.yellow {
  background-color: #FFF7E5;
}
.rcempoerment .rce-flex .rccard.rose {
  background-color: #FFE6E0;
}

.rcsustainability .center {
  align-items: center;
}
.rcsustainability .sustainabilitycontent .rcscontent {
  position: relative;
  z-index: 2;
  border-radius: 40px;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 60px;
  margin: 0 50px;
  padding: 40px;
}
@media (width <= 992px) {
  .rcsustainability .sustainabilitycontent .rcscontent {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (width <= 560px) {
  .rcsustainability .sustainabilitycontent .rcscontent {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 0;
    padding: 20px;
  }
}
.rcsustainability .sustainabilitycontent .rcscontent .rcscontentcard {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-direction: column;
}
.rcsustainability .sustainabilitycontent .rcscontent .rcscontentcard .num {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  height: 40px;
  width: 40px;
  font-size: 24px;
  font-weight: 500;
}
.rcsustainability .sustainabilitycontent .rcscontent .rcscontentcard .num.rose {
  background-color: #FFE6E0;
}
.rcsustainability .sustainabilitycontent .rcscontent .rcscontentcard .num.yellow {
  background-color: #FFEECA;
}
.rcsustainability .sustainabilitycontent .rcscontent .rcscontentcard .num.torq {
  background-color: #A5E7F2;
}
.rcsustainability .sustainabilitycontent .rcscontent .rcscontentcard .num.primary {
  background-color: #E5F1FF;
}
.rcsustainability .sustainabilitycontent .rcscontent .rcscontentcard p {
  font-size: 18px;
  color: rgba(35, 42, 56, 0.8);
}
.rcsustainability .sustainabilitycontent .sustainabilityimg {
  width: 100%;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  margin-top: -30px;
}
@media (width <= 560px) {
  .rcsustainability .sustainabilitycontent .sustainabilityimg {
    margin-top: 20px;
  }
}

.benefitsrow {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (width <= 768px) {
  .benefitsrow {
    grid-template-columns: 1fr;
  }
}
.benefitsrow .benefitscontent .benefititems {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.benefitsrow .benefitscontent .benefititems .benefititem {
  padding: 20px 0;
  border-bottom: 1px #EFF0F5 solid;
  display: flex;
  align-items: center;
  gap: 20px;
}
.benefitsrow .benefitscontent .benefititems .benefititem:last-child {
  border: none;
}
.benefitsrow .benefitscontent .benefititems .benefititem p {
  color: #5D6A82;
}
.benefitsrow .benefitsimg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

.programflex {
  display: grid;
  gap: 80px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (width <= 768px) {
  .programflex {
    grid-template-columns: 1fr;
  }
}
.programflex .programsimgholder {
  height: 100%;
  width: 100%;
  position: relative;
}
.programflex .programsimgholder .programsimg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  border-radius: 80px 0 0 80px;
}
.programflex .programsimgholder .circleCTA {
  display: inline-flex;
  position: absolute;
  bottom: 0;
  right: -60px;
  transition: all 0.4s ease-in-out;
}
@media (width <= 768px) {
  .programflex .programsimgholder .circleCTA {
    right: calc(50% - 60px);
    bottom: -60px;
  }
}
.programflex .programsimgholder .circleCTA:hover {
  transform: rotate(20deg);
}
.programflex .programsimgholder .circleCTA img {
  height: 120px;
  width: 120px;
}

.catheader {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
@media (width <= 768px) {
  .catheader {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.catheader .catheadtext {
  width: 420px;
  max-width: 100%;
}

.catproducts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
  width: 100%;
}
@media (width <= 768px) {
  .catproducts {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (width <= 560px) {
  .catproducts {
    grid-template-columns: 1fr;
  }
}

.sectionbakery {
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/bakery-bg-min.webp");
}

.sectionjewellery {
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/jewellery-bg-min.webp");
}

.sectionspices {
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/spices-bg-min.webp");
}

.sectionsewing {
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/sewing-bg.webp");
}

.sectionmultimedia {
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/multimedia-bg.webp");
}

.bulkcol {
  align-items: center;
}
.bulkcol .bulkflex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  width: 100%;
  align-items: center;
}
.bulkcol .bulkflex img {
  max-width: 100%;
}
@media (width <= 768px) {
  .bulkcol .bulkflex {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.bulkcol .bulkflex .bulkcontent .bulkcardcontent {
  background-color: #EFF0F5;
  border-radius: 20px;
}
.bulkcol .bulkflex .bulkcontent .bulkcardcontent .blhdr {
  padding: 20px 24px;
}
.bulkcol .bulkflex .bulkcontent .bulkcardcontent .blftr {
  display: grid;
  grid-template-columns: 1fr 5fr;
  gap: 20px;
}
.bulkcol .bulkflex .bulkcontent .bulkcardcontent .blftr p {
  color: #5D6A82;
  font-size: 20px;
  padding: 20px 24px 20px 0;
}
.bulkcol .bulkflex .bulkcontent .bulkcardcontent .blftr .rdicon {
  background-color: #EFF0F5;
  border-radius: 0 20px 0 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-top: 8px #FFFFFF solid;
  border-right: 8px #FFFFFF solid;
}
.bulkcol .bulkflex .bulkcontent .bulkcardcontent .blftr .rdicon img {
  width: 100%;
}
.bulkcol .bulkflex .bulkcontent .bulkboundlesscontent p {
  font-weight: 400;
}

.productdetail {
  background-image: none;
  text-align: left;
  padding: 100px 0;
}
@media (width <= 768px) {
  .productdetail {
    padding: 0 0 20px;
  }
}
.productdetail .productdetailflex {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  justify-content: space-between;
}
@media (width <= 768px) {
  .productdetail .productdetailflex {
    flex-direction: column;
    gap: 20px;
  }
}
.productdetail .productdetailflex .praction {
  align-self: flex-start;
  min-width: 420px;
  position: sticky;
  top: 120px;
  bottom: 0;
}
@media (width <= 768px) {
  .productdetail .productdetailflex .praction {
    position: relative;
    top: auto;
    bottom: auto;
    order: 1;
    width: 100%;
    min-width: auto;
  }
}
.productdetail .productdetailflex .praction .practioncard {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 20px rgba(35, 42, 56, 0.15);
}
.productdetail .productdetailflex .praction .practioncard .prcardimage {
  aspect-ratio: 2/1;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productdetail .productdetailflex .praction .practioncard .practn {
  padding: 20px;
}
.productdetail .productdetailflex .praction .practioncard .practn .pageheading {
  font-size: 40px;
}
@media (width > 768px) {
  .productdetail .productdetailflex .praction .practioncard .practn .pageheading {
    display: none;
    font-size: 24px;
  }
}
.productdetail .productdetailflex .praction .practioncard .practn .prprice {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.productdetail .productdetailflex .praction .practioncard .practn .prprice .pricevalue {
  font-weight: 600;
}
.productdetail .productdetailflex .praction .practioncard .practn .prprice .ogprice {
  text-decoration: line-through;
}
.productdetail .productdetailflex .praction .practioncard .practn .prprice .discountpercentage {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 100px;
  background-color: #00A8C3;
  position: relative;
  top: -8px;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector button {
  display: flex;
  border: 2px #F5F5F5 solid;
  border-radius: 10px;
  padding: 10px 16px;
  align-items: center;
  background-color: #FFFFFF;
  transition: all 0.2s ease-in-out;
  flex-direction: column;
  gap: 8px;
  text-align: left;
  cursor: pointer;
  justify-content: center;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector a {
  display: flex;
  border: 2px #F5F5F5 solid;
  border-radius: 10px;
  padding: 10px 16px;
  align-items: center;
  background-color: #FFFFFF;
  transition: all 0.2s ease-in-out;
  flex-direction: column;
  gap: 8px;
  text-align: left;
  cursor: pointer;
  justify-content: center;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector button span {
  opacity: 0.6;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector button:hover {
  background-color: #F5F5F5;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector button.active {
  background-color: #EFF0F5;
  border-color: #1856A1;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector a span {
  opacity: 0.6;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector a:hover {
  background-color: #F5F5F5;
}
.productdetail .productdetailflex .praction .practioncard .practn .quantityselector a.active {
  background-color: #EFF0F5;
  border-color: #1856A1;
}
.productdetail .productdetailflex .praction .practioncard .practn .inlinebuttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
}
.productdetail .productdetailflex .prinfo {
  flex-grow: 1;
}
@media (width <= 768px) {
  .productdetail .productdetailflex .prinfo {
    order: 2;
  }
}
.productdetail .productdetailflex .prinfo .pageheading {
  font-size: 60px;
}
@media (width <= 768px) {
  .productdetail .productdetailflex .prinfo .pageheading {
    display: none;
  }
}
.productdetail .productdetailflex .prinfo p {
  color: #5D6A82;
}
.productdetail .productdetailflex .prinfo .featsul {
  padding-left: 20px;
}
.productdetail .productdetailflex .prinfo .featsul li {
  color: #5D6A82;
  margin-bottom: 10px;
}

.prgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  width: 100%;
}
@media (width <= 768px) {
  .prgrid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (width <= 480px) {
  .prgrid {
    grid-template-columns: 1fr;
  }
}

.sectioncart {
  padding: 100px 0;
}
@media (width <= 768px) {
  .sectioncart {
    padding: 40px 0;
  }
}
.sectioncart .cartflex {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media (width <= 768px) {
  .sectioncart .cartflex {
    flex-direction: column;
  }
}
.sectioncart .cartflex .cartitems {
  flex-grow: 1;
}
.sectioncart .cartflex .cartitems .cartitem {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemcontent {
  padding: 20px 24px;
  background-color: #FFFFFF;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemcontent .cartitemimg {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 2px #EFF0F5 solid;
  border-radius: 10px;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemcontent .cartitemtext {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemcontent .cartitemtext .qtyselector {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 2px #EFF0F5 solid;
  padding: 10px 16px;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemcontent .cartitemtext .qtyselector select {
  border: none;
  outline: none;
  background-color: transparent;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemprice {
  padding: 12px 24px;
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemprice .cartremove {
  color: #f00;
  font-weight: 600;
  background-color: none;
  border: none;
  outline: none;
}
.sectioncart .cartflex .cartitems .cartitem .cartitemprice .cartremove:hover {
  text-decoration: underline;
}
.sectioncart .cartflex .cartsummary {
  align-self: flex-start;
  min-width: 300px;
  position: sticky;
  top: 120px;
  bottom: 0;
}
@media (width <= 768px) {
  .sectioncart .cartflex .cartsummary {
    position: relative;
    top: auto;
    bottom: auto;
    order: 1;
    width: 100%;
    min-width: auto;
  }
}
.sectioncart .cartflex .cartsummary table {
  border: 1px rgba(146, 166, 204, 0.6) solid;
  width: 100%;
}
.sectioncart .cartflex .cartsummary table tr td {
  padding: 8px 16px;
  border-bottom: 1px rgba(146, 166, 204, 0.6) solid;
}
.sectioncart .cartflex .cartsummary table tr:last-child td {
  border-bottom: none;
}
.sectioncart .cartflex .cartsummary .cartaddress {
  padding: 12px 16px;
  border-radius: 10px;
  background-color: #FFFFFF;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.sectioncart .cartflex .cartsummary .cartaddress > div {
  flex-grow: 1;
}
.sectioncart .cartflex .cartsummary .cartcoupon {
  padding: 12px 16px;
  border-radius: 10px;
  background-color: #FFFFFF;
  width: 100%;
}
.sectioncart .cartflex .cartsummary .cartcoupon .couponform {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.sectioncart .cartflex .cartsummary .cartcoupon .couponapplied {
  align-items: center;
  gap: 10px;
  flex-grow: 1;
  background: #e9f7e8;
  height: 48px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
}
.sectioncart .cartflex .cartsummary .cartcoupon .couponapplied img {
  height: 20px;
}
.sectioncart .cartflex .cartsummary .cartcoupon .couponapplied p {
  color: #00ba01;
  font-weight: 500;
}

.addressselector {
  width: 480px;
  max-width: 100%;
  margin: 0 auto;
}
@media (width <= 768px) {
  .addressselector {
    width: 100%;
  }
}
.addressselector .addressheadher {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.addressselector .addresscheck {
  padding: 10px;
  border-radius: 10px;
  border: 1px rgba(146, 166, 204, 0.6) solid;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.addressselector .addresscheck .flexcol8, .addressselector .addresscheck .comments .cmitem .cmbody .comments-level2, .comments .cmitem .cmbody .addressselector .addresscheck .comments-level2, .addressselector .addresscheck .comments .cmitem .cmbody, .comments .cmitem .addressselector .addresscheck .cmbody {
  flex-grow: 1;
}
.addressselector .addresscheck .flexcol8 .p12, .comments .cmitem .cmbody .addressselector .addresscheck .comments-level2 .p12, .addressselector .addresscheck .comments .cmitem .cmbody .p12, .comments .cmitem .addressselector .addresscheck .cmbody .p12 {
  font-weight: 600;
}

.sectionra {
  padding: 100px 0;
}
@media (width <= 768px) {
  .sectionra {
    padding: 40px 0;
  }
}
.sectionra .raheader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
}
@media (width <= 768px) {
  .sectionra .raheader {
    padding-bottom: 10px;
    width: 100%;
  }
  .sectionra .raheader .heading36, .sectionra .raheader .bloggrid .bloggriditem label .bititle, .bloggrid .bloggriditem label .sectionra .raheader .bititle {
    display: none;
  }
  .sectionra .raheader .p24, .sectionra .raheader .insightgrid .csitem .csinfo .cstext, .insightgrid .csitem .csinfo .sectionra .raheader .cstext, .sectionra .raheader .bloggrid .bloggriditem label .bitext, .bloggrid .bloggriditem label .sectionra .raheader .bitext {
    text-align: center;
    font-size: 24px;
    width: 100%;
  }
}
.sectionra .raheader img {
  height: 120px;
}
@media (width <= 768px) {
  .sectionra .raheader img {
    display: none;
  }
}
.sectionra .flowbuttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.sectionra {
  padding: 100px 0;
}
@media (width <= 768px) {
  .sectionra {
    padding: 100px 0;
  }
}
.sectionra .raheader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
  border-bottom: 2px #EFF0F5 solid;
  padding-bottom: 60px;
  position: relative;
}
.sectionra .raheader img {
  height: 120px;
}
.sectionra .raheader .flowtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  height: 40px;
  bottom: -19px;
  transition: all 0.6s cubic-bezier(0.95, -0.01, 0.51, 1);
  opacity: 0;
  transform: scale(0.4);
  white-space: nowrap;
}
.sectionra .raheader .flowtitle.flowtitleshow {
  transform: scale(1);
  opacity: 1;
}
.sectionra .raheader .flowtitle button {
  background: #EFF0F5;
  border: none;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
}
.sectionra .raheader .flowtitle button:hover {
  background: #F5F5F5;
}
.sectionra .raheader .flowtitle button img {
  height: 20px;
  vertical-align: middle;
}
.sectionra .raheader .flowtitle p {
  height: 40px;
  line-height: 40px;
  background: #EFF0F5;
  padding: 0 20px;
  border-radius: 100px;
  font-size: 18px;
}
@media (width <= 576px) {
  .sectionra .raheader .flowtitle p {
    font-size: 16px;
  }
}
.sectionra .rabody {
  width: 100%;
}
.sectionra .rabody .flowselection {
  position: relative;
}
.sectionra .rabody .flowselection .textcenter {
  width: 100%;
}
.sectionra .rabody .flowselection .flowbuttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 0 auto;
}
@media (width <= 576px) {
  .sectionra .rabody .flowselection .flowbuttons {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.sectionra .rabody .questionnaire .qsitem {
  display: none;
}
.sectionra .rabody .questionnaire .qsitem .qsbegin {
  background-color: #EFF0F5;
  border-radius: 20px;
  overflow: hidden;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard {
  width: 100%;
  background-color: #EFF0F5;
  padding: 40px;
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard .qsans {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (width <= 768px) {
  .sectionra .rabody .questionnaire .qsitem .qsbegin .qscard .qsans {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .sectionra .rabody .questionnaire .qsitem .qsbegin .qscard .qsans .checkcontainer {
    width: 100%;
  }
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard:first-child .qsnav .buttonsecondaryborder {
  display: none;
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard:last-child .qsnav .buttonsecondaryborder {
  display: flex;
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard .qsnav {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard .qsnav .buttonsecondaryborder {
  border: 2px solid rgba(146, 166, 204, 0.4);
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard .qsnav .buttonsecondaryborder:hover {
  border: 2px solid rgba(146, 166, 204, 0.8);
}
.sectionra .rabody .questionnaire .qsitem .qsbegin .qscard .qsnav button[disabled] {
  opacity: 0.5;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder {
  display: none;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid {
  display: grid;
  background-color: #EFF0F5;
  border-radius: 20px;
  overflow: hidden;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: 1fr 2fr;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid.qsgridfull {
  grid-template-columns: 1fr;
}
@media (width <= 768px) {
  .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps {
  width: 100%;
  background-color: rgba(35, 42, 56, 0.05);
  padding: 20px;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep {
  display: flex;
  align-items: center;
  gap: 20px;
  opacity: 0.4;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep span {
  width: 18px;
  height: 18px;
  border-radius: 100px;
  border: 3px #a2abbc solid;
  transition: all 0.4s ease-in-out;
  position: relative;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep span:after {
  content: "";
  display: inline-block;
  height: 22px;
  border-left: 2px #92A6CC dashed;
  top: 15px;
  position: absolute;
  left: 5px;
  opacity: 0.6;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep p {
  font-weight: 500;
  font-size: 16px;
  color: #5D6A82;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep.active {
  opacity: 1;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep.active span {
  border-color: #1856A1;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep.active p {
  color: #1856A1;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qssteps .qsstepin .qsstep:last-child span:after {
  display: none;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn {
  width: 100%;
  flex-grow: 1;
  padding: 24px 40px;
}
@media (width <= 768px) {
  .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn {
    padding: 10px 16px;
  }
}
@media (width <= 768px) {
  .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .flexcol24, .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .articlebody .articlein, .articlebody .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .articlein, .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .sectionfilterlist .filterlist .listpane .listsections, .sectionfilterlist .filterlist .listpane .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .listsections {
    gap: 12px;
  }
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qslist .qsindi {
  display: none;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qslist .qsindi.active {
  display: flex;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qslist .qsindi .qsans {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (width <= 768px) {
  .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qslist .qsindi .qsans {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qslist .qsindi .qsans .checkcontainer {
    width: 100%;
  }
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qslist .qsindi:first-child .qsnav .buttonsecondaryborder {
  display: none;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qslist .qsindi:last-child .qsnav .buttonsecondaryborder {
  display: flex;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qsnav {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qsnav .buttonsecondaryborder {
  border: 2px solid rgba(146, 166, 204, 0.4);
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qsnav .buttonsecondaryborder:hover {
  border: 2px solid rgba(146, 166, 204, 0.8);
}
.sectionra .rabody .questionnaire .qsitem .qsgridholder .qsgrid .qsactn .qsnav button[disabled] {
  opacity: 0.5;
}
.sectionra .rabody .questionnaire .qsitem .qsremark {
  background-color: #EFF0F5;
  border-radius: 20px;
  overflow: hidden;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  display: none;
}
.sectionra .rabody .questionnaire .qsitem .qsremark .qscard {
  width: 100%;
  background-color: #EFF0F5;
  padding: 40px;
}
.sectionra .rabody .questionnaire .qsitem .qsremark .qscard .qsnav {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
}
.sectionra .rabody .questionnaire .qsitem .qsremark .qscard .qsnav .buttonsecondaryborder {
  border: 2px solid rgba(146, 166, 204, 0.4);
}
.sectionra .rabody .questionnaire .qsitem .qsremark .qscard .qsnav .buttonsecondaryborder:hover {
  border: 2px solid rgba(146, 166, 204, 0.8);
}
.sectionra .rabody .questionnaire .qsitem .qsremark .qscard .qsnav button[disabled] {
  opacity: 0.5;
}
.sectionra .rabody .questionnaire .qsitem .qatarea {
  flex-grow: 1;
  border: none;
  outline: none;
  height: 160px;
  resize: none;
  font-size: 16px;
  border-radius: 10px;
  color: #232A38;
  font-family: "degular", sans-serif;
  font-weight: 400;
  width: 100%;
  padding: 20px;
}
.sectionra .rabody .result {
  display: none;
}
.sectionra .raresult {
  width: 100%;
  display: none;
}
.sectionra .raresult.vcResult {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.sectionra .raresult .resultcard {
  background-color: #EFF0F5;
  border-radius: 20px;
  overflow: hidden;
  padding: 40px;
  width: 100%;
  text-align: center;
}
@media (width <= 768px) {
  .sectionra .raresult .resultcard {
    padding: 20px;
  }
}
.sectionra .raresult .resultcard * {
  width: 100%;
}
.sectionra .raresult .resultcard .heading24, .sectionra .raresult .resultcard .gallerycarousel .galleryitem a p, .gallerycarousel .galleryitem a .sectionra .raresult .resultcard p, .sectionra .raresult .resultcard .articlebody .articlein h2, .articlebody .articlein .sectionra .raresult .resultcard h2 {
  height: 60px;
}
@media (width <= 768px) {
  .sectionra .raresult .resultcard .heading24, .sectionra .raresult .resultcard .gallerycarousel .galleryitem a p, .gallerycarousel .galleryitem a .sectionra .raresult .resultcard p, .sectionra .raresult .resultcard .articlebody .articlein h2, .articlebody .articlein .sectionra .raresult .resultcard h2 {
    height: auto;
  }
}
.sectionra .raresult .resultcard .p24, .sectionra .raresult .resultcard .insightgrid .csitem .csinfo .cstext, .insightgrid .csitem .csinfo .sectionra .raresult .resultcard .cstext, .sectionra .raresult .resultcard .bloggrid .bloggriditem label .bitext, .bloggrid .bloggriditem label .sectionra .raresult .resultcard .bitext {
  color: #1856A1;
  font-weight: 500;
}
.sectionra .raresult .resultcard .resultabar {
  height: 24px;
  border-radius: 10px;
  background: linear-gradient(90deg, #BDD7FF, #FFDEDE);
  width: 600px;
  max-width: 100%;
  margin: 10px auto;
  position: relative;
}
.sectionra .raresult .resultcard .resultabar .barpoint {
  display: inline-block;
  width: 12px;
  position: absolute;
  top: -8px;
  bottom: -8px;
  background: #232A38;
  border-radius: 100px;
  border: 4px #FFFFFF solid;
  box-shadow: 2px 2px 4px rgba(35, 42, 56, 0.2);
  margin-left: -6px;
}
.sectionra .raresult .resultcard .risksuggestions {
  background-color: #FFFFFF;
  padding: 18px 12px;
  border-radius: 10px;
  margin-top: 20px;
}
.sectionra .raresult .resultcard .risksuggestions ul {
  padding-left: 20px;
  text-align: left;
}
.sectionra .raresult .resultcard .risksuggestions ul li {
  margin-bottom: 8px;
  color: #5D6A82;
}
.sectionra .raresult .resultcard .risksuggestions ul li:last-child {
  margin: 0;
}
.sectionra .raresult .resultgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (width <= 480px) {
  .sectionra .raresult .resultgrid {
    grid-template-columns: 1fr;
  }
}

.checkcontainer {
  display: block;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, 0.6);
  padding-bottom: 4px;
  padding: 0 14px 4px 34px;
  border-radius: 8px;
}

.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 6px;
  left: 8px;
  height: 20px;
  width: 20px;
  background-color: rgba(35, 42, 56, 0.1);
  border-radius: 50%;
}

.checktext {
  color: rgba(35, 42, 56, 0.6);
}

.checkcontainer:hover input ~ .checkmark {
  background-color: rgba(35, 42, 56, 0.2);
}

.checkcontainer input:checked ~ .checkmark {
  border: 4px #1856A1 solid;
  background-color: #FFFFFF;
}

.checkcontainer input:checked + .checktext {
  color: #1856A1;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

.abtfounder {
  align-self: flex-start;
  min-width: 420px;
  position: sticky;
  top: 120px;
  bottom: 0;
}
@media (width <= 992px) {
  .abtfounder {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    top: 0;
  }
  .abtfounder * {
    text-align: left !important;
  }
}

.abtfounderimg {
  max-width: calc(100vw - 30px);
}

.sectionaccount {
  padding: 100px 0;
}
@media (width <= 768px) {
  .sectionaccount {
    padding: 50px 0;
  }
}
.sectionaccount .accflex {
  display: flex;
  gap: 20px;
}
.sectionaccount .accflex .acctabs {
  min-width: 240px;
  flex-basis: 240px;
  position: sticky;
  top: 120px;
  bottom: 0;
  align-self: flex-start;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 12px;
  transition: bottom 0.4s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 100;
}
@media (width <= 768px) {
  .sectionaccount .accflex .acctabs {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -100px;
    top: auto;
    border-radius: 20px 20px 0 0;
    display: none;
  }
  .sectionaccount .accflex .acctabs.filterpaneshown {
    bottom: 0;
  }
}
.sectionaccount .accflex .acctabs .acctabsflex {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - 160px);
  overflow: auto;
}
@media (width <= 768px) {
  .sectionaccount .accflex .acctabs .acctabsflex {
    max-height: calc(100vh - 240px);
    overflow: auto;
  }
}
.sectionaccount .accflex .acctabs .acctabsflex a {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #232A38;
  text-decoration: none;
  padding: 14px 20px;
  border-radius: 8px;
  font-weight: 500;
}
.sectionaccount .accflex .acctabs .acctabsflex a:hover {
  background-color: rgba(204, 227, 255, 0.3);
  color: #1856A1;
}
.sectionaccount .accflex .acctabs .acctabsflex a.active {
  background-color: #1856A1;
  color: #FFFFFF;
}
.sectionaccount .accflex .accstage {
  width: 100%;
  height: 100%;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 32px;
}
@media (width <= 768px) {
  .sectionaccount .accflex .accstage {
    padding: 12px;
  }
}
.sectionaccount .accflex .accstage .headspread {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.sectionaccount .accflex .accstage .accard {
  border: 1px rgba(204, 227, 255, 0.8) solid;
  border-radius: 16px;
  padding: 12px;
  overflow: hidden;
  width: 100%;
}
.sectionaccount .accflex .accstage .ordercard {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 10px;
}
.sectionaccount .accflex .accstage .ordercard .ordercardimage {
  border-radius: 10px;
  width: 100px;
}
@media (width <= 768px) {
  .sectionaccount .accflex .accstage .ordercard .ordercardimage {
    width: 80px;
  }
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
  width: 100%;
}
@media (width <= 768px) {
  .sectionaccount .accflex .accstage .ordercard .ordercardinfo {
    flex-direction: column;
  }
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .ordercardunit {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (width <= 768px) {
  .sectionaccount .accflex .accstage .ordercard .ordercardinfo .ordercardunit {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .ordercardunit .price {
  font-size: 18px;
  color: #1856A1;
  font-weight: 600;
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .ordercardunit .qtyselector {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 2px #EFF0F5 solid;
  padding: 10px 16px;
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .ordercardunit .qtyselector select {
  border: none;
  outline: none;
  background-color: transparent;
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderaside {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 768px) {
  .sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderaside {
    align-items: flex-start;
  }
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderaside .orderaction .buttonrose {
  background-color: #FFF5F2;
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderaside .orderaction .buttonrose:hover {
  color: #ff4114;
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderdelivery {
  min-width: 200px;
  display: flex;
  align-items: center;
  gap: 0px;
  justify-content: flex-end;
}
@media (width <= 768px) {
  .sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderdelivery {
    justify-content: flex-start;
  }
}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderdelivery:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background-color: #1856A1;
  margin-right: 10px;
}
.sectionaccount .accflex .accstage .accaddcard {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.sectionaccount .accflex .accstage .accaddcard .addbadge {
  display: inline-block;
  background: #EFF0F5;
  padding: 4px 12px 6px;
  border-radius: 20px;
}

.frcard {
  padding: 12px;
  border-radius: 10px;
  background-color: #EFF0F5;
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
}
@media (width <= 768px) {
  .frcard {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.frcard .frtext {
  font-size: 24px;
  color: #232A38;
}
.frcard .frtext:hover {
  color: #1856A1;
}
@media (width <= 768px) {
  .frcard .frtext {
    font-size: 20px;
  }
}
.frcard .frtags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.frcard .frtags a {
  display: inline-block;
  padding: 2px 8px 4px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 2px transparent solid;
}
.frcard .frtags a:hover {
  border: 2px rgba(35, 42, 56, 0.2) solid;
}
.frcard .frinfo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.frcard .frinfo div {
  display: flex;
  align-items: center;
  gap: 4px;
}
.frcard .frinfo div img {
  width: 24px;
  height: 24px;
  opacity: 0.8;
}
.frcard .frinfo div span {
  font-size: 14px;
}

.forumpage .frcard {
  background-color: rgba(255, 255, 255, 0.4);
}
.forumpage .frcard:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.forumpage .frcard .forumparticipants {
  display: flex;
  align-items: center;
}
.forumpage .frcard .forumparticipants div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  border: 2px #FFFFFF solid;
  margin-right: -6px;
  font-size: 12px;
  cursor: default;
  position: relative;
}
.forumpage .frcard .forumparticipants div:nth-child(5n+1) {
  background-color: #CCE3FF;
}
.forumpage .frcard .forumparticipants div:nth-child(5n+2) {
  background-color: #A5E7F2;
}
.forumpage .frcard .forumparticipants div:nth-child(5n+3) {
  background-color: #FFF7E5;
}
.forumpage .frcard .forumparticipants div:nth-child(5n+4) {
  background-color: #FFF5F2;
}
.forumpage .frcard .forumparticipants div:nth-child(5n+5) {
  background-color: #EFF0F5;
}
.forumpage .frcard .forumparticipants div span {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 10px 5px;
  border-radius: 10px;
  top: -30px;
  background-color: #232A38;
  color: #FFFFFF;
  display: none;
}
.forumpage .frcard .forumparticipants div span:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #232A38 transparent transparent transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
}
.forumpage .frcard .forumparticipants div:hover span {
  display: inline-block;
}

.forumheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (width <= 768px) {
  .forumheader {
    flex-direction: column;
    gap: 10px;
  }
  .forumheader .forumsearch {
    width: 100%;
  }
  .forumheader .input {
    width: 100%;
  }
  .forumheader .button {
    width: 100%;
  }
}

.newquestion {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.select2-container {
  width: 100% !important;
  z-index: 10000;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 24px !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: none !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 7px !important;
  font-size: 14px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  top: 2px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #EFF0F5 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-size: 15px;
  position: relative;
  top: -1px;
}

.mformgrid {
  display: grid;
  gap: 20px;
  width: 100%;
}
@media (width <= 560px) {
  .mformgrid {
    gap: 10px;
  }
}
.mformgrid.gr1 {
  grid-template-columns: 1fr;
}
.mformgrid.gr2 {
  grid-template-columns: 1fr 1fr;
}
@media (width <= 560px) {
  .mformgrid.gr2 {
    grid-template-columns: 1fr;
  }
}
.mformgrid.gr3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (width <= 560px) {
  .mformgrid.gr3 {
    grid-template-columns: 1fr;
  }
}
.mformgrid.gr4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (width <= 560px) {
  .mformgrid.gr4 {
    grid-template-columns: 1fr;
  }
}

.ctable {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
}
@media (width <= 560px) {
  .ctable {
    grid-template-columns: 1fr;
  }
}
.ctable .label {
  font-size: 16px;
  color: #5D6A82;
}
.ctable .answer {
  font-size: 16px;
  color: #232A38;
  display: block;
  padding: 2px 8px 4px;
  background: #EFF0F5;
  border-radius: 100px;
  font-weight: 600;
}

.sectionforum {
  padding: 100px 0;
}
@media (width <= 768px) {
  .sectionforum {
    padding: 50px 0;
  }
}

.full {
  width: 100%;
}

.bloggrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  width: 100%;
}
@media (width <= 768px) {
  .bloggrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 480px) {
  .bloggrid {
    grid-template-columns: 1fr;
  }
}
.bloggrid .bloggriditem {
  padding: 32px;
  border-radius: 10px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.bloggrid .bloggriditem label {
  margin: 0;
  cursor: pointer;
}
.bloggrid .bloggriditem label .bidate {
  font-size: 16px;
  color: #1856A1;
  font-weight: 400;
}
.bloggrid .bloggriditem label .bititle {
  font-weight: 400;
}
.bloggrid .bloggriditem label .bitext {
  color: #5D6A82;
}
.bloggrid .bloggriditem .biredir {
  transition: all 0.4s ease-in-out;
  background-color: #CCE3FF;
  border-radius: 100px;
  overflow: hidden;
}
.bloggrid .bloggriditem .biredir img {
  transition: all 0.4s ease-in-out;
  vertical-align: middle;
}
@media (width <= 768px) {
  .bloggrid .bloggriditem .biredir img {
    width: 60px;
  }
}
.bloggrid .bloggriditem:hover .biredir {
  background-color: #1856A1;
}
.bloggrid .bloggriditem:hover .biredir img {
  filter: brightness(0) invert(1);
}

.forumdetailin {
  width: 600px;
  margin: 0 auto;
  max-width: 100%;
}
.forumdetailin .frcard {
  background-color: transparent;
}
.forumdetailin .frcard:hover {
  background-color: transparent;
}
.forumdetailin .frcard .frtext {
  font-weight: 500;
}

.frstretch {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.frauthor {
  font-weight: 500;
  color: #1856A1;
}

.fritembody p {
  line-height: 160%;
}

.yc {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  width: 100%;
}
@media (width <= 768px) {
  .yc {
    flex-direction: column;
    gap: 10px;
  }
}
.yc .input {
  flex-grow: 1;
}
.yc .input textarea {
  height: 100px;
}

.divider, .separator {
  height: 1px;
  background-color: rgba(35, 42, 56, 0.4);
}

.comments {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.comments .cmitem {
  display: flex;
  gap: 20px;
}
@media (width <= 768px) {
  .comments .cmitem {
    gap: 10px;
  }
}
.comments .cmitem .cmauthor {
  min-width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #1856A1;
  color: #FFFFFF;
}
@media (width <= 768px) {
  .comments .cmitem .cmauthor {
    min-width: 28px;
    height: 28px;
  }
}
.comments .cmitem .cmbody .cmauthtitle {
  color: #1856A1;
  font-weight: 500;
}
.comments .cmitem .cmbody .cmpholder {
  padding: 16px;
  border-radius: 10px;
  border-top-left-radius: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.comments .cmitem .cmbody .comments-level2 {
  margin-top: 10px;
}
.comments .cmitem .cmbody .cmactions {
  width: 100%;
}
.comments .cmitem .cmbody .cmactions .cmaction {
  font-size: 14px;
  font-weight: 500;
  color: #1856A1;
}
.comments .cmitem .cmbody .cmactions .cmaction:hover {
  text-decoration: underline;
}
.comments .cmitem .cmbody .cmactions .ychold {
  display: none;
}
.comments .cmitem .cmbody .cmactions .ychold .input textarea {
  height: 100px;
}

.insightgrid {
  display: grid;
  gap: 20px;
  width: 100%;
}
@media (width <= 768px) {
  .insightgrid {
    overflow: auto;
    max-width: 100%;
  }
}
.insightgrid.insightgrid4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (width <= 768px) {
  .insightgrid.insightgrid4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 480px) {
  .insightgrid.insightgrid4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (width <= 480px) {
  .insightgrid.insightgrid4 > div {
    width: 70vw;
  }
}
.insightgrid.insightgrid3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (width <= 768px) {
  .insightgrid.insightgrid3 > div {
    width: 40vw;
  }
}
@media (width <= 480px) {
  .insightgrid.insightgrid3 > div {
    width: 70vw;
  }
}
.insightgrid .bookimage {
  border-radius: 10px;
  width: 100%;
}
.insightgrid .whitepaperitem {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.insightgrid .whitepaperitem:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(35, 42, 56, 0.4);
  z-index: 1;
}
.insightgrid .whitepaperitem .bookimage {
  width: 100%;
}
.insightgrid .whitepaperitem a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.insightgrid .csitem {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.insightgrid .csitem:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, transparent, #232A38);
  z-index: 1;
}
.insightgrid .csitem .csimgage {
  width: 100%;
}
.insightgrid .csitem .csinfo {
  padding: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.insightgrid .csitem .csinfo .cstext {
  color: #FFFFFF;
}

.articlebody {
  padding: 100px 0;
}
.articlebody .articlein {
  width: 800px;
  margin: 0 auto;
  max-width: 100%;
}
.articlebody .articlein img {
  width: 100%;
  border-radius: 10px;
}

.fullImageBanner {
  width: 100%;
}
.fullImageBanner img {
  width: 100%;
}

.whySectionWrap {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 100px;
}
@media (width <= 768px) {
  .whySectionWrap {
    gap: 40px;
  }
}

.careerStepWrap {
  width: 100%;
  max-width: 930px;
}
.careerStepWrap ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 80px;
  position: relative;
  z-index: 1;
}
.careerStepWrap ul::before {
  content: "";
  width: 2px;
  height: calc(100% - 30px);
  border-right: 2px dashed #000;
  position: absolute;
  left: 29px;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (width <= 768px) {
  .careerStepWrap ul::before {
    display: none;
  }
}
.careerStepWrap ul .careerStepRow {
  width: 100%;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
@media (width <= 768px) {
  .careerStepWrap ul .careerStepRow {
    flex-direction: column;
  }
}
.careerStepWrap ul .careerStepRow .careerStepNumber {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.careerStepWrap ul .careerStepRow .careerStepNumber h6 {
  font-size: 32px;
  font-family: "degular", sans-serif;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #1856A1;
  white-space: nowrap;
}
.careerStepWrap ul .careerStepRow .careerStepNumber h5 {
  font-size: 24px;
  color: #26303C;
  font-family: "degular", sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
.careerStepWrap ul .careerStepRow .careerStepText {
  text-align: left;
  width: calc(100% - 350px);
}
@media (width <= 768px) {
  .careerStepWrap ul .careerStepRow .careerStepText {
    width: 100%;
  }
}
.careerStepWrap ul .careerStepRow .careerStepText p {
  font-size: 24px;
  font-family: "degular", sans-serif;
  font-weight: 500;
  color: #26303C;
  padding-top: 15px;
}
@media (width <= 768px) {
  .careerStepWrap ul .careerStepRow .careerStepText p {
    padding-top: 0px;
    font-size: 18px;
  }
}

.text-center {
  text-align: center;
  width: 100%;
}

.sectionHdSm {
  max-width: 560px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.pageheadertext {
  font-size: 24px;
  font-weight: 400;
  width: 540px;
  max-width: 100%;
  text-wrap: balance;
}
@media (width <= 992px) {
  .pageheadertext {
    font-size: 20px;
  }
}

.plansContWrap {
  width: 100%;
  max-width: 1000px;
}
.plansContWrap .plansCont {
  width: 100%;
}
.plansContWrap .plansCont .plansCardWrapper {
  width: 100%;
}
.plansContWrap .plansCont .plansCardWrapper.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
}
@media (width <= 768px) {
  .plansContWrap .plansCont .plansCardWrapper.grid-container {
    grid-template-columns: auto;
  }
}
.plansContWrap .plansCont .plansCardWrapper .plansCard {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  border: solid 1px #1856A1;
  border-radius: 24px;
  padding: 30px 30px;
}
@media (width <= 768px) {
  .plansContWrap .plansCont .plansCardWrapper .plansCard {
    width: 100%;
  }
}
.plansContWrap .plansCont .plansCardWrapper .plansCard h3 {
  font-size: 32px;
  color: #26303C;
  font-family: "degular", sans-serif;
  font-weight: 500;
}
.plansContWrap .plansCont .plansCardWrapper .plansCard span {
  color: #8B8B8B;
  font-size: 20px;
  font-family: "degular", sans-serif;
  font-weight: 600;
}
.plansContWrap .plansCont .plansCardWrapper .plansCard p {
  color: #8B8B8B;
  font-size: 20px;
  font-family: "degular", sans-serif;
  font-weight: 400;
}

.fitSectionWrap {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 60px;
}
@media (width <= 768px) {
  .fitSectionWrap {
    flex-direction: column;
  }
}
.fitSectionWrap .fitCard {
  width: calc(33.33% - 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  flex-direction: column;
}
@media (width <= 768px) {
  .fitSectionWrap .fitCard {
    width: 100%;
  }
}
.fitSectionWrap .fitCard img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.fitSectionWrap .fitCard p {
  text-align: center;
}

.gallerycarousel {
  padding: 20px;
  background-color: #EFF0F5;
  border-radius: 40px;
}
.gallerycarousel .galleryitem a {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}
.gallerycarousel .galleryitem a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(35, 42, 56, 0.2);
}
.gallerycarousel .galleryitem a img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  position: relative;
}
.gallerycarousel .galleryitem a p {
  max-width: 80%;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: #FFFFFF;
  background: rgba(35, 42, 56, 0.6);
  padding: 6px 10px;
  border-radius: 10px;
}
.gallerycarousel .owl-dots {
  margin-top: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.gallerycarousel .owl-dots button.owl-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #5D6A82;
  opacity: 0.4;
}
.gallerycarousel .owl-dots button.owl-dot.active, .gallerycarousel .owl-dots button.owl-dot:hover {
  opacity: 0.8;
}

.gallerySection {
  width: 100%;
  padding: 100px 20px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1080px) {
  .gallerySection {
    padding: 50px 20px;
  }
}
.gallerySection .galleryHeading {
  display: inline-block;
  font-size: 48px;
  color: #232A38;
  font-family: "degular", sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.gallerySection .galleryHeading:hover {
  color: #1856A1;
}
.gallerySection .galleryHeading:hover img {
  left: 20px;
}
@media (max-width: 1080px) {
  .gallerySection .galleryHeading {
    font-size: 30px;
  }
}
@media (max-width: 600px) {
  .gallerySection .galleryHeading {
    font-size: 24px;
  }
}
.gallerySection .galleryHeading img {
  width: 40px;
  height: 40px;
  margin-top: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  left: 0;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.gallerySection .galleryWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 20px;
}
@media (max-width: 600px) {
  .gallerySection .galleryWrapper {
    grid-template-columns: auto auto;
  }
}
.gallerySection .galleryWrapper .galleryCard {
  aspect-ratio: 1/1;
  border-radius: 20px;
  overflow: hidden;
}
.gallerySection .galleryWrapper .galleryCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.jobsCardSection {
  width: 100%;
  background-color: #EFF0F5;
  padding: 100px 20px;
}

.container-1200 {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.container-800 {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.jobsCardWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 30px;
}
@media (max-width: 992px) {
  .jobsCardWrapper {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 600px) {
  .jobsCardWrapper {
    grid-template-columns: auto;
  }
}
.jobsCardWrapper .jobcard {
  padding: 30px 30px;
  border-radius: 30px;
  background-color: #fff;
  border-radius: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
}
.jobsCardWrapper .jobcard .jobTags {
  padding: 1px 20px 3px;
  border-radius: 100px;
  color: #000;
  font-size: 20px;
  font-family: "degular", sans-serif;
  font-weight: 600;
  background-color: #FFE6E0;
  margin: 0;
  text-transform: uppercase;
}
.jobsCardWrapper .jobcard .jobheading {
  font-size: 32px;
  color: #26303C;
  font-family: "degular", sans-serif;
  font-weight: 500;
  line-height: 110%;
}
.jobsCardWrapper .jobcard span {
  font-size: 20px;
  font-family: "degular", sans-serif;
  font-weight: 600;
  color: #1856A1;
}
.jobsCardWrapper .jobcard p {
  font-family: "degular", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #8B8B8B;
}

.pageSubheading {
  font-size: 40px;
  color: #000;
  font-family: "degular", sans-serif;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 600px) {
  .pageSubheading {
    font-size: 26px;
  }
}

.teacherSection {
  width: 100%;
  padding: 100px 20px;
  background-color: #EFF0F5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 600px) {
  .teacherSection {
    padding: 50px 20px;
  }
}
.teacherSection .teacherWrapper {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 60px;
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .teacherSection .teacherWrapper {
    gap: 20px;
    margin-bottom: 30px;
  }
}
.teacherSection .teacherWrapper .teacherRow {
  width: 100%;
  list-style: none;
}
.teacherSection .teacherWrapper .teacherRow h3 {
  font-size: 48px;
  color: #26303C;
  font-family: "degular", sans-serif;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 600px) {
  .teacherSection .teacherWrapper .teacherRow h3 {
    font-size: 26px;
  }
}
.teacherSection .teacherWrapper .teacherRow h4 {
  font-size: 24px;
  color: #26303C;
  font-family: "degular", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .teacherSection .teacherWrapper .teacherRow h4 {
    font-size: 22px;
  }
}
.teacherSection .teacherWrapper .teacherRow p {
  font-size: 20px;
  color: #26303C;
  font-family: "degular", sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
}
@media (max-width: 600px) {
  .teacherSection .teacherWrapper .teacherRow p {
    font-size: 18px;
  }
}

.applyModalCont {
  width: 100%;
}
.applyModalCont h4 {
  font-size: 26px;
  color: #000;
  font-family: "degular", sans-serif;
  font-weight: 600;
  margin-bottom: 30px;
}
.applyModalCont .applySteper {
  width: 100%;
}
.applyModalCont .applySteper .applyForm {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
.applyModalCont .applySteper .applyForm .uploadWrap {
  width: 100%;
}

.dragBox {
  width: 100%;
  height: 200px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  font-weight: bold;
  line-height: 95px;
  color: #999;
  border: 2px dashed #ccc;
  display: inline-block;
  transition: transform 0.3s;
  background-color: #F9F9F9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #000;
  border-radius: 10px;
}
.dragBox input[type=file] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}

.draging {
  transform: scale(1.1);
}

.fileDiv {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 80px 0;
}
.fileDiv img {
  width: 60px;
  height: initial;
}
.fileDiv h5 {
  font-size: 16px;
  color: #3F4254;
  font-family: "degular", sans-serif;
  font-weight: 600;
  margin: 0;
}

.applySuccess {
  width: 100%;
  padding: 80px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.applySuccess img {
  width: 100px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.applySuccess h5 {
  font-size: 20px;
  color: #3F4254;
  font-family: "degular", sans-serif;
  font-weight: 400;
  margin: 0;
}

.hoverNone:hover {
  color: #26303C !important;
}

.loginModalBody {
  width: 550px !important;
}

.authModalCont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.authModalCont .authHead {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
.authModalCont .authHead img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.authModalCont .authHead h4 {
  font-size: 24px;
  color: #000;
  font-family: "degular", sans-serif;
  font-weight: 700;
  text-align: center;
}
.authModalCont .authHead p {
  font-size: 14px;
  color: #A1A5B7;
  font-family: "degular", sans-serif;
  font-weight: 500;
}
.authModalCont .authFormCont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.authModalCont .authFormCont .authFormWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.authModalCont .authFormCont .authFormWrapper .googleLoginBtn {
  width: 100%;
  height: 48px;
  border: solid 1px #E1E3EA;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 12px;
  color: #7E8299;
  font-family: "degular", sans-serif;
  font-weight: 600;
  background-color: #FFFFFF;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  cursor: pointer;
}
.authModalCont .authFormCont .authFormWrapper .googleLoginBtn:hover {
  background-color: #FFE6E0;
}
.authModalCont .authFormCont .separationWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.authModalCont .authFormCont .separationWrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #A1A5B7;
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  z-index: -1;
  opacity: 0.3;
}
.authModalCont .authFormCont .separationWrap span {
  font-size: 12px;
  color: #A1A5B7;
  font-family: "degular", sans-serif;
  font-weight: 600;
  padding: 5px;
  background-color: #FFFFFF;
  display: inline-block;
  position: relative;
}

.inputBorder {
  border: solid 1px #E1E3EA;
}

.forgetWrap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.forgetWrap button {
  font-size: 13px;
  color: #1856A1;
  font-family: "degular", sans-serif;
  font-weight: 600;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.forgetWrap button:hover {
  color: #000;
}

.formFooterCont {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.formFooterCont p {
  font-size: 14px;
  color: #A1A5B7;
  font-family: "degular", sans-serif;
  font-weight: 500;
  margin: 0;
}
.formFooterCont button {
  font-size: 14px;
  color: #1856A1;
  font-family: "degular", sans-serif;
  font-weight: 500;
  border: 0;
  background-color: transparent;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  cursor: pointer;
}
.formFooterCont button:hover {
  color: #000;
}

.termsWrap {
  width: 100%;
}
.termsWrap label {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.termsWrap input {
  width: 15px;
  height: 15px;
}
.termsWrap span {
  font-size: 13px;
  color: #5E6278;
  font-family: "degular", sans-serif;
  font-weight: 600;
}
.termsWrap a {
  font-size: 13px;
  color: #000;
  font-family: "degular", sans-serif;
  font-weight: 600;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.termsWrap a:hover {
  color: #1856A1;
}

.otpHead {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 6px;
}
.otpHead span {
  font-size: 18px;
  color: #A1A5B7;
  font-family: "degular", sans-serif;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.otpHead p {
  font-size: 18px;
  color: #000;
  font-family: "degular", sans-serif;
  font-weight: 500;
  text-align: center;
  width: 100%;
}

.otpWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.otpWrapper span {
  font-size: 14px;
  color: #000;
  font-family: "degular", sans-serif;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.otpWrapper .otpWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.otpWrapper .otpWrap input {
  width: 240px;
  height: 80px;
  border: solid 1px #5D6A82;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  letter-spacing: 2px;
  color: #1856A1;
  font-family: "degular", sans-serif;
  font-weight: 500;
  text-align: center;
  outline: transparent;
}
.otpWrapper .otpWrap input:focus {
  border-color: #232A38 !important;
}
.otpWrapper .otpWrap input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.otpWrapper .otpWrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.resectSection {
  display: none;
}

.et_pb_contact_form_label {
  display: block;
  color: black;
  font-weight: bold;
  letter-spacing: 1.2px;
  font-size: 18px;
  padding-bottom: 5px;
}

input[id=et_pb_contact_brand_file_request_0] {
  display: none;
}

label[for=et_pb_contact_brand_file_request_0] {
  background: #fff;
  height: 145px;
  position: relative;
  color: transparent;
  margin: auto;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  border: 2px dashed #a2a1a7;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 50px;
}

label[for=et_pb_contact_brand_file_request_0]:before {
  content: "Drag and Drop a file here";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #202020;
  font-weight: 400;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

label[for=et_pb_contact_brand_file_request_0]:after {
  display: block;
  content: "Browse";
  background: #16a317;
  width: 86px;
  height: 27px;
  line-height: 27px;
  position: absolute;
  bottom: 19px;
  font-size: 14px;
  color: white;
  font-weight: 500;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

label[for=et_pb_contact_brand_request_0]:after {
  content: " (Provide link or Upload files if you already have guidelines)";
  font-size: 12px;
  letter-spacing: -0.31px;
  color: #7a7a7a;
  font-weight: normal;
}

label[for=et_pb_contact_design_request_0]:after {
  content: " (Provide link or Upload design files)";
  font-size: 12px;
  letter-spacing: -0.31px;
  color: #7a7a7a;
  font-weight: normal;
}

label[for=et_pb_contact_brand_file_request_0].changed, label[for=et_pb_contact_brand_file_request_0]:hover {
  background-color: #e3f2fd;
}

label[for=et_pb_contact_brand_file_request_0] {
  cursor: pointer;
  transition: 400ms ease;
}

.file_names {
  display: block;
  position: absolute;
  color: black;
  left: 0;
  bottom: -30px;
  font-size: 13px;
  font-family: "degular", sans-serif;
  font-weight: 500;
  word-break: break-all;
  text-align: left;
}
@media (max-width: 600px) {
  .file_names {
    bottom: -44px;
  }
}

.file_names {
  text-align: center;
}

.stepThree {
  display: none;
}

.prlist {
  padding-left: 30px;
}
.prlist li {
  font-size: 24px;
  color: #5D6A82;
  margin-bottom: 10px;
}

.practTagWrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.practTagWrap .practTagItem {
  background-color: #EFF0F5;
  padding: 10px 12px;
  border-radius: 50px;
  font-size: 16px;
  color: #000000;
  text-transform: capitalize;
  line-height: 100%;
  white-space: nowrap;
}

.flexcol20 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.flexcol8, .comments .cmitem .cmbody, .comments .cmitem .cmbody .comments-level2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

.fontblack {
  color: #26303C !important;
}

.courseImgInGrid {
  aspect-ratio: 2/1.2 !important;
  width: 100%;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

@media (max-width: 576px) {
  .sectionvc {
    padding-top: 60px;
  }
  .sectionvc .raheader {
    padding-bottom: 40px;
  }
  .sectionvc .flexcol8, .sectionvc .comments .cmitem .cmbody, .comments .cmitem .sectionvc .cmbody, .sectionvc .comments .cmitem .cmbody .comments-level2, .comments .cmitem .cmbody .sectionvc .comments-level2 {
    padding: 0 50px;
  }
}

.assementToolwrap {
  /* position: fixed; */
  /* right: 50px;
  bottom: 0; */
  position: relative;
  border-radius: 25px 25px 0 0;
  background-color: #EFF0F5;
  z-index: 9999;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
  .assementToolwrap {
    right: 30px;
  }
}
.assementToolwrap .assementCaller {
  color: #FFFFFF;
  background-color: #1856A1;
  font-size: 20px;
  width: 100%;
  text-align: center;
  line-height: 130%;
  cursor: pointer;
  padding: 10px 25px;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.assementToolwrap .assementCaller img {
  height: 24px;
}
.assementToolwrap .assementCaller span {
  color: #FFFFFF;
}
.assementToolwrap .assementItemsWrap {
  display: none;
  padding: 15px 15px;
}
.assementToolwrap .assementItemsWrap .assementItems {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.assementToolwrap .assementItemsWrap .assementItems .assementItemName {
  width: 100%;
  background-color: #1856A1;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  padding: 10px 15px;
  transition: all 0.2s ease;
}
.assementToolwrap .assementItemsWrap .assementItems .assementItemName:hover {
  background-color: #0c2d55;
}
.assementToolwrap .assementItemsWrap .assementItems .assementItemName:first-child {
  border-radius: 8px 8px 2px 2px;
}
.assementToolwrap .assementItemsWrap .assementItems .assementItemName:last-child {
  border-radius: 2px 2px 8px 8px;
}
.assementToolwrap .asmCloser {
  position: absolute;
  right: -20px;
  top: -10px;
  cursor: pointer;
  display: none;
}
.assementToolwrap .asmCloser .asmImgHolder {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1856A1;
  transition: all 0.2s ease;
}
.assementToolwrap .asmCloser .asmImgHolder:hover {
  background-color: #0c2d55;
}
.assementToolwrap .asmCloser .asmImgHolder img {
  width: 20px;
  filter: invert(1);
}

.rewsultcta {
  display: none;
}
.rewsultcta .btnFlexWrap {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 500px !important;
  margin: 20px auto 0;
  max-width: 100%;
  justify-content: center;
}
@media (max-width: 576px) {
  .rewsultcta .btnFlexWrap {
    flex-direction: column;
  }
}

.customFilterJob {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .customFilterJob {
    flex-direction: column;
  }
}
.customFilterJob .filterField {
  position: relative;
  width: calc(50% - 65px);
  border-radius: 5px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 600px) {
  .customFilterJob .filterField {
    width: 100%;
  }
}
.customFilterJob .filterField .select2-container {
  background: #fff;
}
.customFilterJob .filterField .select2-container .select2-selection--multiple {
  min-height: 47px;
}
.customFilterJob .filterField .select2-selection--multiple {
  padding-top: 7px;
}
.customFilterJob .filterField .placeholderJob {
  font-size: 13px;
  color: #999;
}
.customFilterJob .filterFieldBtn {
  width: 94px;
}
@media (max-width: 600px) {
  .customFilterJob .filterFieldBtn {
    width: 100%;
  }
}


 /* fixing css 10-06-2024 */




.assementToolwrap{
    z-index: 999;
}
.modalWrap {
  z-index: 10000;
}
.infoWrap{
  width: 100%;
  padding: 50px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.infoWrap p{
  font-size: 14px;
  color: #333;
  line-height: 140%;
}
.infoWrap p a{
  font-size: 14px;
  color: #1856A1;
  line-height: 140%;
  display: inline-block;
  word-break: break-all;
  text-decoration: none;
}
.infoWrap h1{
  font-size: 34px;
  color: #000;
  line-height: 140%;
  text-align: center;
  width: 100%;
}
.infoWrap h2{
  font-size: 30px;
  color: #000;
  line-height: 140%;
}
.infoWrap h3{
  font-size: 26px;
  color: #000;
  line-height: 140%;
}
.infoWrap h4{
  font-size: 22px;
  color: #000;
  line-height: 140%;
}
.infoWrap h5{
  font-size: 20px;
  color: #000;
  line-height: 140%;
}
.infoWrap h6{
  font-size: 20px;
  color: #000;
  line-height: 140%;
}
.infoWrap ul{
  margin: 0;
}
.infoWrap ul li{
  font-size: 14px;
  color: #333;
  line-height: 140%;
}
.infoWrap ul li a{
  font-size: 14px;
  color: #1856A1;
  line-height: 140%;
  display: inline-block;
  word-break: break-all;
  text-decoration: none;
}
.infoWrap ol{
  margin: 0;
}
.infoWrap ol li{
  font-size: 14px;
  color: #333;
  line-height: 140%;
}
.infoWrap ol li a{
  font-size: 14px;
  color: #1856A1;
  line-height: 140%;
  display: inline-block;
  word-break: break-all;
  text-decoration: none;
}
.infoWrap div{
  font-size: 14px;
  color: #333;
  line-height: 140%;
  display: inline-block;
  word-break: break-all;
  text-decoration: none;
}
.teamitem img{
  margin: 0 auto;
  border-radius: 50px;
}
.pt-0{
  padding-top: 0px;
}
.pb-0{
  padding-bottom: 0px;
}
.cardSliderWrapper{
  width: 100%;
}

.teamitem {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.teamitem img {
  width: 100%;
  max-width: 240px;
}
.teamitem .teamtext {
  text-align: center;
  width: 100%;
}
.teamitem .teamtext h3 {
  font-size: 24px;
}
@media (width <= 768px) {
.teamitem .teamtext h3 {
    font-size: 20px;
  }
}
.teamitem .teamtext p {
  font-size: 18px;
  color: #5D6A82;
}
@media (width <= 768px) {
.teamitem .teamtext p {
    font-size: 14px;
  }
}

.cardSliderWrapper .owl-nav button.owl-prev {
  background-image: url("../images/owlnav-left.svg") !important;
}
.cardSliderWrapper .owl-nav button.owl-next {
  background-image: url("../images/owlnav-right.svg") !important;
}
.cardSliderWrapper .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.cardSliderWrapper .owl-nav button {
  width: 24px;
  height: 24px;
  background-size: cover !important;
  background-position: center !important;
  border: 1.4px solid #232A38 !important;
  border-radius: 50% !important;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
  position: relative;
  top: 16px;
}
.cardSliderWrapper .owl-nav button span {
  display: none;
}
.cardSliderWrapper .owl-dots {
  display: none !important;
}
.dropSubMenu{
  padding-left: 18px !important;
  opacity: .8;
  padding: 4px 16px;
  position: relative;
}
.dropSubMenu img{
  width: 15px;
  height: 13px;
  object-fit: contain;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.dropSubMenu:hover{
  background-color: transparent !important;
  color: #1856A1 !important;
}
.noResultWrap{
  width: 100%;
  padding: 100px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  border-radius: 20px;
  background-color: #E5F1FF;
}
.noResultWrap h3{
  font-size: 26px;
  color: #000;
  text-align: center;
  width: 100%;
}
.noResultWrap p{
  font-size: 16px;
  color: #333;
  text-align: center;
  width: 100%;
  line-height: 140%;
}


@media (width <= 992px) {
  .founderWrap .founderIn .founderLeft {
      min-width: 100%;
  }
}
@media (width <= 768px) {
  .cflex .cflexitem {
      gap: 10px;
      min-width: 100%;
  }
}
@media (width <= 600px) {
  .projectinfo .projectfeatflex .projectfeats .projectfeat {
    width: 43%;
  }
  .founderLeft{
    min-width: 100%;
  }
  .founderSec{
    width: 100%;
    overflow: hidden;
  }
  .modalWrap .modalHolder .modalBody {
    padding: 20px;
}
}

 /* fixing css 10-06-2024 */

 /* fixing css 12-06-2024 */
.infoStep{
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
}
.staticInfoText{
  font-size: 22px;
  font-weight: 600;
  color: #555;
}
.infoStep button{
  margin: 0 auto;
  margin-top: 15px;
}

.assessmentInstructionWrap{
  max-width: 900px;
  width: 100%;
  padding: 25px 20px;
  border-radius: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  background: #f4f4f4;
  margin: 0 auto;
}
.assessmentInstructionWrap h3{
  font-size: 24px;
  color: #000;
  line-height: 120%;
}
.assessmentInstructionWrap ol{
  margin: 0;
  padding-left: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}
.assessmentInstructionWrap ol li{
  font-size: 16px;
  color: #333;
  line-height: 120%;
}

.assessmentFormWrap{
  max-width: 600px;
  width: 100%;
  padding: 25px 20px;
  border-radius: 15px;
  background: #f4f4f4;
  margin: 0 auto;
}

 /* fixing css 12-06-2024 */


.reportInfo{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 25px 20px;
  border-radius: 15px;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 500px;
  background: #f4f4f4;
}
.reportINfoRow{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.reportINfoRow p {
  min-width: 122px;
  font-size: 16px;
  color: #555;
  font-weight: 400;
}
.reportINfoRow h6{
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
@media (max-width:600px){
  .reportINfoRow{
    flex-direction: column;
  }
}
.courseRow{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  color: #000;
  line-height: 120%;
  gap: 8px;
}
.courseRow input{
  width: 16px;
  height: 16px;
}
.courseRow input[type="checkbox"] {
  accent-color: #1856A1;
  width: 16px;
  height: 16px;
}

.courseRow span{
  display: inline-block;
}
.selectCourseWrap{
  width: 100%;
  padding-right: 5px;
  max-height: 250px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
}

/* 17-06-2024 */

.programs .programslides .progslide .progslideimg .hangingcta{
  margin-top: 40px;
}
.pb-50{
  padding-bottom: 50px;
}
.pt-150{
  padding-top: 150px;
}


.customProDetails{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  flex-direction: column;
}
.customProDetails p{
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
  color: #26303C;
  margin-bottom: 20px;
}
.customProDetails h3{
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  color: #26303C;
}
.customProDetails h4{
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  color: #26303C;
}
.customProDetails h2{
  font-size: 28px;
  font-weight: 400;
  line-height: 120%;
  color: #26303C;
}
.customProDetails ul{
  margin: 0;
  padding-left: 30px;
  margin-bottom: 20px;
}
.customProDetails ul li{
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  color: #26303C;
  list-style: disc;
}
.customProDetails ol{
  margin: 0;
  padding-left: 30px;
  margin-bottom: 20px;
}
.customProDetails ol li{
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  color: #26303C;
}

.productdetail .productdetailflex .praction{
  width: 100%;
}
/* ------- */

.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecBtm .button{
  color: #fff;
}
.servicesWrap .serviceSecIn .serviceItemWrap .serviceItemCol .servSecBtm .button:hover{
  color: #1856A1;
}

.errormessage.visible{
  background-color: #ffdada !important;
}
.errormessage{
  background-color: transparent !important;
}
.nav .navactions .navlinks .navitem .dropstage .dropitems a.dropitem{
  padding: 5px 16px;
}
.subMenuUl{
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.subMenuUl::before{
  content: "";
  width: 1px;
  height: initial;
  position: absolute;
  left: 18px;
  bottom: 14px;
  background-color: #000;
  top: -7px;
  z-index: 10;
}

.alterAuth{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.alterAuth p{
  font-size: 16px;
  color: #777;
  margin: 0px;
  font-weight: 600;
  display:inline-block;
}
.alterAuth a{
  font-size: 16px;
  color: #333;
  margin: 0px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
  display:inline-block;
}
.alterAuth a:hover{
color: #1856A1;
}
.authWidth{
  max-width: 600px;
  margin: 0 auto;
}
.registerWidth{
  max-width: 800px;
  margin: 0 auto;
}
.modalWrap .modalHolder .modalBody.alAuthWidth{
  max-width: 600px;
  padding-left: 30px;
  padding-right: 30px;
}
.modalauthResgi{
  max-height: 600px;
  overflow-y: auto;
}
.modalWrap .modalHolder .modalBody.authresModalWidth{
  padding-left: 30px;
  padding-right: 30px;
}
.errormessage{
  display: none;
}
.errormessage.visible{
  display: block;
}
@media (max-width:600px){
  .modalWrap .modalHolder .modalBody.alAuthWidth{
    padding-left: 15px;
    padding-right: 15x !important;
    max-width: 95%;
  }
  .modalWrap .modalHolder .modalBody.authresModalWidth{
    padding-left: 15px;
    padding-right: 15x !important;
    max-width: 95%;
  }
  .modalauthResgi{
    max-height: 500px;
  }
}
.cartPageDesignFix{
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 50px;
  align-items: flex-start;
}
.faqItemBody ul{
  margin: 0;
  padding: 0;
  padding-left: 30px;
}
.faqItemBody ul li{
  font-size: 16px;
  color: rgba(35, 42, 56, 0.8);
  line-height: 140%;
  list-style: disc;
}
.awardsText{
  font-size: 16px;
  color: #000;
  padding: 10px 30px 0px;
}
.subsCardWrap{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  padding: 20px 0;
}
.subsCard{
  width: 48%;
  border-radius: 12px;
  border: solid 1px #1856A1;
  background-color: #CCE3FF;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  transition: all .2s;
}
.subsCard:hover{
  background-color: #e9f3ff;
}
.subsCard img{
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.subsCard p{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  text-align: center;
  line-height: 120%;
}
.headingFloat{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.buttonFloatLeft{
  width: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}












@media (max-width: 1080px){
  .nav .ham {
    display: flex;
    align-items: center;
    justify-content: unset;
  }
  .nav .navactions {
    flex-direction: column;
    align-items: flex-start;
    position: fixed;
    top: 0;
    bottom: 0;
    padding: 40px;
    background-color: #E5F1FF;
    z-index: 1000;
    transition: all 0.6s cubic-bezier(0.95, -0.01, 0.51, 1);
    right: -85vw;
    width: 85vw;
  }
  .nav .navactions.show {
    right: 0;
  }
  .nav .navactions .navlinks .navitem > a {
    width: 100%;
    font-size: 24px;
  }
  .nav .navactions .navlinks .navitem {
    width: 100%;
    font-size: 24px;
    flex-direction: column;
}
.nav .navactions .navlinks {
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  gap: 10px;
  overflow: auto;
}
.nav .navactions .closemenu {
  display: flex;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: unset;
  padding: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.nav .navactions .navlinks .navitem > a.focus {
  box-shadow: none;
  background-color: transparent;
}
.nav .navactions .navlinks .navitem .dropstage {
  position: static;
  width: 100%;
}
.nav .navactions .navlinks .navitem .dropstage .dropitems {
  gap: 2px;
  padding: 0;
}
.nav .navactions .navlinks .navitem .dropstage .dropitems a.dropitem {
  position: static;
  width: 100%;
}

}

@media (max-width: 992px){
  .headingFloat{
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 600px){
  .awardsText{
    font-size: 16px;
    color: #000;
    padding: 10px 0px 0px;
  }
  .subsCard {
    width: 44%;
    min-height: 160px;
    padding: 10px;
  }
}

/* 17-06-2024 */

.storyWrapper{
  width: 100%;
  margin-top: 100px;
}
.storyWrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 70px;
}
.storyCard{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.storyImg{
  width: calc(50% - 50px);
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  background-color: #f1f1f1;
}
.storyImg img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.storyText{
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.storyText h3{
  font-size: 28px;
  font-weight: 400;
  text-wrap: balance;
  color: #000;
}
.storyText h4{
  font-size: 22px;
  font-weight: 400;
  text-wrap: balance;
  color: #00A8C3;
}
.storyText p{
  font-size: 16px;
  font-weight: 400;
  text-wrap: balance;
  color: #5D6A82;
}
.mb-50{
  margin-bottom: 50px;
}
.d-block{
  display: block;
  width: 100%;
}
.pt-30{
  padding-top: 30px;
}
.dBrochure a{
  display: inline-block;
}


@media (max-width:992px){
  .storyCardRcv{
    flex-direction: column-reverse;
  }
  .storyText{
    width: 100%;
  }
  .storyImg{
    width:100%;
  }
}
@media (min-width:1081px){
  .nav .navactions .navlinks .navitem > a{
  padding-left: 10px;
  padding-right: 10px;
}
}


/* 25-06-2024 */

.moreBtn{
  width: initial;
  background-color: transparent;
  border: 0;
  outline: transparent;
  font-size: 16px;
  color: rgba(0,0,0, .9);
  transition: all .2s ease-out;
  font-weight: 500;
  cursor: pointer;
}
.moreBtn:hover{
  color: #1856A1;
}
.orderInfoCardWrap{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.dtlfaqBody{
  width: 100%;
}

.accordion {
  max-width: 100%;
}
.accordion label {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
}
.accordion label > svg {
  height: 1.25rem;
  width: auto;
  border-radius: 0.5em;
  transition: all 100ms;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px;
  line-height: 100%;
}

.accordion .collapsable {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 150ms;
}
.accordion .collapsable > * {
  overflow: hidden;
}

.accordion input[name="collapse-checkbox"] {
  display: none;
}
.accordion input[name="collapse-checkbox"]:checked ~ .collapsable {
  grid-template-rows: 1fr;
}
.accordion input[name="collapse-checkbox"]:checked ~ label svg {
  transform: rotate(90deg);
}

.accordion span {
  margin-right: 10px;
  margin-bottom: 5px;
  color: #1856A1;
  transition: all .2s;
}
.accordion span:hover{
  opacity: .9;
}

.detlAccBody{
  width: 100%;
  padding-top: 10px;
}

.orderListCont{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.orderListRow{
  width: calc(50% - 5px);
  padding: 10px;
  border-radius: 5px;
  border: solid 1px #ccc;
  list-style: none;
}
.orderListRow img{
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.orderListRow span{
  font-size: 16px;
  color: #000;
  display: block;
}
.payInfo{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 5px;
}
.payInfo p{
  font-size: 20px;
  color: #000;
}
.addressInfoWrap{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
}
.addressInfoCard{
  width: calc(50% - 5px);
  padding: 10px;
  border-radius: 5px;
  background-color: #f1f1f1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
}
.addressInfoCard p{
  font-size: 18px;
  color: #000;
  line-height: 110%;
}
.addressInfoCard h6{
  font-size: 20px;
  color: #000;
  line-height: 110%;
}

@media (max-width:992px){
  .orderListRow{
    width: 100%;
  }
  .addressInfoCard{
    width: 100%;
  }
}
@media (max-width:600px){
  .ordercard{
    flex-direction: column;
  }
}


.newslettersSection{
  width: 100%;
  padding: 100px 20px;
  background-color: #FFF5F2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.newsletterWrap{
  width: 100%;
  max-width: 750px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 20px;
}
.newsletterWrap button{
  width: 120px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #1856A1;
  border: 0px;
  cursor: pointer;
  transition: all .2s;
}
.newsletterWrap button:hover{
  opacity: .9;
}
.newsletterWrap input{
  width: calc(100% - 120px);
  height: 55px;
  background-color: #fff;
  padding: 0 15px;
  border: solid 1px #92A6CC;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 17px;
  color: #000;
}
.newsletterWrap input:focus{
  outline: transparent;
}
.newsletterWrap input::placeholder{
  font-size: 16px;
  color: #92A6CC;
}
.newsCheck{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 16px;
  color: #5D6A82;
  font-weight: 600;
  transition: all .2s;
}
.newsCheck input{
  width: 20px;
  height: 20px;
}
.newsCheck span{
  font-size: 16px;
  color: #5D6A82;
  font-weight: 600;
  transition: all .2s;
}
.checkTermsWrap{
  width: 100%;
  max-width: 750px;
}



/* 25-06-2024 */

/*checkout*/
/* checkout */

.mall-quick-checkout{
  width: 100%;
}
.cardAddSection{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
.cardAddCardWrap{
  width: calc(50% - 10px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.cAddCardIndv{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.cButtonHolderWrap{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.mall-address-selector.mall-address-selector--billing{
  width: 100%;
}
.mall-address-selector.mall-address-selector--shipping{
  width: 100%;
}
.changeAddWrap{
  padding: 12px 16px;
  border-radius: 10px;
  background-color: #dee3e9;
  display: flex;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-direction: column;
}
.mall-form-actions{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.changeDropWrap{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.btnBgDark{
  background-color: #1856A1 !important;
  transition: all .2s;
  color: #fff !important;
}
.btnBgDark:hover{
  opacity: .8;
}
.shipAddCont{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 30px;
}
.shipAddWrap{
  width: calc(50% - 10px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.shipCardInCont{
  padding: 12px 16px;
  border-radius: 10px;
  background-color: #FFFFFF;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  flex-direction: column;
  gap: 10px;
}
.shipCardInCont .cartsummary{
  width: 100%;
  border-bottom: solid 1px #ddd;
  max-width: 100%;
  min-width: 100%;
}
.shipingCardList{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.shipingCardListBox{
  width: 100%;
}
.shipingCardListBox a{
  justify-content: flex-start;
}
.paymentCardBtn{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.payCardBbutton img {
    filter: none !important;
    opacity: 1 !important;
    width: initial;
    height: 40px;
}
.placeOrderBtnWrap{
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 15px;
}
.placeOrderBtnWrap .mall-checkbox{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.placeOrderBtnWrap .mall-checkbox input{
  margin-top: 4px;
}
.button.buttonprimary[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  cursor: none;
}
.cartPageDesignFix{
  gap: 20px;
}
.mall-overlay{
    z-index: 99999 !important;
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -12px;
}
.mall-overlay svg{
  width:24px;
  height:24px;
}
.listGap{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.mall-cart.mailCartDefault{
  padding: 50px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  background-color: #fff;
  border-radius: 15px;
}
/* .mall-cart.cartPageDesignFix{
  padding: 50px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  background-color: #fff;
  border-radius: 15px;
} */
.mall-cart__empty{
  font-size: 22px;
  color: #000;
  font-weight: 600;
  line-height: 120%;
}

@media (max-width:768px){
  .cardAddSection{
    flex-direction: column;
  }
  .shipAddCont{
    flex-direction: column;
  }
  .cardAddCardWrap{
    width: 100%;
  }
  .shipAddWrap{
    width: 100%;
  }
  .cartPageDesignFix{
    flex-direction: column;
  }
}

.rightStickyWrap{
  width: initial;
}
.rightStickyWrap a{
  color: #FFFFFF;
    background-color: #1856A1;
    font-size: 20px;
    width: 100%;
    text-align: center;
    line-height: 130%;
    cursor: pointer;
    padding: 10px 25px;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    transition: all .2s ease-in-out;
}
.rightStickyWrap a:hover{
  background-color: #295fa0;
}
.rightStickyWrap a img{
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.bottomCTAwrap{
  position: fixed;
  bottom: 0;
  right: 50px;
  width: initial;
  height: initial;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
}
@media (max-width:600px){
  .bottomCTAwrap{
    width: 100%;
    padding:0 20px;
    right: 0;
    overflow-x: auto;
    justify-content: flex-start;
    padding-top: 20px;
  }
  .assementCaller{
    white-space: nowrap;
  }
  .assementToolwrap{
    right: 0;
  }
  .assementToolwrap .assementItemsWrap .assementItems .assementItemName{
    white-space: nowrap;
  }
}

.sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderdelivery{position: relative;left:20px;}
.sectionaccount .accflex .accstage .ordercard .ordercardinfo .orderdelivery:before {
    position: absolute;
    left: -20px;
}
.select2-container .select2-selection--single{padding:12px 16px;height: initial !important;}

.productitemcard.productItem .productHoverInfo .dcContInfo:hover {
  background-color: #EFF0F5;
}



/* checkout */



/*# sourceMappingURL=styles.css.map upload*/

.teacherSection {
  .teacherWrapper {
    gap: 20px;
    .teacherRow {
      h4 {
        margin-bottom: 0px;
      }
      p {
      }
    }
  }
}
.priceTrms{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
}
.priceTrms h3{
  font-size: 18px;
  color: rgba(0,0,0,.5);
}
.priceTrms ul{
  padding-left: 10px;
}
.priceTrms ul li{
  list-style: none;
}
.whatsappbtn img{
  filter: none !important;
}
.courseButtonWrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap:15px;
  width: 100%;
}