    
     .icons__row {
     display: flex;
     gap: 30px;
  
 }

p.unified-robotics-category {
    background: var(--Linear-Red, linear-gradient(229deg, #F8434C 11.63%, #BC1610 73.76%));
}

p.young-athletes-category {
    background: var(--Linear, linear-gradient(208deg, #008ACF -50.34%, #0064AE 65.46%));
}



a.nav-btn:hover, .donwload-btn:hover {
    background: #fff; /* White background on hover */
    color: #0164AE; /* Blue text color on hover */
}


     
     #gform_10.BG_Microsoft button, #gform_10.BG_Microsoft input[type=submit], #gform_10.BG_Microsoft input[type=button] {
         background-color: #F49830 !important;
		 font-weight: 500;
		 height:35px!important;
     }
     
     input#input_10_1 {
     border: 1px solid rgba(255, 255, 255, 0.15);
     background: rgba(255, 255, 255, 0.08);
     }
     
     .hero_button {
     display: flex;
     padding-top: 40px;
     gap: 20px;
 }
     
     a.button__light {
     display: flex;
     width: 229px;
     height: 62.79px;
     padding: 20.315px 121.887px;
     justify-content: center;
     align-items: center;
     gap: 9.234px;
 }
     
     a.button__dark {
     display: flex;
     width: 194px;
     height: 62px;
     padding: 20.315px 121.887px;
     justify-content: center;
     align-items: center;
     gap: 9.234px;
 }
     
     
     
     @media (min-width: 1000px) {
         
         .gform_footer.before {
     display: none !important;
 }
         
         img.img-fluid.children-img {
             max-width: 65%;
         }
         
         
         .box-element {
     width: 51%;
 }
         
         .image-content {
     width: 60%;
 }
         
         .slide {
     min-height: 600px;
 }
         .mobile {
         display: none;
     }
         .right-part > img {
     position: relative;
     bottom: -14em;
 }
         section.contact-section {
     border: 0.85px solid rgba(255, 255, 255, 0.25);
     box-shadow: -17.843px 17.843px 45.286px 0px rgba(0, 0, 0, 0.25);
 }
     }
     
 .logo.logo__flex__hero {
     
     display: flex;
     align-items: center;
     gap: 10px;
     
 }
     h1.section-title2 {
    color: #FFF;
    font-family: Ubuntu;
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: 113px;
    letter-spacing: -2.286px;
        margin-bottom: 36px;
  
     }
     

     
     p.champ-para {
    color: #535353;
    font-family: Ubuntu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37.333px;
    max-width: 686px;
     }
     

     
     .button__light {
         
 
 padding: 20.315px 80px;
         border-radius: 4.617px;
 background: #FFF;
         color: #201627 !important;
 font-family: Ubuntu;
 font-size: 22.518px !important;
 font-style: normal;
 font-weight: 700;
 line-height: 32.754px; /* 145.455% */
 letter-spacing: 2.252px;
 text-transform: uppercase;
     }
     
     .button__dark {
 
 
 padding: 20.315px 80px;
         border-radius: 4.617px;
 border: 2px solid #FFF;
         color: #FFF !important;
 
 font-family: Ubuntu;
 font-size: 22.518px;
 font-style: normal;
 font-weight: 700;
 line-height: 32.754px; /* 145.455% */
 letter-spacing: 2.252px;
 text-transform: uppercase;
     }
     
     .hero_button {
     /* display: flex; */
     padding-top: 40px;
 }
     
     /*third-section*/
 .container-fluid.animation {
     padding: 0px 50px;
 }
 
 .approach-section {
     text-align: center;
     padding: 0px 30px 45px;
 }
 
 
 .approach-section h1 {
     font-size: 2.5rem;
     font-weight: bold;
     margin-bottom: 20px;
 }
 
 .approach-section p {
     font-size: 1.2rem;
     margin-bottom: 40px;
     color: #535353;
     font-family: "Ubuntu";
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
 }
 
     section.container-fluid.map_containee {
     justify-content: center;
 }
 
 .approach-content {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     gap: 20px;
 }
 
 .element-text {
     margin-top: -150px;
     padding-bottom: 80px;
 }
 
     .map {
     width: 50%;
 }
 
 
 .approach-item {
     flex: 1 1 30%;
     max-width: 30%;
     text-align: center;
     background-color: #fff;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
 .approach-item h3 {
     font-size: 1.5rem;
     margin: 20px 0;
     color: #ff7f50;
     /* Change the color to match your design */
 }
 
 .approach-item p {
     font-size: 1rem;
 }
 
 .approach-image {
     width: 100%;
     height: auto;
     margin-bottom: 20px;
 }
 
 .approach-item1 {
     flex: 0 0 20%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding-bottom: 200px;
 }
 
 .approach-item2 {
 
     position: relative;
 }
 
 
 .approach-item3 {
     flex: 0 0 20%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     gap: 270px;
     padding-bottom: 50px;
 }
 
 h2.apparoach {
    color: #0164AE;
    text-align: center;
    font-family: Ubuntu;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 68.38px;
    letter-spacing: -1.632px;
    padding-bottom: 30px;
    margin: auto;
 }
 
 p.lead {
    max-width: 1018px;
    color: #535353;
    font-family: Ubuntu;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 37.333px;
    text-align: center;
    margin: auto;
margin-bottom: 64px;
 }
 
 span.highlight.yellow {
     color: #F09227;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
 }
 
 span.highlight.orange {
     color: #EE5828;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
 }
 
 span.highlight.purple {
     color: #3B2549;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 24px;
 }
 
 .desc-heading {
     display: flex;
     flex-direction: column;
 }
 
 
 
 h3.inclusive-support {
	color: #BECC00;
    font-family: Ubuntu;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54.698px;
 }
 
 .text-content {
    margin-left: -210px;
    padding-top: 0px;
    margin-bottom: 150px;
 }
 
 
 h3.school-engag {
     color: #2592CB;
    font-family: Ubuntu;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54.698px;
 }
 
 h3.youth-leadership {
     color: #85CDDF;
    font-family: Ubuntu;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54.698px;
    margin-left: 125px;
    margin-bottom: -50px;
 }
     
     
 /* 3rd section	 */
     
     .container-fluid.animation {
     padding-top: 90px;
    background: linear-gradient(to bottom, transparent 90%, #F0EFF1 10%);
 }
     
     
     
 /* Map Section 	 */
     
     
 .container-fluid.map_containee {
     display: flex;
     flex-direction: row;
     padding: 100px 20px;
     background-image: url(https://beyondgolddev.wpengine.com/wp-content/uploads/2024/07/Frame-313.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom;
 
 }
 
 h2.map-head {
     font-family: "Ubuntu";
     font-size: 56px;
     font-style: normal;
     font-weight: 700;
     line-height: 63.9px;
     letter-spacing: -1.74px;
     background: var(--Gradient-Orange, linear-gradient(252deg, #EF6926 10.53%, #EE8725 26.21%, #FFA742 53.91%, #EE9025 73.85%, #EF7226 85.9%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     max-width: 50%;
     text-align: left;
     padding-bottom: 20px;
 }
 
 .content {
     display: flex;
     flex-direction: column;
     flex: 0 0 50%;
 }
 
 p.schools_para {
     color: #FFF;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 33px;
     letter-spacing: -0.4px;
     padding-bottom: 20px;
     max-width: 80%;
 }
 
 span.cities {
     color: #FCA22D;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 33px;
     letter-spacing: -0.4px;
 }
 /* Stats Section	 */
     .container.stats {
 /*     background-image: url(https://beyondgolddev.wpengine.com/wp-content/uploads/2024/07/Frame-446-1.png); */
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
 }
     
     .stats__section {
     background: #F0EFF1;
 }
 
 .cards {
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
 }
 
 .card {
     padding: 20px;
     width: 300px;
     text-align: center;
 }
 
 .card-header {
     color: #000;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 34px;
     font-style: normal;
     font-weight: 500;
     line-height: 87.24px;
     letter-spacing: -0.68px;
     border: 1px solid #DEC7B2;
     background: rgba(235, 143, 40, 0.15);
     display: flex;
     height: 69px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     align-self: stretch;
     border: none;
     padding-bottom: 0px;
     margin-bottom: 30px;
 }
 
 .card-body {
     font-size: 2rem;
     color: #ff6600;
     font-weight: bold;
 }
 
 .card-body .label {
     display: block;
     font-size: 1rem;
     color: #333;
     margin-top: 10px;
     color: #000;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 44px;
     font-style: normal;
     font-weight: 500;
     line-height: 87.24px;
     letter-spacing: -0.88px;
 }
 
 .container.stats {
     padding: 100px 50px;
 }
 
 h2.stats-heading {
     color: #201627;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 56px;
     font-style: normal;
     font-weight: 700;
     line-height: 87.24px;
     letter-spacing: -1.12px;
 }
 
 .doing {
     color: #201627;
     font-family: "Ubuntu";
     font-size: 56px;
     font-style: italic;
     font-weight: 700;
     line-height: 87.24px;
     letter-spacing: -1.12px;
 }
 
 span.number {
     text-align: center;
     font-family: "Ubuntu";
     font-size: 155px;
     font-style: normal;
     font-weight: 700;
     line-height: 143.104px;
     letter-spacing: -3.1px;
     background: var(--Gold, linear-gradient(249deg, #EF6926 26.54%, #EE8725 40.19%, #FCBE79 64.32%, #EE9025 81.68%, #EF7226 92.17%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     padding-top: 30px;
 }
     
     
     .container_cards {
     padding: 0px 100px;
 }
 
 .resources {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     justify-content: center;
     display: flex;
     gap: 10px;
 }
 
 .resource-card {
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     padding: 20px;
     text-align: left;
     position: relative;
     border-radius: 4.104px;
     background: #F0EFF1;
     margin-bottom: 20px;
     max-width: 400px;
 }
 
 .resource-card>a.card-btn {
     display: none;
 }
 
 .resource-card img {
     border-radius: 10px;
     margin-bottom: 10px;
 }
 
 .highlight p a {
     color: #ff6600;
     text-decoration: none;
 }
 
 .highlight p a:hover {
     text-decoration: underline;
 }
 
 
 
 h2.resource {
     color: #201627;
     font-family: "Ubuntu";
     font-size: 68px;
     font-style: italic;
     font-weight: 700;
     line-height: 78.509px;
     letter-spacing: -1.36px;
     padding-left: 20px;
	display: none;
 }
 
 
 
 img.img-fluid.right-arrow {
     max-width: 30px;
     padding-top: 5px;
 }
 
 h5 {
     max-width: 70%;
     color: #201627;
     font-family: "Ubuntu";
     font-size: 28.798px;
     font-style: italic;
     font-weight: 700;
     line-height: 35.097px;
     letter-spacing: -0.576px;
 }
 
 /*description-section*/
 .description-section {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 100px 100px;
     background-color: #ffffff;
 }
 
 .description-text {
     color: #000;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 22px;
     font-style: italic;
     font-weight: 700;
     line-height: 42px;
     letter-spacing: -0.44px;
     max-width: 60%;
 }
 
 .description-link {
     font-weight: bold;
     color: #EE9725;
     font-family: "Ubuntu";
     font-size: 22px;
     font-style: italic;
     font-weight: 700;
     line-height: 42px;
     letter-spacing: -0.44px;
     text-decoration-line: underline !important;
 }
 
 
 
 
 
 /*contact-section*/
 form {
     position: relative;
 }
 
 .edit-field-button {
     position: absolute;
     top: 50%;
     left: 0px;
     right: 0px;
     transform: translateY(-50%);
     font-family: 'Chronicle Display', sans-serif;
     color: #63717B;
     border: none;
     padding: 4px 8px;
     border-radius: 4px;
     cursor: pointer;
     z-index: 2;
     font-size: 14px;
     line-height: 20px;
 }
 
 .contact-section {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 100px;
     background-image: url(/wp-content/uploads/2024/07/Frame-272-1-1-e1720558748359.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
 }
     
     .contact__section_background {
     max-width: 1420px;
 
     margin: auto;
             background: transparent;
     margin-bottom: -10em;
 }
 
 .contact-content {
     max-width: 600px;
     display: flex;
     margin-right: 20px;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     padding-left: 50px;
 }
 
 .contact-content h2 {
     background: var(--Gradient-Orange, linear-gradient(252deg, #EF6926 10.53%, #EE8725 26.21%, #FFA742 53.91%, #EE9025 73.85%, #EF7226 85.9%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 44px;
     font-style: normal;
     font-weight: 700;
     line-height: 35.685px;
     letter-spacing: -0.88px;
     padding-bottom: 20px;
 }
 
 .contact-content p {
     color: #DEDEDE;
     font-family: "Ubuntu";
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 25.675px;
     max-width: 80%;
     padding-bottom: 20px;
 }
 
 .email-input {
     display: flex;
     align-items: center;
 
 }
 
 .email-input input {
     padding: 10px;
     flex: 1;
     border: none;
     border-radius: 5px 0 0 5px;
     outline: none;
     padding-left: 40px;
 
 }
 
 .email-input button {
     padding: 10px 20px;
     border: none;
     background-color: #ff7f50;
     /* Orange color */
     color: white;
     cursor: pointer;
     border-radius: 0 5px 5px 0;
     font-size: 1rem;
 }
 
 .image-container {
     max-width: 600px;
     margin-left: 20px;
 }
 
 .image-container img {
     width: 900px;
     height: auto;
     border-radius: 10px;
     margin-top: -180px;
     margin-bottom: -110px;
     margin-left: 20px;
 }
 
 /*section-news*/
 .news-section {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 100px 20px;
     background-color: #ffffff;
     text-align: center;
 }
 
 
 img.logo {
     padding-bottom: 20px;
 }
 
 h1.news-title {
color: #0065AE;
text-align: center;
 font-family: "Ubuntu";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 97.2px; /* 151.875% */
letter-spacing: -1.28px;
padding-bottom: 32px;
 }
 
 p.subtitle {
    color: #000;
    text-align: center;
    font-family: "Ubuntu";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.2px;
    max-width: 1046.667px;
 }
 
 .container.news-box {
     max-width: 1470px;
     margin: 0 auto;
     padding: 0 15px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 
 .slider {
     padding: 50px 0px;
     background: #F0EFF1;
 }
 

     
     
     
     /*section-5*/
 img.img-fluid.children-img {
     max-width: 750px;
     min-height: 850px;
     margin-bottom: -52px;
 }
 
 
 
 .slide {
     display: flex;
     flex-direction: row;
 }
 
 .box-element {
     padding: 0px 80px;
 }
 
 h2.champians {
     color: #000;
     font-family: "Ubuntu";
     font-size: 32px;
     font-style: italic;
     font-weight: 700;
     line-height: 48px;
     letter-spacing: -0.64px;
 }
 
 span.impact {
     color: var(--Orange, #EE9725);
     font-family: "Ubuntu";
     font-size: 32px;
     font-style: italic;
     font-weight: 700;
     line-height: 48px;
     letter-spacing: -0.64px;
     vertical-align: baseline;
 }
 
 p.paragraph {
     color: #000;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 30px;
     letter-spacing: -0.4px;
 }
 
 h3.heading-content {
     color: #5F5757;
     font-family: "Ubuntu";
     font-size: 56px;
     font-style: normal;
     font-weight: 500;
     line-height: 73px;
     letter-spacing: -1.12px;
     padding-top: 20px;
     padding-bottom: 20px;
 }
 
 h1.social-heading {
     color: #000;
     font-family: "Ubuntu";
     font-size: 56px;
     font-style: normal;
     font-weight: 700;
     line-height: 73px;
     letter-spacing: -1.12px;
     padding-bottom: 20px;
 }
 
 .image-content {
     display: flex;
     justify-content: flex-end;
 }
 
 .buttons {
     display: flex;
     gap: 10px;
 }
     
     .container_cards {
     padding-top: 60px;
 }
     
     .news-section {
         padding-top: 0px;
     }
     

     
     a.description-link {
     vertical-align: baseline;
 }
     
     span.highlight.doing {
     vertical-align: baseline;
 }
     span.impact {
     vertical-align: bottom;
 }
     
     span.highlight.orange {
   
  
     vertical-align: bottom;
 }
     
     span.highlight.yellow {
   
     vertical-align: baseline;
 }
     
 /* 
  * 
  * 
  * Kids Section
  * 
  * 	 */
     
     
     .text__yellow {
         color: #F09227;;
 
 font-family: Ubuntu;
 font-size: 34px;
 font-style: normal;
 font-weight: 700;
 line-height: 41.023px; 
         text-align: left;
         padding-top: 30px;
     padding-bottom: 10px;
     }
     
     .text__red {
         color: #85CDDF;
 
 font-family: Ubuntu;
 font-size: 34px;
 font-style: normal;
 font-weight: 700;
 line-height: 41.023px; 
         text-align: left;
         padding-top: 30px;
     padding-bottom: 10px;
     }
     
         .text__purple {
         color: #2592CB;
 
 font-family: Ubuntu;
 font-size: 34px;
 font-style: normal;
 font-weight: 700;
 line-height: 41.023px; 
         text-align: left;
             padding-top: 30px;
     padding-bottom: 10px;
     }
     
     .kid__section_para {
         color: #535353;
 
 font-family: Ubuntu;
 font-size: 20px;
 font-style: normal;
 font-weight: 400;
 line-height: 28px; /* 140% */
         text-align: left;
     
     }
     
     
     .swiper-button-next, .swiper-button-prev {
     position: absolute;
     top: 97%;
     }
     
     .swiper-pagination-bullet {
         height: 15px;
         width: 15px;
     }
     
     .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
     content: "";
     background: url('/wp-content/uploads/2024/07/ph_arrow-up-bold-1.png') no-repeat center;
     width: 30px; /* Adjust the width to the size of your image */
     height: 30px; /* Adjust the height to the size of your image */
     display: block; /* Ensure the image is displayed */
 }
     
     .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "";
     background: url('/wp-content/uploads/2024/07/ph_arrow-up-bold.png') no-repeat center;
     width: 30px; /* Adjust the width to the size of your image */
     height: 30px; /* Adjust the height to the size of your image */
     display: block; /* Ensure the image is displayed */
 }
 
     .swiper-button-prev {
     left: 45%;
     transform: translateX(-150%);
 }
     
     .swiper-button-next, .swiper-button-prev {
  
     width: 52px;
     height: 50px;
     }
 
 /* Position the next button */
 .swiper-button-next {
     right: 45%;
     transform: translateX(150%);
 }
     
     
 /* 	
  * Resources section new
  *  */
     
     .card__new {
     background: #F0EFF1;
 /*     max-width: 300px; */
     position: relative;
 }
     
     .test__class {
     position: absolute;
     right: 0;
         bottom: 0;
 }
     
     .card__new {
     background: #F0EFF1;
     width: 400px;
     position: relative;
     /* height: auto; */
     height: 425px;
     padding: 25px;
         
 }
     
     .resources { 
     padding-bottom: 50px !important;
 }
     
     .card__new:hover {
     background: #3B2549;
     /* color: white; */
 }
     
     .card__new:hover > h5 {
         color: white;
     }
     
     h2.resource {
     max-width: 1264px !important;
     margin: auto;
     text-align: center;
     }
     
 /*
  * 
  * Responsive CSS
  * 
  * 
  * 
  * 
  * */
     

     
     
     @media (max-width: 599px) {
 /* 	Hero	 */
     p.champ-para {
     
 font-family: Ubuntu;
 font-size: 20px;
 font-style: normal;
 font-weight: 400;
 line-height: 30.219px; /* 151.095% */
     }
         
         .right-part > img {
     position: relative;
     bottom: -8em;
 }
     

     
     h1.section-title2 {
     font-family: Ubuntu;
 font-size: 38.929px;
 font-style: normal;
 font-weight: 700;
 line-height: 41.219px; /* 105.882% */
 letter-spacing: -1.055px;
         
     }
         
         .partner-logo {
             display: block !important;
         }
         
         
         .hero_button {
     display: flex;
     padding-top: 40px;
     flex-direction: column;
     gap: 20px;
 }
         
         .logo__flex__hero > h6 {
   
     font-size: 20.388px;
     font-style: normal;
     font-weight: 700;
     line-height: 22.337px;
 }
             .button__dark, .button__light {
         font-size: 20px !important;
 font-style: normal !important;
 font-weight: 700 !important;
 line-height: 29.205px !important; /* 146.026% */
 letter-spacing: 2px !important;
         }
         
 /* 	Map Section	 */
         
         h2.map-head {
             font-size: 41.67px;
 font-style: italic;
 font-weight: 700;
 line-height: 51px; /* 122.39% */
 letter-spacing: -0.833px;
         }
         .container-fluid.map_containee {
   
     flex-direction: column;
         }
         h2.map-head {
   
     max-width: 100%;
         }
         .map {
     width: 100%;
 }
         
         p.schools_para, span.cities  {
     
 font-family: Ubuntu;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: 26px; /* 162.5% */
     max-width: 100%;
             vertical-align: baseline;
 }
         
 /* Kids section		 */
         
         .container-fluid.animation {
     padding: 16px 16px;
                     padding-left: 30px !important;
 }
         
         .desc-heading {
 
     max-width: 100%;
 }

         
         .approach-section {
     text-align: center;
     padding: 0px 0px;
 }
         
         .desktop {
             display: none;
         }
         
 /* slider second		 */
         
         .slide {
             flex-direction: column;
         }
         
         .box-element {
             padding: 16px;
         }
         img.img-fluid.children-img {
     max-width: 200px;
     margin-bottom: -52px;
 }
         
 
 h3.heading-content {
         color: #5F5757;
 font-family: Ubuntu;
 font-size: 26px;
 font-style: normal;
 font-weight: 700;
 line-height: 31px; /* 119.231% */
 letter-spacing: -0.52px;
     }
         h1.social-heading {
 font-family: Ubuntu;
 font-size: 26px;
 font-style: normal;
 font-weight: 700;
 line-height: 31px; /* 119.231% */
 letter-spacing: -0.52px;
         }
         
 /* 	Stats Section	 */
         
         h2.stats-heading {
         color: #201627;
 
 text-align: center;
 font-family: Ubuntu;
 font-size: 36px;
 font-style: normal;
 font-weight: 700;
 line-height: 36px; /* 100% */
 letter-spacing: -0.72px;	
         }
         
         .doing {
    color: #201627;
 font-family: Ubuntu;
 font-size: 36px;
 font-style: italic;
 font-weight: 700;
 line-height: 36px;
 letter-spacing: -0.72px;
 }
         
         .container.stats {
     padding: 100px 0px;
 }
         
 
         
 /* 	
  * Resources Mobile
  * 
  * 	 */
         
         .container_cards {
     padding: 0px 16px;
 }
         
         .description-section {
   
     padding: 80px 17px;
     }
         
         .description-text, .description-link {
     font-size: 20px;
 font-style: normal;
 font-weight: 700;
 line-height: 31px; /* 155% */
 letter-spacing: -0.4px;
     max-width: 100%;
 }
         
         .contact-section {
    
     background-position: left;
         }
         
         .contact-content > h2 {
     text-align: left;
     font-size: 40px;
     font-style: normal;
     font-weight: 700;
     line-height: 43px;
     letter-spacing: -0.8px;
 }
         
         .contact-content {
             padding-left: 10px;
         }
         
         .contact-section > .image-container {
     display: none !important;
 }
         
         .contact-content p {
     
     max-width: 100%;
         
     }
         
         
         
         
         p.subtitle {
     max-width: 100%;
 }
         h2.resource {
     
     font-size: 41px;
             padding: 20px 0px;
         }
         
         section.contact-section {
     padding: 30px 16px;
 }		
         h1.news-title {
         font-size: 54px;
 font-style: normal;
 font-weight: 700;
 line-height: 58px; /* 107.407% */
 letter-spacing: -1.08px;
     }
         
         a.button__light {
 
    
     display: flex;
     width: 165px;
     height: 56px;
     padding: 18.113px 0px;
     justify-content: center;
     align-items: center;
     gap: 8.233px;
 }
         
         a.button__dark {
   
     width: 165px;
     height: 55px;
     display: flex;
     width: 165px;
     height: 55px;
     padding: 18.113px 0px;
     justify-content: center;
     align-items: center;
     gap: 8.233px;
 }
         .hero_button {
     flex-direction: row;
 }
          .button__light:hover {
    background: none;
    color: white !important;
    border: 2px solid !important;
}
     }
     
         .swiper-pagination-bullet-active {
     background: #ee9726;
 }
     
     .audience-filters {
         display: none;
     }
     p.subtitle {
     padding-bottom: 40px;
 }
 
     .faq-section.flex {
     justify-content: center;
     align-items: center;
 }
     
     
     
     
     
     
         
         
 @media (max-width: 599px) {
     .p.schools_para, span.cities {
               font-size: 18px;
      
     }
       .container-fluid.animation {
         padding-bottom: 70px;
         padding-top: 51px;
     }
         .main-banner {
         padding: 32px 0 0px;
     }
         .right-part > img {
         max-width: 360px;
                     bottom: -7px;
     }
             .p.champ-para {
                 color: #201627;
     }    
     .h2.resource {
         text-align: left;  !important
     }
 .p.description-text {
     font-size: 18px;
 }
     
         img.img-fluid.children-img {
         max-width: 200px;
         min-height: 300px;
         margin-bottom: -52px;
     }
 
 }

@media (max-width: 550px) {
    .container-fluid.animation {
        padding-bottom: 120px;
    }
}

@media (max-width: 500px) {
    .container-fluid.animation {
        padding-bottom: 40px;
    }
}
		
 .approach-item1 {
     text-align: left;
 }
         h3.school-engag {
     text-align: left;
   
 }
 .text-content {
     text-align: left;  !important
 }
         .approach-item3 {
     text-align: left;  !important
 }
          h2.resource {
         text-align: left !important;
     }
 
     h5 {
     font-style: normal !important;
 }


.main-banner .info-section p {
    max-width: 759px;
    font-size: 24px;
    line-height: 36px;
}
	 	
     @media only screen and (max-width: 1440px) {
     .main-banner .info-section p {
         max-width: 600px;
         color: #DEDEDE;
         font-family: Ubuntu;
         font-size: 20px;
         font-style: normal;
         font-weight: 400;
         line-height: 30.219px;
     }
        .card__new:hover {
    background: #3B2549;
    border: 1.8px solid rgba(231, 147, 37, 0.25);
    background: #3B2549;
    box-shadow: -18.898px 18.898px 47.966px 0px rgba(0, 0, 0, 0.25);
}
 }
     .class__iframe {
             width: 560px;
         }
 }
     .test {
         display: above;
     }
     h2.stats-heading {
     padding-bottom: 96px;
 }
         .card-header {
     border: 1px solid #DEC7B2;
     background: rgba(235, 143, 40, 0.15);
 }
     h2.resource {
      font-style: normal;
         padding-bottom: 72px;
         padding-top: 100px;
 }
     .description-text {
       font-style: normal;
  }
     .description-link {
     font-style: normal;
 }
     @media (min-width: 1000px) {
     .right-part > img {
         position: relative;
         bottom: -218px;
     }
         h2.champians {
        width: 771px;
             padding-bottom: 16px;
 }
         p.paragraph {
     padding-bottom: 47px;
 }
             
 .slider {
     padding-top: 120px;
     /* padding-bottom: 120px; */
 }
         

		 .button__dark:hover {
    border-radius: 4.617px;
    background: #FFF;
    color: #201627 !important;
    font-family: Ubuntu;
    font-size: 22.518px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 32.754px;
    letter-spacing: 2.252px;
    text-transform: uppercase;
} 
         
 }
     @media (max-width: 599px) {
/*      .faq-section-main .faq-inner-right h2 {
         padding-top: 20px;
         padding-bottom: 32px;
     } */
         .swiper-pagination {
     position: inherit;
 }
         h2.champians {
     font-style: normal; 
             font-size: 37px;    
             padding-bottom: 24px;
 }
         span.impact {
     font-style: normal;
             font-size: 36px;
 }
         h2.stats-heading {
     padding-bottom: 48px;
 }
         h2.resource {
     padding-bottom: 32px;
     padding-top: 64px;
 }
         p.subtitle {
     width: 353px;
 }
             p.schools_para, span.cities {
         width: 324px;
     }
         h1.section-title2 {
         padding-bottom: 30px;
     }
         img.img__test {
     padding-top: 46px;
 }
		  .button__dark:hover {
    border-radius: 4.617px;
    background: #FFF;
    color: #201627 !important;
    font-family: Ubuntu;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 32.754px;
    letter-spacing: 2.252px;
    text-transform: uppercase;
}
 }
 
     @media screen and (max-width: 1440px) {
     .faq-section-main.adjust .faq-section {
         padding-top: 146px;
         padding-bottom: 146px;
     }
         .faq-section-main .faq-inner-right{
                 padding: 0px 0px 0px 72px;
 }
 .container-fluid.animation {
     padding-top: 67px;
 }
             .faq-section-main.adjust .faq-section {
         min-height: 713px;
         margin-bottom:0px;
     }
         }
 .stats__section {
     background: #F0EFF1;
     background-image: url(/wp-content/uploads/2024/07/Frame-509-1.png);
 }
     
     .main-banner {
background: linear-gradient(208deg, #008ACF -50.34%, #0064AE 65.46%);
     }
 
     .main-section-end {
     background-image: url(/wp-content/uploads/2025/02/Frame-211.png);
     margin-top: -1px;
 }
     section.container-fluid.map_containee {
     justify-content: center;
     align-items: center;
     flex-direction: row;
 }
     }	
     @media (max-width: 599px) {
     .right-part > img {
         max-width: 390px;
         bottom: -3.8em;
     }
         .site-header .site-branding img {
         filter: brightness(0) invert(1);
     }
		    .card__new:hover {
    background: #3B2549;
    border: 1.8px solid rgba(231, 147, 37, 0.25);
    background: #3B2549;
    box-shadow: -18.898px 18.898px 47.966px 0px rgba(0, 0, 0, 0.25);
}
 
 }
     
         @media (min-width: 1460px) {
     .right-part > img {
   min-width: 700px;
         left: -100px;
         bottom: -11.5em;
     }
 }
     
     @media (min-width: 1600px) {
     .right-part > img {
         position: relative;
         bottom: -4em;
         min-width: 900px;
         left: -250px;
     }
		
 }
     
     img.img__mobile {
    display: none;
 }
     @media screen and (max-width: 1024px) and (min-width: 769px) {
/*      .faq-section-main .faq-section {
         padding: 80px 0px 80px;
     } */

         a.button__light {
     display: flex;
     width: 204px;
     height: 55.987px;
     padding: 18.113px 108.68px;
     justify-content: center;
     align-items: center;
     gap: 8.233px;
 }
         a.button__dark {
     display: flex;
     width: 172.98px;
     height: 55.282px;
     padding: 18.113px 108.68px;
     justify-content: center;
     align-items: center;
     gap: 8.233px;
 }
         .button__light {
     border-radius: 4.617px;
     background: #FFF;
     color: #201627 !important;
     font-family: Ubuntu;
     font-size: 20px !important;
     font-style: normal;
     font-weight: 700;
     line-height: 29.205px;
     letter-spacing: 2.252px;
     text-transform: uppercase;
 }
     .button__dark {
     padding: 20.315px 80px;
     border-radius: 4.617px;
     border: 2px solid #FFF;
     color: #FFF !important;
     font-family: Ubuntu;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 29.205px;
     letter-spacing: 2px;
     text-transform: uppercase;
 }	
         .partner-logo.hero-para {
     display: block !important;
 }
         img.img__test {
     padding-top: 40px!important;
             padding-bottom:20px!important;
 }
/*          h2.champ {
     color: #201627;
     font-family: "Ubuntu";
     font-size: 48px !important;
     font-style: normal;
     font-weight: 700 !important;
     line-height: 62px !important;
     letter-spacing: -1.524px !important;
     text-align: left !important;
     padding-bottom: 20px;
     margin: 0px;
 } */
         p.champ-para {
     color: #535353;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 36.1px;
     /* max-width: 70%; */
 }

         .desc-heading {
     display: flex;
     flex-direction: column;
     max-width: 85%;
 }
     
     .text-content {
     margin-left: -400px;
     padding-top: 50px;
     margin-right: 150px;
 }
     
         .approach-item1 {
         flex: 0 0 30%;
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         padding-bottom: 0px;
     }
         .approach-item3 {
     flex: 0 0 30%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     gap: 270px;
     padding-bottom: 0px;
 }
             .approach-item2 {
         position: relative;
         display: flex;
         height: fit-content;
         align-self: center;
         flex: 0 0 40%;
     }
         .approach-content {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     gap: 20px;
     padding-bottom: 0px;
 }
     
         .element-text {
     margin-top: -80px;
     padding-bottom: 0px;
 }
         p.paragraph {
     color: #000;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 28px;
     letter-spacing: -0.4px;
 }
         h3.heading-content {
     color: #5F5757;
     font-family: "Ubuntu";
     font-size: 36px;
     font-style: normal;
     font-weight: 500;
     line-height: 47px;
     letter-spacing: -0.72px;
     padding-top: 20px;
     padding-bottom: 20px;
 }
         h1.social-heading {
     color: #000;
     font-family: "Ubuntu";
     font-size: 36px;
     font-style: normal;
     font-weight: 700;
     line-height: 47px;
     letter-spacing: -0.72px;
     padding-bottom: 20px;
 }
     
         .slider {
         padding-top: 70px;
         padding-bottom: 0px;
     }
         .box-element {
     padding: 0px 50px;
 }
         section.container-fluid.map_containee {
     justify-content: center !important;
     align-items: center !important;
     flex-direction: column-reverse !important;
 }
         .content {
     display: flex;
     flex-direction: column;
     flex: 0 0 50%;
     justify-content: center !important;
     align-items: center !important;
 }
         h2.map-head {
     font-family: "Ubuntu";
     font-size: 56px;
     font-style: normal;
     font-weight: 700;
     line-height: 63.9px;
     letter-spacing: -1.74px;
     background: var(--Gradient-Orange, linear-gradient(252deg, #EF6926 10.53%, #EE8725 26.21%, #FFA742 53.91%, #EE9025 73.85%, #EF7226 85.9%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     max-width: 100% !important;
     text-align: left;
     padding-bottom: 20px;
 }
         p.schools_para {
     color: #FFF;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 33px;
     letter-spacing: -0.4px;
     padding-bottom: 20px;
     max-width: 65% !important;
 }
         h2.stats-heading {
     padding-bottom: 40px;
 }
         .card-body .label {
     display: block;
     font-size: 1rem;
     color: #333;
     margin-top: 10px;
     color: #000;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 34.352px;
     font-style: normal;
     font-weight: 500;
     line-height: 68.111px;
     letter-spacing: -0.687px;
 }
         span.number {
     text-align: center;
     font-family: "Ubuntu";
     font-size: 121.013px;
     font-style: normal;
     font-weight: 700;
     line-height: 111.726px;
     letter-spacing: -2.42px;
     background: var(--Gold, linear-gradient(249deg, #EF6926 26.54%, #EE8725 40.19%, #FCBE79 64.32%, #EE9025 81.68%, #EF7226 92.17%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     padding-top: 30px;
 }
         img.number-img {
     max-width: 75%;
 }
         .container.stats {
         padding: 50px 50px;
         padding-bottom: 0px;
     }
             .container_cards {
     padding-top: 0px !important;
 }
         h2.resource {
     font-style: normal;
     padding-bottom: 62.55px;
     padding-top: 0px;
     font-family: "Ubuntu";
     letter-spacing: -1.251px;
     padding-bottom:30px !important;
     padding-top:30px !important;
             
 }
         .resources {
     display: none !important;
 }
         .mobile {
         display: none!important;
     }
         .swiper-slide.swiper-slide-next.swiper-slide-prev {
     display: flex;
     flex-direction: row!important;
     gap:20px !important;
 }
     .container_cards.tabs {
     display: block !important;
 }	
         .description-text {
     color: #000;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 25px;
     font-style: italic;
     font-weight: 700;
     line-height: 42px;
     letter-spacing: -0.44px;
     max-width: 75%;
 }
 .image-container {
     max-width: 600px;
     margin-left: 20px;
     display: none!important;
 }
         .contact__section_background {
     max-width: 750px;
     margin: auto;
     background: transparent;
     margin-bottom: -10em;
 }
         .contact-section {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 50px;
     
 }
         .contact-content {
     max-width: 700px;
     display: flex;
     margin-right: 20px;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     padding-left: 50px;
     align-items: left;
 }
         .description-section {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 50px 100px;
     background-color: #ffffff;
 }
         .contact-content p {
     color: #DEDEDE;
     font-family: "Ubuntu";
     font-size: 22px;
     font-style: normal;
     font-weight: 400;
     line-height: 38px;
     max-width: 100%;
     padding-bottom: 20px;
 }
         .contact-content h2 {
     background: var(--Gradient-Orange, linear-gradient(252deg, #EF6926 10.53%, #EE8725 26.21%, #FFA742 53.91%, #EE9025 73.85%, #EF7226 85.9%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 46px;
     font-style: normal;
     font-weight: 700;
     line-height: 35.685px;
     letter-spacing: -0.88px;
     padding-bottom: 20px;
 }
         .gform_wrapper.gravity-theme .gform_fields {
     grid-column-gap: 2%;
     -ms-grid-columns: (1fr 2%) [12];
     grid-row-gap: 16px;
     display: grid;
     /* grid-template-columns: repeat(12, 1fr); */
     grid-template-rows: repeat(auto-fill, auto)!important;
     width: 100%;
 }
         #gform_fields_10 {
     gap: 0px;
     display: flow;
 }
         input#input_10_1 {
     display: flex;
     width: 500px;
     padding: 18.323px 469.493px 18.399px 17.645px;
     align-items: center;
 }
         .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
     width: 100%;
     height: 50px !important;
 }
     div#field_submit {
     display: flex;
     width: 500px;
     height: 70px;
     padding: 9.501px;
     justify-content: center;
     align-items: center;
     gap: 13.573px;
 }
         .gform_wrapper.gravity-theme * {
     box-sizing: border-box;
     width: 100%;
 }
         form:not(.bg_default_theme) .gform_body .gfield {
     margin-top: 0px !important;
     position: relative;
 }
         h1.news-title {
     font-size: 62px;
     line-height: 72.9px;
     letter-spacing: -1.251px;
     padding-bottom: 22px;
 }
         p.subtitle {
     max-width: 60%;
 }
         form:not(.bg_default_theme):not(.BG_Material_out):not(.BG_Material):not(.BG_Material_out_rnd) .button {
     margin: 0 0 0 0px !important;
     line-height: 1.1;
 }

         .gform_wrapper.gravity-theme .gfield.gfield--width-half {
     -ms-grid-column-span: 9!important;
     grid-column: span 9 !important;
 }
/*          .main-banner {
     background-image: url(/wp-content/uploads/2024/07/Rectangle-2.png);
     max-height: 750px;
 }
         .main-banner .right-part {
            height: 620px !important;
            width: 600px !important;  
                 margin-right: -45px!important;
         background: url(https://beyondgolddev.wpengine.com/wp-content/uploads/2024/07/Frame-568.png) !important;
     } */
/*          img.img__hero__right {
     display: none !important;
 }
          */
         img.img-fluid.children-img {
     max-width: 85%;
     min-height: 65%;
     margin-bottom: -52px;
 }
         form:not(.bg_default_theme).BG_medium_size:not(.BG_Material) input, form:not(.bg_default_theme).BG_medium_size:not(.BG_Material) select:not([multiple=multiple]), form:not(.bg_default_theme).BG_medium_size:not(.BG_Material) input, form:not(.bg_default_theme).BG_medium_size:not(.BG_Material) .chosen-single {
     height: 50px !important;
 }
         
         
     }
     @media (max-width: 768px) {
     
         img.img-fluid.children-img {
     max-width: 85%;
     min-height: 65%;
     margin-bottom: -52px;
 }
         
 
             .main-banner .info-section .logo {
         max-width: 400px;
     }
         .main-banner .left-part {
         max-width: 600px;
         margin-bottom: 50px;
     }
             img.img-fluid.children-img {
         max-width: 300px;
         min-height: 300px !important;
         margin-top: 130px;
         margin-bottom: 0px;
     }
         p.subtitle {
         max-width: 80%;
     }
/*      .main-banner {
         background-image: url(/wp-content/uploads/2024/07/Rectangle-2.png);
         max-height: 950px;
     } */
         .main-banner .right-part {
         background: none!important;
     }
   
         a.button__light {
     display: flex;
     width: 204px;
     height: 55.987px;
     padding: 18.113px 108.68px;
     justify-content: center;
     align-items: center;
     gap: 8.233px;
 }
         a.button__dark {
     display: flex;
     width: 172.98px;
     height: 55.282px;
     padding: 18.113px 108.68px;
     justify-content: center;
     align-items: center;
     gap: 8.233px;
 }
         .button__light {
     border-radius: 4.617px;
     background: #FFF;
     color: #201627 !important;
     font-family: Ubuntu;
     font-size: 20px !important;
     font-style: normal;
     font-weight: 700;
     line-height: 29.205px;
     letter-spacing: 2.252px;
     text-transform: uppercase;
 }
     .button__dark {
     padding: 20.315px 80px;
     border-radius: 4.617px;
     border: 2px solid #FFF;
     color: #FFF !important;
     font-family: Ubuntu;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 29.205px;
     letter-spacing: 2px;
     text-transform: uppercase;
 }	
         .partner-logo.hero-para {
     display: block !important;
         }
         .right-part > img {
     position: relative;
     bottom: 20px !important;
     min-height: 0px !important;
 }
         img.img__test {
     padding-top: 30px;
     padding-bottom: 20px;
 }
         .approach-content.desktop {
     display: none!important;
 }
             section.container-fluid.map_containee {
     justify-content: center !important;
     align-items: center !important;
     flex-direction: column-reverse !important;
 }
         .content {
     display: flex;
     flex-direction: column;
     flex: 0 0 50%;
     justify-content: center !important;
     align-items: center !important;
 }
         p.paragraph {
     color: #000;
     font-family: "Ubuntu";
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 28px;
     letter-spacing: -0.4px;
 }
         h3.heading-content {
     color: #5F5757;
     font-family: "Ubuntu";
     font-size: 36px;
     font-style: normal;
     font-weight: 500;
     line-height: 47px;
     letter-spacing: -0.72px;
     padding-top: 20px;
     padding-bottom: 20px;
 }
         h1.social-heading {
     color: #000;
     font-family: "Ubuntu";
     font-size: 36px;
     font-style: normal;
     font-weight: 700;
     line-height: 47px;
     letter-spacing: -0.72px;
     padding-bottom: 20px;
 }
     
         .slider {
         padding-top: 70px;
         padding-bottom: 0px;
     }
         .box-element {
     padding: 0px 50px;
 }
         .map.mobile {
     display: none!important;
 }
         h2.map-head {
     font-family: "Ubuntu";
     font-size: 50px;
     font-style: normal;
     font-weight: 700;
     line-height: 63.9px;
     letter-spacing: -1.74px;
     background: var(--Gradient-Orange, linear-gradient(252deg, #EF6926 10.53%, #EE8725 26.21%, #FFA742 53.91%, #EE9025 73.85%, #EF7226 85.9%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     max-width: 80%;
     text-align: left;
     padding-bottom: 20px;
 }
         h2.stats-heading {
     padding-bottom: 40px;
 }
         .card-body .label {
     display: block;
     font-size: 1rem;
     color: #333;
     margin-top: 10px;
     color: #000;
     text-align: center;
     font-family: "Ubuntu";
     font-size: 34.352px;
     font-style: normal;
     font-weight: 500;
     line-height: 68.111px;
     letter-spacing: -0.687px;
 }
         span.number {
     text-align: center;
     font-family: "Ubuntu";
     font-size: 121.013px;
     font-style: normal;
     font-weight: 700;
     line-height: 111.726px;
     letter-spacing: -2.42px;
     background: var(--Gold, linear-gradient(249deg, #EF6926 26.54%, #EE8725 40.19%, #FCBE79 64.32%, #EE9025 81.68%, #EF7226 92.17%));
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     padding-top: 30px;
 }
         img.number-img {
     max-width: 75%;
 }
         .container.stats {
         padding: 50px 50px;
         padding-bottom: 0px;
     }
             .container_cards {
     padding-top: 0px !important;
 }
         h2.resource {
     font-style: normal;
     padding-bottom: 62.55px;
     padding-top: 0px;
     font-family: "Ubuntu";
     letter-spacing: -1.251px;
     padding-bottom:30px !important;
     padding-top:30px !important;
             
 }
         .container_cards.tabs {
     display: none!important;
 }
         .container_cards.desktop {
     display: none!important;
 }
         .approach-desktop-element {
     display: none !important;
 }
     }
 
     @media (max-width: 599px) {
         
         .class__iframe {
             width: 360px;
         }
         
     .main-banner {
         padding: 42px 0 0px;
         padding-top: 160px;
         overflow: hidden;
     }
/*          img.img__mobile {
     position: absolute;
     top: 20px;
             display: block;
             left: 16px;
 } */
         
         img.test__class {
     max-width: 181px;
 }
         .card__new > h5 {
             font-size: 24px;
         line-height: 29.256px;
         }
         .card__new {
     width: 330px;
     height: 300px;
             padding: 18px;
             
 }
/*          
         .main-section-end {
    
     margin-top: -26px;
         } */
         
     .logo__flex__hero > h6 {
         font-size: 18px;
         font-style: normal;
         font-weight: 700;
         line-height: 22.337px;
     }
             .card__new:hover {
         background: #F0EFF1;
             
         }
         .card__link {
     display: block !important; /* Show the element on hover */
 }
         .card__new:hover > h5 {
         color: #201627 !important;
         }
         
         section.news-section {
     overflow: hidden;
 }
         
         .container.news-box {
     width: 100%;
 }
         
         .line {
     display: none;
 }
             .hero_button {
         flex-direction: column !important;
     }

 }
 @media (max-width: 599px) {
     h1.section-title2 {
         padding-bottom: 30px;
     }
         
 }
 
     .card__link {
     position: relative;
     z-index: 999;
     top: 20px;
     display: none; /* Hide the element by default */
 }
 
 .card__new:hover .card__link {
     display: block; /* Show the element on hover */
 }
     
     img.map-image {
     width: 100%;
 }
     
     section.container-fluid.map_containee {
     justify-content: center;
     align-items: center;
 }
     .event-boxes:nth-child(n+6) {
     display: none;
 }
 .ginput_container.ginput_container_email {
     margin-right: -20px;
 }
     #gform_fields_10 {
     gap: 0px;
 }
         .resources {
     display: block;
 }
     .container_cards.tabs {
     display: none;
 }
     .image-container {
     max-width: 600px;
     margin-left: 20px;
     display: block;
 }
     
         .gform_wrapper.gravity-theme .gform_fields {
     grid-column-gap: 2%;
     -ms-grid-columns: (1fr 2%) [12];
     grid-row-gap: 16px;
     display: grid;
      grid-template-columns: repeat(12, 1fr); 
     /*grid-template-rows: repeat(auto-fill, auto);*/
     width: 100%;
 }
       .right-part > img {
     position: relative;
     bottom: 10px;
     min-height: 700px;
 }
     .approach-content.desktop {
     display: flex!important;
 }
     .resources {
     display: flex!important;
 }
     .approach-desktop-element {
     display: block;
 }
     
 .button__light:hover {
    background: none;
    color: white !important;
    border: 2px solid !important;
}
span.cities {
    vertical-align: unset;
}


span.cities {
    vertical-align: unset;
}
  
	 
	 .card__new {
    border-radius: 4.104px;
    background: #F0EFF1;
}
	 
	 
		    .card__new:hover {
    background: #3B2549;
    border: 1.8px solid rgba(231, 147, 37, 0.25);
    background: #3B2549;
    box-shadow: -18.898px 18.898px 47.966px 0px rgba(0, 0, 0, 0.25);
}
	 #gform_10.BG_Microsoft button, #gform_10.BG_Microsoft input[type=submit], #gform_10.BG_Microsoft input[type=button] {
		 font-weight: 500 !important;
		 height: 35px !important;
     } 
	 
	 	.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 2%;
    -ms-grid-columns: (1fr 2%) [12];
    grid-row-gap: 16px;
    display: grid;
     grid-template-columns: repeat(12, 1fr); 
    /*grid-template-rows: repeat(auto-fill, auto);*/
    width: 100%;
}
	  .right-part > img {
    position: relative;
    bottom: 10px;
    min-height: 700px;
}
	.approach-content.desktop {
    display: flex!important;
}
	.resources {
    display: flex!important;
}
	.approach-desktop-element {
    display: block;
}
	 

	

	@media (max-width: 640px) and  (min-width: 600px){
		input#input_10_1 {
    width: 300px;
}
input#gform_submit_button_10 {
   width: 100%;
        margin: 0px !important;
}
.ginput_container.ginput_container_email {
    margin-right: 0px !important;
}
		form:not(.bg_default_theme) .gform_body .gfield {
    margin-top: 20px !important;
    
}
	}
@media (max-width: 599px) and  (min-width: 280px){
	#gform_wrapper_10 {
    max-width: 100% !important;
    width: 100% !important;
}
	input#gform_submit_button_10 {
   width: 100%;
        margin: 0px !important;
}
.ginput_container.ginput_container_email {
    margin-right: 0px !important;
}
	form:not(.bg_default_theme) .gform_body .gfield {
    margin-top: 20px !important;
   
}
	}
#field_10_1 .ginput_container_email::before {
     content: '';
    background-image: url('https://beyondgolddev.wpengine.com/wp-content/uploads/2024/07/ic_sharp-email.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px; 
    position: absolute;
    top: 55%;
    left: 5px; 
    transform: translateY(-50%);
    pointer-events: none; 
}
input#input_10_1 {
    padding-left: 40px !important;
}
input#input_10_1::placeholder{
		color:A2A1A1 !important;
	}
	#gform_10.BG_Microsoft input{
		color: white !important;
	}
	 
	 @media (max-width: 599px) {
    .desktop {
        display: block;
    }
		
		 h2.map-head {
    font-family: Ubuntu;
    font-size: 41.67px;
    font-style: italic;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -0.833px;
}
		 
	 }
	 
	 @media (max-width: 600px) {
	 .card-header {
		 font-size: 26px 
	 }
		 .card {
    width: 50%;
}
		     .container.stats {
        padding: 50px 16px;
		 }
		     span.number {
     
        font-size: 69px;
		 }
		 .last__header {
			 width: 65%;
		 }
		     .box-element {
        padding: 0px 16px;
    }
		 
		 img.img-fluid.children-img {
      
        margin-top: 0px;
/*         margin-bottom: 0px; */
    }
		 
		     .event-grid-view {

        max-width: 100%;
        
        justify-content: center;
    }
		 
		 .event-boxes {
   
    max-width: 218.46px;
		 }
	
	 }
	 /*8/2/2024new changes*/
	 #gform_10.BG_Microsoft button, #gform_10.BG_Microsoft input[type=submit], #gform_10.BG_Microsoft input[type=button] {
         background-color: #F49830 !important;
		 font-weight: 500;
		 height:35px!important;
     } 
	  img.img-fluid.champ-girls {
    max-width: 850px;
    margin-left: -120px;
}
.image-container img {
    width: 900px;
    height: auto;
    border-radius: 10px;
    margin-top: -140px;
    margin-bottom: -100px;
    margin-left: 20px;
}
	.contact-section {
    background-image: url(/wp-content/uploads/2024/07/Frame-272-1-1-e1720558748359.png)!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}   
	 .event-date {
    font-weight: 700;
    font-size: 17px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: var(--primary-color);
    margin-bottom: 11px;
    text-align: left !important;
}

.button__light:hover {
    background: none;
    color: white !important;
    border: 2px solid !important;
    background: #F49830;
}
	 .event-title h2 {
    font-weight: 500;
    font-size: 16.5331px;
    line-height: 18px;
    letter-spacing: -0.01em;
    margin: 11px 0;
    color: var(--primary-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}
    
	 @media (min-width: 1600px) {
    



		 .approach-image {
    width: 80%;
    height: auto;
    margin-bottom: 20px;
}
 }
	  img.img-fluid.champ-girls {
    max-width: 850px;
    margin-left: -120px;
}
.image-container img {
    width: 900px;
    height: auto;
    border-radius: 10px;
    margin-top: -140px;
    margin-bottom: -100px;
    margin-left: 20px;
}
	  	 	 @media (max-width: 1300px) {
		img.img-fluid.champ-girls {
    max-width: 900px;
    margin-left: -40px;
    width: 750px;
}
				 .image-container img {
    width: 500px;
    height: auto;
    border-radius: 10px;
    margin-top: -140px;
    margin-bottom: -130px;
    margin-left: 20px;
}
	 }
	 	 @media (max-width: 1100px) {
section.contact-section {
    border: 0.85px solid rgba(255, 255, 255, 0.25);
    background: linear-gradient(118deg, rgba(255, 255, 255, 0.00) -1.13%, rgba(42, 32, 48, 0.20) 51.98%), #2A2030;
    box-shadow: -17.843px 17.843px 45.286px 0px rgba(0, 0, 0, 0.25);
}
			 img.img-fluid.champ-girls {
   display:none;
}
			 h1.section-title2 {
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px;
   
}
	 }
	 	 	 @media (max-width: 768px) {
				section.contact-section {
        border: 0.85px solid rgba(255, 255, 255, 0.25);
        background: linear-gradient(118deg, rgba(255, 255, 255, 0.00) -1.13%, rgba(42, 32, 48, 0.20) 51.98%), #2A2030;
        box-shadow: -17.843px 17.843px 45.286px 0px rgba(0, 0, 0, 0.25);
        padding: 70px 20px;
    }	
	 }
	 	 	 	 @media (max-width: 580px) {
					 .hero_button {
        flex-direction: row !important;
    }
					     p.schools_para, span.cities {
        font-family: Ubuntu;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        max-width: 90%;
        vertical-align: baseline;
    }
					     .swiper-slide {
        overflow: hidden;
/*         margin-right: 50px; */
    }

    .right-part > img {
        max-width: 500px;
        bottom: 40px !important;
        padding-top: 30px;
    }
					  a.button__light {
       width: 165px!important;
height: 56px;
padding: 18.113px 108.68px;
justify-content: center;
align-items: center;
gap: 8.233px;
						 font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 29.205px; /* 146.026% */
letter-spacing: 2px;
text-transform: uppercase;
    }
		 .card__new {
        width: 330px;
        height: 300px;
        padding: 18px;
        padding-left: 70px;
    }
}
	 
				
	 
	 	 	 @media (max-width: 450px) {
				  .hero_button {
        flex-direction: row !important;
    }
/* 				 .main-banner {
        max-height: 900px;
    } */
				     .main-banner {
        padding: 42px 0 0px;
        padding-top: 80px;
        overflow: hidden;
    }
				 h1.section-title2 {
				font-size: 38.929px;
font-style: normal;
font-weight: 700;
line-height: 41.219px; /* 105.882% */
letter-spacing: -1.055px;	 
				 }
			
				 a.button__light {
    padding: 10px;
}
				 a.button__dark {
    padding: 10px;
}
				     .right-part > img {
        max-width: 400px;
        bottom: -30px !important;
        padding-top: 0px;
    }
				 h3.heading-content {
        padding-top: 40px;
        padding-bottom: 30px;
	    font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 31px;
        letter-spacing: -0.72px;
    }
				 .card__new {
    border-radius: 4.104px;
    background: #F0EFF1;
    padding-left: 40px;
}
				     h1.social-heading {
        color: #000;
        font-family: "Ubuntu";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 31px;
        letter-spacing: -0.72px;
        padding-bottom: 20px;
    }

	 }
	 
	 .main-section-end {
    background-size: cover;
    min-height: 140px;
}
	 
	 .right-part > img {
    position: relative;
    bottom: -22px;
    min-height: 700px;
}

	 
	 @media (max-width: 580px) {
    .right-part > img {
        max-width: 500px;
        bottom: -65px !important;
        padding-top: 30px;
        max-width: 100%;
		
    }
	
	.right-part > img {
        max-width: 400px;
        bottom: -66px !important;
	}
		 
		 .main-section-end{
		background-size: cover;
		min-height: 80px;
	}
	
	
}
	 
	.button__light:hover {
    color: white !important;
    border: 0px solid !important;
} 
@media only screen and (max-width: 600px) and (min-width: 375px)  {
	#gform_10.BG_Microsoft input {
    height: 60px !important;
}
	#gform_10.BG_Microsoft button, #gform_10.BG_Microsoft input[type=submit], #gform_10.BG_Microsoft input[type=button] {
    height: 60px !important;
}
	#field_10_1 .ginput_container_email::before {
    left: 10px;
}
		 }
	 img.img__test {
    padding-bottom: 16px;
}
	 
	     .card__new {
       
        padding-left: 20px;
    }
	 
	 @media (max-width: 80px) {
    .card__new {
        width: 300px;
		 }
	 }
	 
	 
	/* 8/13/2024*/
/*  .right-part > img {
    position: relative;
    bottom: -60px;
    min-height: 700px;
} */
	 img.img-fluid.children-img {
    margin-bottom: -200px;
}
		 @media (min-width: 1600px) {
/* 			.right-part > img {
        position: relative;
        bottom: -6em;
        min-width: 900px;
        left: -250px;
    }  */
	 }
	 		
	 	 @media (max-width: 768px) {
		    .right-part > img {
        position: relative;
        bottom: -70px !important;
        min-height: 0px !important;
    }
			 		 img.img-fluid.children-img {
    margin-bottom: 0px;
}
	 }
	 
	 	 	 	 @media (max-width: 580px) {
   .right-part > img {
        position: relative;
        bottom: 0px !important;
        min-height: 0px !important;
    }
} 
	 @media (max-width: 499px) {
		 .right-part > img {
        position: relative;
        bottom: -70px !important;
        min-height: 0px !important;
    }
	 }
	 
	 @media (max-width: 375px) {
    .main-banner .left-part {
        max-width: 600px;
        margin-bottom: 50px;

    }
		 .hero_button {
        display: flex;
        padding-top: 40px;
        flex-direction: column;
        gap: 10px;
    }
				     a.button__light {
        padding: 12px;
    }
				     a.button__dark {
        padding: 12px;
    }
				 #gform_10.BG_Microsoft input[type=submit], #gform_10.BG_Microsoft input[type=button] {
    background-color: #F49830 !important;
    font-weight: 500;
    height: 45px !important;
}
				 form:not(.bg_default_theme).BG_medium_size:not(.BG_Material) input, form:not(.bg_default_theme).BG_medium_size:not(.BG_Material) .chosen-single {
    height: 45px !important;
}
				     img.img-fluid.children-img {
        max-width: 350px;
        min-height: 350px !important;
        margin-top: 130px;
        margin-bottom: 0px;
    }
				 img.img-fluid.children-img {
    margin-bottom: 0px;
}
				 h2.map-head {
        font-family: Ubuntu;
        font-size: 41.67px;
        font-style: italic;
        font-weight: 700;
        line-height: 51px;
        letter-spacing: -0.833px;
        padding-left: 20px;
    }
				     #gform_10.BG_Microsoft input {
        height: 45px !important;
    }
				 img.img-fluid.children-img.slider {
    max-width: 350px;
    min-height: 400px !important;
}
	    .right-part > img {
        position: relative;
        bottom: -80px !important;
        min-height: 0px !important;
    }
		     h2.map-head {
        font-family: Ubuntu;
        font-size: 41px;
        font-style: italic;
        font-weight: 700;
        line-height: 51px;
        letter-spacing: -0.833px;
        padding-left: 20px;
    }
	 }
	 
	 
	 
	 
	 <! --20-8-2024 tuesday -->
	 /*8/23/2024*/
	 
  .swiper-slide {
       max-height: 800px;
}
	 .swiper-slide.last-slider.swiper-slide-active {
    max-height: 900px;
	 }
	 .col-6.content-box {
    padding-bottom: 40px;
}
	 @media (min-width: 1900px) {
	    .swiper-slide {
        max-height: 900px;
    }
	img.img-fluid.children-img {
        max-width: 100%; 
    }
	 }
	 	 @media (min-width: 1500px) {
			   .swiper-slide {
        max-height: 850px;
    }
	 }
	 	 @media (max-width: 1024px) {
		p.paragraph {
        padding-bottom: 20px;
			color: #000;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
letter-spacing: -0.4px;
    }	
			 .col-6.image_item {
    display: flex;
    align-items: flex-end;
    width: 50%;
    height: 720px;
}
	 }
	 	 @media (max-width: 700px) {
			.slide {
    display: flex;
    flex-direction: column;
} 
	.col-6.content-box {
    width: 100%;
}
			 .col-6.image_item {
    display: flex;
    align-items: flex-start;
    width: 100%!important;
    height: 500px!important;
}
			     .right-part > img {
        position: relative;
        bottom: -25px !important;
        min-height: 0px !important;
    }
	
	 }
		 @media (max-width: 500px) {
			 .col-6.content-box {
    padding-bottom: 0px;
}
		  .swiper-slide.last-slider.swiper-slide-active {
    max-height: 1100px;
}   
          .swiper-slide {
        max-height: 980px;
    }
			 		 .col-6.image_item {
    display: flex;
    align-items: flex-start!important;
    width: 100%!important;
    height: 500px!important;
}
			 	 .icon-prev{
    max-width: 50px;
}
		 .icon-next {
    max-width: 50px;
}
	    .right-part > img {
        position: relative;
        bottom: -70px !important;
        min-height: 0px !important;
        margin-top: -70px;
    }	
	 }
	 
 

	 @media (max-width: 375px) {
		  .swiper-slide.last-slider.swiper-slide-active {
    max-height: 1100px;
}   
        .swiper-slide {
        max-height: 1020px;
    }
	 
		 .col-6.content-box {
    padding-bottom: 0px;
}
			 .col-6.image_item {
    display: flex;
    align-items: flex-start !important;
    width: 100%!important;
    height: 300px!important;
}	 
		 .icon-prev{
    max-width: 50px;
}
		 .icon-next {
    max-width: 50px;
}
		      .right-part > img {
        position: relative;
        bottom: -70px !important;
        min-height: 0px !important;
        margin-top: -70px;
    }
	 }
	 
	 
/*Ammar 	  */
	 
	 .col-6 {
		 padding-left: 4%;
	 }
	 
	
	.col-6.image_item {
    display: flex;
    align-items: flex-end;
    width: 50%;
    height: 820px;
}
.slider {
     padding: 0px 0px; 
	padding-top:50px;
    background: #F0EFF1;
}
	/*9/26/2024*/
	 	 	
				 	 	 	 @media (max-width: 599px)and (min-width: 550px) {
		    
	      .col-6.image_item {
        display: flex;
        align-items: flex-start !important;
        width: 100% !important;
        height: 430px !important;
    }			  .swiper-slide.last-slider.swiper-slide-active {
    max-height: 1500px;
}
								 div#swiper-wrapper-88e510c3b17321aa6 {
    margin-bottom: -50px;
}
								 .swiper-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    margin-bottom: -40px;
}
	 }
		  @media (max-width: 550px)and (min-width: 501px) {
			  .swiper-slide.last-slider.swiper-slide-active {
    max-height: 1500px;
}
			   div#swiper-wrapper-88e510c3b17321aa6 {
    margin-bottom: -80px;
}       .swiper-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
        margin-bottom: -90px;
    }
}
	 	 	 	 @media (max-width: 499px)and (min-width: 450px) {
div#swiper-wrapper-a5492247faf9ec34 {
    margin-bottom: -10px;
}
					     .col-6.image_item {
        display: flex;
        align-items: flex-start !important;
        width: 100% !important;
        height: 550px !important;
    }
					 img.img-fluid.group-last {
    margin-top: 30px;
}
					  	          .main-banner .info-section .logo {
        padding-top: 40px!important;
    }
	 }


	 	 	 @media (max-width: 455px)and (min-width: 440px) {
	    .col-6.image_item {
        display: flex;
        align-items: flex-start !important;
        width: 100% !important;
        height: 350px !important;
        margin-top: 0px;
    } 
				     img.img-fluid.group-last {
        margin-top: 0px;
    }
				  	          .main-banner .info-section .logo {
        padding-top: 40px;
    }
	 }

	 	 @media (max-width: 439px)and (min-width: 420px) {
			   .main-banner .info-section .logo {
        padding-top: 20px;
    }
        .col-6.image_item {
        display: flex;
        align-items: flex-start !important;
        width: 100% !important;
        height: 350px !important;
        margin-top: 20px;
    }
img.img-fluid.group-last {
    margin-top: 20px;
}
			  	          .main-banner .info-section .logo {
        padding-top: 40px !important;
    }
	 }
	 @media (max-width: 420px)and (min-width: 400px) { 
		.col-6.image_item {
        display: flex;
        align-items: flex-start !important;
        width: 100% !important;
        height: 325px !important;
        margin-top: 10px;
    }	
		 	          .main-banner .info-section .logo {
        padding-top: 40px;
    }
	 }
	
	   @media (max-width: 400px)and (min-width: 390px) { 
		    .col-6.image_item {
        display: flex;
        align-items: flex-start !important;
        width: 100% !important;
        height: 330px !important;
        margin-top: 1px;
    }
img.img-fluid.group-last {
    margin-top: 20px;
}
		   	          .main-banner .info-section .logo {
        padding-top: 40px;
    }
	 }
	 	   @media (max-width: 390px)and (min-width: 376px) { 
    img.img-fluid.group-last {
        margin-top: 50px;
    }		    .col-6.image_item {
        display: flex;
        align-items: flex-start !important;
        width: 100% !important;
        height: 340px !important;
        /* margin-bottom: 10px; */
        margin-top: 0px;
        margin-top: -30px;
    }
			          .main-banner .info-section .logo {
        padding-top: 40px;
    }
	 }

	   @media (max-width: 375px) { 
   img.img-fluid.group-last {
    margin-top: 10px;
}
		       .main-banner .info-section .logo {
        padding-top: 40px;
    }
	 }


	 
/*video-thumbnail*/
	 /* Set a specific width and height for both the thumbnail and the iframe */
.video-thumbnail, 
.class__iframe {
  width: 750px; /* Or a fixed width, like 560px */
  aspect-ratio: 16/9; /* Maintain the 16:9 aspect ratio */
  height: 430px;
  display: block;
}

.faq-inner-left {
  max-width: 560px; /* Keep it consistent with the video size */
  margin: 0 auto; /* Center the content */
}

.video-placeholder {
  position: relative;
  cursor: pointer;
}

.class__iframe {
  border: none;
}
	   @media (max-width: 748px) { 
		   .video-thumbnail, 
.class__iframe {
  width: 354px; /* Or a fixed width, like 560px */
  aspect-ratio: 16/9; /* Maintain the 16:9 aspect ratio */
  height: 230px;
  display: block;
}
		   
	 }

.section-heading .sub-heading {
    padding-bottom: 7px;
    color: #008ACF;
    font-family: Ubuntu;
    font-size: 64px;
    font-style: italic;
    font-weight: 700;
    line-height: 62.332px;
    letter-spacing: -1.28px;
	margin-bottom: 12px;
}

    .right-part > img {
	position: relative;
    bottom: 40px;
    left: 0;
    min-height: unset;
    width: 100%;
    min-width: unset;
    }

.hero-image-container {
    position: relative;
    display: inline-block; /* Ensures it wraps around the image */
}

.img__hero__right {
	position: relative;
}

.main-banner .right-part {
    width: 620px;
}

.hero-image-container::before {
    content: "";
    position: absolute;
	right: -22%;
    top: 75%;
    z-index: 0;
    transform: translateY(-50%);
    width: 333.64px;
    height: 333.64px;
    background-image: url(/wp-content/uploads/2025/02/Exclude.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.hero-image-container::after {
	content: "";
    position: absolute;
	left: -11%;
    top: 21%;
    transform: translateY(-50%);
    width: 228.328px;
    height: 61.293px;
    background-image: url(/wp-content/uploads/2025/02/Group.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.stats-container {
	position: relative;
    display: flex;
    justify-content: center;
	gap: 86px;
/*     padding: 20px; */
}

.stat-box {
    text-align: center;
    color: white;
/*     padding: 10px 20px; */
}

/* .stat-box:first-child {
    border-left: none;
} */

.stat-year, .stat-current, .stat-goal {
	color: #85CDDF;
    text-align: center;
    font-family: Ubuntu;
    font-size: 32.709px;
    font-style: normal;
    font-weight: 700;
    line-height: 32.709px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.stat-current {
    color: #C1D72E; /* Greenish color for 'CURRENTLY' */
}

.stat-goal {
    color: #E69A38; /* Orange color for 'GOAL BY 2026' */
}

.stat-number {
	color: #FFF;
    text-align: center;
    font-family: Ubuntu;
    font-size: 168.995px;
    font-style: normal;
    font-weight: 700;
    line-height: 156.025px;
    letter-spacing: -3.38px;
}

.stat-label {
    color: #FFF;
    text-align: center;
    font-family: Ubuntu;
    font-size: 47.973px;
    font-style: normal;
    font-weight: 700;
    line-height: 95.117px;
    letter-spacing: -0.959px;
}

.stats-vertical-divider {
width: 3.271px;
height: 273.663px;
opacity: 0.25;
background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,    /* Fully transparent at the top */
        rgba(255, 255, 255, 0.7) 50%, /* Bright white in the center */
        rgba(255, 255, 255, 0) 100%   /* Fully transparent at the bottom */
    );
}

.group {
	position: absolute;
    left: 0;
    bottom: 30px;
    opacity: 0.5;

}

.ucs-statistics {
            display: flex;
            justify-content: center;
            align-items: self-start;
            text-align: center;
    background-color: #F0EFF1;
    padding: 157px 40px 160px;
	gap: 45px;
        }

        .ucs-stat {
   			 flex: 1;
  			  max-width: 316px;
        }

.ucs-stat-number {
    font-family: Ubuntu;
    font-size: 110px;
    font-weight: 700;
    line-height: 144.331px;
    letter-spacing: -2.2px;
    margin-bottom: 10px;
}

        .ucs-stat-text {
    color: #535353;
    font-family: Ubuntu;
    font-size: 24px;
    line-height: 32px;
        }

.ucs-statistics > .stats-vertical-divider {
    background: radial-gradient(circle, rgba(0, 138, 207, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

        .ucs-stat:nth-child(1) .ucs-stat-number { color: #BECC00; }
        .ucs-stat:nth-child(3) .ucs-stat-number { color: #85CDDF; }
        .ucs-stat:nth-child(5) .ucs-stat-number { color: #0164AE; }
        .ucs-stat:nth-child(7) .ucs-stat-number { color: #FF7A33; }


.ucs-map-wrapper {
    background: white;
    padding: 104px 20px 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    text-align: center;
	min-height: 1000px;
    background-image: url(/wp-content/uploads/2025/02/map-section-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.ucs-map-title {
	max-width: 793px;
    color: #FFF;
    font-family: Ubuntu;
    font-size: 64px;
    font-weight: 700;
    line-height: 86px;
    margin-bottom: 70px;
}

.ucs-map-wrapper img {
    max-width: 100%;
    border-radius: 5px;
}


/* <><><><><><><><><><><><><><><> */

.time-line-section {
    background: #FFF;
    padding: 113px 0 120px;
}

.section-heading .heading {
    color: #EE9725;
    font-size: 64px;
    font-weight: 700;
    line-height: 70.105px;
    letter-spacing: -1.28px;
}

.time-line-section .timeline-slide.active .date, .time-line-section .owl-item.center .timeline-slide .date {
    color: #008ACF;
    font-size: 38.87px;
    font-style: normal;
/*     line-height: 57.589px; */
    letter-spacing: 3.887px;
}

.time-line-section .timeline-slide.active .timeline-copy img, .time-line-section .owl-item.center .timeline-slide .timeline-copy img {
    border: 6.68507px solid #008ACF;
}

.time-line-section .timeline-slide.active .date:after, .time-line-section .owl-item.center .timeline-slide .date:after {
    background: #008ACF;
}

.timeline-copy p:first-of-type {
    font-size: 24px;
    font-weight: 700;
    line-height: 34.667px;
    letter-spacing: -0.24px;
}

.ucs-register {
    text-align: center;
    padding: 145px 20px 0;
}

.ucs-register-btn {
	display: flex;
    width: 420px;
    height: 84px;
    padding: 27.086px 70.516px;
    justify-content: center;
    align-items: center;
    gap: 12.312px;
    flex-shrink: 0;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 43.672px;
    letter-spacing: 2.4px;
    text-transform: capitalize;
    border-radius: 6.156px;
    background: #008ACF;
    margin: auto;
	cursor: pointer;
    transition: background 0.3s ease;
}

.ucs-register-btn:hover {
    background-color: #0071A8;
}

.ucs-register-text {
    margin-top: 36px;
    max-width: 1012px;
    margin-left: auto;
    margin-right: auto;
    color: #201627;
    font-size: 20px;
    line-height: 34.667px;
    letter-spacing: -0.2px;
}

.ucs-register-link {
	color: #008ACF !important;
    font-weight: bold;
    text-decoration-line: underline !important;
    text-underline-position: from-font;
}



.ucs-register-link:hover {
    text-decoration: underline;
}

/* <><><><><><><><><><><><><><><><><><> */

.ucs-learn-more {
text-align: center;
    padding: 110px 20px 120px;
    background: linear-gradient(to top, transparent 30%, #F0EFF1 0%);
}

.ucs-section-title {
	color: #0164AE;
    font-size: 64px;
    font-weight: 700;
    line-height: 80.866px;
    letter-spacing: -1.93px;
    margin-bottom: 72px;
}

.ucs-info-cards {
    display: flex;
    justify-content: space-between;
    max-width: 1624px;
    margin: auto;
    margin-bottom: 110px;
}

.container {
    max-width: 1624px;
}

.ucs-card {
	width: 100%;
    max-width: 371px;
}

.ucs-card img {
    max-width: 100%;
    border-radius: 5px;
}

.ucs-card h3 {
    max-width: 290px;
    margin: 44px auto 8px;
    color: #383838;
    font-size: 36px;
    font-weight: 700;
    line-height: 41.782px;
    letter-spacing: -1.253px;
}

.ucs-link {
    color: #008ACF !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-decoration-line: underline;
    text-underline-position: from-font;
}

.ucs-link:hover {
    text-decoration: underline;
}

.ucs-video {
    position: relative;
    display: inline-block;
    max-width: 1625px;
    margin: auto;
}

.ucs-video-thumbnail {
    width: 100%;
    border-radius: 10px;
}

.ucs-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ucs-video-btn {
    font-size: 50px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 20px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.ucs-video-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}

.video_wrapper {
    max-width: unset;
}


/* <><><><><><><><><><><><><><><><><><> */

.events-grid {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.event-card {
	text-align: center;
    max-width: 331.284px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    width: 331.284px;
    padding: 15.203px;
    flex-direction: column;
/*     justify-content: center; */
    align-items: flex-start;
    gap: 15.203px;
    flex-shrink: 0;
    border-radius: 6.081px;
    border: 2.28px solid #9F9F9F;
    background: #F0EFF1;
	justify-content: space-between;
}

.event-card img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.event-date {
	color: #505050;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.325px;
    letter-spacing: -0.22px;
}

.event-card h3 {
    color: #505050;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.325px;
    letter-spacing: -0.24px;
    text-align: start;
}

.event-card p {
/*     font-size: 14px;
    color: #555; */
}

.event-card a {
    color: #505050;
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.event-card a:hover {
    color: #008ACF;
}

/* <><><><><><><><><><><><><><><><> */

/* 
.footer-section {
    background-color: transparent;
    background-image: url(/wp-content/uploads/2025/02/Group-35779.png);
} */


/* <><><><><><><> Footer 2/25/2025 <><><><><><><> */

/* <><><><><><><> Footer 2/25/2025 end <><><><><><><> */


.faq-section-main .faq-section {
    max-width: 1608px;
    padding: 170px 0;
    gap: 90px;
}

.faq-section-main .faq-inner-left {
    width: 100%;
    max-width: 778px;
}

.flex {
    flex-wrap: unset;
}

.faq-section-main .faq-inner-right h2 {
    text-align: unset;
    color: #008ACF;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    line-height: 41.654px;
    margin-bottom: 26px;
}


.main-banner .flex-container {
        padding: 0 0 111px;
    }

.main-banner .left-part {
    max-width: 901px;
}


@media	(max-width: 1760px) {

.main-banner {
        padding: 140px 0 91px;
	overflow: hidden;
    }

.main-section-end {
    min-height: 91px;
}

	.main-banner .left-part {
    max-width: 743px;
}

h1.section-title2 {
    font-size: 89.289px;
    line-height: 88.359px;
	margin-bottom: 26px;
}

.main-banner .right-part {
    width: 481px;
}

.hero-image-container::after {
    width: 173.09px;
    height: 45.97px;
    left: -8%;
    top: 14%;
}

.hero-image-container::before {
    width: 250.232px;
    height: 250.232px;
    right: -24%;
}

.flex-container {
    column-gap: 57px;
}

    .main-banner .flex-container {
        max-width: 1281px;
        padding: 0 0 60px;
    }

.stats-container {
    gap: 65px;
}

.stat-year, .stat-current, .stat-goal {
    margin-bottom: 11px;
    font-size: 27.189px;
    line-height: 27.189px;
}

.stat-number {
    font-size: 140.477px;
    line-height: 129.696px;
    letter-spacing: -2.81px;
}

.stat-label {
    font-size: 39.877px;
    line-height: 79.066px;
    letter-spacing: -0.798px;
}

.group {
    left: -8px;
    bottom: 135px;
    width: 166.603px;
    height: 44.247px;
}

/* <><><><><><><><><> 2nd section <><><><><><><><><> */

.faq-section-main .faq-section.flex {
        max-width: 1170px;
        padding: 130px 0 90px;
        gap: 72px;
    }

    .faq-section-main .faq-inner-right {
        padding: 0;
    }

.faq-section-main .faq-inner-left {
        max-width: 584px;
    }

.faq-section-main .faq-inner-right h2 {
    margin-bottom: 20px;
    font-size: 27.877px;
    line-height: 31.241px;
}

p.champ-para {
    font-size: 20px;
    line-height: 28px;
}

/* <><><><><><><><><> 3nd section <><><><><><><><><> */

h2.apparoach {
    padding-bottom: 18px;
    font-size: 47.846px;
    line-height: 51.285px;
    letter-spacing: -1.224px;
}

p.lead {
    max-width: 713px;
    margin-bottom: 33px;
    font-size: 20px;
    line-height: 28px;
}

h3.inclusive-support {
    max-width: 315px;
    font-size: 32px;
    line-height: 41.023px;
}

h3.school-engag {
    font-size: 32px;
    line-height: 41px;
}

.text-content {
    margin-left: -150px;
}

.element-text {
    margin-top: -157px;
    padding-bottom: 120px;
}

h3.youth-leadership {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px;
    margin-left: 80px;
    margin-bottom: -35px;
}

.ucs-statistics {
    padding: 100px 40px 150px;
    gap: 28px;
}

.ucs-stat-number {
    font-size: 90px;
    line-height: 108.248px;
    letter-spacing: -1.8px;
    margin-bottom: 16px;
}

.ucs-stat-text {
    font-size: 18px;
    line-height: 24px;
}

.ucs-stat {
    max-width: 237px;
}

/* <><><><><><><><><> 4nd section <><><><><><><><><> */

.ucs-map-wrapper {
    padding: 76px 50px 110px;
}

.ucs-map-title {
    margin-bottom: 27px;
    font-size: 59.984px;
    line-height: 70px;
}

.ucs-map-wrapper img {
	width: 100%;
    max-width: 1282px;
}

/* <><><><><><><><><> 5nd section <><><><><><><><><> */

.time-line-section {
    padding: 145px 0 90px;
}

.section-heading .sub-heading {
    margin-bottom: 10px;
    font-size: 46.057px;
    line-height: 46.749px;
    letter-spacing: -0.921px;
}

.section-heading .heading {
    font-size: 47.321px;
    line-height: 52.579px;
    letter-spacing: -0.946px;
}

	.time-line-section > .container {
        max-width: 1390px;

}

.time-line-section .timeline-slider .timeline-copy {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
}

.time-line-section .timeline-slide .timeline-copy p {
    margin-top: 0;
	max-width: 303px;
	margin: auto;
}


.timeline-copy p:first-of-type {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
	padding-top: 10px;
}

.ucs-register-btn {
    font-size: 20px;
    line-height: 32.754px;
    letter-spacing: 2px;
    width: 315px;
    height: 63px;
    padding: 0;
}

.ucs-register-text {
    max-width: 759px;
    margin-top: 27px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
}


/* <><><><><><><><><> 5nd section <><><><><><><><><> */

.ucs-learn-more {
    padding: 82px 20px 90px;
}

.ucs-section-title {
    margin-bottom: 54px;
    font-size: 56.582px;
    line-height: 60.649px;
    letter-spacing: -1.448px;
}

.ucs-info-cards {
    max-width: 1219px;
    gap: 34px;
}

.ucs-card h3 {
    margin: 33px 0 8px;
    font-size: 27.159px;
    line-height: 31.337px;
    letter-spacing: -0.94px;
}

.ucs-link {
    font-size: 18px;
    line-height: 24px;
}

button.videoPoster.js-videoPoster:before {
    width: 205.387px;
    height: 205.387px;
}

p.subtitle {
    max-width: 785px;
}

.event-card {
   	 max-width: 248px;
        padding: 11.402px;
        gap: 11.402px;
}

.event-date {
    font-size: 17px;
    line-height: 18.243px;
    letter-spacing: -0.17px;
    margin-bottom: 0;
}

.event-card h3 {
    font-size: 16.533px;
    line-height: 18.243px;
    letter-spacing: -0.165px;
}

.event-card a {
    font-size: 14.823px;
}



/* <><><><><><><> Footer 2/25/2025 <><><><><><><> */



}

@media (max-width: 1290px) {

.main-banner {
        padding: 116px 0 44px;
    }

.main-banner .flex-container {
        gap: 12px;
        padding: 0 40px 60px;
    }

    .hero-image-container::before {
        right: -28%;
        width: 177.943px;
        height: 177.943px;
    }

.hero-image-container::after {
        left: -7%;
        top: 22%;
        width: 121.775px;
        height: 32.69px;
    }

.main-banner .right-part {
        width: 342.044px;
    }

    .main-banner .left-part {
        max-width: 528px;
    }

    h1.section-title2 {
        font-size: 64px;
        line-height: 62.833px;
        margin-bottom: 18px;
    }

.main-banner .info-section p {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 33px;
    }

.stats-container {
        gap: 50px;
    }

    .stat-year, .stat-current, .stat-goal {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 19.334px;
    }

    .stat-number {
        font-size: 85px;
        line-height: 92.228px;
        letter-spacing: -1.7px;
    }

    .stat-label {
        font-size: 26px;
        line-height: 56.225px;
        letter-spacing: -0.52px;
    }

.group {
        left: -52px;
        top: 20px;
        width: 117.211px;
        height: 31.465px;
    }

.stats-vertical-divider {
    width: 1.933px;
    height: 161.765px;
}

/* <><><><><><><><><> 2nd section <><><><><><><><><> */


    .faq-section-main .faq-inner-left {
        max-width: 784px;
    }

    .faq-section-main .faq-section.flex {
        padding: 70px 50px 65px;
        display: flex;
        flex-direction: column;
        gap: 58px;
    }

.faq-inner-left img {
        content: url("/wp-content/uploads/2025/02/Screen-Shot-2022-09-21-at-6.41-1-2.png");
    }

.faq-section-main .faq-inner-right {
	width: 100%;
    max-width: 784px;
}

    .faq-section-main .faq-inner-right h2 {
        margin-bottom: 24px;
        font-size: 56px;
        line-height: 64px;
    }

    p.champ-para {
        line-height: 32px;
    }

/* <><><><><><><><><> 3nd section <><><><><><><><><> */

.container-fluid.animation {
        overflow: hidden;
    }

.desc-heading {
        margin: auto;
    }

.approach-item2 {
        flex: 0 0 78%;
    }

.approach-desktop-element {
    position: relative;
}

.text-content {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: unset;
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    h3.inclusive-support {
        max-width: 474px;
        font-size: 34px;
        line-height: 29.172px;
        margin: auto;
    }

    .element-text {
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: unset;
        position: absolute;
        bottom: 7%;
        right: -10%;
        transform: translate(50%, -50%);
        text-align: center;
    }

    h3.school-engag {
        font-size: 34px;
        line-height: 29.156px;
        max-width: 374px;
    }


    .approach-item3 {
        flex: 0 0 0;
    }

    .approach-item1 {
        flex: 0 0 0%;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: unset;
        position: absolute;
		bottom: 10%;
        left: -29%;
        transform: translate(0%, -50%);
        text-align: center;
    }

    h3.youth-leadership {
        font-size: 34px;
        line-height: 29.156px;
        margin: 0;
        padding: 0;
    }

.approach-image {
    margin: 90px 0 173px;
}

.container-fluid.animation {
    background: transparent;
}

.ucs-stat {
	max-width: unset;
    flex: 1 1 45%;
}

    .ucs-statistics .stats-vertical-divider:nth-of-type(4) {
        display: none; /* Hide the 3rd divider */
    }

.ucs-statistics {
        padding: 100px 40px 150px;
        gap: 28px;
        flex-wrap: wrap;
    }

.ucs-stat-number {
        font-size: 64px;
        line-height: 76.977px;
        letter-spacing: -1.28px;
        margin-bottom: 11px;
    }

    .ucs-stat-text {
        max-width: 272px;
        font-size: 20px;
        line-height: 23px;
        margin: auto;
    }

.ucs-statistics {
	padding: 55px 40px 77px;
        row-gap: 58px;
    }

.stats-vertical-divider {
        width: 1.614px;
        height: 226.378px;
    }

/* <><><><><><><><><> 4nd section <><><><><><><><><> */


    .ucs-map-wrapper {
        padding: 82px 50px 144px;
        min-height: unset;
    }

    .ucs-map-wrapper img {
        max-width: 864px;
    }

    .ucs-map-title {
        margin-bottom: 73px;
        font-size: 56px;
        line-height: 62px;
    }

/* <><><><><><><><><> 5nd section <><><><><><><><><> */



    .time-line-section {
        padding: 87px 0 120px;
    }

    .time-line-section .section-heading {
        padding-bottom: 87px;
    }

    .time-line-section .timeline-slider {
        padding-left: 0;
        max-width: 800px;
        margin: auto;
    }

.owl-carousel .owl-stage-outer {
    overflow: visible;
    max-width: 375px;
    margin: auto;
}

.time-line-section .timeline-slider .timeline-slide {
        max-width: 375px;
    }

.time-line-section .timeline-container .timeline-slider:before {
        width: calc(65% + 15px);
        right: -119px;
    }

    .section-heading .sub-heading {
        margin-bottom: 23px;
        padding: 0;
        font-size: 40px;
        line-height: 33.244px;
        letter-spacing: -0.8px;
    }

    .section-heading .heading {
        font-size: 48px;
        line-height: 37.39px;
        letter-spacing: -0.96px;
    }

.ucs-register {
    text-align: center;
    padding: 80px 20px 0;
}


/* <><><><><><><><><> 6nd section <><><><><><><><><> */


.video_wrapper {
        margin: 95px auto 60px;
    }

    .ucs-learn-more {
        padding: 80px 20px 80px;
    }
    .ucs-section-title {
        margin-bottom: 53px;
        font-size: 48px;
        line-height: 43.129px;
        letter-spacing: -1.029px;
    }

    .ucs-info-cards {
        max-width: 866px;
        gap: 24px;
    }

    .ucs-card h3 {
        margin: 23px 0 8px;
        font-size: 22px;
        line-height: 22.284px;
        letter-spacing: -0.668px;
    }

    .video_wrapper {
        width: 100%;
        max-width: 866px;
    }

    button.videoPoster.js-videoPoster:before {
        width: 146.053px;
        height: 146.053px;
    }

.ucs-learn-more {
    background: linear-gradient(to top, transparent 35%, #F0EFF1 0%);
}

    p.subtitle {
        max-width: 673px;
        font-size: 23.694px;
        line-height: 31.592px;
        letter-spacing: -0.237px;
    }

.events-grid {
    gap: 16px;
    max-width: 590px;
}


}


@media (max-width: 768px) {

.video_wrapper {
        margin: 95px auto 0px;
    }


    .ucs-section-title {
        font-size: 40px;
        line-height: 44px;
    }

    button.videoPoster.js-videoPoster:before {
        width: 110.339px;
        height: 110.339px;
    }

    .main-banner .flex-container {
        align-items: baseline;
    }

    h1.section-title2 {
		font-size: calc(38px + (64 - 38) * ((100vw - 425px) / (768 - 425)));
        line-height: calc(41px + (62.833 - 41) * ((100vw - 425px) / (768 - 425)));
        margin-bottom: calc(10px + (18 - 10) * ((100vw - 425px) / (768 - 425)));
		padding: 0;
    }

.main-banner .info-section p {
    font-size: calc(20px + (24 - 20) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(32px + (33 - 32) * ((100vw - 425px) / (768 - 425)));
}

    .main-banner .right-part {
        width: 342.044px;
        margin: 0 auto 40px;
    }

.stat-year, .stat-current, .stat-goal {
    font-size: calc(14px + (20 - 14) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(8.254px + (19.334 - 8.254) * ((100vw - 425px) / (768 - 425)));
    margin-bottom: calc(5px + (8 - 5) * ((100vw - 425px) / (768 - 425)));
}

.stat-number {
    font-size: calc(48px + (85 - 48) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(39.372px + (92.228 - 39.372) * ((100vw - 425px) / (768 - 425)));
    letter-spacing: calc(-0.96px + (-1.7 + 0.96) * ((100vw - 425px) / (768 - 425)));
}

.stats-container {
    gap: calc(20px + (50 - 20) * ((100vw - 425px) / (768 - 425)));
        align-items: center;
}

.stats-vertical-divider {
    width: calc(0.825px + (1.614 - 0.825) * ((100vw - 425px) / (768 - 425)));
    height: calc(69.057px + (226.378 - 69.057) * ((100vw - 425px) / (768 - 425)));
}

.faq-section-main .faq-section.flex {
    padding: 70px calc(32px + (50 - 32) * ((100vw - 425px) / (768 - 425))) 
             calc(60px + (65 - 60) * ((100vw - 425px) / (768 - 425)));
    gap: calc(35px + (58 - 35) * ((100vw - 425px) / (768 - 425)));
}

.main-banner .flex-container {
    padding: 0 calc(27px + (40 - 27) * ((100vw - 425px) / (768 - 425)));
}

.faq-section-main .faq-inner-right h2 {
    font-size: calc(32px + (56 - 32) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(39px + (64 - 39) * ((100vw - 425px) / (768 - 425)));
}

h2.apparoach {
    padding-bottom: calc(18px + (24 - 18) * ((100vw - 425px) / (768 - 425)));
    font-size: calc(40px + (47.846 - 40) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(44px + (51.285 - 44) * ((100vw - 425px) / (768 - 425)));
}

p.lead {
    max-width: calc(326.407px + (713 - 326.407) * ((100vw - 425px) / (768 - 425)));
    margin-bottom: calc(33px + (96 - 33) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(28px + (32 - 28) * ((100vw - 425px) / (768 - 425)));
}

.ucs-statistics {
        flex-direction: column;
        align-items: center;
    }

.ucs-statistics .stats-vertical-divider {
        display: none;
    }

    .ucs-statistics {
        padding: 70px 40px;
        row-gap: 53px;
    }

.ucs-map-wrapper {
        display: none;
    }

.time-line-section {
        padding: 85px 0 62px;
    }

.section-heading .sub-heading {
    margin-bottom: calc(12px + (23 - 12) * ((100vw - 425px) / (768 - 425)));
    font-size: calc(30px + (40 - 30) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(36px + (33.244 - 36) * ((100vw - 425px) / (768 - 425)));
    letter-spacing: calc(-0.6px + (-0.8 + 0.6) * ((100vw - 425px) / (768 - 425)));
}

.section-heading .heading {
    font-size: calc(40px + (42 - 40) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(42px + (42.39 - 42) * ((100vw - 425px) / (768 - 425)));
    letter-spacing: calc(-0.8px + (-0.96 + 0.8) * ((100vw - 425px) / (768 - 425)));
}

    .time-line-section .section-heading {
        padding-bottom: 48px;
    }



    .timeline-copy p:first-of-type {
        font-size: 28px;
        line-height: 30px;
        letter-spacing: -0.28px;
    }


.timeline-copy p:nth-of-type(2) {
	margin-top: 21px;
    font-size: 20px;
    max-width: 349px;
    letter-spacing: -0.2px;
    line-height: 30px;
}

    .time-line-section .timeline-slide .timeline-copy p {
        max-width: 349px;
        margin-top: 21px;
    }

    .ucs-register-btn {
        font-size: 18px;
        line-height: 23.292px;
        letter-spacing: 1.8px;
        max-width: 224px;
        height: 44.8px;
        border-radius: 3.283px;
    }
.ucs-register-text {
    max-width: calc(338px + (632 - 338) * ((100vw - 425px) / (768 - 425)));
    font-size: calc(20px + (16 - 20) * ((100vw - 425px) / (768 - 425)));
    line-height: calc(29px + (26 - 29) * ((100vw - 425px) / (768 - 425)));
    letter-spacing: calc(-0.2px + (-0.16 + 0.2) * ((100vw - 425px) / (768 - 425)));
}

.ucs-learn-more {
        padding: 57px 0px 54px;
    }

    .ucs-info-cards {
        flex-wrap: wrap;
        justify-content: center;
	        padding: 0 35px;
    }



}

/* ========== HERO BUTTONS ========== */
.hero-buttons {
    display: flex;
    gap: 20px;
}

/* General Button Styles */
.btn {
    padding: 14.5px 20px;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 700;
    line-height: 30.079px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    display: inline-block;
}

/* Primary Button */
.primary-btn {
    background: #fff;
    color: #0164AE !important;
}

.primary-btn:hover {
	background: #FF8E36;
    color: #fff !important;
    border-color: #FF8E36;
}

/* Secondary Button */
.secondary-btn {
    background: transparent;
    color: #fff !important;
}

.secondary-btn:hover {
    background: #fff;
    color: #0164AE !important;
}

/* =================== MEDIA QUERIES =================== */

/* Medium screens (max-width: 1760px) */
@media (max-width: 1760px) {
    .btn {
        padding: 11.5px 20px;
        border: 1.837px solid #FFF;
        border-radius: 4.24px;
        font-size: 18.367px;
        letter-spacing: 1.837px;
    }

    .hero-buttons {
        gap: 18px;
    }
}

/* Smaller screens (max-width: 1290px) */
@media (max-width: 1290px) {
    .btn {
        padding: 12px 20px;
        font-size: 20px;
        line-height: 29.205px;
        letter-spacing: 2px;
    }
}

/* Small screens (max-width: 550px) */
@media (max-width: 550px) {
    .hero-buttons {
        flex-direction: column;
    }

    .btn {
        text-align: center;
    }
}


/* <><><><><><><><><><> extra starts here <><><><><><><><><> */

.hero-buttons {
    margin-top: 50px;
}

@media (max-width: 1290px) {
    .hero-buttons {
    margin-top: 30px;
    }
}


@media (max-width: 768px) {
    .hero-buttons {
    margin-top: 27px;
    }
}

/* <><><><><><><><><><> extra ends here <><><><><><><><><> */


/* See More Section */
.see-more {
    /* Default (above 1760px) */
    margin-top: 114px;
}

.see-more a {
    color: #0065AE;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

/* Responsive override for smaller screens (max-width:1760px) */
@media (max-width:1760px) {
    .see-more a {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.2px;
    }

    .see-more {
        margin-top: 77px;
    }
}

/* For screens 1290px and below */
@media (max-width: 1290px) {
    .see-more {
        margin-top: 80px;
    }
}

/* For screens 767px (or 768px) and below */
@media (max-width: 767px) {
    .see-more {
        margin-top: 60px;
    }
}

@media (max-width: 585px) and (min-width: 560px) {
    .event-card {
        max-width: 238px;
    }
}

@media (max-width: 400px) {
    .btn {
        font-size: 16px;
        line-height: 26.205px;
        letter-spacing: 1px;
    }

    .group {
        display: none;
    }

.ucs-map-title {
        font-size: 48px;
        line-height: 54px;
    }

.ucs-map-wrapper {
        padding: 82px 30px 144px;
	}        

}
