.body {
    background-color: #fff !important;
}

#header.header-effect-shrink .header-top {
    background: #383c94;
    color: #fff;
}

#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    color: red;
}

/* Default layout for larger devices */
.statistic-box-items {
    /* display: flex; */
    /* justify-content: flex-end; */
    /* align-items: flex-end; */
    /* height: 100%; */
    position: absolute;
    right: 230px;
    bottom: 0;
    padding: 20px;
    top: 215px;
}

/* Adjust layout for small devices */
@media (max-width: 768px) {
    .statistic-box-items {
        position: static;
        float: none;
        top: 0;
        margin-top: 30px; /* Optional: Add margin for spacing */
    }
}

@media (max-width: 1024px) {
    .statistic-box-items {
        position: static;
        float: none;
        top: 0;
        margin-top: 20px; /* Optional: Add margin for spacing */
    }
}



.about-page-section .about-img {
    float: left;
    margin-right: 20px; /* Adjust as needed for spacing between image and text */
    shape-outside: circle(50% at 50% 50%); /* Adjust for the circular shape */
    clip-path: circle(50% at 50% 50%); /* Clip the image to create a circular appearance */
    width: 25%; /* Adjust image size as needed */
}

.about-page-section .about-text {
    text-align: justify;
    font-size: 16px;
    line-height: 1.6;
}


/* Styling remains the same for .statistic-box-item-value and .statistic-box-item-text */
.statistic-box-item-value {
    font-weight: bold;
    font-size: 34px;
    padding: 0;
    margin: 0;
    color: #fff;
}

.statistic-box-item-text {
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #fff;
    padding-top: 3px;
}

.statistic-box-item-m {
    padding: 25px;
    border-radius: 11px;
    background: #292865;
    margin-bottom: 10px;
}






/* Mission-Vision Tabs */
.mission-and-v-box .nav-tabs {
    border-bottom: none;
}

    .mission-and-v-box .nav-tabs .nav-link {
        background-color: #343a40; /* Darker background for inactive tabs */
        color: #fff !important;
        font-weight: bold;
        font-size: 18px;
        padding: 15px 30px;
        text-transform: uppercase;
        border-radius: 0; /* Remove rounded corners */
        position: relative;
        border: 0;
    }

        .mission-and-v-box .nav-tabs .nav-link:hover {
            background-color: #343a40; /* Darker background for inactive tabs */
            color: #fff !important;
            font-weight: bold;
            font-size: 18px;
            padding: 15px 30px;
            text-transform: uppercase;
            border-radius: 0; /* Remove rounded corners */
            position: relative;
            border: 0;
        }

        .mission-and-v-box .nav-tabs .nav-link.active {
            background-color: #684df4 !important;
            color: #fff;
            position: relative;
            border: 0;
        }

            .mission-and-v-box .nav-tabs .nav-link.active:before {
                content: '';
                position: absolute;
                bottom: -10px;
                left: 50%;
                transform: translateX(-50%);
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #684df4; /* The little arrow */
            }

/* Tab content layout */
.mission-and-v-box .tab-content {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}











    /* Two-column layout for tab content */
    .mission-and-v-box .tab-content .row {
        display: flex;
        align-items: center;
    }

    .mission-and-v-box .tab-content .col-image {
        flex: 0 0 236px;
    }

    .mission-and-v-box .tab-content .col-text {
        flex: 1;
        margin-top: 15px;
    }

    .mission-and-v-box .tab-content img {
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Text styling */
    .mission-and-v-box .tab-content h3 {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 10px;
        color: #273581;
    }

    .mission-and-v-box .tab-content p {
        font-size: 12px;
        line-height: 1.6;
        color: #666;
    }








.sponsors-section .owl-item {
    padding: 18px;
}




.ribbon {
    --r: 3.5em; /* control the cutout of the ribbon */
    --c: #d81a14;
    padding-inline: calc(.5em + var(--r));
    text-align: center;
    line-height: 15;
    color: #fff;
    background-image: linear-gradient(var(--c) 70%,#0000 0), linear-gradient(to bottom left,#0000 50%, color-mix(in srgb,var(--c),#000 40%) 51% 84%,#0000 85%);
    background-position: 0 .15lh;
    background-size: 100% 1lh;
    clip-path: polygon(0 .15lh,100% .15lh,calc(100% - var(--r)) .5lh,100% .85lh,100% calc(100% - .15lh),0 calc(100% - .15lh),var(--r) calc(100% - .5lh),0 calc(100% - .85lh));
    /* width: fit-content; you may need this in your real use case */
    outline: none;
}

/* if you update the line-height, you need to also update the below */
@media (max-width: 768px) {
    .ribbon {
        background-position: 0 .3em;
        background-size: 100% 2em;
        line-height: 0;
    }
}



.responsive-about-section {
    padding: 40px 0;
}

@media (max-width: 768px) {
    .about-text-container h4 {
        font-size: 28px;
        line-height: 36px;
    }

    .about-text-container p {
        font-size: 16px;
        line-height: 1.5;
    }

    .responsive-about-section .img-fluid {
        width: 80%; /* Adjust image size for smaller screens */
    }
}

@media (max-width: 576px) {
    .about-text-container h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .about-text-container p {
        font-size: 14px;
        line-height: 1.4;
    }

    .responsive-about-section .img-fluid {
        width: 90%; /* Further adjust for mobile */
    }
}





/* about page section*/
.about-us-page {
    background-color: black;
    background-image: url('/images/other/about_us_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 170px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}




/*Home about section*/


/* Container styling with fixed height of 380px */
.about-section-full {
    background-color: #684df4; /* Purple background */
    background-image: url('/images/other/aboutfull.png'); /* Add your pattern image here */
    background-size: cover; /* Ensure the background covers the entire section */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Avoid repeating the pattern */
    height: 610px; /* Fix the background height to 380px */
    color: white;
    position: relative;
    display: flex; /* Use flexbox for centering */
    align-items: center; /* Vertically center content */
}

/* Full-page background section */
.about-section-full {
    background-color: #684df4; /* Purple background */
    background-image: url('/images/other/aboutfull.png'); /* Add your pattern image here */
    background-size: cover; /* Ensure the background covers the entire section */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Avoid repeating the pattern */
    height: 100vh; /* Full viewport height */
    color: white;
    position: relative;
    display: flex; /* Use flexbox for centering */
    align-items: center; /* Vertically center content */
    justify-content: center; /* Horizontally center content */
}



/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .about-section-full {
        height: 17vh; /* Adjust height for smaller screens */
        padding: 50px 0;
    }
}


/*Home about section end*/





.country-collab-text {
    font-family: "Anta", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 35px;
    line-height: 42px;
    color: #383c94;
    text-align: center;
}

/* Flag container */
.country-img-container {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
    position: relative; /* Ensure it stays relative to its container */
    overflow: visible; /* Make sure content is not clipped on hover */
}

    /* Hover effect */
    .country-img-container:hover {
        transform: translateY(-5px); /* Slight lift on hover */
    }

/* Optional: add some padding to the parent div to ensure there's space for the hover effect */
.parent-container { /* Adjust the class name according to your layout */
    padding-top: 10px; /* Add extra space above */
}



/*footer*/

/* Footer container styling */
/*#footer {
    background-image: url(/images/other/footer-bg.jpg);
    background-size: cover;
    background-position: center;
    border: 0 !important;
    background: #383c94;
}*/


#footer {
    position: relative; /* Position the footer relative to its container */
    background: #383c94; /* Fallback background color */
    z-index: 1;
    border: 0 !important;
    display: flex;
    align-items: center;
}

    #footer::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/images/other/footer-bg.jpg');
        background-size: cover;
        background-position: 0 -182px;
        opacity: 0.2; /* Set the opacity to 50% */
        z-index: -1; /* Place the background behind the content */
    }

    #footer .container {
        position: relative;
        z-index: 2; /* Ensure the content is above the background image */
    }



/* Oth


.footer-container {
    background-color: #4b2e83;
    color: white;
    padding: 50px 0;
}

/* Logo section */
.footer-logo {
    width: 80%;
}

.footer-page-links p:hover {
    color: #e1e1e1 !important;
}

.footer-page-links ul li {
    width: max-content;
}

.contact-details {
    font-size: 14px;
    line-height: 1.8;
}

.social-icons a {
    color: white;
    margin: 0 10px;
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

    .social-icons a:hover {
        color: #d4af37; /* Gold color on hover */
    }

/* Footer links section */
.footer-links {
    padding: 0;
    list-style: none;
    text-align: center;
}

    .footer-links li {
        margin-bottom: 10px;
    }

    .footer-links a {
        color: white;
        text-decoration: none;
        font-size: 1.2rem;
    }

        .footer-links a:hover {
            color: #d4af37; /* Gold color on hover */
        }

/* Registration button */
.registration-btn {
    font-size: 1.5rem;
    padding: 10px 30px;
    background-color: #d4af37; /* Gold button */
    border: none;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

    .registration-btn:hover {
        background-color: #c29833;
    }

/* Footer copyright */
.footer-copyright {
    background-color: #3b2261;
    color: white;
    padding: 20px 0;
    text-align: center;
}

.contact-details {
    text-align: left;
    color: #fff;
}

    .contact-details i {
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        padding: 12px;
        margin-bottom: 20px;
        margin-right: 7px;
    }


#footer .social-icons a {
    /* display: unset; */
    /* color: #df2929; */
    margin: 0 10px;
    font-size: 1.5rem;
    /* border: 1px solid #fff; */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    /* align-items: center; */
    /* justify-content: center; */
    /* transition: all 0.3s ease; */
    /* text-align: center; */
    /* padding: 8px; */
    padding: 8px;
    background: #fff;
    color: #383c94 !important;
    text-align: center;
}

    #footer .social-icons a:hover {
        transition: all 0.3s ease;
        background-color: #5056cb; /* Background color on hover */
        color: #fff !important; /* Text color on hover */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Optional shadow for a 3D effect */
    }

/*footer end*/
.mission-vision-title {
    font-size: 27px;
    line-height: 42px;
    color: #141a3a;
}

.star-icon-1 {
    color: #ee4c60;
    font-size: 27px;
}

.star-icon-2 {
    color: #fea3a0;
    font-size: 15px;
}

.countries-main-bg {
    background-color: var(--dark);
    margin-bottom: 60px;
    overflow: hidden;
    padding: 38.4px 0;
    padding: 2.4rem 0;
    position: relative;
    text-align: left;
    letter-spacing: -.5px;
}

.country-name-item-text {
    color: #fff;
    font-size: 17px;
}

.country-img-fluid {
    width: 100%;
}

.country-img-container {
    margin-bottom: 8px;
}

.glbl-rnd-tab-link-item {
    background: #fff;
    font-size: 16px;
    border: none !important;
    padding: 30px !important;
    text-align: center;
    border-radius: 24px !important;
    margin-top: 20px;
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus {
    background: #06226b;
    color: #fff;
    border: none !important;
}

.glbl-tab-link-date {
    font-size: 14px;
    color: #d6d6d6;
    font-weight: normal;
}

.grnd-tab-content {
    padding: 50px;
    background: #fff;
    border-radius: 24px
}

.tab-content-custom-title {
    font-size: 30px;
    font-weight: bold;
    color: #223977;
}

.ntnl-rnd-slider-content {
    padding: 78px;
    text-align: center;
}

.card-section-custom-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #223977;
}

#header .header-nav-main nav > ul li {
    margin-left: 0;
}

.f-logo-and-social .social-icons li {
    margin-right: 8px;
    box-shadow: none !important;
}

    .f-logo-and-social .social-icons li a {
        background: #f3f3f3;
        border-radius: 10px;
        line-height: 60px;
        font-size: 20px;
        width: 60px;
        height: 60px;
    }


.f-reg-button {
    margin-right: 5px;
    color: #fff;
    background: transparent;
    border: 3px solid;
    padding-right: 90px;
    padding-left: 90px;
    border-image: linear-gradient(to right, #ed4459, darkorchid) 1;
}

    .f-reg-button:hover {
        color: #fff;
        background: #bf5462;
    }

.page-head-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stars-container {
    position: relative;
    top: 10px;
    left: -75px;
}

.past-year-rule-section .owl-item {
    /*    background: #db5f17;*/
    border-radius: 20px;
    color: #fff;
    width: 109px;
    margin-right: 10px;
}
.past-year-rule-section .owl-item a{
    color: #fff;
}
    .page-region-title-big {
        font-size: 50px;
        color: #383c94;
        text-align: center;
        margin-top: 13px;
        font-family: "Anta", sans-serif;
        font-weight: bold;
    }

.page-region-title {
    font-size: 35px;
    color: #383c94;
}

.page-region-title-content {
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 7px;
    color: #444;
}

.container-fixed {
    max-width: 1200px; /* Set your desired fixed width */
    margin: 0 auto; /* Center the container */
    background-color: white; /* Set the background color */
    padding: 20px; /* Add some padding if needed */
}

.about-box-wrapper {
    padding-right: 34px;
    padding-left: 34px;
    border-radius: 35px;
    font-size: 18px;
    color: #fff;
    color: #383c94;
}


.about-pg-mission-vision-title {
    font-size: 57px;
    color: #292865;
    margin-top: 13px;
    
    letter-spacing: 4px;
}

.about-text >div{
    text-align:left !important;
}
.rule-box-wrapper {
    border-radius: 35px;
    font-size: 20px;
    color: #383c94;
}
.r-lnk-hover:hover {
text-decoration:underline;
}



@media only screen and (max-width: 1024px) {
    .ribbon {
        --r: 0 !important; /* Set --r to 0 for small screens */
    }

}

/*.accordion-zx-custom{
    color: #ffffff;*/
    /* border: 1px solid red; */
    /*border-radius: 50%;
    width: 27px;
    height: 29px;
    text-align: center;
    background: #292865;*/
    /* padding: 7px; */
    /*padding-top: 2px;
    padding-right: 1px;
}*/
.about-box-wrapper .about-text {
    color: #fff;
}

.accordion-zx-custom {
    padding: 13px;
}

.border-0 {
    border: 0 !important;
}

.accordion.accordion-modern-status > .card .card-header a {
    padding: 0;
}

.accordion.accordion-modern-status > .card .card-header {
    /*margin-bottom: 13px;*/
}


.accordion.accordion-modern-status.accordion-modern-status-borders > .card {
    border: 0 !important;
}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a.collapsed:after {
    /* color: #ed4458;*/
    color: 292865;
}

.accordion .card-body {
    padding: 12px;
}

.p-start-icon {
    color: #ee4c60;
}

.olymp-mechn-wrapper p {
    margin: 0;
    word-spacing: -1px;
}

.staff-carousel {
    margin-top: -21px;
}

    .staff-carousel .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*=owl-] {
        background: #fff;
        color: #383c94;
    }

.slider-item-wrapper {
    background: #e4e4e4;
    border-radius: 5px;
}

.slider-item-image {
    width: 35% !important;
    border: 4px solid #684df4;
    border-radius: 18px;
    justify-content: center;
    text-align: center;
    position: relative;
    left: -7px;
    top: -43px;
}

.about-stats-count-title {
    font-size: 70px;
    color: #292865;
    margin-top: 13px;
    
    letter-spacing: 4px;
}

@media only screen and (max-width: 768px) {
    .stff-title h4 {
        font-size: 28px !important; /* Adjust font size for smaller screens */
}

    .stff-title .col-lg-12 {
        margin-top: 50px !important;
        margin-bottom: 40px !important;
    }


    .about-stats-count-title {
        font-size: 30px !important;
    }
}
.c-custom-form-icon {
    color: #684df4;
}
.c-custom-form-item {
    padding-right: 42px;
}



.contact-info-section .info-box {
    transition: transform 0.3s ease;
    cursor:default;
}



    .contact-info-section .info-box p {
        margin: 0;
    }

    .contact-info-section .info-box:hover {
        transform: scale(1.02);
    }


.our-contact-data-icon {
    color: #383c94;
    font-size: 18px;
    margin-right: 10px;
    background: white;
    padding: 15px;
    border-radius: 10px;
}
/*.info-box {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

    .info-box i {
        margin-right: 10px;
    }

    .info-box p {
        margin: 0;
    }

    .info-box:hover {
        transform: scale(1.02);
    }
*/


.about-statistic-count-item {
    border-bottom: 11px dotted #383c94;
    /*   background: #f1f1f1;
    padding: 23px;
    text-align: center;
    border-radius: 240px;*/
}

    .about-statistic-count-item span {
        font-size: 45px;
        font-weight: bold;
        color: #292865;
        
    }

    .about-statistic-count-item p {
        color: #292865;
    }


.slider-arrow-item {
    background: #fff !important;
    color: #383c94 !important;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.staff-carousel .owl-item {
    background: #fff;
    padding: 29px;
    border-radius: 10px;
}


.file-icon-for-sq {
    font-size: 90px;
    color: #383c94;
}
.country-partner-item:hover {
    cursor:default;
    /*transform: scale(1.04);*/ /* Scale the card slightly */
    /*transition: transform 0.5s ease-in-out;*/ /* Smooth transition */
}
.country-partner-item {
 /*   transition: transform 0.5s ease-in-out; */
}
.country-partner-flag {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.round-result-item-img {
    border-radius: 15px !important;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.round-result-item-short-description {
    margin-top: 13px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #213f8c;
}

.round-result-item-description {
    font-size: 12px;
    text-align: center;
    color: #e47121;
}

.round-result-item-list-btn {
}

.round-result-item {
    margin-bottom: 30px;
}

.round-result-video-content {
    text-align: center;
    margin-top: 30px;
}

.round-result-video-item {
    margin-bottom: 15px;
}

.f-size-ico1 {
    font-size: 16px;
}