@font-face {
    font-family: 'PT Sans';
    src: url('../font/PTSans-Regular.eot');
    src: url('../font/PTSans-Regular.eot') format('embedded-opentype'),
        url('../font/PTSans-Regular.woff2') format('woff2'),
        url('../font/PTSans-Regular.ttf') format('ttf'),
        url('../font/PTSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../font/PTSans-BoldItalic.eot');
    src: url('../font/PTSans-BoldItalic.eot') format('embedded-opentype'),
        url('../font/PTSans-BoldItalic.woff2') format('woff2'),
        url('../font/PTSans-BoldItalic.ttf') format('ttf'),
        url('../font/PTSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../font/PTSans-Italic.eot');
    src: url('../font/PTSans-Italic.eot') format('embedded-opentype'),
        url('../font/PTSans-Italic.woff2') format('woff2'),
        url('../font/PTSans-Italic.ttf') format('ttf'),
        url('../font/PTSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../font/PTSans-Bold.eot');
    src: url('../font/PTSans-Bold.eot') format('embedded-opentype'),
        url('../font/PTSans-Bold.woff2') format('woff2'),
        url('../font/PTSans-Bold.ttf') format('ttf'),
        url('../font/PTSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'PT Sans';
    color: #444;
}

body p {
    margin: 0 !important;
}


body a {
    color: #444;
}

body a:hover {
    color: #6c9d40;
}



::selection {
    color: white;
    background: #6c9d40;
}

body a {
    text-decoration: none;
}

/*------------navbar CSS----------------*/

        .navbarSection {
            padding: 10px 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 101;
            background: white  !important;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }



.cf7sr-g-recaptcha {
    margin-top: 10px;
}
        img.navbarLogo {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 0;
            margin: 0;
        }

        .navbarLogoDiv {
            max-width: 120px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
            margin: 0;
        }

        .navbarContainer {
            max-width: 1280px;
        }

        ul#menu-primary-menu {
            display: flex;
            justify-content: space-between;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            flex-direction: row;
            gap: 10px;
            text-wrap: nowrap;
        }

        .nav-item {
            font-size: 16px;
            text-transform: uppercase;
            text-wrap: nowrap;
            white-space: nowrap;
        }

        a.dropdown-toggle.nav-link {
            display: flex;
            justify-content: center;
            align-items: center;
        
            flex-direction: row;
            gap: 2px;
        }

        .current_page_item a {
            color: #6c9d40 !important;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 20px;
            padding-left: 20px;
        }

        .dropdown-menu[data-bs-popper] {
            top: 100%;
            left: 15px;
            margin-top: var(--bs-dropdown-spacer);
        }



        .navbar-nav .dropdown-menu {
            display: none;
        }

        /* Show dropdown on hover */
        .navbar-nav .dropdown:hover .dropdown-menu {
            display: block;
            top: 100%;
            left: 15px;
            margin-top: 0px;
        }


/* ----------footer CSS ----------*/
        .associationSlide {
            max-width: 200px;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            padding: 10px;
        }

        img.associateLogo {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        section.sectionAssociations {
            display: flex;
            justify-content: center;
            align-content: center;
            flex-direction: column;
            flex-wrap: wrap;
            align-items: center;
            padding: 40px;
        }

        section.sectionOffices, section.sectionBlogs {
            background-color: #F5F5F5;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            flex-wrap: wrap;
            padding: 60px 40px;
            gap: 60px;
        }

        .officeMainDiv {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            max-width: 1280px;
            width: 100%;
            justify-content: center;
            gap: 40px 20px;
        }

        .office_card {
            display: flex;
            background: white;
            padding: 20px;
            border-radius: 20px;
        }

        .locationIconDIv {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            flex-wrap: wrap;
            max-width: 40px;
            background: #6c9d40;
            padding: 10px;
            border-radius: 100px;
        }

      
        .serviceInnerSectionContentBody h3 {
            color: #6c9d40;
        }

        .wpcf7-response-output {
            margin: 0 !important;
            padding: 0;
        }

        .locationIconDIv img {
            width: 100%;
            height: 100%;
        }

        .office_card {
            display: flex;
            background: white;
            padding: 20px;
            border-radius: 20px;
            flex-direction: column;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
        }

        .cardTopDiv {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            align-content: center;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 20px;
        }

        p.locationHeading {
            padding: 0;
            margin: 0;
            font-size: 22px;
            font-weight: 500;
            text-transform: uppercase;
        }

        .viewMapDiv {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-end;
            align-items: center;
            gap: 5px;
        }

        img.searchIcon {
            height: 20px;
        }

        p.viewOnMap {
            margin: 0;
        }


        .locationDetailMainDiv p {
            margin: 0;
        }

        .locationDetailMainDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            gap: 10px;
            width: 100%;
        }

        .locationDetailMainDiv a {
            color: #444;
            text-decoration: none;
        }

        .callLocationDiv {
            display: flex;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
            flex-direction: row;
            gap: 5px;
        }

        .callLocationDiv img {
            max-width: 15px;
        }

        .cardBottomDiv {
            display: flex;
            gap: 20px;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        p.locationAddress {
            min-height: 100px;
        }

        .office_card a:hover {
            color: #6c9d40;
        }

        .cardBottomDiv img {
            width: 14px;
            height: 14px;
        }

        .cardBottomDiv a {
            font-size: 14px;
        }

        section.sectionFooterBottom {
            background: #444;
            color: white;
            font-size: 16px;
            padding: 80px 40px 20px;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            flex-wrap: wrap;
            gap: 20px;
        }

        .footerUpperDivMain {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            max-width: 1280px;
            width: 100%;
            justify-content: space-between;
            align-items: flex-start;
            align-content: flex-start;
            gap: 40px;
            margin-bottom: 50px;
        }

        .footerIntroDiv {
            display: flex;
            flex-direction: column;
            max-width: 250px;
            align-items: flex-start;
            align-content: flex-start;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

        .footerIntroDiv img {
            width: 100%;
            max-width: 200px;
        }

        .footerIntroDiv p {
            font-size: 14px;
            letter-spacing: 1px;
        }

        footer p {
            margin: 0;
        }

        .footerMiddleDivMain {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 60px;
        }

        .footerMenuMain {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 5px;
            color: white;
        }

        p.footerMenuHeading {
            font-size: 18px;
            font-weight: 500;
            text-transform: uppercase;
        }

        .footerMenuMain a {
            color: white;
            text-decoration: none;
            margin-top: 5px;
            text-transform: capitalize;
        }

        .footerSubscribeDivMain .footerIntroText {
            font-size: 14px;
        }

        .footerSubscribeDivMain {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 5px;
            max-width: 250px;
        }

        input#newsletteremail {
            width: 100%;
            height: 52px;
            padding: 5px 12px;
            border-radius: 5px;
            outline: none;
            border: none;
        }

        input.wpcf7-form-control.wpcf7-submit.has-spinner {
            margin-top: 10px;
            width: 100%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            text-transform: uppercase;
            color: white;
            background: #6e9d48;
        }

        section.sectionFooterBottom a:hover {
            color: #6e9d48;
        }

        .footerLine {
            height: 1px;
            background: white;
            width: 100%;
            max-width: 1280px;
        }

        .footerLowerDivMain {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            gap: 5px;
            font-size: 14px;
        }

        .footerLowerDivMain a {
            color: #6e9d48;
            text-decoration: none;
        }
        section.sectionAssociations {
            display: none;
        }

        .footerIntroDiv {
            display: none;
        }

        .footerAssocaitionsDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
            max-width: 300px;
        }

        .associationsDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 10px;
            width: 100%;
        }

        img.associationImg {
            width: 100%;
        }

        .headingDiv {
            display: flex;
            justify-content: center;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: center;
            align-items: center;
            max-width: 900px;
            text-align: center;
        }

        h4.heading4 {
            font-size: 42px;
            font-weight: 500;
            margin: 5px;
            text-transform: capitalize;
            margin: 0;
            text-align: center;
        }

        h4.heading4.services {
            text-align: left;
        }
        p.subHeadingText {
            font-size: 16px;
        }

        section.sectionParagraph.greyBG {
            background: #f5f5f5;
        }

        section.sectionServices {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            padding: 80px 40px;
        }
    
        .mainContainer {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            gap: 40px;
            max-width: 1280px;
            width: 100%;
        }

        .servicesMainDiv {
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            flex-wrap: nowrap;
            flex-direction: row;
            gap: 30px;
            width: 100%;
        }
  
        
        .servicesCardMain.innerCard {
            transition: box-shadow 0.3s ease;
        }
        

        section.sectionAbout {
            display: flex;
            justify-content: center;
            align-content: center;
            padding: 80px 40px;
        }


        .aboutInfoDiv {
            display: flex;
            justify-content: space-between;
            align-content: center;
            gap: 40px;
            width: 100%;
        }

        .infoRightDiv {
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: row;
            flex-wrap: nowrap;
            max-width: 48%;
            width: 100%;
            overflow: hidden;
            position: relative;
            border-radius: 15px;
            max-height: 400px;
        }

        .infoLeftDiv {
            display: flex;
            align-content: center;
            justify-content: center;
            flex-direction: column;
            max-width: 48%;
            width: 100%;
        }

        .videoThumbnail img {
            width: 100%;
            object-fit: cover;
        }


        .studentSuccessMap {
            display: flex;
            justify-content: center;
            align-content: center;
            max-width: 50%;
            width: 100%;
        }

        .studentSuccessMap img {
            width: 100%;
        }

        .videoThumbnail {
            display: flex;
            align-content: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            object-fit: cover;
            margin: 0;
            border-radius: 15px;
            overflow: hidden;
        }

        .servicesCardMain {
            width: 100%;
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            flex-direction: column;
            flex-wrap: wrap;
            font-size: 20px !important;
            min-height: 300px;
            padding: 0px;
            position: relative;
            
        }

        .servicesCardMain.innerCard {
            border-radius: 10px;
            overflow: hidden;
        }

        .card:hover {
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
            transition: box-shadow 0.3s ease;
        }

        img.bgImage {
            width: 100%;
            position: absolute;
            height: 100%;
            object-fit: cover;
            top: 0;
            bottom: 0;
            z-index: 2;
            margin: 0;
            border-radius: 10px !important;
        }
        
        .overlayDiv {
            position: absolute;
            z-index: 3;
            background: black;
            width: 100%;
            height: 100%;
            opacity: 35%;
            border-radius: 10px !important;
        }
        
        h3.servicesCardTitle {
            font-size: 32px;
            text-align: center;
            
            text-transform: capitalize;
            font-weight: 500;
            margin: 0;
            z-index: 4;
            color: white;
        }
        
        .servicesCardMain.innerCard:hover {
            box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.3);
        }
        
        .servicesCardMain.innerCard {
            padding: 20px;
        }


        section.sectionWhyFoundation {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-content: center;
            align-items: center;
            flex-wrap: nowrap;
            background: #F5F5F5;
            padding: 80px 40px;
        }

        .whyFoundationMainDiv {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            align-content: flex-start;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            row-gap: 40px;
        }

        .whyFoundationCard {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            gap: 20px;
            padding: 32px;
        }

        .whyFoundationCardTopDiv {
            width: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        .whyFoundationCardIconDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            max-width: 100px;
            max-height: 100px;
            width: 100;
            padding: 20px;
            background: #DAF2E6;
            border-radius: 100px;
        }

        img.whyFoundationCardIcon {
            width: 100%;
            height: 100%;
        }

        p.whyFoundationCardTopText {
            font-size: 20px;
            text-transform: uppercase;
        }

        .whyFoundationCard p {
            text-align: center;
        }

        section.sectionFoundationInNumbers {
            padding: 80px 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: flex-start;
            flex-direction: column;
            flex-wrap: nowrap;
        }


        .foundationInNumbers {
            width: 100%;
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: stretch;
            flex-direction: column;
            flex-wrap: nowrap;
            max-width: 1180px;
            border: 1px solid rgba(108,157,64,0.5);
            border-radius: 10px;    
            overflow: hidden;
        }

        ul#pills-tab {
            display: flex;
            justify-content: center;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
            gap: 1px;
            border-radius: 10px 10px 0 0;
            overflow: hidden;
            background: white;
        }

        li.tabLink {
            width: 100%;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            height: 52px;
        }

        .tabLink button {
            width: 100%;
        }

        .tabLink .nav-link {
            height: 100%;
            border-radius: 0;
            background: rgba(108,157,64,0.3);
            color: #444;
            text-transform: uppercase;
        }


        .tabLink .nav-link.active {
            color: white;
            background: #6c9d40;
        }


        div#pills-tabContent {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 20px;
        }

        .tabHome {
            width: 100%;
        }

        .foundationInNumberDivMain {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: flex-start;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 0px;
            text-align: center;
            row-gap: 30px;
        }

        .foundationNumberDiv.col-3 {
            flex: 0 0 auto;
            width: 25%;
        }


        .foundationNumberTopDiv {
            display: flex;
            justify-content: center;
            align-items: center;
            align-content: center;
            flex-direction: row;
            flex-wrap: nowrap;
            font-size: 42px;
            font-weight: 500;
            color: #6c9d40;
        }

        .foundationNumberDiv {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            flex-wrap: nowrap;
            padding: 10px;
        }



        /*---------------*/




        .blogCardMainDiv {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: center;
            
            width: 100%;
            gap: 20px;
        }

        span.tag.tag-teal {
            background-color: #6c9d40;
        }

        .BigBlogCard {
            width: 100%;
            height: 100%;
            background: white;
            max-width: 40%;
        }

        .BigBlogCard {
            width: 100%;
            height: 100%;
            background: white;
            max-width: 40%;
            display: flex;
            flex-direction: column;
            align-content: flex-start;
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: nowrap;
            cursor: pointer;
            color: #6c9d40 ;
        }

        .BigBlogCardImg {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            max-height: 400px;
            width: 100%;
        }

        .BigBlogCard:hover {
            box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
        }

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

        .blogCardText {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            flex-wrap: nowrap;
            padding: 20px;
        }
 
        .BigBlogCard.smallBlogCard {
            max-height: 100px;
            flex-direction: row;
        }

        .BigBlogCard.smallBlogCard .BigBlogCardImg {
            height: 100%;
            width: 30%;
        }

        .BigBlogCard {
            border-radius: 10px;
            overflow: hidden;
        }

        section.sectionContact {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            padding: 80px 40px;
            gap: 60px;
        }

        input#contactformname, input#contactformemail, input#contactformphone, textarea#contactformmessage, .contactformname, .contactformemail, .contactformphone, .contactformmessage {
            width: 100%;
            height: 52px;
            padding: 5px 12px;
            border-radius: 5px;
            outline: none;
            border: none;
            background: #F5F5F5;
            margin-bottom: 10px;

        }


        textarea#contactformmessage, .contactformmessage {
            height: 150px;
            resize: none;         
        }




      .hero-container{
        display: flex;
        align-items:center;
      } 

      .banner{
        width:100%;
        height: 100%;
        text-align:center;
        display:flex;
        justify-content:center;
        align-items:center;
        position: relative;
      }
      .banner-img{
      width:100%;
      height: 400px;
      object-fit: cover;


      }
      .slide-heading{
        position: absolute;
        z-index: 2;
        font-family: 'PT Sans';
        font-size:48px;
        line-height:60px;
        max-width:700px;
        color:white;
        font-weight:700;
      }

      .overlay{
        width:100%;
        height:100%;
        position: absolute;
        z-index: 1;
        opacity: 0.5;
        background:black;
      }

      .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
          bottom: 25px;
      }

      span.swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: white;
      }

      .swiper-button-prev ,.swiper-button-next  {
          color: white;
      }

      .swiper-button-next:after ,.swiper-button-prev:after{
        font-size:40px;
      }

      /* about-sec */

      .sec-about{
        padding:80px 40px;
        display: flex;
        flex-direction:column;
        gap:40px;
      }

      .title-header{
        display: flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin-bottom: 40px;
      }

      .title{
        font-size:40px;
        font-weight:700;
        line-height:56px;
        color:rgb(68, 68, 68);
        font-family: 'PT Sans';
      }

      .underline {
        max-width: 100px;
        height: 2px;
        background: green;
        margin-bottom: 10px;
        width: 100%;
        margin-top: 5px;
    }

      .about-container{
      display: flex;
      justify-content: space-between;
      align-items:center;

      }




      .about-leftside{
        width:50%;
      }
      .about-leftside p{
        color:rgb(68, 68, 68);
        font-size:16px;
        line-height:26px;
        font-weight:400;
        font-family: 'PT Sans';
      }
      .about-rightside{
      
        width: 45%;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
      }


      .video-img img{
        width: 100%;
          height: 100%;
          object-fit: contain;
          border-radius:12px;
      }


      .video-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 80px;
        width: 80px;
        height: 80px;
        background: #ffffffba;
        position: absolute;
        top: 50%;
        bottom: 50%;
        margin: auto;
    }

      .video-logo img{
        width:40px;
        height:40px;
      }

      .center-container{
        max-width:1280px;
      }


      .modal-dialog {
        max-width: 800px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          margin: auto;
      }

      .modal-content {
        /* height: 80vh; */
        border: none;
        border-radius: 0;
        padding: 20px;
      }

      .modal-body {
        width: 100%;
        height: 100%;

      }

      .modal-body iframe {
        width: 100%;
        height: 430px;
        border: none;
      }

      .modal-header{
          border: none;
          padding-bottom:0px;
      }



      /* student-suceess-sec */

      .student-success{
        padding:60px 40px;
        background:#F5F5F5;
      }

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


      .counter-leftside{
        width: 50%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around;
          align-items: flex-start;
          /* row-gap: 40px; */
      }


      .counter-map-right{
        width:50%;
      }


      .counter-box{
        display: flex;
        flex-direction:column;
        width: 45%;
        padding:16px;
          align-items: center;
          text-align: center;
      }

      .counter-map-right img{
        width:100%;
        height:100%;
        object-fit: contain;

      }

      .counter-num{
        color:#6c9d40;
        font-size:45px;
        font-family: 'PT Sans';
        font-weight:400;

      }
      .counter-content{
        font-size:16px;
        line-height:26px;
        font-family: 'PT Sans';
        font-weight:400;
        color:rgb(68, 68, 68);
      }

      .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: 'next';
        color: white;
    }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: 'prev';
        color: white;
    }

    form.wpcf7-form.init {
        max-width: 400px;
        width: 100%;
    }

    input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.wpcf7-not-valid.newsletteremail {
        width: 100%;
        height: 52px;
        padding: 5px 12px;
        border-radius: 5px;
        outline: none;
        border: none;
    }

    .screen-reader-response {
        display: none;
    }

    div#wpcf7-f86-o2 {
        margin-top: 10px;
    }

    .center-container {
        max-width: 1280px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 60px;
    }


    section.sectionBanner {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 40px;
        height: 350px;
        position: relative;
        overflow: hidden;
    }

    .overlayBanner {
        background: rgba(0, 0, 0, 0.9);
        opacity: 25%;
        z-index: 11;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    img.bannerImage {
        position: absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    h1.bannerHeading {
        color: white;
        position: absolute;
        z-index: 12;
        font-size: 48px;
        font-weight: 500;
        text-align: center;
    }
     
    section.sectionNumbers {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 0px 40px 0;
        overflow: hidden;
    }

    img.sectionNumbersbgImage {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .sectionNumbersMainContainer {
        z-index: 2;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 40px;
        height: 100%;
    }

    .sectionNumbersDivLeft {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 40%;
        height: 100%;
        align-self: flex-end;
    }

    img.girlsImage {
        width: 100%;
        height: 100%;
    }

    .statsMainDiv {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
    }

   

    .counter-box.teamPage {
        width: 30%;
    }


    .sectionNumbersDivRight {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 40px;
        /* padding: 60px 0; */
    }

    section.sectionParagraph {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 80px 40px;
        text-align: center;
        font-size: 18px;
    }

    .sectionParagraphDiv {
        max-width: 1280px;
    }


    section.sectionTeamMembers1 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding: 60px 40px;
        background: #f5f5f5;
        gap: 60px;
        position: relative;
    }

    section.sectionTeamMembers1.whiteBGSection {
        background: white;
    }

    .TeamMembersMainDiv {
        max-width: 1280px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        gap: 40px;
        position: relative;
        z-index: 10;
        scroll-margin-top: 260px;
        margin-top: -40px;
    }

    p.whyFoundationCardTopText {
        text-transform: capitalize;
    }

    img.openNewTab {
        position: absolute;
        z-index: 4;
        max-width: 30px;
        top: 20px;
        right: 20px;
        display: none;
    }

    .teamMemberCardMain {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        background: white;
        border-radius: 10px;
        overflow: hidden;
    }

    img.teamMeberImg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 10% 10%;
    }

    .cardImageDiv {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        overflow: hidden;
        max-height: 300px;
        align-items: flex-start;
        height: 100%;
    }

    .cardtextDiv {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        padding: 32px;
    }

    .nameDivMain {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0px;
    }

    p.cardName {
        font-size: 32px;
        color: #6c9d40;
        font-weight: 500;
    }

    p.cardRole {
        opacity: 50%;
        font-size: 16px;
    }

    p.cardIntro {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 72px;
    }

    a.modal-btn {
        align-self: flex-end;
        outline: none;
    }

    .registerDiv {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        gap: 20px;
        width: 100%;
        margin-top: 20px;
    }

    section.sectionTeamMembers1.whiteBGSection {
        background: white;
    }
    .sectionTeamMembers1.whiteBGSection .teamMemberCardMain {
        background: #f5f5f5;
    }

    .teamMemberCardMain.col-3:hover {
        box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
    }

    div#myModalpageload {
        z-index: 999999999999;
    }

    .card.col-4 {
        width: 30%;
    }
    a.contactLink.nonclickable:hover {
        color: #444;
    }

    a.primaryButton.insideCard {
        width: auto;
        min-width: auto;
        margin-top: 20px;
    }

    /* .card-body.events {
        min-height: 300px;
    } */

    .dateAndTime {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .storyImageDiv.blogImgDiv {
        max-height: 300px;
    }

    .successStoryMainCard.blogPage {
        align-items: center;
    }

    .card.col-4.videoDIv {
        width: 40%;
    }

    .storyImageDiv.blogImgDiv img {
        object-fit: cover;
    }
        .card {
        margin: 0px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        cursor: pointer;
        }
        .card-header img {
        width: 100%;
        height: auto;
        object-fit: contain;
        max-height: 210px;
        }
        
        
    
        .card-header {
            padding: 0;
            border: none;
        }
    
        .card-body h4 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin: 0;
        }
    
        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            padding: 20px;
            gap: 10px;
        }
    

        .eventsDetails {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 10px;
        }


        .tag {
        background: #cccccc;
        border-radius: 50px;
        font-size: 12px;
        margin: 0;
        color: #fff;
        padding: 2px 10px;
        text-transform: uppercase;
        cursor: pointer;
        }
        .tag-teal {
        background-color: #47bcd4;
        }
        .tag-purple {
        background-color: #5e76bf;
        }
        .tag-pink {
        background-color: #cd5b9f;
        }
    
        .card-body p {
        font-size: 13px;
        margin: 0 0 40px;
        }
        .user {
        display: flex;
        margin-top: auto;
        }
    
        .user img {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        margin-right: 10px;
        }
        .user-info h5 {
        margin: 0;
        }
        .user-info small {
        color: #545d7a;
        }
    
        a.primaryButton {
            background: #6c9d40;
            color: white;
            height: auto;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            font-weight: 500;
            text-transform: uppercase;
            min-width: 200px;
            padding: 10px 20px;
            border-radius: 5px;
        }


        .statNumberDiv {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }

        img.statIcon {
            max-width: 35px;
        }

    

        .teamMemberCardMain.col-3 {
            flex: 0 0 auto;
            width: 100%;
            max-width: 350px;
        
        }


        section.sectionStickyLinks {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 40px;
        }
    
        .stickyLinksMain {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            gap: 2px;
            max-width: 900px;
            width: 100%;
            position: sticky;
            top: 100px;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
            z-index: 100;
            background: #f5f5f5;
        }
    
        .teamCategoryBox {
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            flex-wrap: wrap;
            padding: 5px 20px;
            width: 100%;
            height: 60px;
            background: white;
            text-transform: uppercase;
        }
    
        section.sectionStickyLinks {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            padding: 40px;
            background: #f5f5f5;
        }
    
        a.teamCategoryBox.activeSection {
            background: #6c9d40;
            color: white;
        }
    
        section.sectionApproach {
            display: flex;
            flex-direction: column;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: nowrap;
        }
    
    
        .approachMainDiv {
            display: flex;
            width: 100%;
            align-content: center;
            justify-content: center;
            align-items: center;
            padding: 60px 40px;
        }
    
    
        .approachMainInner {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            max-width: 1280px;
            width: 100%;
            gap: 60px;
        }
    
    
        .approachLeftDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
        }
    
    
        .approachLeftDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
            max-width: 60%;
            width: 100%;
        }
    
    
        .approachRightDiv {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            max-width: 300px;
            border-radius: 10px;
            overflow: hidden;
            max-height: 300px;
            height: 100%;
        }
    
    
        .approachRightDiv img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    
        p.approachTextHeading {
            font-size: 32px;
        }
    
    
        .approachTextDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
        }
    
    
        p.approachTextContent {
            font-size: 18px;
        }
    
    
        .approachMainDiv:nth-child(odd) {
            background-color: #F6F9F4; /* light grey */
        }
    
        .approachMainDiv:nth-child(even) {
            background-color: white; /* light grey */
        }
    


            .mainContainer.contactSection {
        flex-direction: row;
        gap: 60px;
        align-items: flex-start;
        }


    .contactRightDiv {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-start;
        align-items: stretch;
        gap: 40px;
    }

    div#wpcf7-f142-o1 {
        display: flex;
        justify-content: center;
    }


    .contactLeftDiv {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        gap: 40px;
        max-width: 60%;
        width: 100%;
        gap: 60px;
    }

    /* .contactDetailsMain {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: space-between;
        align-items: flex-start;
        gap: 25px;
    } */


    .contactDetailsMain {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: flex-start;
        gap: 25px;
        max-height: 330px;
    }


    .contactDiv {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        max-width: 40%;
        width: 100%;
    }



    .contactIconDiv {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        background: #6e9d48;
        max-width: 30px;
        max-height: 30px;
        border-radius: 100px;
        padding: 7px;
        width: 30px;
        height: 30px;
        min-width: 30px;
    }


        img.contactIcon {
        width: 100%;
        height: 100%;
        /* padding: 5px; */
    }

    .mainContainer.contactSection {
        max-width: 1180px;
        justify-content: space-between;
    }
    
    section.sectionReview {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        background: #f5f5f5;
        padding: 80px 40px;
    }

    div#swiperreview {
        display: flex;
        max-width: 100%;
    }

    .swiper-slide.reviewSlide {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .reviewMain {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        gap: 40px;
        max-width: 800px;
        cursor: grab;
    }

    .reviewBodyDiv {
        display: flex;
        align-content: center;
        justify-content: center;
        background: white;
        border-radius: 15px;
        padding: 40px;
        font-size: 16px;
        position: relative;
    }

    .reviewByMainDiv {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        padding-left: 55px;
    }

    .reviewByImgDiv {
        display: flex;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        width: 75px;
        height: 75px;
        padding: 10px;
        background: white;
        border-radius: 100px;
        overflow: hidden;
    }


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

    .reviewByName {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }


    p.reviewName {
        font-size: 18px;
        font-weight: 600;
        color: #6c9d40;
        line-height: 1.2;
    }

    p.reviewRole {
        opacity: 70%;
    }



    .triangleDown {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid white;
        position: absolute;
        bottom: -20px;
        left: 70px;
    }


    .swiper-button-next {
        top: 130px !important;
    }


    .swiper-button-prev {
        top: 130px  !important;
    }

    .swiper-button-next, .swiper-button-prev {
        background: rgba(0, 0, 0, 0.2);
        padding: 32px;
        border-radius: 100px;
        opacity: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 28px  !important;
    }


    section.sectionServicesMain {
        display: flex;
        justify-content: center;
        align-content: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        background: #f5f5f5;
        padding: 80px 40px 20px;
    }

    .serviceMain {
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
        position: relative;
        width: 100%;
        gap: 40px;
    }

    .scrollableDivMain {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        gap: 40px;
    }

    .serviceInnerSection {
        display: flex;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
        background: white;
        width: 100%;
        padding: 40px;
        gap: 30px;
        scroll-margin-top: 100px;
    }

    .stickyDivMain {
        position: sticky;
        top: 100px;
        left: 0;
        max-width: 300px;
        width: 100%;
    }

    .stickyLinksMain.columnFlex {
        flex-direction: column;
    }
    
    .serviceInnerSectionImageDiv {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    img.serviceInnerSectionImg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .cardIntro {
        max-height: 72px;
    }


    .serviceInnerCardMain {
        display: flex;
        justify-content: center;
        align-content: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        gap: 20px;
        max-width: 250px;
        width: 100%;
        text-align: center;
        height: max-content;
        border: 3px solid #f5f5f5;
        padding: 20px;
        border-radius: 10px;
        overflow: hidden;
    }


    .serviceCardImgDiv {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 100px;
    }

    img.serviceInnerImg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .serviceInnerSectionCardMainDIv {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        gap: 20px;
    }

    .serviceInnerSectionContentBody img {
        width: auto;
    }


    .containerCodeBlock, .columncodeblocktext {
        display: flex;
        flex-wrap: wrap;
    }

    .columncodeblocktext {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: stretch;
        gap: 0px 20px;
    }

    .text-area1{width: 300px;}



    .columncodeblocktext, .columncodeblockimg {
        flex: 1;
        padding: 10px;
        margin: auto;
        box-sizing: border-box;
    }

    .text-area1 p {
                margin-bottom: 5px;
            }  
            
            .text-area2 p {
                margin-bottom: 5px;
            } 

    .columncodeblockimg img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .text-area1, .text-area2 {
        max-width: 300px !important;
        min-width: 300px !important;
        padding: 10px 20px 15px;
        box-sizing: border-box;
        transition: background-color 0.3s, color 0.3s;
        margin: 0 auto 20px;
        border: 1px solid rgb(238, 238, 238, 0.5);
            }

            .text-area1 {
                background-color: rgba(110, 157, 72, 0.09);
                color: #444444;
            }

            .heading {
                font-size: 22px;
                margin-bottom: 10px;
                font-weight: bold;
            }
    .text-area1 p:last-child {
        margin-bottom: 0 !important;
    }
    .text-area2
    p:last-child {
        margin-bottom: 0 !important;
    }
        @media screen and (max-width: 991px) {
        .containerCodeBlock, columncodeblocktext {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            align-content: center;
            align-items: center;
        }

        .columncodeblocktext {
            width: 100%;
        }

        .text-area1, .text-area2 {
            max-width: none;}
        }

        .serviceInnerSectionContentBody b {
            color: #6e9d48;
        }

        a.contactLink {
            color: #444;
        }

        a.contactLink:hover {
            color: #6e9d48;
        }

        section.sectionServices.greyBG {
            background: #f5f5f5;
        }

        .cardIntro {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .modal-header.teamMemberModal {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            position: relative;
        }

        button.btn-close.teamMemberModal {
            position: absolute;
            right: 020px;
        }

        .modal-description {
            max-height: 300px;
            overflow: scroll;
            overflow-x: hidden;
        }
        .pointnDiv {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: flex-start;
            justify-content: flex-start;
            gap: 10px;
        }

        .bulletPoint {
            width: 34px !IMPORTANT;
            height: 5px !important;
            background: #6c9d40;
            border-radius: 100px;
            max-width: 5px;
            margin-top: 12px;
        }

        .hero-container .swiper-button-prev, .hero-container .swiper-button-next {
            z-index: 1000000000;
            top: 50% !important;
        }

        .modal-body {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 30px;
        }

        .pointsMainDiv {
            font-size: 20px;
        }

        .modal-header.teamMemberModal {
            padding: 20px;
        }

        section.sectionRegister {
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            padding: 80px 40px;
            scroll-margin-top: 160px;
        }


        section.sectionSuccessStories {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            padding: 80px 40px;
            gap: 30px;
            background: #f5f5f5;
        }
        .headingDiv.singlePage {
            display: flex;
            align-items: flex-start;
            align-content: flex-start;
        }

        .successStoryMainCard {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: space-between;
            align-items: flex-start;
            gap: 60px;
            max-width: 1280px;
            width: 100%;
            background: white;
            border-radius: 15px;
            padding: 40px;
        }

        .storyImageDiv {
            max-width: 40%;
            display: flex;
            align-content: center;
            justify-content: center;
            border-radius: 10px;
            overflow: hidden;
            max-height: 500px;
            width: 100%;
        }

        .storyImageDiv img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }

        .sectionParagraphDiv.singlePage {
            font-size: 18px;
            width: 100%;
        }

        .storyLeftDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 20px;
            max-width: 50%;
            width: 100%;
        }

        .storyCardText.listingPage {
            display: -webkit-box;
            -webkit-line-clamp: 15;
            -webkit-box-orient: vertical;
            overflow: hidden;
           
        }

        /* section.sectionReview {
            display: none !important;
        } */

        section.sectionParagraph.successStory {
            text-align: left;
        }

        .approachMainInner.storyPage {
            flex-wrap: nowrap;
            align-items: flex-start;
        }


        .storyLeftDiv.singleStoryPage {
            max-width: none;
        }

        .storyLeftDiv.singleStoryPage {
            font-size: 18px;
        }

        b, strong {
            font-weight: bolder;
            color: #6c9d40;
        }


        section.sectionRegister {
            
            background: #F6F9F4;
        }

        p.teamCategoryBoxText {
            text-align: center;
        }

        a.primaryButton:hover {
            color: white;
        }


        .mainContainer.horizontalDiv {
            flex-direction: row;
            justify-content: center;
        }

        section.sectionStats {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: center;
            padding:  40px;
            background: #f5f5f5;
        }

        .mainContainer.horizontalDiv {
            flex-direction: row;
            justify-content: center;
        }

        .centerDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: center;
            justify-content: center;
            align-items: stretch;
            /* padding: 32px; */
        }

        .sideDiv {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: center;
            justify-content: center;
        }
    

        .counter-box.fullWidth {
            width: 100%;
        }

        section.sectionSuccessStories.singlePage {
            padding: 40px;
        }

        .storyCardText.singlePage {
            font-size: 16px;
            width: 100%;
        }


        section.sectionListiing {
            display: flex;
            justify-content: center;
            align-content: center;
            align-items: center;
            background: #f5f5f5;
            padding: 80px 40px;
        }

        p.cardDescription {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }


        span.closePageLoad {
            position: absolute;
            right: 10px;
            top: 0;
        }
        .storyImageDiv.eventImgDiv img {
            object-fit: contain;
        }
        .successStoryMainCard.eventsBanner {
            align-items: unset;
        }

        .headingDiv.services {
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .modal-contentPageLoad {
            max-width: 700px;
            display: flex;
            justify-content: center;
            align-content: center;
            
            position: relative;
            gap: 30px;
        }

           /* styles.css */
    .modalPageLoad {
        display: none; 
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    .modal-contentPageLoad {
        background-color: #fefefe;
        margin: 15% auto;
        padding: 32px;
        border: 1px solid #888;
        border-radius: 10px;
    }

    .closePageLoad {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .closePageLoad:hover,
    .closePageLoad:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

    .modalImageDiv {
        max-width: 50%;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        min-width: 30%;
        
    }

    img.modalimg {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-height: 300px;
    }

    h4.heading4.services {
        font-size: 1.5rem;
    }

    .offerListMain {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin-top: 80px;
    }

    h3.heading4.services.results {
        text-align: center;
        margin: 0;
    }

    h4.heading4.services.results {
        text-align: center;
    }

    .headingDiv.services.results {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
    }

    .schoolListMain {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        gap: 5px;
    }

    p.schoolName {
        flex-grow: 1;
        width: 30%;
        text-align: center;
        max-width: 33%;
    }

    h2.heading4.services.results {
        font-size: 40px;
    }
    h4.heading4.services.results {
        font-weight: 600;
        color: #6e9d48;
    }

    .offerListMain.innerList {
        margin-top: 40px;
    }

    .foundationInNumbers {
        background: white;
    }

    section.sectionFoundationInNumbers.greyBG {
        background: #f5f5f5;
    }

    .headingDiv.extraWidth {
        max-width: 1180px;
    }


    section.sectionStatsGreen {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 80px 40px;
        background: #F3FBFB;
    }


    .sectionStatsGreenMainDiv {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        max-width: 1280px;
        gap: 40px;
    }

    .imageDivGreen {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 500px;
        border-radius: 20px;
        overflow: hidden;
    }

    section.sectionGallery {
        padding: 80px 40px 40px;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        gap: 30px;
    }

    .swiper-slide.teamGalleryItem {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        max-height: 350px;
        width: auto;
        
    }

    .teamgallery {
        max-width: 100%;
    }

    img.teamGalleryImage {
        height: 350px;
        width: auto;
        object-fit: contain;
    }


    .teamGalleryList {
        margin-bottom: 80px;
    }

    .teamgallerypagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #444;
    }

    .approachNewMainInner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        max-width: 1280;
    }

    .approachNewLeftDiv {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        max-width: 60%;
        width: 100%;
    }

    .approachRightDiv.approachNewRightDiv {
        height: 400px;
        max-height: 400px;
        max-width: 400px;
        width: 100%;
    }


    .approachMainDiv:nth-child(odd)  .approachNewLeftDiv {
        margin-right: -100px;
        z-index: 2;
        position: relative;
        background: white;
        padding: 40px;
    }


    .approachMainDiv:nth-child(even)  .approachNewLeftDiv {
        margin-left: -100px;
        z-index: 2;
        position: relative;
        background: #f5f5f5;
        padding: 40px;
    }





    .approachMainDiv:nth-child(even) .approachNewMainInner {
        flex-direction: row-reverse;
    }

    

    .approachMainDiv:nth-child(even) p.approachNumber {
        font-size: 72px;
        position: absolute;
        top: -90px;
        right: 10px;
        opacity: 30%;
    }

    .approachMainDiv:nth-child(odd) p.approachNumber {
        font-size: 72px;
        position: absolute;
        top: -90px;
        left: 10;
        opacity: 30%;
    }

    .socialIconsDiv {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }


    a.socialIconLink {
        display: flex;
        background: #6e9d48;
        border-radius: 100px;
        padding: 7px;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 30px;
        max-height: 30px;
    }

    img.socialIcon {
        height: 100%;
        width: 100%;
    }

    .approachNewLeftDiv {
        border-radius: 10px;
    }

    h3.phoneNumbers {
        margin: 0;
    }

    .contactDiv.margin-top-contact {
        margin-top: 55px;
    }

    a.contactLink {
        text-wrap: nowrap;
    }

    a.dropdown-toggle.nav-link {
        cursor: pointer;
    }

    .teamMemberLogo {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 60px;
        /* height: auto; */
    }

    img.teamMemberLogoImg {
        width: auto;
        height: 100%;
        object-fit: contain;
    }

    img.teamMemberCertificateLogoImg {
        width: auto;
        height: 100%;
        object-fit: contain;
        max-height: 60px;
    }

    .teamMemberCertificateLogo {
        display: flex;
        max-height: 60px;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        height: auto;
    }

    a.backButton {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        color: #6c9d40;
    }

    img.backIcon {
        WIDTH: 25px;
    }

    p.backButtonText {
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 600;
    }

    a.backButton {
        align-self: flex-start;
    }

    .serviceInnerSectionContentBody > p {
        margin: auto;
    }
    
    img.aligncenter {
        margin: 0 20%;
    }
    
    .card.col-4 {
        border: none;
    }

    .modal-contentPageLoad {
        border: none;
}

img.banner-img.autoHeightImg {
    height: auto;
}

a.primaryButton.insideCard {
    text-wrap: nowrap !important;
}

p.timetext {
    text-align: right;
    text-wrap: nowrap;
}

a.primaryButton.marginTopButton {
    margin-top: 40px;
}

.dNoneMobile {
    top: 50% !IMPORTANT;
}

div#cf7sr-677792ffa20ab {
    margin-top: 10px;
}