a.nav-btn {
    background: #282B31;
}

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

.site-header .main-navigation .menu li a:hover {
    color: #FFC8C8;
}

.menu-item-has-children:hover > a .menu-arrow, .menu-item-has-children.active > a .menu-arrow {
    background-color: #FFC8C8;
}

.wp-approach-title .wp-description {
    max-width: 474px;
}

.see-more a {
    color: #D92D27;
}

/* .resources-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1024px;
    margin: auto;
} */

@media (max-width: 1199px) {
    .main-navigation .menu-main-menu-container {
        background: #282B31;
    }

#primary-menu > li:last-child {
        background: #BC1610;
    }

}

.resource-card {
    width: 100%;
}

@media (max-width: 1290px) {
.resources-grid {
    display: none;
}
}

.hero-main {
padding: 180px 0 170px;
background: var(--Linear-Red, linear-gradient(229deg, #F8434C 11.63%, #BC1610 73.76%));
}

.hero-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
	max-width: 1632px;
    margin: auto;
}

.hero-content {
    max-width: 50%;
}



.hero-content h1 {
    margin-bottom: 32px;
    font-size: 100px;
    line-height: 115.711px;
    letter-spacing: -2.245px;
}

.hero-content p {
	max-width: 537px;
    font-size: 21px;
    line-height: 30.219px;
    margin-bottom: 32px;
}

.hero-buttons {
    display: flex;
    gap: 20px;
}

.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;
}



.primary-btn {
    background: #fff;
    color: #BC1610 !important;
}

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

.secondary-btn {
    background: transparent;
    color: #fff !important;
}

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

/* Image Section */
.hero-images {
    position: relative;
    display: flex;
    align-items: center;
}

.main-image img {
	width: 714.555px;
    position: relative;
    z-index: 1;
}

.small-image {
    position: absolute;
    bottom: -20px;
    left: -30px;
    width: 100px;
}

.small-image img {
    max-width: 274.518px;
    position: relative;
    z-index: 2;
}

.main-image::before {
    content: "";
    position: absolute;
    right: -8%;
    bottom: -37%;
    z-index: 0;
    transform: translateY(-50%);
    width: 333.64px;
    height: 333.64px;
    background-image: url(/wp-content/uploads/2025/03/Exclude-Black.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.main-image::after {
    content: "";
    position: absolute;
    left: -2%;
    top: 15%;
    transform: translateY(-50%);
    width: 156.447px;
    height: 61.293px;
    background-image: url(/wp-content/uploads/2025/03/black-dots.png);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.hero-section-end {
    background-image: url(/wp-content/uploads/2025/03/hero-bottom-red-1.png);
    background-size: contain;
    margin-top: -1px;
    min-height: 92px;
}


@media (max-width:1760px) {

.hero-main {
    padding: 200px 0 144px;
    overflow: hidden;
}

.hero-section {
    transform: translateX(80px);
}

.main-image img {
    width: 645.557px;
}

.main-image::before {
    width: 289.662px;
    height: 289.662px;
}

.small-image img {
    max-width: 248.01px;
}

.hero-content h1 {
    margin-bottom: 30px;
    font-size: 85px;
    line-height: 103px;
    letter-spacing: -2.245px;
}

.hero-content p {
    max-width: 401.315px;
    font-size: 18.367px;
    line-height: 27.751px;
    margin-bottom: 40px;
}

.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;
}



}

@media (max-width: 1290px) {

.hero-main {
        padding: 165px 0 110px;
    }

.hero-section-end {
    min-height: 65px;
}

    .main-image img {
        max-width: 513.534px;
    }

    .small-image img {
        max-width: 197.29px;
    }

    .main-image::before {
        width: 230.423px;
        height: 230.423px;
        right: -11%;
        bottom: -34%;
    }

    .hero-content h1 {
        margin-bottom: 20px;
        font-size: 75px;
        line-height: 79px;
        letter-spacing: -2.245px;
    }

.main-image::after {
    width: 112.435px;
    height: 30.181px;
}

    .hero-content p {
        max-width: 395px;
        font-size: 20px;
        line-height: 30.219px;
    }

    .btn {
        padding: 12px 20px;
        font-size: 20px;
        line-height: 29.205px;
        letter-spacing: 2px;
    }

.hero-content {
    min-width: 546px;
}

    .hero-section {
        gap: 0px;
    }


}

@media (max-width: 1023px) {
    .hero-section-end {
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media (max-width: 990px) {
    .hero-section {
        transform: unset;
        flex-direction: column;
        gap: 40px;
    }

	.hero-content {
        min-width: unset;
        width: 100%;
        max-width: 90%;
    }

}

@media (max-width: 768px) {
    .hero-main {
        padding: 125px 0 83px;
    }

    .main-image img {
        width: 100%;
        padding: 0 35px 0 20px;
    }

    .hero-content h1 {
        max-width: 407px;
        margin-bottom: 22px;
        font-size: 48.64px;
        line-height: 58.486px;
        letter-spacing: -1.022px;
    }

}

@media (max-width: 500px) {

    .hero-content h1 {
        font-size: 42.64px;
        line-height: 47.486px;
    }

}

@media (max-width: 550px) {

.small-image img {
        max-width: 131.067px;
    }

.small-image {
    bottom: -2px;
    left: 14px;
    width: unset;
}

    .main-image::before {
        width: 153.078px;
        height: 153.078px;
        right: 2%;
        bottom: -27%;
    }

.main-image::after {
        width: 74.695px;
        height: 20.051px;
        left: 8%;
        top: 12%;
    }

.hero-buttons {
    flex-direction: column;
}

    .btn {
        text-align: center;
    }



    .hero-content p {
        max-width: 349px;
    }


}

/* <><><><><><><> other css section <><><><><><><> */

/* Section Wrapper */
.young-athletes-info {
    display: flex;
    justify-content: center;
    padding: 180px 40px 135px;
    background-color: #fff;
}

/* Main Content Wrapper */
.young-athletes-wrapper {
    max-width: 1494px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 110px;
}

.young-athletes-media, #youngAthletesVideo {
    position: relative;
    width: 100%;
    max-width: 688px;
}

/* Thumbnail Image */
.young-athletes-thumbnail {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
}

.young-athletes-thumbnail img {
    width: 100%;
    border-radius: 10px;
}

/* Play Button */
.young-athletes-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: 0.3s;
}

.young-athletes-play-btn img {
    max-width: 125px;
}

.young-athletes-play-btn:hover {
    opacity: 0.8;
}

/* Initially Hide YouTube Video */
.young-athletes-video {
    display: none;
    width: 100%;
    border-radius: 10px;
}

.young-athletes-content {
	max-width: 693px
}

.young-athletes-heading {
    color: #201627;
    font-size: 62.222px;
    line-height: 63.862px;
    letter-spacing: -1.524px;
    margin: 16px 0 32px;
}
.young-athletes-description {
    color: #535353;
    font-size: 18px;
    line-height: 27px;
    max-width: 609px;
}



/* SECTION WRAPPER */
.inclusive-story-section {
background: 
        #F0EFF1 url("/wp-content/uploads/2025/03/Frame-1000002641.png") no-repeat top center;
    background-size: contain;
    padding: 140px 0px 260px;
    text-align: center;
	position: relative;
}


.inclusive-story-section::before {
    content: "";
    position: absolute;
    left: -20%;
    bottom: 14%;
    z-index: 0;
/*     transform: translateY(-50%); */
    width: 662px;
    height: 662px;
    background-image: url(/wp-content/uploads/2025/03/Exclude-half-orange1.png);
    background-size: contain;
    background-repeat: no-repeat;
	display:none;
}

/* CONTAINER */
.inclusive-story-wrapper {
    max-width: unset;
    margin: 0 auto;
    position: relative;
	overflow: visible;
/*     background: linear-gradient(to top, #F0EFF1 30%, transparent 0%); */
}


/* TITLE */
.inclusive-story-title {
	 max-width: 1052px;
    color: #fff;
    font-size: 64px;
    line-height: 78.667px;
    letter-spacing: -1.28px;
	margin: auto;
    margin-bottom: 52px;
}

/* SUBTEXT */
.inclusive-story-subtext {
    max-width: 756px;
    color: #DEDEDE;
    font-size: 22px;
    line-height: 25.675px;
    margin: auto;
    margin-bottom: 144px;
}

/* VIDEO CONTAINER */
.inclusive-story-video-container {
    position: relative;
    max-width: 1431px;
    margin: 0 auto;
}

/* THUMBNAIL */
.inclusive-story-thumbnail {
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.inclusive-story-thumbnail:hover {
    transform: scale(1.02);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

/* THUMBNAIL IMAGE */
.inclusive-story-thumbnail img {
    width: 100%;
    display: block;
}

/* PLAY BUTTON */
.inclusive-story-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

.inclusive-story-play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

/* VIDEO FRAME */
.inclusive-story-video-frame {
    display: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}



/* 
    //////////////////
   //			   //
  //			  //
 ///////////////// */


@media (max-width: 1760px) {

.young-athletes-info {
    display: flex;
    justify-content: center;
    padding: 170px 20px 160px;
    background-color: #fff;
}

.young-athletes-wrapper {
    max-width: 1179px;
    gap: 72px;
}

.young-athletes-media, #youngAthletesVideo {
    max-width: 539px;
}

.young-athletes-heading {
    font-size: 50px;
}

.young-athletes-description {
    max-width: 546px;
    font-size: 20px;
    line-height: 28px;
}

.inclusive-story-section {
    padding: 105px 0px 150px;
}

.inclusive-story-title {
    max-width: 818px;
    font-size: 56px;
    line-height: 59px;
    letter-spacing: -1.12px;
    margin-bottom: 39px;
}

.inclusive-story-subtext {
    max-width: 567px;
    font-size: 18px;
    line-height: 25.675px;
    margin-bottom: 75px;
}

.inclusive-story-video-container {
    max-width: 1199px;
}

.inclusive-story-section::before {
    left: -13%;
    bottom: 23%;
    width: 497px;
    height: 497px;
}

.inclusive-story-wrapper {
/*     background: linear-gradient(to top, #F0EFF1 35%, transparent 0%); */
}



}

@media screen and (max-width: 1760px) and (min-width: 1291px) {
  .young-athletes-media,
  #youngAthletesVideo {
    height: 390px;
  }
}


@media (max-width: 1290px) {

	.young-athletes-info {
        padding: 90px 40px 80px;
		background: #F0EFF1;
    }

    .young-athletes-wrapper {
        flex-direction: column;
        max-width: 824px;
        align-items: baseline;
    }

    .young-athletes-media, #youngAthletesVideo {
        max-width: 805px;
        aspect-ratio: 805 / 454;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

.young-athletes-content {
    width: 100%;
    max-width: 824px;
}

    .young-athletes-heading {
        font-size: 48px;
        line-height: 62px;
        letter-spacing: -1.524px;
    }

.young-athletes-description {
        max-width: unset;
        line-height: 36.1px;
    }


.inclusive-story-section {
        padding: 100px 0 250px;
    }

    .inclusive-story-video-container {
        max-width: 975px;
        padding: 0 40px;
    }

    .inclusive-story-title {
        max-width: 789px;
        font-size: 62px;
        letter-spacing: -1.24px;
    }

.inclusive-story-subtext {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 98px;
    }

    .inclusive-story-section::before {
        left: -31%;
        bottom: 8%;
    }





}

@media (max-width: 992px) {

    .inclusive-story-title {
        max-width: 450px;
        font-size: 36px;
        line-height: 46px;
        letter-spacing: -0.72px;
    }

    .inclusive-story-subtext {
        max-width: 345px;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 67px;
    }

    .inclusive-story-section::before {
        left: -32%;
        bottom: 16%;
        width: 300px;
        height: 300px;
    }


}


@media (max-width: 500px) {
    .young-athletes-info {
        padding: 40px 0px;
    }

    .young-athletes-content {
        padding: 0 25px;
    }

    .young-athletes-heading {
        font-size: 36px;
        line-height: 38px;
        letter-spacing: 0.72px;
    }

    .young-athletes-description {
        line-height: 30px;
    }

    .inclusive-story-video-container {
        max-width: 975px;
        padding: 0;
    }

.inclusive-story-play-btn {
    width: 86px;
    height: 86px;
}

    .inclusive-story-section::before {
        left: -57%;
        bottom: 2%;
    }

    .inclusive-story-section {
        padding: 100px 0 218px;
    }

.inclusive-story-thumbnail {
    border-radius: unset;
}

}


/* <><><> removel & extra <><><> */

.young-athletes-content img {
display: none;
}



.wp-description span {
    color: #BE131C;
}

.fine-skills .wp-heading {
    color: #8A161C;
}

.social-skills .wp-heading {
    color: #BE131C;
}

.adaptive-skills .wp-heading {
    color: #EC333E;
}

.custom-text-content a {
    color: #BE131C;
}

.regional-teams-text h3 {
    color: #FF3535;
    font-size: 36px;
    font-style: italic;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -1.74px;
    margin-bottom: 32px;
}

.regional-teams-text h2 {
    margin-bottom: 8px;
}

.regional-teams {
    background: #282B31;
    position: relative;
    overflow: hidden;
}

.custom-image-content::before {
display: none;
}

.regional-teams::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 215px;
    bottom: -115px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/wp-content/uploads/2025/03/grid-lines-red.png) no-repeat center;
    background-size: contain;
    z-index: 0;
}

.stats-section {
    background: #F6F6F6;
}

.stat-number {
    color: #BE131C;
}

.resource-card:hover {
    background: #BD141D;
}


.resource-card:hover .resource-link {
    color: #fff;
}

@media (max-width: 1290px) {
    .resource-card:hover {
        background: #F0EFF1;
    }

.resource-card:hover .resource-link {
    color: #BD141D;
}

}


.resource-link img {
    filter: none;
}



@media (max-width: 1760px) {

.wp-approach-title .wp-description {
    max-width: 620px;
}

.regional-teams::before {
    bottom: -180px;
}


}


@media (max-width: 1290px) {

.resource-card .resource-link {
    color: #D92D27;
}

    .resource-link img {
        content: url("/wp-content/uploads/2025/03/arrow-right-red-63ff32.svg"); 
    }

    .wp-approach-title .wp-description {
        max-width: 761px;
    }

.regional-teams::before {
    bottom: -200px;
}


}


@media (max-width: 992px) {


}

@media (max-width: 500px) {
.regional-teams::before {
    bottom: -220px;
    background-size: cover;
}

}

/* <><><> removel & extra <><><> */

/* Testimonial Section */
.testimonial-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Main Container */
.testimonial-container {
    max-width: 1431px;
    width: 100%;
    background: white;
    padding: 85.368px 111.413px;
    text-align: center;
    border: 1.447px solid #E8E8E8;
    box-shadow: 0px 59.324px 50.642px -41.961px rgba(0, 0, 0, 0.10);
    position: relative;
	 cursor: grab;
}

/* Quote Styling */
.testimonial-quote {
    font-size: 46px;
    font-weight: 500;
    line-height: 68.005px;
    letter-spacing: -0.46px;
    color: #000;
}

/* Author Styling */
.testimonial-author {
    display: block;
    font-size: 31.832px;
    font-weight: 600;
    line-height: 37.62px;
    letter-spacing: -0.318px;
    color: #828282;
}

/* Underline Effect */
.testimonial-line {
    width: 136.01px;
    height: 1.447px;
    background: var(--Red-Primary, #BE131C);
    margin: 46.3px auto;
}

/* Navigation Buttons */
.testimonial-navigation {
    position: absolute;
    bottom: -110px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 37px;
}

/* Button Styles */
.nav-button {
background: white;
    border: 1px solid #E5E1E1;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3sease;
}


.nav-button:hover {
    background: #EC333E;
    border: 1px solid #EC333E;
	
}

button.nav-button.next-button {
    transform: rotate(180deg);
}

div.nav-button.prev-button {
    transform: rotate(180deg);
}

.nav-button .svg-arrow-icon {
	width: 28.757px;
	height: 29.655px;
    background-color: #EC333E; /* This sets the color of the SVG */
    -webkit-mask: url("/wp-content/uploads/2025/03/testimonial-arrows-113542.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("/wp-content/uploads/2025/03/testimonial-arrows-113542.svg") no-repeat center;
    mask-size: contain;
 	transition: background-color 0.3s ease;
}

.nav-button:hover .svg-arrow-icon {
    background-color: white;
}


@media (max-width:1760px) {

.testimonial-container {
    max-width: 989px;
    padding: 59px 77px;
}

.testimonial-quote {
    font-size: 32px;
    line-height: 47px;
    letter-spacing: -0.32px;
}

.testimonial-line {
    margin: 32px auto;
    width: 94px;
    height: 1px;
}

.testimonial-author {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: -0.22px;
}

    .testimonial-navigation {
        bottom: -90px;
    }


}



@media (max-width:1290px) {

.inclusive-story-section {
    background: #F0EFF1 url(/wp-content/uploads/2025/03/Frame-1000003138.png) no-repeat top center;
}

    .testimonial-container {
        max-width: 873px;
    }

.testimonial-section {
    padding: 0 30px;
}


}

@media (max-width: 768px) {
    .testimonial-container {
        padding: 59px 24px;
    }
}

@media (max-width: 500px) {

    .testimonial-quote {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.24px;
    }



}

/* ///////// */

.swiper-button-next:after, .swiper-button-prev:after {
display: none;
}

.swiper-pagination-bullet-active {
    background: #EC333E;
}

/* ///////// */


@media (max-width: 1290px) {
    .social-skills .wp-heading {
        max-width: 388px;
    }

    .social-skills {
        bottom: 4%;
    }

    .adaptive-skills {
        bottom: 8%;
    }
	
}

/* #open-popup {
    display: inline-block;
}

#open-popup::after {
    content: "Start a Program"; 
}

@media (max-width: 500px) {
    #open-popup::after {
        content: "Start here"; 
    }
} */

