@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/mindware/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mindware
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Sora&display=swap');

/*'Sora'*/

html{
    margin: 0 !important;
    height: 100%;
}

body {
    font-family: 'Sofia Sans Condensed', sans-serif;
}

.iti__flag {background-image: url("wp-content/themes/newtheme/assets/intlTelInput/img/flags.png");}

@media (min-resolution: 2x) {
    .iti__flag {background-image: url("wp-content/themes/newtheme/assets/intlTelInput/img/flags@2x.png");}
}

#max_width{
    margin: auto;
    max-width: 2500px;
}

.home-background{
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
    /* margin-top: 5.5vw; */

    margin-top: 70px;
}
@media(max-width:780px){
    .home-background{
        margin-top: 60px;
    }
}
@media(max-width:500px){
    .home-background{
        margin-top: 53px;
    }
}

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

.asp {
    position: relative;
    width: 100%
}

.asp.contain img {
    object-fit: contain
}

.asp.cover img {
    object-fit: cover
}

.asp img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
.asp .img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.asp-3-1 {
    padding-bottom: 33.3333333333%
}

.asp-4-1 {
    padding-bottom: 25%
}

.asp-2-1 {
    padding-bottom: 50%
}

.asp-8-5 {
    padding-bottom: calc(calc(100% * 5) / 8);
}
.asp-5-1 {
    padding-bottom: calc(calc(100% * 1) / 5);
}
.asp-4-3 {
    padding-bottom: calc(calc(100% * 3) / 4);
}
.asp-3-4 {
    padding-bottom: calc(calc(100% * 4) / 3);
}
.asp-3-1 {
    padding-bottom: calc(calc(100% * 1) / 3);
}
.asp-1-1 {
    padding-bottom: calc(calc(100% * 1) / 1);
}
.asp-3-4 {
    padding-bottom: calc(calc(100% * 4) / 3);
}

.asp-1920-768{padding-bottom : calc(calc(100% * 768) / 1920);}

.button-blue{
    cursor: pointer;
    text-decoration: none;
    background-color: #25398E;
    font: normal normal 700 15px 'Sofia Sans Condensed';
    line-height: 20px;
    text-transform: uppercase;
    color:#FFFFFF;
    width: fit-content;
    padding: 13px;
    border: 1px solid #25398E;
    border-radius: 25px;
    transition: all 0.3s ease;
}
.button-blue:hover{
    background-color: transparent;
    color: #25398E;
    transition: all 0.3s ease;
}

.button-white{
    cursor: pointer;
    text-decoration: none;
    background-color: #FFFFFF;
    font: normal normal 700 15px 'Sofia Sans Condensed';
    line-height: 20px;
    text-transform: uppercase;
    color:#25398E;
    width: fit-content;
    padding: 13px;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    transition: all 0.3s ease;
}
.button-white:hover{
    background-color: transparent;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

.section-title{
    text-align: left;
    font: normal normal bold 37px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}
.section-subtitle{
    text-align: left;
    font: normal normal 600 22px 'Sofia Sans Condensed';
    letter-spacing: 4.5px;
    color: #0EADAA;
    text-transform: uppercase;
}

@media(max-width:1024px){

    .button-blue,.button-white{
        font-size: 13px;
        padding: 11px;
    }

    .section-subtitle{
        font-size: 20px;
    }
    .section-title{
        font-size: 30px;
    }


}

@media(max-width:768px){
    .button-blue,.button-white{
        font-size: 11px;
        padding: 9px;
    }
    .section-subtitle{
        font-size: 15px;
    }
    .section-title{
        font-size: 25px;
    }
}

@media(max-width:500px){
    .button-blue,.button-white{
        /* font-size: 8px !important; */
        /* width: 66px; */
        text-align: center;
        padding: 10px 20px !important;
        font-size: 14px !important;
        /* padding: 4px 10px !important; */
        line-height: normal !important;
        text-wrap: nowrap;
    }
    .section-subtitle{
        font-size: 16px;
    }
    .section-title{
        font-size: 18px;
    }
}

.mobile-v{
    display: none;
}
.desktop-v{
    display: block;
}
@media (max-width: 768px) {
    .mobile-v{
        display: block;
    }
    .desktop-v{
        display: none;
    }
}

/* img{
    filter: brightness(55%);
} */

#nav-container-1{
    max-width: 2500px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*position: relative;*/
}
@media (min-width: 2499px) {
    #nav-container-1{
        position: relative;
    }
}

nav{
    position: fixed;
    top: 0;
    width: 100%;
    padding: 15px 25px;
    max-height: 80px;

    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 20px 30px #00000012;
    z-index: 99999999999999999999;
}

nav .left-menu{
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
nav .left-menu{
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.header-new-logos-container{
    display: flex;flex-direction: row;gap: 20px;align-items: center;
}
.hide-mobile{
    display: block;
}
@media (max-width: 1024px) {
    .header-new-logos-container svg:not(.sep){
       display: block;
        width: 100%;
        height: 100%;
    }
    .header-new-logos-container{
        gap: 10px;
    }
    .hide-mobile{
        display: none;
    }
}

nav .left-menu .menu-svg-sidebar{
    width: 38px;
    height: 70%;
    position: relative;
}

nav .left-menu .menu-svg-sidebar svg{
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 2px;
    /* position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999; */
}

nav .left-menu a{
    cursor: pointer;
    width: 170px;
    height: 40px;
}


nav .left-menu a #header-logo{
    width: 100%;
    height: 100%;
    display: block;
}

nav .left-menu a img{
    width: 100%;
    height: 100%;
}




nav .right-menu{
    width: 30%;
    display: flex;
    /* flex-direction: row; */
    align-items: center;
    /* justify-content: flex-end; */
    /* gap: 15px; */
}

@media (max-width: 768px) {
    nav .right-menu .menu-header-right-buttons-container,
    nav .right-menu .menu-southcomp-header-right-buttons-container{
        display: none !important;
    }
}

/* nav .right-menu a{
    cursor: pointer;
    min-width: 25%;
    padding: 13px;
    text-align: center;
    font: normal normal bold 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #25398E;
    border-radius: 25px;
    transition: all 0.3s ease;
} */


.menu-header-right-buttons-container,
.menu-southcomp-header-right-buttons-container{
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}
#menu-header-right-buttons ,#menu-header-right-buttons-1,
#menu-southcomp-header-right-buttons ,#menu-southcomp-header-right-buttons-1{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    list-style: none;
    gap: 10px;
}
#menu-header-right-buttons li,#menu-header-right-buttons-1 li ,
#menu-southcomp-header-right-buttons li,#menu-southcomp-header-right-buttons-1 li {
    flex: 1;
}
#menu-header-right-buttons li a,#menu-header-right-buttons-1 li a,
#menu-southcomp-header-right-buttons li a,#menu-southcomp-header-right-buttons-1 li a{
    width: 100%;
    display: block;
    text-decoration: none;
    cursor: pointer;
    min-width: 18%;
    padding:  10px 0px;
    text-align: center;
    font: normal normal bold 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #25398E;
    border-radius: 25px;
    transition: all 0.3s ease;
}
#menu-header-right-buttons li a:hover,#menu-header-right-buttons-1 li a:hover,
#menu-southcomp-header-right-buttons li a:hover,#menu-southcomp-header-right-buttons-1 li a:hover{
    background: #25398E 0% 0% no-repeat padding-box;
    border: 1px solid #25398E;
    color: #FFFFFF;
    transition: all 0.3s ease;
}


@media(max-width:790px){
    #menu-header-right-buttons,#menu-header-right-buttons-1,
    #menu-southcomp-header-right-buttons,#menu-southcomp-header-right-buttons-1{
        gap: 5px;
    }
    #menu-header-right-buttons li,#menu-header-right-buttons-1 li ,
    #menu-southcomp-header-right-buttons li,#menu-southcomp-header-right-buttons-1 li {
        flex: none;

    }
    #menu-header-right-buttons li a,#menu-header-right-buttons-1 li a,
    #menu-southcomp-header-right-buttons li a,#menu-southcomp-header-right-buttons-1 li a{
        min-width: 25%;
        padding: 5px 10px;
        font: normal normal bold 14px 'Sofia Sans Condensed';
    }
}
@media(max-width:500px){

    #menu-header-right-buttons,#menu-header-right-buttons-1,
    #menu-southcomp-header-right-buttons,#menu-southcomp-header-right-buttons-1{
        gap: 5px;
    }
    #menu-header-right-buttons li a,#menu-header-right-buttons-1 li a,
    #menu-southcomp-header-right-buttons li a,#menu-southcomp-header-right-buttons-1 li a{
        min-width: 25%;
        padding:  4px 30px;
        font: normal normal bold 15px 'Sofia Sans Condensed';
    }
}
/* nav .right-menu a:hover{
    background: #25398E 0% 0% no-repeat padding-box;
    border: 1px solid #25398E;
    color: #FFFFFF;
    transition: all 0.3s ease;
} */

nav .side-bar{
    position: absolute;
    height: 100vh;
    top: 0;
    left: -100%;
    width: 30%;
    background-color: rgba(45, 41, 38,0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 9999999999999999999;
    transition: all 0.4s ease;
}
@media(min-width: 1900px){
    nav .side-bar{
        width: 30%;
    }
}

nav .side-bar .close{
    color: #FFFFFF;
    padding: 20px;
    cursor: pointer;
}
nav .side-bar .button-inside-sidebar{
    display: none;
}
@media (max-width: 768px) {
    nav .side-bar .button-inside-sidebar{
        display: block;
    }
}

nav .side-bar .close #close-sidebar{
    width: 22px;
    height: 22px;
}
nav .side-bar .links-container .menu-primary-menu-container {
    width: 100%;
}
nav .side-bar .links-container .menu-primary-menu-container a{
    text-decoration: none;
    cursor: pointer;
}
nav .side-bar .links-container  ul.primary-menu{
    width: 100%;
    list-style-type: none; /* Remove default list style */
    padding-left: 0;
    /* list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.892' height='44.971' viewBox='0 0 32.892 44.971'%3E%3Crect id='Rectangle_348' data-name='Rectangle 348' width='12' height='45' rx='6' transform='translate(22.5) rotate(30)' fill='%233ab0c8'/%3E%3C/svg%3E"); */
}


nav .side-bar .links-container .menu-item-has-children{
    width: 100%;
    margin-bottom: 10px;
    /* margin-left: 20px; */
}
nav .side-bar .links-container > li{
    margin-left: 20px;
}
nav .side-bar .links-container .menu-primary-menu-container .primary-menu li{
    padding-bottom: 10px;
    line-height: 30px;
}

.menu-overlay-opacity{
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
}

nav .side-bar .links-container  ul.primary-menu a{
    cursor: pointer;
    text-align: left;
    font: normal normal bold 28px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(255, 255, 255,0.5);
    text-transform: uppercase;
    opacity: 1;
    transition: color 0.1s ease;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
}
nav .side-bar .links-container  ul.primary-menu > .active > a{
    color: rgb(255, 255, 255);
}
/* nav .side-bar .links-container  ul.primary-menu > li:hover > a{
    color: rgb(255, 255, 255);
} */
nav .side-bar .links-container ul.primary-menu > .menu-item-has-children > a::before {
    content: ''; /* Ensure content is set for the ::before pseudo-element */
    display: inline-block; /* Display the pseudo-element as an inline-block */
    width: 0px; /* Set width of the pseudo-element */
    height: 35px; /* Set height of the pseudo-element */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.892' height='44.971' viewBox='0 0 32.892 44.971'%3E%3Crect id='Rectangle_348' data-name='Rectangle 348' width='12' height='45' rx='6' transform='translate(22.5) rotate(30)' fill='%233ab0c8'/%3E%3C/svg%3E"); /* Set the background image */
    background-repeat: no-repeat; /* Prevent repeating the background image */
    background-position: bottom;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    /* margin-right: 10px; Adjust the margin to separate the image from the text */
}

nav .side-bar .links-container ul.primary-menu > .menu-item-has-children > a::after {
    content: ''; /* Ensure content is set for the ::before pseudo-element */
    display: inline-block; /* Display the pseudo-element as an inline-block */
    width: 20px; /* Set width of the pseudo-element */
    height: 10px; /* Set height of the pseudo-element */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cpath id='Icon_ionic-md-arrow-dropdown' data-name='Icon ionic-md-arrow-dropdown' d='M9,13.5l9,9,9-9Z' transform='translate(27 22.5) rotate(-180)' fill='rgba(255,255,255,0.5)'/%3E%3C/svg%3E");

    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cpath id='Icon_ionic-md-arrow-dropdown' data-name='Icon ionic-md-arrow-dropdown' d='M9,13.5l9,9,9-9Z' transform='translate(27 22.5) rotate(-180)' fill='rgba(255,255,255,0.5)'/%3E%3C/svg%3E"); */
    background-repeat: no-repeat; /* Prevent repeating the background image */
    background-position: center 0px;
    transition: all 0.3s ease;
    margin-left: 20px;
    transform: rotate(180deg);
}

nav .side-bar .links-container ul.primary-menu > .active > a::before {
    opacity: 1;
    visibility: visible;
    width: 40px;
    transform: translateY(5px);
    height: 50px;
}
nav .side-bar .links-container ul.primary-menu > .active > a::after {
    transform: rotate(0deg);
    transition: transform 0.1s ease;
    background-position:center 35px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cpath id='Icon_ionic-md-arrow-dropdown' data-name='Icon ionic-md-arrow-dropdown' d='M9,13.5l9,9,9-9Z' transform='translate(27 22.5) rotate(-180)' fill='%233ab0c8'/%3E%3C/svg%3E");
    height: 50px;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cpath id='Icon_ionic-md-arrow-dropdown' data-name='Icon ionic-md-arrow-dropdown' d='M9,13.5l9,9,9-9Z' transform='translate(27 22.5) rotate(-180)' fill='%233ab0c8'/%3E%3C/svg%3E"); */
}

nav .side-bar .links-container  ul.sub-menu{
    width: 90%;
    margin-left: 40px;
    margin-top: 5px;
    list-style: none;
    position: absolute;
}
nav .side-bar .links-container .active  ul.sub-menu{
    margin-top: 10px;
    position: relative;

}
nav .side-bar .links-container  ul.sub-menu li{
    display: inline;
    margin-right: 10px;
}

nav .side-bar .links-container  ul.sub-menu li a{
    cursor: pointer;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    text-decoration: underline;
    font: normal normal bold 0px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.3s ease;
    text-wrap: nowrap;
}
nav .side-bar .links-container ul.primary-menu > .active ul.sub-menu li a {
    font-size: 18px; /* Adjust the desired font size */
}


nav .side-bar .links-container{
    padding-top: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* nav .side-bar .links-container .link{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 10px;
    text-decoration: none;
}
nav .side-bar .links-container .link span{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
nav .side-bar .links-container .link span p{
    text-align: left;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(255, 255, 255,0.5);
    text-transform: uppercase;
    opacity: 1;
    transition: color 0.1s ease;
}
nav .side-bar .links-container .link .pages{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-left: 53px;
}
nav .side-bar .links-container .link .pages a{
    position: absolute;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
    text-decoration: underline;
    font: normal normal bold 0px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    transition: font-size 0.3s ease;
}

nav .side-bar .links-container .link span #symbol{
    opacity: 0;
    transition: opacity 0.3s ease;
}
nav .side-bar .links-container .link span #arrow{
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
nav .side-bar .links-container .link span #arrow path{
    transition: all 0.3s ease;
}

nav .side-bar .links-container .link:hover span,
nav .side-bar .links-container .link span:hover {
    cursor: pointer;
}

nav .side-bar .links-container .link:hover span + .pages a,
nav .side-bar .links-container .link:hover span:hover + .pages a {
    position: relative;
    font-size: 13px;
}
nav .side-bar .links-container .link:hover span p,
nav .side-bar .links-container .link:hover span:hover p{
    color: rgb(255, 255, 255);
    transition: color 0.1s ease;
}
nav .side-bar .links-container .link:hover span #symbol,
nav .side-bar .links-container .link:hover span:hover #symbol{
    opacity: 1;
}
nav .side-bar .links-container .link:hover span #arrow,
nav .side-bar .links-container .link:hover span:hover #arrow{
    transform: rotate(0deg);
    transition: transform 0.1s ease;
}
nav .side-bar .links-container .link:hover span #arrow path,
nav .side-bar .links-container .link:hover span:hover #arrow path{
    fill: #3ab0c8;
    opacity: 1;
} */

@media (min-width: 1900px) {
    nav .side-bar .links-container .active ul.sub-menu{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px;
    }
}

@media(max-width:1024px){
    nav{
        padding: 13px 18px;
    }
    nav .right-menu a {
        font-size: 14px;
        padding: 10px;
    }
    nav .side-bar .links-container {
        width: 90%;
    }
    nav .side-bar .links-container .link .pages {
        flex-wrap: wrap;
        gap: 8px;
    }
    nav .side-bar .links-container .link span p {
        font-size: 28px;
    }
    nav .side-bar .links-container  ul.primary-menu a{
        font-size: 28px;
    }
    nav .side-bar .links-container  ul.primary-menu ul.sub-menu{
        width: 90%;
    }
    nav .side-bar .links-container .link:hover span + .pages a,
    nav .side-bar .links-container .link:hover span:hover + .pages a {
        font-size: 12px;
    }
}
@media(max-width:768px){
    nav{
        padding: 10px 15px;
    }
    nav .right-menu a {
        font-size: 12px;
        padding: 8px;
    }
    nav .side-bar .links-container {
        width: 95%;
    }
    /* nav .side-bar .links-container .link{
        width: 100%;
    }
    nav .side-bar .links-container .link .pages {
        gap: 8px;
        padding: 0;
    }
    nav .side-bar .links-container .link span p {
        font-size: 22px;
    }
    nav .side-bar .links-container .link:hover span + .pages a,
    nav .side-bar .links-container .link:hover span:hover + .pages a {
        font-size: 10px;
    } */
    nav .side-bar .links-container  ul.primary-menu a{
        font-size: 20px;
    }
    nav .side-bar .links-container ul.primary-menu > li.active ul.sub-menu li a {
        font-size: 10px; /* Adjust the desired font size */
    }
}
@media(max-width:500px){
    nav{
        padding: 10px 10px;
    }
    nav .left-menu {
        gap: 5px;
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    nav .left-menu a {
        width: 90px;
        height: 30px;
    }
    nav .right-menu {
        gap: 5px;
        width: 0%;

    }
    nav .right-menu a {
        font-size: 8px;
        padding: 5px;
    }
    nav .side-bar{
        width: 100%;
    }

    nav .side-bar .upper {
        padding: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:center;
        width: 100%;
    }
    nav .side-bar .button-inside-sidebar {
        padding: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:center;
        width: 100%;
    }
    nav .side-bar .upper .close{
        padding: 10px;

    }
    nav .side-bar .links-container ul.primary-menu > .active ul.sub-menu li a{
        font-size: 13px;
    }
    nav .side-bar .links-container ul.primary-menu > li.active ul.sub-menu li{
        height: 100%;
    }
    /* nav .side-bar .links-container {
        padding-top: 15px;
        width: 100%;
    }
    nav .side-bar .links-container ul.primary-menu > li > a::before {
        opacity: 1;
        visibility: visible;
        width: 40px;
    }
    nav .side-bar .links-container ul.primary-menu > li > a::after {
        transform: rotate(180deg);
        transition: transform 0.1s ease;
        background-position:center 8px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cpath id='Icon_ionic-md-arrow-dropdown' data-name='Icon ionic-md-arrow-dropdown' d='M9,13.5l9,9,9-9Z' transform='translate(27 22.5) rotate(-180)' fill='%233ab0c8'/%3E%3C/svg%3E");
    }
    nav .side-bar .links-container ul.primary-menu > li ul.sub-menu li a {
        font-size: 12px;
    }
    nav .side-bar .links-container ul.primary-menu > li ul.sub-menu li {
        height: 100%;
        width: 45%;
    } */
    /* nav .side-bar .links-container .link .pages {
        flex-wrap: nowrap;
        gap: 5px;
    }
    nav .side-bar .links-container .link span p {
        font-size: 18px;
    }
    nav .side-bar .links-container .link:hover span + .pages a,
    nav .side-bar .links-container .link:hover span:hover + .pages a {
        font-size: 10px;
    } */


    nav .side-bar .links-container .menu-item-has-children,nav .side-bar .links-container li{
        /* margin-left: 8px; */
        margin-bottom: 0px;
        /* padding: 20px; */
        padding: 15px 0;
    }
    nav .side-bar .links-container ul.sub-menu li{
        padding: 0 0 !important;
    }
    /* nav .side-bar .links-container .primary-menu > li{
        height: 10vh;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-direction: column;

    } */

    nav .side-bar .links-container  ul.primary-menu a{
        font-size: 20px;
    }
    nav .side-bar .links-container ul.primary-menu > li.active ul.sub-menu li a {
        font-size: 13px; /* Adjust the desired font size */
    }
    nav .side-bar .links-container ul.primary-menu > li > a::before {
        width: 0px; /* Adjust the width of the pseudo-element */
        height: 30px; /* Adjust the height of the pseudo-element */
        background-size: contain; /* Ensure the background image fits within the specified dimensions */
    }
    nav .side-bar .links-container ul.primary-menu > li > a::before {
        width: 20px; /* Adjust the width of the pseudo-element */
    }
    nav .side-bar .links-container ul.primary-menu > li > a::after {
        width: 12px; /* Adjust the width of the pseudo-element */
        height: 15px; /* Adjust the height of the pseudo-element */
        background-size: contain; /* Ensure the background image fits within the specified dimensions */
        background-position: center 5px;
        margin-left: 10px;
    }
    nav .side-bar .links-container ul.primary-menu > .menu-item-has-children > a::after{
        height: 13px !important;
        background-position: center 0px !important;
    }
    nav .side-bar .links-container ul.primary-menu ul.sub-menu {
        margin-left: 25px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5px;
        margin-top: 0;
        padding: 5px 0;
    }

    nav .side-bar .links-container ul.sub-menu li{
        margin-right: 5px;
        display: block;
        height: 0;
        transition: all 0.1s ease;
    }
    nav .side-bar .links-container .active ul.sub-menu li{
        height: auto;
    }


    nav .side-bar .links-container  ul.sub-menu li a{
        cursor: pointer;
        position: relative;
        padding-top: 3px;
        padding-bottom: 3px;
        text-align: left;
        text-decoration: underline;
        font: normal normal bold 0px 'Sofia Sans Condensed';
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        transition: all 0.3s ease;
    }
    nav .side-bar .links-container ul.primary-menu > li.active ul.sub-menu li {
        height: 100%;
    }
    /* nav .side-bar .links-container ul.primary-menu > li > a {
        color: rgb(255, 255, 255);
    } */
    nav .side-bar .links-container ul.primary-menu > .active > a::before{
        width: 25px;
        transform: translateY(5px);
    }
    nav .side-bar .links-container ul.primary-menu > .menu-item-has-children > a::before{
        height: 25px;
    }

}



.main-section{
    /* margin-top: 80px; */
    width: 100%;
    position: relative;
    overflow: hidden;
    /* height: 80vh; */
    aspect-ratio: 5 / 2;
    object-fit: cover;

}

.main-section .owl-carousel{
    width: 100%;
}

.main-section .owl-carousel .owl-dots{
    /* margin-top: -150px !important; */
    /* position: relative; */
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
}

.main-section .owl-carousel .owl-dots button span{
    background: transparent;
    border: 1px solid #FFFFFF;
}
.main-section .owl-carousel .owl-dots button.owl-dot.active span{
    background: #FFFFFF;
    border-radius: 50%;
}

.main-section  .content{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    margin: auto;
}

.main-section .owl-carousel .item .background-image{
    width: 100%;
}
.main-section .owl-carousel .item .background-image img,.main-section .owl-carousel .item .background-image video{
    width: 100%;
    aspect-ratio: 5 / 2;
    object-fit: cover;
}

.main-section  .content h1{
    text-align: center;
    font: normal normal bold 62px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 75%;
}

.main-section .content a,.main-section .content span{
    text-decoration: none;
    cursor: pointer;
    width: 150px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    padding: 10px;
    text-align: center;
    font: normal normal bold 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.3s ease;
}

.main-section #background-video {
    aspect-ratio: 5 / 2;
    background-color: gray;
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: brightness(55%);
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    /* aspect-ratio: 5 / 2;
    object-fit: cover; */
}

.main-section #background-video iframe{
    background-color: gray;
    /* width: 100% !important; */
    /* height: 50vh !important; */

}

.main-section  .content a:hover ,.main-section  .content span:hover{
    border: 1px solid #FFFFFF;
    background: transparent 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

@media (max-width: 1024px){
    /* .main-section .owl-carousel .owl-dots{
        margin-top: -10% !important;
        height: 60vh;
    } */

    .main-section .content h1{
        font-size: 40px;
    }

    /* .main-section{ */
    /* margin-top: 50px !important; */
    /* height: 50vh; */
    /* } */
}
@media (max-width: 768px){
    .main-section{
        /* margin-top: 50px !important; */
        height: 27vh;
    }
    /* .main-section .owl-carousel .owl-dots{
        margin-top: -5% !important;
        height: 50vh;
    } */

    .main-section .owl-carousel .item .content{
        gap: 10px;
    }
    .main-section .owl-carousel .item .content h1{
        font-size: 25px
    }
    .main-section .owl-carousel .item .content a,.main-section .owl-carousel .item .content span{
        width: 90px;
        font-size: 11px;
        padding: 8px;
    }
}
@media (max-width: 500px){
    .main-section{
        /* margin-top: 50px !important; */
        height: auto;
        aspect-ratio: 3 / 4;
    }
    /* .main-section .owl-carousel .owl-dots {
        margin-top: -50%;
    } */
    .main-section .owl-carousel .item .background-image img,.main-section .owl-carousel .item .background-image video{
        width: 100%;
        aspect-ratio: 3 / 4;
        object-fit: cover;
        height: auto;
    }
    .main-section #background-video {
        aspect-ratio: 3 / 4;
    }
    #open-sidebar{
        width: 25px;
        display: flex;
    }
    .news-insights .swiper {
        padding-top: 15px !important;
        /* padding-bottom: 15px !important; */
    }
    .main-section .owl-carousel .owl-dots{
        /* margin-top: -12% !important; */
        bottom: 130px;
    }

    .main-section .owl-carousel .item .content{
        gap: 10px;
    }
    .main-section .owl-carousel .item .content h1{
        font-size: 22px;
        width: 80%;
    }
    .main-section .owl-carousel .item .content a,.main-section .owl-carousel .item .content span{
        padding: 5px 20px !important;
        font-size: 14px !important;
        width: auto;
    }
}








.solutions{
    margin-top: 100px;
    padding:20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

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

.solutions .content p{
    text-align: left;
    font: normal normal normal 17px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    width: 40%;
}
.solutions .content a{
    margin-top: 10px;
    padding: 10px 25px;
}

.solutions .solution-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
}
.solutions .solution-container .solution{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    width: 17%;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
}

.solutions .solution-container .solution .solution-image{
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.solutions .solution-container .solution img{
    /*aspect-ratio: 1 / 1;*/
    /*object-fit: cover;*/
    /*width: 100%;*/
    /*transition: transform 0.3s ease;*/
    /*height: 100%;*/
}

.solutions .solution-container .solution h1{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: capitalize;
    transition: color 0.3s ease;
}
.solutions .solution-container .solution p{
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(0, 0, 0,0.45);
    width: 70%;
}

.solutions .solution-container .solution.southcomp-solution .solution-image{
    overflow: hidden;
    /*transition: transform 0.5s ease;*/transform: scale(1);
    transition: transform 0.5s ease;
}
.solutions .solution-container .solution .solution-image img{
    transform: scale(1);transition: transform 0.5s ease;
}
.solutions .solution-container .solution .solution-image:hover img{
    transform: scale(1.2);transition: transform 0.5s ease;
}
.solutions .solution-container .solution.southcomp-solution:hover .solution-image{
    overflow: hidden;
    transform: scale(1.2);
    transition: transform 0.5s ease;
}

.solutions .solution-container .solution:hover .solution-image{
    /*transform: scale(1.2);*/
    /*transition: transform 0.5s ease;*/
}
.solutions .solution-container .solution:hover .overlay{
    /*height: 98%;*/
    transition: transform 0.5s ease;
}

.solutions .solution-container .solution:hover h1{
    color: #25398E;
    transition: color 0.3s ease;
}

@media(min-width:1800px){
    .solutions .content p{
        font-size: 24px;
    }
    .solutions .solution-container .solution h1{
        font-size: 22px;
    }
    .solutions .solution-container .solution p{
        font-size: 20px;
        width: 95%;
    }
}

@media(max-width:1024px){
    .solutions{
        margin-top: 60px;
        gap: 30px;
    }
    .solutions .content p{
        width: 60%;
    }
    .solutions .solution-container .solution{
        width: 22%;
        gap: 3px;
    }
    .solutions .solution-container .solution h1{
        font-size: 15px;
    }
    .solutions .solution-container .solution p{
        font-size: 11px;
        width: 80%;
    }

}
@media(max-width:768px){
    .solutions{
        margin-top: 40px;
        gap: 20px;
    }
    .solutions .content p{
        width: 80%;
    }
    .solutions .content a{
        padding: 8px 20px;
        margin-top: 0;
    }
    .solutions .solution-container .solution{
        width: 24%;
        gap: 1px;
    }
    .solutions .solution-container .solution h1{
        font-size: 13px;
    }
    .solutions .solution-container .solution p{
        font-size: 9px;
        width: 90%;
    }

}
@media(max-width:500px){
    .solutions{
        margin-top: 0px;
        gap: 10px;
        padding: 0 10px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .solutions .content{
        gap: 5px;
    }
    .solutions .content p{
        font-size: 13px;
        width: 100%;
    }
    .solutions .content a{
        font-size: 8px;
        padding: 4px 10px;
        line-height: normal;
    }
    .solutions .solution-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4px;
    }
    .solutions .solution-container .solution {
        width: 100%;
        gap: 3px;
    }
    .solutions .solution-container .solution h1{
        margin-top: 3px;
        font-size: 14px;
    }
    .solutions .solution-container .solution p{
        font-size: 13px;
        width: 100%;
    }
    .solutions .solution-container .solution img{
        aspect-ratio: 5 / 4;

    }
    .solutions .solution-container .solution .overlay{
        height: 100% !important;
    }
}
@media(max-width: 380px){
    .solutions .solution-container .solution p{
        font-size: 11px;
    }
}




.services{
    margin-top: 50px;
    padding:20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.services .title-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.services .title-content a{
    padding: 10px 25px;
}

.services-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 10px;
    column-gap: 20px;
}
.services-container .service{
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    transition: all 0.5s ease;
    text-decoration: none;
}

.services-container .service .content{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px;
    padding-top: 30px;
    padding-bottom: 32px;

}

.services-container .service .content span h1{
    text-align: left;
    font: normal normal bold 27px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
}
.services-container .service .content span hr{
    width: 0;
    transition: all 0.5s ease;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #FFFFFF;
}
.services-container .service .content p{
    text-align: left;
    font: normal normal normal 17px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
}

.services-container .service:hover{
    background: #25398E 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 108px;
    transition: all 0.5s ease;
}

.services-container .service:hover .content hr{
    width: 100%;
    transition: all 0.8s ease;
}
.services-container .service:hover .content h1,.services-container .service:hover .content p{
    color: #FFFFFF !important;
}

@media(min-width:1800px){
    .services-container .service .content p{
        font-size: 20px;
    }
}

@media(max-width:1024px){
    .services{
        margin-top: 60px;
    }
    .services .title-content{
        gap: 12px;
    }
    .services-container .service .content{
        padding-top: 25px;
        padding-bottom: 27px;
    }
    .services-container .service .content span h1{
        font-size: 22px;
    }
    .services-container .service .content p{
        font-size: 13px;
    }
}
@media(max-width:768px){
    .services{
        margin-top: 40px;
    }
    .services .title-content{
        gap: 10px;
    }
    .services .title-content a{
        padding: 8px 20px;
    }
    .services-container{
        grid-template-columns: 1fr 1fr;
        row-gap: 5px;
        column-gap: 15px;
    }
    .services-container .service .content{
        padding-top: 20px;
        padding-bottom: 22px;
    }
    .services-container .service .content span h1{
        font-size: 19px;
    }
    .services-container .service .content p{
        font-size: 11px;
    }
}
@media(max-width:500px){
    .services{
        margin-top: 0px;
        margin-bottom: 30px;
        padding: 10px;
        gap: 20px;
    }
    .services .title-content{
        gap: 5px;
    }
    .services .title-content a{
        padding: 5px 15px;
    }
    .services-container{
        gap: 10px;
    }
    .services-container .service .content{
        padding-top: 15px;
        padding-bottom: 17px;
        width: 85%;
        gap: 5px;
    }
    .services-container .service .content span h1{
        font-size: 16px;
    }
    .services-container .service .content p{
        font-size: 13px;
    }
    .services-container .service:hover{
        width: 100%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 10px #00000012;
        border: 1px solid #CECECE;
        transition: all 0.5s ease;
        text-decoration: none;
        border-radius: 0;
    }
    .services-container .service:hover .content h1,.services-container .service:hover p{
        color: #2D2926;
    }
}

.news-insights{
    margin-top: 80px;
    width: 100%;
    position: relative;
}
.news-insights h1{
    text-align: center;
}
.news-insights .button-blue{
    padding: 10px 25px;
    width: fit-content;
    display: block;
    margin: 0px auto;
}


.news-insights .swiper {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 50px;
}

.news-insights .mySwiper .swiper-wrapper {
    width: 100%;
    position: relative;
}

.news-insights .mySwiper .swiper-wrapper .swiper-slide-active{
    background: #EBEBEB 0% 0% no-repeat padding-box !important;
    padding-bottom: 10px !important;
    transition: background-color 0.3s ease, transform 0.5s ease !important;
}

.news-insights .mySwiper .swiper-wrapper .swiper-slide{
    text-decoration: none;
    background: transparent 0 0 no-repeat padding-box;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    gap: 5px;
    color: #25398E;
    transition: background-color 0.3s ease, transform 0.5s ease !important;
    height: 500px;
    min-height: 500px;
}
.slide-content-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    /*height: 45%;*/
    flex: 1;
    /*align-items: flex-start;*/
}

@media (max-width: 768px) {
    .slide-content-container {
        height: 180px;
        overflow: scroll;
        scroll-behavior: smooth;
        max-height: 180px;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .slide-content-container::-webkit-scrollbar {
        display: none;
    }
}
@media (min-width: 1900px) and (max-width: 2200px) {
    .news-insights .mySwiper .swiper-wrapper .swiper-slide{
        min-height: 58vh;
        height: 58vh;
    }
}
/*.news-insights .mySwiper .swiper-wrapper .swiper-slide-active {*/
/*    height: 68vh;*/
/*}*/
.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right{
    background: #FFFFFF 0 0 no-repeat padding-box;
}

.news-insights .mySwiper .swiper-navigation .swiper-button-next::after
,.news-insights .mySwiper .swiper-navigation .swiper-button-prev::after{
    display: none;
}
.news-insights .mySwiper .swiper-navigation .swiper-button-next{
    right: 35%;
    width: 30px;
    height: 55px;
    padding: 5px;
}
.news-insights .mySwiper .swiper-navigation .swiper-button-prev{
    left: 35%;
    padding: 5px;
    width: 30px;
    height: 55px;
}
.news-insights .mySwiper .swiper-navigation {
    position: absolute;
    bottom: 150px;
    width: 100%;
}

/* .news-insights .mySwiper .swiper-navigation .swiper-button-prev:hover .arrow-image,
.news-insights .mySwiper .swiper-navigation .swiper-button-next:hover .arrow-image{
    animation: slidein 1.5s linear infinite;
} */
.swiper-button-next img,
.swiper-button-prev img{
    width: 100%;
    height: 100%;
    background-color: gray;
    filter: brightness(100%);
    mix-blend-mode: multiply;

}
.swiper-button-next,
.swiper-button-prev{
    width: 100%;
    height: 100%;
    background-color: gray;
    filter: brightness(100%);
    mix-blend-mode: multiply;
    background-color: #FFFFFF;

}

@media(min-width:768px){
    .swiper-button-next:hover img.animate,
    .swiper-button-prev:hover img.animate{
        animation: slidein 1.5s linear;
    }
}

@keyframes slidein {
    0% {
        transform: scale(1);
    }

    25%{
        transform: scale(0.5);
    }

    50%{
        transform: scale(0);
    }

    75% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}



.news-insights .mySwiper .swiper-wrapper .swiper-slide .image{
    width: 100%;
    position: relative;
}
.news-insights .mySwiper .swiper-wrapper .swiper-slide .image img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    filter: brightness(100%);

}

.news-insights .mySwiper .swiper-wrapper .swiper-slide .image span{
    position: absolute;
    top: 10px;
    left: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 10px 20px;
    text-align: left;
    font: normal normal bold 13px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}

.news-insights .mySwiper .swiper-wrapper .swiper-slide h5{
    text-align: left;
    font: normal normal bold 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 0.6;
    visibility: hidden;
}
.news-insights .mySwiper .swiper-wrapper .swiper-slide-active h5{
    visibility: visible;
}

.news-insights .mySwiper .swiper-wrapper .swiper-slide h1{
    text-align: left;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: uppercase;
    visibility: hidden;
}
.news-insights .mySwiper .swiper-wrapper .swiper-slide-active h1{
    visibility: visible;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    text-overflow: ellipsis;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    /*.news-insights .mySwiper .swiper-wrapper .swiper-slide-active span{
        height: 60px;
        overflow: scroll;
        scroll-behavior: smooth;
    }*/
    .news-insights .mySwiper .swiper-wrapper .swiper-slide-active h1{
        visibility: visible;
        display: block; /* or inline or any other display type that suits your layout */
        -webkit-box-orient: initial;
        overflow: visible;
        -webkit-line-clamp: none; /* or simply remove this line */
        text-overflow: initial;
        margin-bottom: initial !important; /* or specify another value if needed */

    }
}

.news-insights .mySwiper .swiper-wrapper .swiper-slide p{
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    visibility: hidden;
    margin-top: 10px;
}

/* @media(min-width: 1300px) and (max-width:1400px){

    .news-insights .mySwiper .swiper-wrapper .swiper-slide-active {
        height: auto;
    }
} */

.news-insights .mySwiper .swiper-wrapper .swiper-slide-active p{
    visibility: visible;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    text-overflow: ellipsis;
    margin-bottom: 0px;
    margin-top: 0px;
}

.news-insights .mySwiper .swiper-wrapper .swiper-slide a{
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    font: normal normal bold 13px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    visibility: hidden;
    height: 16px;
}
.news-insights .mySwiper .swiper-wrapper .swiper-slide a i{
    visibility: hidden;
}
.news-insights .mySwiper .swiper-wrapper .swiper-slide-active a{
    visibility: visible;
    height: 16px;
    /* margin-top: 20px; */
}
.news-insights .mySwiper .swiper-wrapper .swiper-slide-active a i{
    visibility: visible;
    margin-left: 5px;
}

@media(min-width:1800px){
    .news-insights .mySwiper .swiper-wrapper .swiper-slide p{
        font-size: 18px;
    }
}
@media (min-width: 1520px) and (max-width: 1600px) {
    .news-insights .mySwiper .swiper-wrapper .swiper-slide{
        min-height: 70vh!important;
        height: 70vh !important;
    }
}

@media(max-width:768px){
    .news-insights .mySwiper .swiper-navigation .swiper-button-next{
        right: 15%;
    }
    .news-insights .mySwiper .swiper-navigation .swiper-button-prev{
        left: 15%;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide {
        gap: 8px;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide h1{
        font-size: 16px;

    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide{
        min-height: 75vh;
        height: 75vh;
    }
}
@media(max-width:500px){
    .news-insights{
        margin: 50px auto;
    }
    .news-insights h1{
        margin-bottom: 10px;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide-active h1{
        overflow: visible;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide-active p{
        -webkit-line-clamp: 1;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide {
        min-height: 500px;
        height: 500px;
    }
    .news-insights .mySwiper .swiper-navigation {
        position: absolute;
        bottom: 20px;
        width: 100%;
    }
    .news-insights .mySwiper .swiper-navigation .swiper-button-next{
        right: 40%;
        width: 30px;
        height: 40px;
        padding: 5px;
    }
    .news-insights .mySwiper .swiper-navigation .swiper-button-prev{
        left: 40%;
        padding: 5px;
        width: 30px;
        height: 40px;
    }
    .news-insights .button-blue{
        padding: 5px 20px !important;
        font-size: 14px !important;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide p{
        font-size: 15px;
        margin-top: 0;
    }
}

.vendors{
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.vendors p{
    text-align: center;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    width: 35%;
    margin-bottom: 20px;
}
@media (min-width: 3000px) {
    .vendors p{
        font-size: 24px !important;
    }
    .vendors .button-blue{
        font-size: 16px !important;
    }
}

.vendors .owl-carousel .item .image{
    width: 100%;
    aspect-ratio: 3 / 1;
    padding: 5px;
    /* object-fit: cover; */
}
.vendors .owl-carousel .item .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(100%);
}

.vendors .button-blue{
    /* margin-top: 20px; */
    padding: 10px 25px;
}
@media(min-width:1800px){
    .vendors p{
        font-size: 20px;
    }
}
@media(max-width:900px){
    .vendors p{
        width: 50%;
    }
}
@media(max-width:768px){
    .vendors p{
        width: 60%;
    }
}
@media(max-width:500px){
    .vendors{
        margin-top: 20px;
        gap: 15px;
    }
    .vendors p{
        width: 90%;
        font-size: 15px;
    }
    .vendors .button-blue {
        padding: 5px 20px !important;
        font-size: 14px !important;
    }
}

footer{
    width: 100%;
    background: #1A1818 0% 0% no-repeat padding-box;
    padding-top: 40px;
    padding-bottom: 10px;
    margin-top: 100px;
}
footer .container, footer .policies{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;;
}
footer .container{
    margin-bottom: 30px;
}

footer .container .newsletter{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 30px;
    width: 55%;
}
footer .container .newsletter h1,footer .partner h1{
    text-align: left;
    font: normal normal bold 32px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

footer .container .newsletter form{
    width: 90%;
    position: relative;
    background-color: transparent !important;
}
/* footer .container .newsletter form .field input{
    width: 100%;
} */
footer .container .newsletter form input{
    width: 100%;
    text-align: left;
    font: normal normal normal 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #FFFFFF;
    border-left: none;
    outline: none;
    padding-bottom: 10px;
    background-color: transparent !important;
}

footer .container .newsletter form button{
    cursor: pointer;
    position: absolute;
    right: 3px;
    bottom: 10px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    padding: 7px 8px;
    background-color: transparent;
}
footer .container .newsletter form button:hover{
    border: 3px solid #000000;
}
/* footer .container .newsletter form a:hover i{
    color: #000000 !important;
} */

footer .container .newsletter form input::placeholder{
    color: #FFFFFF;
}
footer .container .newsletter .menu-links{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 35px;
}
footer .container .newsletter .menu-links svg{
    width: 3.5vw;
}

footer .container .newsletter .menu-links .links{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.menu-footer-pages-container{
    width: 100%;
}
.menu-footer-pages-container ul{
    width: 100%;
    list-style-type: none;

}
.menu-footer-pages-container ul li{
    display: inline;
    margin-right: 10px;
}

footer .container .newsletter .menu-links .links a{
    width: fit-content;
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-wrap: nowrap;
}
footer .container .partner{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    gap: 30px;
    width: 35%;
}
footer .container .partner .button-white{
    padding: 10px 35px;
}

/* footer .container .partner a{
    padding: 10px 25px;
    margin-left: 0;
} */

footer .container .partner .links{
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 15px;
    width: 100%;
}
.menu-footer-social-links-container{
    width: 100%;
}

.menu-footer-social-links-container ul{
    width: 100%;
    list-style-type: none;
}

.menu-footer-social-links-container ul li{
    float: left;
    margin-right: 22px;
}
.menu-footer-social-links-container ul li a{
    display: block;
}
footer .container .partner .links a{
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    width: 32px;
    height: 32px;
    padding: 0;
}

footer hr{
    border: 1px solid #878787;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    color: #878787;
    background-color: #878787;
    height: 1px;
}

footer .policies {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
footer .policies .policies-pages{
    display: flex;
    flex-direction: row;
    gap: 30px;
}
footer .policies .policies-pages a{
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
}
footer .policies span{
    text-align: left;
    font: normal normal normal 12px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF99;
}
footer .policies span a{
    font: normal normal medium 12px 'Sofia Sans Condensed';
    color: #FFFFFF;
}
#footer-background-1{
    background: #1A1818 0% 0% no-repeat padding-box;
}

@media(max-width:768px){
    footer .container, footer .policies {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }
    .menu-footer-social-links-container ul{
        display: flex;
        justify-content: center;
    }
    footer .container .newsletter, footer .container .partner{
        width: 100%;
    }
    footer .container .newsletter h1, footer .partner h1{
        font-size: 25px;
    }
    footer .container .newsletter form{
        width: 60%;
    }
    footer .container .newsletter form input {
        font-size: 15px;
    }
    footer .container .newsletter .menu-links{
        gap: 10px;
        align-items: center;
        justify-content: center;
    }
    footer .container .newsletter .menu-links svg {
        width: 5vw;
    }

    footer .container .newsletter , footer .container .partner {
        gap: 15px;
        justify-content: center;
        align-items: center;
    }
    footer .policies{
        padding-top: 20px;
    }
    footer .container .partner .links{
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

}

@media(max-width:500px){
    footer .container .newsletter form button {
        bottom: 5px;
        padding: 3px 5px;
    }
    footer{
        margin-top: 60px;
    }
    footer .container .partner .button-white{
        padding: 5px 20px !important;
        font-size: 14px !important;
        margin-top: -10px;
    }

    footer .container, footer .policies{
        width: 100%;
        gap: 30px;
        padding: 10px 5px;
    }
    .menu-footer-social-links-container ul{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    footer .container .newsletter, footer .container .partner{
        gap: 30px;
    }
    footer .container .partner a {
        padding: 5px 15px;
    }
    footer .container .newsletter form{
        width: 100%;
    }
    footer .container .newsletter .menu-links svg {
        width: 10vw;
    }
    footer .container .newsletter .menu-links {
        flex-direction: column;
        margin: 20px 0;
    }
    footer .container .newsletter .menu-links .links {
        flex-wrap: wrap;
    }
    footer .container .newsletter form input{
        padding-right: 15%;
    }
    footer .policies span {
        text-align: center;
        font-size: 10px;
    }
    .menu-footer-pages-container ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    footer .container .newsletter .menu-links .links a {
        font-size: 13px;
    }

}


.about-header{
    max-width: 2500px;
    padding: 15px 25px;
    width: 100%;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    margin-bottom: 10px;
    position: fixed;
    top: 70px;
    z-index: 9999999;
    box-shadow: 0px 0px 20px #00000012;
    display: flex;
}
.about-header a{
    text-align: left;
    font: normal normal 600 17px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
    margin-right: 30px;
    text-underline-offset: 5px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.about-header a.active-page , .about-header a:hover{
    color: #25398E;
    text-decoration: underline !important;
    transition: all 0.2s ease;
}
.about-header a:not(.active-page){
    text-decoration: none;
}
.about-header a:nth-child(1){
    margin-left: 24px;
}

.mobile-false{
    display: none;
}
@media (max-width: 768px) {
    .mobile-false{
        display: block;
    }
   .mobile-false a{
        display: block !important;
    }
    .hide-mobile {
        display: none !important;
    }
}

@media(max-width: 1024px){
    .about-header{
        padding: 13px;
        top: 67.5px;
    }
    .about-header a{
        font-size: 15px;
        margin-right: 25px;
    }
    .about-header a:nth-child(1){
        margin-left: 18px;
    }
}
@media(min-height: 450px) and (max-height:600px){
    .about-header{
        padding: 10px;
        top: 60px !important;
    }
}
@media(max-width: 768px){
    .about-header{
        padding: 10px;
        top: 60px;
    }
    .about-header .container .select-box{
        max-width: 100%;
    }
    .about-header .container .select-box a{
        display: flex;
        width: 100%;
    }
    .about-header a{
        font-size: 13px;
        margin-right: 15px;
    }
    .about-header a:nth-child(1){
        margin-left: 0px;
    }
}
@media(max-width: 500px){
    .about-header .select li {
        display: none;
        cursor: pointer;
        padding: 11px 0;
        border-top: 1px solid black;
        min-width: 150px;
    }
    .about-header .select li a{
        display: flex;
        width: 0%;
        z-index: -1;
        /* position: relative; */
    }
    .about-header .select li a.active-page ,.about-header .select li a:hover{
        color: #25398E;
        text-decoration: none !important;
        transition: all 0.2s ease;
    }

    .about-header .select li:first-child {
        display: block;
        border-top: 0px;
    }

    .about-header .select {
        width: 100%;
        /* border: 1px solid black; */
        display: inline-block;
        padding: 0;
        border-radius: 4px;
        position: relative;
    }

    .about-header .select li:hover {
        background-color: #ddd;
    }

    .about-header .select li:first-child:hover {
        background-color: transparent;
    }

    .about-header .select.open li {
        display: block;
    }

    .about-header .toggle-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 8px;
        z-index: 99;
        /* display: none;  */
    }

    .about-header .select.open .toggle-icon {
        display: inline-block;
    }
    .about-header{
        padding: 0;
        top: 50px;
        /* display: flex; */
        flex-direction: row;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid #25398E;
    }
    .about-header a{
        font-size: 15px;
        margin-right: 0px;
        text-wrap: nowrap;
        /* flex: 1; */
        width: 100%;
        display: block;
        text-align: left;
    }
    .about-header a:nth-child(1){
        margin-left: 0px;
    }
}



.text-image{
    margin-top: 160px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.text-image .text{
    /* flex: 1; */
    width: 50%;
    margin-right: auto;
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;

}


.text-image .text .button-blue{
    font-size: 16px;
    padding: 10px 25px !important;
}
.text-image .text article{
    text-align: left;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
}
.text-image .text .button-blue{
    margin-top: 20px;
    padding: 10px 25px !important;
    font-size: 15px;
}
.text-image .image{
    /* flex: 0.8; */
    width: 40%;
    margin-left: auto;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    position: relative;
}
.text-image .image img{
    background-color: #EBEBEB;
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    /* filter: brightness(75%); */
}
.text-image .image .overlay{
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    height: 98%;
}

@media(min-width:2199px){

    .text-image .text article{
        font-size: 24px !important;
    }
    .text-image .image , .text-image .image img,.text-image .image .overlay{
        border-top-left-radius: 400px;
        border-bottom-left-radius: 400px;
    }
}
@media(min-width:1800px){
    .text-image .text article{
        font-size: 22px;
    }
}
@media(max-width:768px){
    .text-image{
        margin-top: 130px;
    }
    .text-image .text{
        gap: 2px;
        padding-left: 15px;
    }
    .text-image .text article{
        font-size: 13px;
    }
}
@media(max-width:500px){
    .text-image{
        margin-top: 130px;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    .section-title{
        font-size: 20px;
    }
    .text-image .text{
        width: 100%;
        gap: 2px;
        padding-left: 5px;
        flex: none;

    }
    .text-image .image{
        flex: none;
        width: 99%;
        margin-left: auto;
    }
    .text-image .text article{
        font-size: 15px;
        width: 95%;
    }
    .text-image .text .button-blue {
        padding: 5px 20px !important;
        font-size: 14px !important;
        text-wrap: nowrap;
    }
    .text-image .image img{
        aspect-ratio: 3 / 1;
    }
    .text-image .image .overlay{
        height: 97% !important;
    }
}

#scroll-text{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    /* height: 100vh; */
}
#scroll-text .image-text{
    height: 100%;
    flex:1;
}
#scroll-text .title-image{
    height: 100%;
    flex:1;
    position: sticky;
    top: 9%;
    /* margin-bottom: 95px; */
    /* transform: translateY(0); */
}

/* #scroll-text .image-text .image{
    height: 100%;
    position: sticky;
    top: 12%;
    transform: translate(0);
    margin-top: 75px;
} */

#scroll-text .title-image .image{
    /* flex: 1; */
    width: 100%;
    display: flex;
    align-items: start;
    z-index: 5;
    margin-top: 110px;
    margin-bottom: 20px;
    /* transform: translateY(28%); */
    border-radius: 2.6vw;
    transition: all 0.5s ease;
    padding: 0 1.3vw;
}



.title-image-text .title-image .image img{
    width: 100%;
    aspect-ratio: 2/1;
    border-radius: 2.6vw;
    object-fit: cover;
    z-index: 5;
}

@media(min-width:1800px){
    #scroll-text .title-image .image{
        width: 85%;
        margin-top: 6.5vw;
        margin-left: 1.3vw;
    }
    .title-image-text .image-text .hub-services-container .text {
        height: auto;
    }
}
@media(max-width:800px){
    #scroll-text{
        flex-direction: column;
    }
    #scroll-text .title-image{
        height: 100%;
        flex:1;
        position: relative;
        top: auto;
        /* margin-bottom: 95px; */
        /* transform: translateY(0); */
    }
}



.title-image-text{
    width: 100%;
    margin-top: 50px;
    position: relative;
}
#service-dropdown{
    width: 100%;
    background-color: transparent;
    border: none;
}

.title-image-text .title-background{
    position: absolute;
    top: 0;
    left: 0;
    background: transparent linear-gradient(264deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 0px 371px 371px 0px;
    opacity: 1;
    width: 70vw;
    padding: 1.8vw 1.3vw;
    z-index: 0;
}

.title-image-text h1{
    width: 70%;
    text-align: left;
    font: normal normal bold 32px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

}

.title-image-text .image-text{
    width: 100%;
    padding: 1.3vw;
    display: flex;
    flex-direction: row;
    align-items:start;
    justify-content: start;
    gap: 25px;
    z-index: 5;
    height: 100%;
    position: relative;
}


@keyframes paragraph {
    0% {
        transform: translateY(10px);
    }

    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(-40px);
    }
    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(10px);
    }

    /* 75% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    } */
}
@keyframes image {
    0% {
        transform: translateY(28%);
    }
    25% {
        transform: translateY(30%);
    }
    50% {
        transform: translateY(33%);
    }

    75% {
        transform: translateY(30%);
    }

    100% {
        transform: translateY(28%);
    }

    /* 75% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    } */
}

/* .title-image-text .image-text .text{
    animation: paragraph 2.5s linear infinite;
}
.title-image-text .image-text .image{
    animation: image 2s linear infinite;
} */
.title-image-text .image-text .image{
    /* flex: 1; */
    width: 45vw;
    display: flex;
    align-items: start;
    z-index: 5;
    /* transform: translateY(90px); */
    margin-top: 90px;
    border-radius: 2.6vw;
    position: relative;
    /* transition: all 5s ease; */
    transform: translateY(0);
    transition: transform 0.1s ease;

}
.title-image-text .image-text .image a{
    /* flex: 1; */
    width: 100%;
}
.title-image-text .image-text .image a .fa-circle-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 50px;
}

.title-image-text .image-text .image img{
    width: 100%;
    aspect-ratio: 2/1;
    border-radius: 2.6vw;
    object-fit: cover;
    z-index: 5;
}
.title-image-text .image-text .image #overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5;
}


.title-image-text .image-text .text{
    /* flex: 1.2; */
    /* transition: all 5s ease; */

    width: 50vw;
    z-index: 5;
    margin-top: 1vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;

    box-shadow: 0px 0px 10px #00000012;

    border: 1px solid #CECECE;

    border-radius: 2.6vw;

    padding: 3vw 2.5vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    transform: translateY(0);
    transition: transform 0.1s ease;
}
.title-image-text .image-text .text article{
    width: 100%;
    text-align: left;
    font: normal normal normal 17px 'Sofia Sans Condensed';
    line-height: 20px;
    letter-spacing: 0px;
    color: #2D2926;
    z-index: 5;
}
.title-image-text .image-text .text .button-blue{
    padding: 0.8vw 1.8vw;
    font-size: 1.1vw;
}

/*@media(min-width:2500px){*/
/*    .title-image-text .image-text .text article{*/
/*        font: normal normal normal 1.1vw 'Sofia Sans Condensed';*/
/*        line-height: 30px;*/
/*    }*/
/*    .title-image-text h1{*/
/*        width: 70%;*/
/*        text-align: left;*/
/*        font: normal normal bold 1.1vw 'Sofia Sans Condensed';*/
/*        letter-spacing: 0px;*/
/*        color: #FFFFFF;*/
/*        opacity: 1;*/

/*    }*/
/*}*/
@media(min-width:2199px){
    .title-image-text .image-text .text article{
        font-size: 24px;
        line-height: normal;
    }
    .title-image-text .title-background{
        width:75%;
        padding: 30px;
    }
    .title-image-text .image-text .text .button-blue{
        padding: 10px 15px;
        font-size: 16px;
    }
}

@media(min-width:1800px){
    .title-image-text .image-text .image{
        margin-top: 140px;
    }
}

@media(max-width:768px){
    .title-image-text .image-text .text article {
        font-size: 14px;
        line-height: normal;
    }
}
@media(max-width:768px){
    .title-image-text .title-background {
        width: 99%;
        position: relative;
    }
    #scroll-text .title-image .image{
        margin-top: 10px;
        margin-bottom: 7px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .title-image-text .image-text {
        flex-direction: column;
        gap:0;
    }
    .title-image-text .image-text .image{
        width: 100%;
        transform: translate(0);
        margin-top: 10px;
    }
    .title-image-text .image-text .text{
        width: 100%;
        margin-top: 0;
    }
    .title-image-text .image-text .text article {
        font-size: 15px;
        line-height: normal;
    }
    .title-image-text h1 {
        width: 100%;
        font-size: 17px;
    }
}

.numeric-details{
    margin-top: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    /* height: 100%; */
}

.numeric-details span{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 40px;
    min-height: 50px;
    padding: 25px 20px;
    /* height: 100%; */
}

.numeric-details span h1{
    text-align: center;
    font: normal normal bold 40px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}

.numeric-details span p{
    text-align: center;
    font: normal normal 600 15px 'Sofia Sans Condensed';
    letter-spacing: 3px;
    color: #0EADAA;
    text-transform: uppercase;
}

@media(max-width:1024px){
    .numeric-details{
        margin-top: 70px;
        padding: 0 10px;
        gap: 2px;
    }
}
@media(max-width:768px){

    .numeric-details{
        margin-top: 100px;
        padding: 0 10px;
        gap: 2px;
    }
    .numeric-details span{
        /* padding: 15px 5px; */
        width: 20%;
        flex: none;
    }
    .numeric-details span h1{
        font-size: 2vw;
    }
    .numeric-details span p{
        font-size: 1.2vw;
    }
}
@media(max-width:500px){
    .title-image-text{
        margin-bottom: 0px !important;
    }
    .numeric-details{
        margin-top: 10px;
    }
    .title-image-text .image-text .text {
        gap: 10px;
    }
    .title-image-text .image-text{
        gap: 8px;
    }
    .numeric-details {
        flex-wrap: wrap;
        padding: 0 5px;
        gap: 6px;
    }
    .numeric-details span {
        flex: none;
        width: 49%;
        height: 100%;
        padding: 10px;
        min-height: 82px;
    }
    .numeric-details span h1 {
        font-size: 20px;
    }
    .numeric-details span p {
        font-size: 13px;
    }

    .title-image-text .image-text .text .button-blue {
        padding: 5px 20px !important;
        font-size: 14px !important;
    }
}



/* #panels {
    height: 100%;
    wid
} */
#panels #panels-container {
    margin-top: 150px;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding: 0px;
    overflow: hidden;
    background-color: #EBEBEB;
    /* padding-top: 30px; */
}
#panels #panels-container h5{
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 25px;
    color: #25398E;
    font-weight: bold;
    font-family: 'Sofia Sans Condensed';
    position: absolute;
    top: 155px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}
#panels #panels-container .panel {
    position: relative;
    min-width: 45vw;
    min-height: 80vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    text-align: left;
    transform: rotate(-90deg);
}

#panels #panels-container .panel .container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#panels #panels-container .panel .container .content{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    position: relative;
}
#panels #panels-container .panel .container .content .bar {
    width: 18vw;
    background-color: rgba(37, 57, 142,0.4);
    position: relative;
    height: 5px;
}
#panels #panels-container .panel .container .content .bar .bar-progress {
    width: 3vw;
    height: 4px;
    background-color: #25398e;
    position: absolute;
    top: 0;
    right: 0;
}
#panels #panels-container .panel .container .content .image1{
    width: 8.5vw;
    height: 18vh;
    object-fit: cover;
    position: absolute;
    top: -38px;
    left: -100%;
    transform: rotate(90deg);
    border-radius: 23px;
    transition: left 0.6s ease;
}
#panels #panels-container .panel .container .content .image1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 23px;

}
#panels #panels-container .panel:nth-child(even) .container .content .image1 img {
    aspect-ratio: 4 / 5;
}
#panels #panels-container .panel:nth-child(odd) .container .content .image1 img {
    aspect-ratio: 2 / 1;
}

#panels #panels-container .panel .container .content h1 {
    font-size: 100px;
    color: rgba(37, 57, 142,0.4);
    transition: color 0.6s ease;
    font-weight: bold;
    font-family: 'Sofia Sans Condensed';
    cursor: pointer;
    text-wrap: nowrap;
    white-space: nowrap;
}
#panels #panels-container .panel .container .more-content{
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    transform: rotate(90deg);
    padding-left: 10px;
}

#panels #panels-container .panel .container .more-content .image2{
    width: 15vw;
    height: 18.5vh;
    border-radius: 23px;
    transform: translateY(-500%);
    transition: transform 0.6s ease;
}
#panels #panels-container .panel .container .more-content .image2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 23px;
}

#panels #panels-container .panel:nth-child(even) .container  .image2 img {
    aspect-ratio: 2 / 1;
}
#panels #panels-container .panel:nth-child(odd) .container  .image2 img {
    aspect-ratio: 4 / 3;
}

#panels #panels-container .panel .container .more-content h2{
    font-size: 20px;
    color: #25398E;
    font-weight: bold;
    font-family: 'Sofia Sans Condensed';
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#panels #panels-container .panel .container .more-content ul{
    list-style-position: inside;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#panels #panels-container .panel .container .more-content ul li{
    font-size: 17px;
    color: #2D2926;
    font-weight: 400;
    font-family: 'Sofia Sans Condensed';
}

#panels #panels-container .panel:hover .container:hover h1{
    color: #25398E;
}
#panels #panels-container .panel .container:hover .content .image1{
    left: 50px;
}
#panels #panels-container .panel:hover .container:hover .more-content .image2{
    transform: translateY(0%);
}


@media (min-width: 2999px) {
    #panels #panels-container .panel .container:hover .content .image1{
        top: -75% !important;
        left: 100px !important;
    }
    #panels #panels-container .panel .container .more-content{
        width: 400px !important;
        height: 50% !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        padding-bottom: 6rem;
        gap: 10px !important;
    }
    #panels #panels-container .panel .container .more-content h2{
        font-size: 30px !important;
    }
    #panels #panels-container .panel .container{
        gap: 0 !important;
    }
    #panels #panels-container .panel{
        min-width: 35vw;
        height: 65vh !important;
    }
}

@media(min-width: 1919px){
    #panels #panels-container h5{
        font-size: 37px;
        top: 25%;
    }
    #panels #panels-container .panel .container .more-content{
        gap:35px;
    }
    #panels #panels-container .panel{
        height: 90vh;
    }
    #panels #panels-container .panel .container:hover .content .image1{
        top: -12px;
    }
}
@media(min-width:1800px){
    #panels #panels-container .panel .container:hover .content .image1{
        top: -35px;
    }
    #panels #panels-container .panel .container{
        justify-content: center;
        gap: 40px;
    }
}

@media(min-width:2300px){
    #panels #panels-container .panel{
        height: 100vh;
    }
    #panels #panels-container .panel .container{
        gap: 20px;
        justify-content: center;
    }
    #panels #panels-container .panel .container .more-content h2{
        font-size: 24px;
    }
}

@media(min-width:1500px){
    #panels #panels-container .panel .container .content .image1{
        width: 8.5vw;
        height: 18vh;
        object-fit: cover;
        position: absolute;
        top: 1px;
        left: -100%;
        transform: rotate(90deg);
        border-radius: 23px;
        transition: left 0.6s ease;
    }
}

@media (max-width:800px){
    #panels #panels-container h5 {
        top: 135px;
        width: 100%;
    }
    #panels #panels-container .panel {
        overflow:visible;
        min-width: 60vw;
        /* height: 60vh; */
    }
    #panels #panels-container .panel .container .more-content {
        margin-top: -50px;
    }
    #panels #panels-container .panel .container .content {
        height: 45vh;
    }
    #panels #panels-container .panel .container .content .bar {
        width: 25vw;
    }
    #panels #panels-container .panel:nth-child(odd) .container  .content .image1 {
        width: 40%;
        top: 35%;
    }
    #panels #panels-container .panel .container .content h1{
        font-size: 70px;
    }
    #panels #panels-container {
        align-items: center;
    }
    /* #panels #panels-container .panel:nth-child(odd) .container  .image2 img {
        aspect-ratio: 4 / 3;
    } */
    #panels #panels-container .panel .container .content .image1 {
        /* position: relative; */
        top: 30%;
        left: -25%;
        width: 40%
    }
    #panels #panels-container .panel .container .more-content .image2{
        position: relative;
        transform: translateY(0);
        width: 90%;
    }
    #panels #panels-container .panel .container:hover .content .image1{
        top: 30%;
        left: -25%;
        width: 40%;

    }
    #panels #panels-container .panel:hover .container:hover .more-content .image2{
        transform: translateY(0%);
    }
    #panels #panels-container .panel .container .more-content ul li {
        font-size: 13px;
    }
}
@media (min-width: 1520px) and (max-width: 1600px) {
    #panels #panels-container .panel .container:hover .content .image1{
        left: 80px !important;
        top: -20px !important;
    }
    #panels #panels-container .panel .container .content .bar{
        width: 20vw !important;
    }
    #panels #panels-container .panel .container .content h1{
        font-size: 80px !important;
    }
    #panels #panels-container h5 {
        top: 140px !important;
    }
    #panels #panels-container .panel .container .more-content{
        padding-left: 25px;
    }
}
@media (min-height: 500px) and (max-height: 660px) {
    #panels #panels-container h5 {
        top: 130px !important;
    }
    #panels #panels-container .panel{
        height: 90vh;
        min-width: 40vw;
    }
    #panels #panels-container .panel .container .content .image1{
        top: -25px;
    }
}
@media(min-width: 1000px) and (max-width:1450px){
    #panels #panels-container h5 {
        top: 170px;
        width: 100%;
        font-size: 25px;
    }
    #panels #panels-container .panel .container .content h1{
        font-size: 55px;
    }
    #panels #panels-container .panel{
        overflow: visible;
    }
    #panels #panels-container .panel .container  .more-content {
        padding-left: 25px;
    }
    /* #panels #panels-container {
        align-items: center;
    } */
    /* #panels #panels-container .panel:nth-child(odd) .container  .content .image1 {
        width: 40%;
        top: 18%;
    }
    #panels #panels-container .panel:nth-child(odd) .container:hover  .content .image1 {
        width: 40%;
        top: 18%;
    }
    #panels #panels-container .panel:nth-child(even) .container .content .image1{
        top: 25%;
    }
    #panels #panels-container .panel:nth-child(even) .container:hover .content .image1{
        top: 25%;
    } */
}
/* @media (min-height:500px) and (max-height:600px){
    .about-header{
        margin-bottom: 0;
        padding: 3px;
    }
    .about-header .select-box{
        max-width: 100%;
    }
    #panels #panels-container h5 {
        top: 130px;
        width: 100%;
        font-size: 25px;
    }
    #panels #panels-container .panel {
        overflow:visible;
        min-width: 60vw;
    }
    #panels #panels-container .panel .container .more-content {
        margin-top: -50px;
    }
    #panels #panels-container .panel .container .content {
        height: 45vh;
    }
    #panels #panels-container .panel .container .content .bar {
        width: 25vw;
    }
    #panels #panels-container .panel:nth-child(odd) .container  .content .image1 {
        width: 40%;
        top: 35%;
    }
    #panels #panels-container .panel .container .content .image1 {
        top: 30%;
        left: -25%;
        width: 40%
    }
    #panels #panels-container .panel .container .more-content .image2{
        position: relative;
        transform: translateY(0);
        width: 90%;
    }
    #panels #panels-container .panel .container:hover .content .image1{
        top: 30%;
        left: -25%;
        width: 40%;

    }

    #panels #panels-container .panel .container .content h1{
        font-size: 50px;
    }
    #panels #panels-container .panel:hover .container:hover .more-content .image2{
        transform: translateY(0%);
    }
    #panels #panels-container .panel .container .more-content ul li {
        font-size: 13px;
    }
} */
/*@media (max-width:700px){*/
/*    #panels #panels-container{*/
/*        position: relative;*/
/*    }*/
/*    #panels #panels-container h5 {*/
/*        top: unset;*/
/*        width: 100%;*/
/*        font-size: 25px;*/
/*        position: relative;*/
/*    }*/
/*    #panels #panels-container .panel .container .content h1{*/
/*        font-size: 50px;*/
/*    }*/
/*    #panels #panels-container {*/
/*        align-items: center;*/
/*        flex-direction: column;*/
/*        height: 100%;*/
/*        padding: 20px 0 150px;*/
/*        gap: 200px;*/
/*    }*/
/*    #panels #panels-container .panel:nth-child(odd) .container  .content .image1 {*/
/*        width: 40%;*/
/*        top: 10%;*/
/*    }*/
/*    #panels #panels-container .panel:nth-child(odd) .container:hover  .content .image1 {*/
/*        width: 40%;*/
/*        top: 10%;*/
/*    }*/
/*    #panels #panels-container .panel:nth-child(even) .container .content .image1{*/
/*        top: 24%;*/
/*    }*/
/*    #panels #panels-container .panel:nth-child(even) .container:hover .content .image1{*/
/*        top: 24%;*/
/*    }*/
/*    !* #panels #panels-container .panel:first-child .container .content .image1{*/
/*        top: 40px !important;*/
/*    } *!*/
/*    #panels #panels-container .panel:nth-child(even) .container .content .image1 .overlay{*/
/*        height: 97%;*/
/*    }*/
/*    !* #panels #panels-container .panel:nth-child(even) .container  .content .image1 {*/
/*        width: 40%;*/
/*        top: 35%;*/
/*    } *!*/
/*    #panels #panels-container .panel:nth-child(odd) .container .content .image1 .overlay{*/
/*        height: 95% !important;*/
/*    }*/
/*    #panels #panels-container .panel:nth-child(even) .container .more-content .image2{*/
/*        height: auto;*/
/*    }*/
/*    #panels #panels-container .panel {*/
/*        overflow:visible;*/
/*        !*min-width: 100vw;*!*/
/*        !*height: 60vh;*!*/
/*        min-width: 100%;*/
/*        height: 100%;*/
/*        min-height: auto;*/
/*    }*/
/*    #panels #panels-container .panel:nth-child(even) .container .more-content {*/
/*        margin-top: 0px;*/
/*        !* margin-top: -50px; *!*/
/*        !* margin-left: 20px; *!*/
/*        transform: rotate(90deg) translateX(20px);*/
/*    }*/
/*    #panels #panels-container .panel .container .content {*/
/*        height: 100%;*/
/*        width: fit-content;*/

/*    }*/
/*    #panels #panels-container .panel .container .content .bar {*/
/*        width: 50vw;*/
/*    }*/
/*    #panels #panels-container .panel .container .content .image1 {*/
/*        !* position: relative; *!*/
/*        !* top: 20%; *!*/
/*        top: 0;*/
/*        left: -20%;*/
/*        width: 32%;*/
/*        height: auto;*/
/*    }*/
/*    #panels #panels-container .panel .container .more-content{*/
/*        align-items:flex-start;*/
/*        padding-left: 0px;*/
/*        width: 50%;*/
/*    }*/
/*    #panels #panels-container .panel:nth-child(odd) .container .more-content{*/
/*        padding-left: 40px;*/
/*    }*/

/*    #panels #panels-container .panel .container .more-content .image2{*/
/*        position: relative;*/
/*        transform: translateY(0);*/
/*        width: 70%;*/
/*    }*/
/*    #panels #panels-container .panel .container:hover .content .image1{*/
/*        top: 15%;*/
/*        left: -20%;*/
/*        width: 32%;*/
/*        height: auto;*/

/*    }*/
/*    #panels #panels-container .panel .container .more-content h2{*/
/*        width: 60%;*/
/*        margin-left: 1px;*/
/*    }*/
/*    #panels #panels-container .panel:hover .container:hover .more-content .image2{*/
/*        transform: translateY(0%);*/
/*    }*/
/*    #panels #panels-container .panel .container .more-content ul li {*/
/*        font-size: 13px;*/
/*    }*/
/*    #panels #panels-container .panel .container .content .bar .bar-progress {*/
/*        width: 8vw;*/
/*    }*/
/*}*/

#regions_div{
    background-color: #FFFFFF;
    margin-top: 200px;
    width: 100%;
    height: 70vh;
}


.presence-country{
    margin-top: 71px;
    width: 100%;
    /* height: 35vh; */

    /* margin: 20px; */
    position: relative;
    z-index: -1;

}
.presence-country .background-image{
    width: 100%;
    height: 100%;
    /* position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;*/
}
.presence-country .background-image img{
    width: 100%;
    /* height: 100%; */
    /* filter: brightness(70%); */
    aspect-ratio: 5 / 1;
    object-fit: cover;
}


.presence-country .country{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
}
.presence-country .country h1{
    text-align: center;
    font: normal normal 600 2vw 'Sofia Sans Condensed';
    letter-spacing: 4.5px;
    color: #0EADAA;
    text-transform: uppercase;
    opacity: 1;
}
.presence-country .country h5{
    text-align: center;
    font: normal normal bold 3vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}


/* .arrow-bottom {
    position: absolute;
    bottom: -9px;
    left: 30%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    transform: translateX(-30%);
} */

.country-info{
    padding-top: 3vw;
    padding-bottom: 3vw;
    margin: -6vw auto 100px auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 30px #00000012;
    border: 1px solid #CECECE;
    border-radius: 50px;
    width: 90%;
    z-index: 20;
}
.country-info .contacts{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3vw;
    padding: 0 3vw;
}
.country-info .contact{
    text-decoration: none;
    flex: 1;
    width: 100%;
    /* max-width: 33%; */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 20px;
    height: 120px;
}

.country-info .contact svg{
    width: 32px;
    height: 100%;
}

.country-info .contact .contact-details{
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.country-info .contact .contact-details h1{
    text-align: left;
    font: normal normal bold 22px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
}
.country-info .contact .contact-details p{
    text-align: left;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
}

.country-info .vendors{
    margin-top: 90px;
    gap: 20px;
}
.country-info .vendors h1 {
    font-size: 3vw;
}
.country-info .vendors p {
    /* font-size: 1.2vw; */
    width: 45%;
}

@media(max-width:700px){
    .country-info .vendors h1 {
        font-size: 20px;
    }
    .country-info .vendors p {
        font-size: 15px;
        width: 90%;
    }
    .country-info .vendors .button-blue{
        padding: 1vw 4.5vw;
    }
}
@media(max-width:500px){
    .presence-country{
        margin-top: 50px;
    }
    .presence-country .background-image img{
        aspect-ratio: 2 / 1;
    }
    .presence-country .background-image .overlay{
        height: 97%;
    }
    .presence-country .country h1{
        font-size: 15px;
    }
    .presence-country .country h5{
        font-size: 25px;
    }
    .country-info {
        margin: -15vw auto 100px auto;
    }
    .country-info .contacts{
        width: 100%;
        display: flex;
        grid-template-columns: 1fr 1fr 1fr;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;

    }
    .country-info .contact {
        flex: none;
        height: 120px;
        width: 100%;
        max-width: none;
        /* flex: 1; */
        /* width: auto; */
        padding: 10px 10px;
        justify-content: space-between;
        align-items: center;
    }
    .country-info .contact #location-svg{
        width: 35px;
    }
    .country-info .contact #mail-svg,.country-info .contact #phone-svg {
        width: 25px;
    }
    .country-info .contact .contact-details {
        width: 90%;
    }

    .country-info .contact .contact-details h1 {
        font-size: 13px;
    }
    .country-info .contact .contact-details p  {
        font-size: 14px;
    }
    .country-info .vendors {
        margin-top: 40px;
        gap: 10px;
    }
}

.why-to-enroll{
    margin-top:30px;
    width: 100%;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    padding: 40px 0 50px 0;
}

.why-to-enroll h1{
    text-align: center;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}

@media(max-width:500px){
    .why-to-enroll {
        margin-top: 30px;
        padding: 20px;
    }
    .why-to-enroll h1{
        font-size: 20px;
    }
}

.why-to-enroll .benefits-container{
    width: 95%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.why-to-enroll .benefits-container .benefit{
    width: 100%;
    padding: 30px 0;
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
    /* gap: 1.5vw; */
    background: transparent linear-gradient(247deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 108px;
}
.why-to-enroll .benefits-container .benefit .benefit-content{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.why-to-enroll .benefits-container .benefit .benefit-content h1{
    text-align: left;
    font: normal normal bold 22px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    /* text-wrap: nowrap; */
}
.why-to-enroll .benefits-container .benefit .benefit-content p{
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
}
@media (min-width: 3000px) {
    .why-to-enroll .benefits-container .benefit .benefit-content p{
        font-size: 24px;
    }
}
@media (min-width: 2000px) {
    .why-to-enroll .benefits-container .benefit .benefit-content p{
        font-size: 24px;
    }
}

@media(min-width:768px) and (max-width:1000px){
    .why-to-enroll .benefits-container{
        grid-template-columns: 1fr 1fr;
    }
    .why-to-enroll .benefits-container .benefit .benefit-content h1 {
        font-size: 18px;
    }
    .why-to-enroll .benefits-container .benefit .benefit-content p {
        font-size: 13px;
    }

}
@media(max-width:500px){
    .why-to-enroll{
        padding: 5px;
    }
    .why-to-enroll .benefits-container{
        width: 100%;
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }
    .why-to-enroll .benefits-container .benefit .benefit-content{
        width: 80%;
    }
    .why-to-enroll .benefits-container .benefit{
        padding: 15px;
        border-radius: 60px;
    }
    .why-to-enroll .benefits-container .benefit .benefit-content h1 {
        font-size: 17px;
    }
    .why-to-enroll .benefits-container .benefit .benefit-content p {
        font-size: 15px;
    }

}

.gallery-carousel{
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 25px;
}
.gallery-carousel h1{
    text-align: center;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 20px;
}
.gallery-carousel .owl-carousel .item{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    position: relative;
}
.gallery-carousel .owl-carousel .item i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fancybox__container{
    z-index: 999999999999999999999999999999999999;
}

.gallery-carousel .owl-carousel .item img{
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
    border-radius: 20px;
}
.gallery-carousel .owl-carousel .owl-nav .owl-prev,
.gallery-carousel .owl-carousel .owl-nav .owl-next{
    background-color: transparent;
    margin: 20px;
}
.gallery-carousel .owl-carousel .owl-nav .owl-prev:hover,
.gallery-carousel .owl-carousel .owl-nav .owl-next:hover{
    padding: 5px;
}

@media(min-width: 2199px){
    .gallery-carousel .owl-carousel .owl-nav .owl-prev img, .gallery-carousel .owl-carousel .owl-nav .owl-next img{
        width: 50px !important;
        height: 75px !important;
    }
}

@media(min-width:768px){
    .gallery-carousel .owl-carousel .owl-nav .owl-prev:hover img,
    .gallery-carousel .owl-carousel .owl-nav .owl-next:hover img{
        background-color: gray;
        animation: slidein 1s linear infinite;
    }
}

.gallery-carousel .owl-carousel .owl-nav .owl-prev img,
.gallery-carousel .owl-carousel .owl-nav .owl-next img{
    width: 2vw;
    height: 5vh;
}

@media(max-width:500px){
    .gallery-carousel h1{
        font-size: 20px;
    }
    .gallery-carousel .owl-carousel .owl-nav .owl-prev img, .gallery-carousel .owl-carousel .owl-nav .owl-next img {
        width: 5vw;
    }
    /* .gallery-carousel .owl-nav{
        height: 50px;
    } */
    .gallery-carousel .owl-carousel .owl-nav .owl-prev, .gallery-carousel .owl-carousel .owl-nav .owl-next{
        margin: 0 10px !important;
    }
}

.years-awards{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100%;
    margin-bottom: 80px;
}

.years-awards .years{
    width: 90%;
    margin: 60px auto 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 50px;
    padding: 7px;
}
.years-awards .years .year{
    text-decoration: none;
    cursor: pointer;
    flex: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 35px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    text-align: center;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.years-awards .years .year.active, .years-awards .years .year:hover{
    background: transparent linear-gradient(264deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
    transition: all 0.3s ease-in-out;
    color: #FFFFFF;
}

.years-awards .awards {
    width: 100%;
}

.years-awards .awards .owl-carousel{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.years-awards .awards .owl-carousel .owl-stage-outer{
    padding: 10px 0;
}
@media(max-width:500px){
    .years-awards .awards .owl-carousel .owl-stage-outer{
        padding: 0;
    }

}


.years-awards .awards .owl-carousel .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.071);
    border: 1px solid #CECECE;
    border-radius: 50px;
    padding: 2vw 0 3vw 0;
    max-height: 270px;
    min-height: 100px;
    height: 100%;
    height: 270px;
}
.years-awards .awards .owl-carousel .item .award-logo{
    width: 80%;
    /* object-fit: contain; */
    padding: 5px;
    /* height: 40%; */
    /* max-height: 100px; */
    /* height: 40%; */
    display: flex;
    align-items: flex-start;
    /* aspect-ratio: 3 / 1; */
    /* object-fit: cover; */
}
.years-awards .awards .owl-carousel .item .award-logo img{
    width: 100%;
    aspect-ratio: 3 / 1;
    /* height: 100%; */
    object-fit: contain;
}

/* .vendors .owl-carousel .item .image{
    width: 100%;
    aspect-ratio: 3 / 1;
    padding: 5px;
} */
/* .vendors .owl-carousel .item .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(100%);
} */

.years-awards .awards .owl-carousel .item .award-name{
    width: 80%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.years-awards .awards .owl-carousel .item .award-name p{
    text-align: center;
    font: normal normal 600 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.years-awards .awards .owl-carousel .owl-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.years-awards .awards .owl-carousel .owl-nav .owl-prev{
    position: absolute;
    left: -3.5vw;
    top: -70%;
    transform: translateY(-70%);

}
.years-awards .awards .owl-carousel .owl-nav .owl-next{
    position: absolute;
    right: -3.5vw;
    top: -70%;
    transform: translateY(-70%);

}

.years-awards .awards .owl-carousel .owl-nav .owl-prev,
.years-awards .awards .owl-carousel .owl-nav .owl-next{
    background-color: transparent;
}
.years-awards .awards .owl-carousel .owl-nav .owl-prev:hover,
.years-awards .awards .owl-carousel .owl-nav .owl-next:hover{
    padding: 5px;
}
@media(min-width:768px){
    .years-awards .awards .owl-carousel .owl-nav .owl-prev:hover img,
    .years-awards .awards .owl-carousel .owl-nav .owl-next:hover img{
        background-color: gray;
        animation: slidein 1s linear infinite;
    }
}
@media (min-width: 3000px) {
    .years-awards .awards .owl-carousel .item{
        max-height: 320px;
    }
}
.years-awards .awards .owl-carousel .owl-nav .owl-prev img,
.years-awards .awards .owl-carousel .owl-nav .owl-next img{
    width: 2vw;
    height: 5vh;
}
@media(min-width: 2199px){
    .years-awards .awards .owl-carousel .owl-nav .owl-prev img, .years-awards .awards .owl-carousel .owl-nav .owl-next img{
        width: 50px !important;
        height: 75px !important;
    }
}

@media(min-width:1800px){
    .years-awards .awards .owl-carousel .item{
        height: auto;
        /* max-height: none; */

    }
}
@media(max-width:768px){
    .years-awards{
        gap: 25px;
        margin-bottom: 100px;
    }
    .years-awards .years{
        border-radius: 20px;
        padding: 0;
        position: relative;
        padding: 4px 5px;
    }

    .years-awards .select li {
        display: none;
        cursor: pointer;
        padding:0;
        /* border-top: 1px solid black; */
        min-width: 150px;
    }
    .years-awards .select li a{
        display: flex;
        width: 100%;
        z-index: -1;
        font-size: 12px;
        /* position: relative; */
    }
    .years-awards .select li a.active-page ,.years-awards .select li a:hover{
        color: #25398E;
        text-decoration: none !important;
        transition: all 0.2s ease;
    }

    .years-awards .select li:first-child {
        display: block;
        border-top: 0px;
    }

    .years-awards .select {
        width: 100%;
        /* border: 1px solid black; */
        display: inline-block;
        padding: 0;
        border-radius: 4px;
        position: relative;
    }

    .years-awards .select li:hover {
        background-color: #ddd;
    }

    .years-awards .select li:first-child:hover {
        background-color: transparent;
    }

    .years-awards .select.open li {
        display: block;
    }

    .years-awards .toggle-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        z-index: 99;
        /* display: none;  */
    }

    .years-awards .select.open .toggle-icon {
        display: inline-block;
    }




    .years-awards .years .year {
        font-size: 18px;
        padding: 5px 0;
        width: 100%;
        z-index: 1;
        position: relative;
        display: flex;
        background-color: transparent;
    }

    .years-awards .awards .owl-carousel{
        width: 95%;
    }
    .years-awards .awards .owl-carousel .item{
        height: 175px;
        gap: 10px;
    }
    .years-awards .awards .owl-carousel .item .award-name p{
        font-size: 15px;
    }
    .years-awards .awards .owl-carousel .owl-nav{
        top: auto;
    }
    .years-awards .awards .owl-carousel .owl-nav .owl-prev img, .years-awards .awards .owl-carousel .owl-nav .owl-next img {
        width: 5vw;
    }
    .years-awards .awards .owl-carousel .owl-nav .owl-next {
        transform: translateY(0);
        right: 39%;
    }
    .years-awards .awards .owl-carousel .owl-nav .owl-prev {
        transform: translateY(0);
        left: 39%;
    }
    .years-awards .awards .owl-carousel .item .award-logo {
        height: auto;
        width: 85%;
    }
}

.why-work-with-us{
    margin-top: 6vw;
    width: 100%;
    /* height: 35vh; */

    /* margin: 20px; */
    position: relative;
    /* z-index: -1;  */

}
.why-work-with-us .background-image{
    width: 100%;
    height: 100%;
    position: relative;
    /* position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;*/
    z-index: -1;
}
.why-work-with-us .background-image img{
    width: 100%;
    /* height: 100%; */
    aspect-ratio: 5 / 1;
    object-fit: cover;
}

.why-work-with-us  h1{
    text-align: center;
    font: normal normal 600 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 100%;
    position: absolute;
    top: 4.5vw;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px;
}

.why-work-with-us .why-work-carousel{
    width: 90%;
    margin-top: -10vw;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 35px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0px;
    height: 49vh;
    z-index: 999;
    padding: 0 20px 0 0;
    position: relative;
}

.why-work-with-us .why-work-carousel .swiper_main{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: 100%;
    /* margin-top: 50px; */
    position: relative;
}

.why-work-with-us .why-work-carousel  .swiper-pagination{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    position: relative;
    width: fit-content;
    /* position: absolute;
    right: 0;
    left: 100%;
    bottom: auto;
    top: 50%; */
}

.why-work-with-us .why-work-carousel .swiper_main .swiper-slide,
.why-work-with-us .why-work-carousel .swiper_text .swiper-slide{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.why-work-with-us .why-work-carousel .swiper_main .swiper-slide .image{
    width: 80%;
    margin: 0 auto 0 0;
    border-radius: 170px;
    /* transform: skewY(22deg) scale(1.8,1.5); */
}
.why-work-with-us .why-work-carousel .swiper_main .swiper-slide .image img{
    aspect-ratio: 2 / 1;
    object-fit: cover;
    width: 100%;
    border-radius: 170px;
    opacity: 0.6;
    transition: all 0.4s ease;
}
.why-work-with-us .why-work-carousel .swiper_main .swiper-slide.swiper-slide-active .image img{
    opacity: 1;
    transition: all 0.4s ease;
}

.why-work-with-us .why-work-carousel .swiper_text{
    width: 45%;
    height: 100%;
}


.why-work-with-us .why-work-carousel .swiper_text .swiper-slide .content{
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.why-work-with-us .why-work-carousel .swiper_text .swiper-slide h2{
    text-align: left;
    font: normal normal bold 25px 'Sofia Sans Condensed';
    text-transform: uppercase;
    color: #2D2926;
}
.why-work-with-us .why-work-carousel .swiper_text .swiper-slide article{
    text-align: left;
    font: normal normal 400 16px 'Sofia Sans Condensed';
    color: #2D2926;
}

@media(min-width: 3000px){
    .why-work-with-us .why-work-carousel{
        height: 45vh;
    }
    .why-work-with-us .why-work-carousel .swiper_text .swiper-slide article{
        font-size: 24px !important;
    }
}
@media(min-width: 2199px){
    .why-work-with-us .why-work-carousel{
        height: 45vh;
    }
}

@media(max-width:700px){
    .why-work-with-us h1{
        font: normal normal 600 20px 'Sofia Sans Condensed';
    }
    .why-work-with-us .why-work-carousel{
        flex-direction: column-reverse;
        height: 60vh;
        padding: 0 0;
        gap: 0;
    }
    .why-work-with-us .why-work-carousel .swiper_main {
        margin-top: 30px;
        width: 75%;
    }
    .why-work-with-us .why-work-carousel .swiper_text{
        width: 90%;
    }
    .why-work-with-us .why-work-carousel  .swiper-pagination{
        position: absolute;
        top: 50%;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        width: fit-content;
    }
    .why-work-with-us .why-work-carousel .swiper_text .swiper-slide{
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
    .why-work-with-us .why-work-carousel .swiper_text .swiper-slide h2{
        font: normal normal bold 18px 'Sofia Sans Condensed';
    }
    .why-work-with-us .why-work-carousel .swiper_text .swiper-slide article{
        text-align: left;
        font: normal normal 400 12px 'Sofia Sans Condensed';
        color: #2D2926;
    }
}
@media(max-width:500px){
    .why-work-with-us .background-image img{
        aspect-ratio: 3/1;
    }
    .why-work-with-us .why-work-carousel{
        height: 65vh;
        margin-top: -60px;
        width: 97%;
    }



    .why-work-with-us .why-work-carousel .swiper_main{
        margin-top: 20px;
        height: 75vh;
        width: 80%;
        transform: translateX(-10px);
    }
    .why-work-with-us .why-work-carousel .swiper_main .swiper-slide .image{
        width: 100%;
    }

    .why-work-with-us .why-work-carousel .swiper-pagination .swiper-pagination-bullet{
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px));
    }

    .why-work-with-us h1{
        font: normal normal 600 20px 'Sofia Sans Condensed';
        top: 40px;
    }
    .why-work-with-us .why-work-carousel .swiper_text .swiper-slide h2{
        font: normal normal bold 18px 'Sofia Sans Condensed';
    }
    .why-work-with-us .why-work-carousel .swiper_text .swiper-slide article{
        text-align: left;
        font: normal normal 400 15px 'Sofia Sans Condensed';
        color: #2D2926;
    }

}

.testimonials{
    width: 100%;
    margin: 100px auto;
    position: relative;
}
.testimonials h1{
    text-align: center;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}

@media(min-width: 2400px){
    .testimonials h1{
        margin-bottom: 15px;
    }
}

.testimonials-container{
    width: 60%;
    /* padding: 10px; */
    height: 50vh;
    margin: 0 auto;
}
.testimonials .swiper_testimonials{
    width: 100%;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    /* padding: 10px; */
}

.testimonials .swiper_testimonials .swiper-wrapper{
    width: 100%;
    height: 60vh;
    padding: 20px;
    /* margin-top: 80px; */
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide{
    box-shadow: 0px 0px 20px #00000012;
    height: 80%;
    background-color: #FFFFFF;
    border-radius: 50px;
    border: 4px solid transparent; /*2*/
    background: linear-gradient(243deg, #25398E 0%, #3AB0C8 100%) border-box; /*3*/
    /* -webkit-mask: 4 linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;  */
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide{
    box-shadow: 0px 0px 10px #00000012;
    height: 70%;
    background: #FFFFFF;
    border-radius: 50px;
    border: 0px solid transparent;
    transition: all 0.5s ease;

}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide-active{
    box-shadow: 0px 0px 50px #00000012;
    height: 70%;
    background-color: #FFFFFF;
    border-radius: 50px;
    border: 4px solid transparent; /*2*/
    background: linear-gradient(243deg, #25398E 0%, #3AB0C8 100%) border-box !important; /*3*/
    /* -webkit-mask: 4 linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;  */
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container{
    visibility: hidden;
    background-color: #FFFFFF !important;
    /* transition: all 0.5s ease; */
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide-active .slide-container{
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
    visibility: visible;
}

.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user{
    width: 30%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user .user-image{
    width: 70%;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user h2{
    text-align: center;
    font: normal normal bold 1.3vw 'Sofia Sans Condensed';
    text-transform: uppercase;
    color: #0EADAA;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user p{
    text-align: center;
    font: normal normal 500 1.3vw 'Sofia Sans Condensed';
    text-transform: capitalize;
    color: #2D2926;
    border-radius: 50%;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user .user-image img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 50%;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment{
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .start-quote,
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .end-quote{
    display: flex;
    align-items: center;
    width: 100%;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .start-quote svg,
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .end-quote svg{
    width: 9vw;
    height: 5vh;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .start-quote{
    justify-content: flex-start;
}
.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .end-quote{
    justify-content: flex-end;
}

.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment article{
    width: 70%;
    margin: 0 auto;
    font: normal normal 400 1.3vw 'Sofia Sans Condensed';
    color: #2D2926;
}

.testimonials .swiper-navigation .swiper-button-next ,
.testimonials .swiper-navigation .swiper-button-prev {
    padding: 5px;
    height: 60px;
    width: 35px;

}
.testimonials .swiper-navigation .swiper-button-next img,
.testimonials .swiper-navigation .swiper-button-prev img{
    width: 100%;
    height: 100%;
    background-color: gray;
}
@media(min-width: 2199px){
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user p,
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user h2{
        font-size: 30px;
    }
    .testimonials .swiper-navigation .swiper-button-next{
        top: 50% !important;
        right: 300px !important;
        transform: translateY(-50%) !important;
    }
    .testimonials .swiper-navigation .swiper-button-prev{
        top: 50% !important;
        left: 300px !important;
        transform: translateY(-50%) !important;
    }
    .testimonials .swiper-navigation .swiper-button-next, .testimonials .swiper-navigation .swiper-button-prev{
        width: 50px !important;
        height: 75px !important;
    }
}
@media(min-width:768px){
    .testimonials .swiper-navigation .swiper-button-next:hover img,
    .testimonials .swiper-navigation .swiper-button-prev:hover img{
        animation: slidein 1.5s linear infinite;
    }
}
.testimonials .swiper-navigation .swiper-button-next::after,
.testimonials .swiper-navigation .swiper-button-prev::after{
    display: none;
}

.testimonials .swiper-navigation .swiper-button-next{
    position: absolute;
    top: 60%;
    right: 15vw;
    transform: translateY(-60%);
}
.testimonials .swiper-navigation .swiper-button-prev{
    position: absolute;
    top: 55%;
    left: 15vw;
    transform: translateY(-55%);

}

@media(min-width:1800px){
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user .user-image{
        width: 50%;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment article{
        font-size: 25px;
    }
}

@media(max-width:768px){
    .testimonials-container{
        width: 80%;
    }
    .testimonials .swiper-navigation .swiper-button-next {
        right: 3vw;
    }
    .testimonials .swiper-navigation .swiper-button-prev {
        left: 3vw;

    }
}

@media(max-width:550px){
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide-active .slide-container {
        flex-direction: column;
        gap: 0;
    }
    .testimonials{
        margin: 50px auto 0 auto;
    }
    .testimonials .swiper_testimonials{
        padding: 0;
    }
    .testimonials-container{
        height: 75vh;
        padding: 0 5px;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user .user-image{
        width: 85%;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide-active{
        height: 100%;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide-active .slide-container .comment {
        gap: 0;
        width: 95%;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide-active .slide-container .comment article{
        font-size: 15px;
        width: 90%;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .start-quote svg,
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .comment .end-quote svg{
        width: 20px;
        height: 15px;
    }
    .testimonials .swiper_testimonials .swiper-wrapper{
        margin-top: 20px;
        height: 64vh;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user {
        width: 45%;
        gap: 0;
    }
    .testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user h2,.testimonials .swiper_testimonials .swiper-wrapper .swiper-slide .slide-container .user p{
        font-size: 15px;
    }
    .testimonials h1 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .testimonials .swiper-navigation .swiper-button-next {
        right: 5px !important;
        top: 50%;
        transform: translateY(0);
    }
    .testimonials .swiper-navigation .swiper-button-prev  {
        left: 5px !important;
        top: 50%;
        transform: translateY(0);

    }

}

.services-banner{
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 70px;
}
.services-banner .background-image{
    width: 100%;
}
.services-banner .background-image img{
    aspect-ratio: 4 / 1 ;
    object-fit: cover;
    width: 100%;

}

.services-banner .content{
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.services-banner .content h1{
    text-align: center;
    font: normal normal 600 20px 'Sofia Sans Condensed';
    letter-spacing: 4.5px;
    color: #0EADAA;
    text-transform: uppercase;
    opacity: 1;
}
.services-banner .content h2{
    text-align: center;
    font: normal normal bold 28px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 55%;
}
.services-banner .content p{
    text-align: center;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 46%;
}



.services-page{
    margin-top: 40px;
    padding-left: 18px;
    padding-right: 18px;
}

@media(max-width:768px){
    .services-banner {
        margin-top: 60px;
    }
}
@media(max-width:500px){
    .services-banner {
        margin-top: 50px;
    }
    .services-banner .background-image img{
        aspect-ratio: 2 /1;
    }
    .services-banner .background-image .overlay{
        height: 98%;
    }
    .services-banner .content h1{
        font-size: 16px;
    }
    .services-banner .content h2{
        font-size: 15px;
        width: 90%;
    }
    .services-banner .content p {
        font-size: 14px;
        width: 95%;
    }
    .services-page{
        margin-top: 20px;
    }
}

.services-tabs-container{
    width: 100%;
    display: flex;
    flex-direction: column;

}

.technology-services{
    position: sticky;
    top: 125px;
    z-index: 999;
    width: 90%;
    padding: 7px;
    margin-top: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 35px;
    margin: 50px auto 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.technology-services .service{
    text-decoration: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 35px;
    border: none;

    flex: 1;
    text-align: center;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
    padding: 10px;
    transition: all 0.5s ease;
}
.technology-services .service:hover,
.technology-services .service.active{
    color: #FFFFFF;
    background: transparent linear-gradient(262deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
}
@media(max-width:768px){
    .technology-services .service {
        font-size: 13px;
        padding: 12px 7px;
    }
    .technology-services {
        margin: 40px auto 0px auto;
        padding: 0;
        width: 93%;
        /* position: relative; */
    }
}
@media(max-width:500px){
    .technology-services{
        top: 105px;
    }
    .technology-services .service {
        font-size: 8px;
        padding: 5px 3px;
    }
    .technology-services {
        margin: 30px auto 0px auto;
        padding: 0 5px;
        width: 95%;
        border-radius: 20px;
    }

    .technology-services .container{
        width: 100%;
    }
    .technology-services .container .select-box .options-container{
        background-color: #ffffff;
        margin-top: 45px;
        max-height:none;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease;
    }
    .technology-services .container .select-box .options-container.active{
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease;
    }
    .technology-services .container .select-box .options-container .option{
        margin: 0;
    }
    .technology-services .container .select-box .options-container .option a{
        font-size: 14px;
        display: flex;
        width: 100%;
        margin: 0;
        border-radius: 25px;
        box-shadow: none;
    }

    .technology-services .select li {
        display: none;
        cursor: pointer;
        padding: 5px 0;
        /* border-top: 1px solid black; */
        min-width: 150px;
    }
    .technology-services .select li a{
        display: flex;
        width: 100%;
        z-index: -1;
        font-size: 15px;
        padding: 7px 15px;
        /* position: relative; */
    }
    .technology-services .select li a.active-page ,.technology-services .select li a:hover{
        color: #25398E;
        text-decoration: none !important;
        transition: all 0.2s ease;
    }

    .technology-services .select li:first-child {
        display: block;
        border-top: 0px;
    }

    .technology-services .select {
        width: 100%;
        /* border: 1px solid black; */
        display: inline-block;
        padding: 0;
        border-radius: 4px;
        position: relative;
    }

    .technology-services .select li:hover {
        background-color: #ddd;
    }

    .technology-services .select li:first-child:hover {
        background-color: transparent;
    }

    .technology-services .select.open li {
        display: block;
    }

    .technology-services .toggle-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        z-index: 99;
        /* display: none;  */
    }

    .technology-services .select.open .toggle-icon {
        display: inline-block;
    }
}



.services-slides{
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 100%;
    /* height: 50vh; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: #EBEBEB 0% 0% no-repeat padding-box;
}
.services-slides .nav{
    margin-top: 150px;
    margin-bottom: 50px;
    align-self: flex-start;
    position: sticky;
    top: 30%;
    width: 25%;
}
.services-slides .center-nav{
    margin-top: 150px;
    margin-bottom: 50px;
    align-self: flex-start;
    position: sticky;
    top: 40% !important;
    width: 25%;
}
.services-slides .nav ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0px;
    list-style: none;
}
.services-slides .nav ul li{
    padding-right: 10px;
    border-right: 3px solid rgba(37, 57, 142,0.2);
    width: 80%;
}
.services-slides .nav ul li.active{
    padding-right: 0.521vw;
    border-right: 3px solid #25398E;
    width: 80%;
}
.services-slides .nav ul li.active a{
    color: #25398E;
}

.services-slides .nav ul li:not(:first-child){
    padding-top: 1.042vw;
}
.services-slides .nav ul li:not(:last-child){
    padding-bottom: 1.042vw;
}

.services-slides .nav ul li a{
    width: 70%;
    display: block;
    cursor: pointer;
    text-align: left;
    font: normal normal 500 25px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(37, 57, 142,0.4);
    text-transform: uppercase;
    opacity: 1;
}

.services-slides .slide-container{
    margin-top: 100px;
    width: 70%;
}
.slide{
    width: 100%;
    height: 70vh;
    margin: 0 auto;
    position: relative;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* Add CSS styles for transitions */
/* .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
} */
.active {
    opacity: 1;
}

.module-background {
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    gap: 50px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.module-background .image {
    width: 35%;
    /* flex: 1; */
    border-radius: 50px;
}

.module-background .image img{
    width: 100%;
    aspect-ratio: 5 / 6;
    object-fit: cover;
    border-radius: 50px;
}

.module-background .content {
    /* flex: 1; */
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
}
.module-background .content h2{
    text-align: left;
    font: normal normal 500 25px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.module-background .content article{
    text-align: left;
    font: normal normal normal 1.1vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
}
.scrollMajicFix{top:0 !important}

@media (min-width: 2199px) {
    .module-background .content article{
        font-size: 24px;
    }
}

@media(max-width:1000px){
    .services-slides .nav {
        top: 40%;
    }
    .module-background{
        flex-direction: column;
        gap: 30px;
    }
    .module-background .content {
        /* flex: 1; */
        width: 70%;
        gap: 5px;
    }
    .services-slides{
        gap: 0;
    }
    .slide{
        height: 55vh;
    }
    .services-slides .slide-container:last-child{
        margin-bottom: 50px;
    }
    .module-background .content article{
        font: normal normal normal 12px 'Sofia Sans Condensed';
    }
    .module-background .content h2{
        font: normal normal bold 18px 'Sofia Sans Condensed';
    }
}

@media(max-width:900px){

    .services-slides {
        margin-top: 100px;
    }
    .services-slides .nav{
        display: none;
    }
    .services-slides .slide-container{
        width: 100%;
    }
    .slide{
        height: 100%;
    }
    .module-background{
        gap: 5px;
    }
    .module-background .image{
        width: 60%;
    }
    .module-background .content{
        width: 80%;
    }

}
@media(max-width:500px){
    .services-slides {
        margin-top: 50px;
    }
    /* .slide{
        height: 40vh;
    } */
    .services-slides .slide-container{
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
    }
    .services-slides .nav ul li a{
        font-size: 8px;
    }
    .module-background {
        gap: 15px;
    }
    .module-background .content h2 {
        font-size: 18px;
    }
    .module-background .image {
        width: 70%;
    }
    .services-slides .nav ul li a {
        width: 100%;
    }
    .module-background .content {
        width: 90%;
    }
    .module-background .content article {
        font-size: 15px;
    }
}

.partners-benefits{
    margin-top: 80px;
    position: relative;
    width: 100%;
}

.partners-benefits .background-image{
    width: 100%;
}
.partners-benefits .background-image img{
    width: 100%;
    aspect-ratio: 4 / 1;
    object-fit: cover;
}
.partners-benefits .content{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-55%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.partners-benefits .content h1{
    text-align: center;
    font: normal normal bold 2.2vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.partners-benefits .content .benefits-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 14.722vh;
    /* gap: ; */
}

.partners-benefits .content .benefits-container .benefit{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    padding-top: 2vw;
}
.partners-benefits .content .benefits-container .benefit:not(:last-child){
    border-right: 2px solid #FFFFFF;
}

.svg-container-ecom{
    width: 75%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.svg-container-ecom img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.partners-benefits .content .benefits-container .benefit .svg-container{
    background-color: transparent;
    width: 100%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partners-benefits .content .benefits-container .benefit .svg-container svg{
    width: 55px !important;
    height: 55px !important;
}
/* .partners-benefits .content .benefits-container .benefit .svg-container svg{
    /* width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
} */
.partners-benefits .content .benefits-container .benefit h5{
    text-align: center;
    font: normal normal bold 1.1vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    width: 55%;
    height: 20%;
    padding-bottom: 2vw;
}

@media (min-width: 2199px) {
    .partners-benefits .content h1{
        font-size: 40px !important;
    }
    .svg-container-ecom{
        height: 40%;
    }
    .partners-benefits .content .benefits-container .benefit h5{
        font-size: 25px !important;
    }
}
@media(max-width:990px){
    .partners-benefits .content .benefits-container .benefit {
        gap: 5px;
    }
    .partners-benefits .content .benefits-container .benefit .svg-container{
        height: 65%;
    }
    .partners-benefits .content .benefits-container .benefit .svg-container svg {
        width: 60% !important;
    }
    .partners-benefits .background-image {
        height: 20vh;
    }
    .partners-benefits .content {
        gap: 5px;
    }
    .partners-benefits .content h1 {
        font-size: 18px;
    }
    .partners-benefits .background-image img{
        height: 100%;
    }
    .partners-benefits .content .benefits-container {
        height: 10vh;
    }
    .partners-benefits .content .benefits-container .benefit h5 {
        font-size: 8px;
        width: 100%;
        height: auto;
    }
}
@media(max-width:768px){
    .partners-benefits .content .benefits-container .benefit{
        gap: 15px;
    }
    .partners-benefits .content .benefits-container .benefit h5{
        font-size: 8px;
    }
}
@media(max-width:500px){
    .partners-benefits .background-image{
        height: 100%;
    }
    .partners-benefits .background-image img{
        aspect-ratio: 4 / 3;
    }
    .partners-benefits .content{
        gap: 15px;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .partners-benefits .content .benefits-container{
        /* height: 8vh !important; */
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 0px;
        height: 100%;
    }
    .partners-benefits .content .benefits-container .benefit{
        width: 100%;
        gap: 5px;
    }
    .partners-benefits .content .benefits-container .benefit .svg-container svg{
        height: 35px !important;
    }
    .partners-benefits .content .benefits-container .benefit .svg-container-ecom{
        width: 30%;
    }
    .partners-benefits .content .benefits-container .benefit h5{
        font-size: 12px;
        height: 35%;
    }
    .partners-benefits .content .benefits-container .benefit:not(:last-child) {
        border: none;
    }
}





.solutions-banner{
    width: 100%;
    position: relative;
    margin-top: 70px;
}

.solutions-banner .background-image{
    width: 100%;
    height: 100%;
}
.solutions-banner .background-image img{
    width: 100%;
    aspect-ratio: 4 / 1;
    object-fit: cover;
}
.solutions-banner .content{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.solutions-banner .content h2{
    text-align: center;
    font: normal normal bold 28px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 65%;
}
.solutions-banner .content p{
    text-align: center;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 55%;
}

.solutions-container{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    display: grid;
    /*grid-template-columns: repeat(auto-fit,minmax(380px,1fr));*/
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    row-gap: 40px;
    column-gap: 20px;
}

.solutions-container .solution{
    text-decoration: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    cursor: pointer;
}
.solutions-container .solution .image{
    width: 100%;
    height: 50%;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    overflow: hidden;
}
.solutions-container .solution .image img{
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    transition: transform 0.5s ease;
}
.solutions-container .solution .content h1{
    text-align: left;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: capitalize;
    opacity: 1;
}
.solutions-container .solution .content h2{
    text-align: left;
    font: normal normal normal 12px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(0, 0, 0,0.45);
}
.solutions-container .solution span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
    transition: gap 0.5s ease;
    text-decoration: none;
}
.solutions-container .solution span p {
    text-align: right;
    font: normal normal bold 14px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;

}
.solutions-container .solution span i {
    opacity: 0;
    transition: opacity 0.5s ease;
    color: #25398E;
}
.solutions-container .solution:hover span i {
    opacity: 1;
}
.solutions-container .solution:hover span {
    gap: 10px;
}
.solutions-container .solution:hover span p {
    opacity: 1;
}
.solutions-container .solution:hover .image img{
    transform: scale(1.2);
}

@media(max-width:768px){
    .solutions-banner{
        margin-top: 60px;
    }
    .solutions-container {
        grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
        width: 90%;
    }
    .solutions-container .solution {
        gap: 5px;
    }
    .solutions-container .solution .content h1{
        font: normal normal bold 12px 'Sofia Sans Condensed';
    }
    .solutions-container .solution .content h2{
        font-size: 10px;
    }
    .solutions-container .solution span p {
        font-size: 9px;
    }
}
@media(max-width:500px){
    .solutions-banner{
        margin-top: 50px;
    }
    .solutions-banner .content p {
        font-size: 9px;
        width: 85%;
    }
    .solutions-container .solution .content h1{
        font-size: 15px;
    }
    .solutions-container .solution .content h2{
        font-size: 14px;
    }
    .solutions-container .solution span p{
        font-size: 13px;
    }
    .solutions-banner .background-image img{
        aspect-ratio: 2 / 1;
    }
    .solutions-banner .background-image .overlay{
        height: 98%;
    }
    .solutions-banner .content h2{
        font-size: 15px;
        width: 90%;
    }
    .solutions-banner .content p{
        font-size: 14px;
    }
}


.magic-main{
    margin-top: 8vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.magic-main h2{
    text-align: center;
    font: normal normal bold 50px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.magic-main .button-blue{
    margin-top: 20px;
}

.navigation-button{
    width: 50%;
    margin: auto;
    display: flex;
    justify-content: center;
}
.navigation-button .button-blue{
    padding: 10px 40px;
    cursor: pointer;
}
@media(max-width:500px){
    .navigation-button .button-blue{
        padding: 5px 20px !important;
        font-size: 14px !important;
    }
}


.testimonials .button-blue{
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* margin-top: 20px; */
    padding: 8px 45px;
    width: fit-content;
}
@media(max-width:500px){
    .testimonials .button-blue{
        margin-top: -20px;
    }
}

.title-image-text .image-text .hub-services-container {
    flex: 1;

    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: visible;
    /* height: 5; */
}
.title-image-text .image-text .hub-services-container::-webkit-scrollbar {
    display: none;
}

.title-image-text .image-text .hub-services-container .text{
    width: 100%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}
.title-image-text .image-text .hub-services-container .text h1{
    text-align: left;
    text-transform: uppercase;
    font: normal normal 500 25px 'Sofia Sans Condensed';
    color:#2D2926;
}
.title-image-text .image-text .hub-services-container .text article,.title-image-text .image-text .hub-services-container .text article{
    text-align: left;
    font: normal normal 400 15px 'Sofia Sans Condensed' !important;
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
}


@media(min-width: 3000px){
    .title-image-text .image-text .hub-services-container .text article, .title-image-text .image-text .hub-services-container .text article{
        font-size: 24px !important;
    }
    .title-image-text .image-text .hub-services-container .text{
        padding: 50px;
    }
}
@media(max-width:900px){
    .magic-main{
        margin-top: 10vw;
        margin-bottom: 30px;
    }
    .magic-main h2{
        font-size: 20px;
        padding: 5px;
    }
    .magic-main .button-blue{
        margin-top: 5px;
    }
    .title-image-text .image-text .hub-services-container {
        height: auto;
    }
}
@media(max-width:600px){
    .magic-main{
        margin-top: 16vw;
        margin-bottom: 30px;
    }
    .magic-main .button-blue{
        margin-top: 5px;
    }
    .title-image-text .image-text .hub-services-container {
        height: auto;
    }
    .title-image-text {
        margin-top: 20px;
    }
}
@media(max-width:500px){
    .title-image-text .image-text .hub-services-container .text{
        padding: 7px;
        gap: 5px;
    }
    .title-image-text .image-text .hub-services-container .text h1 {
        font-size: 17px;
    }
    .title-image-text .image-text .hub-services-container .text article {
        font-size: 15px;
    }
    .title-image-text {
        margin-top: 40px;
    }
}

.vendors-main{
    width: 100%;
    position: relative;
    margin-top: 70px;
}

.vendors-main .background-image{
    width: 100%;
}
.vendors-main .background-image img{
    width: 100%;
    aspect-ratio: 4 / 1;
    object-fit: cover;
}

.vendors-main .content{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.vendors-main .content h1{
    text-align: center;
    font: normal normal 600 25px 'Sofia Sans Condensed';
    letter-spacing: 4.5px;
    color: #0EADAA;
    text-transform: uppercase;
    opacity: 1;
}
.vendors-main .content h2{
    text-align: center;
    font: normal normal bold 32px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
.vendors-main .content p{
    text-align: center;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 45%;
}

.vendors-container{
    margin-top: 2vw;
    width: 100%;
    padding: 1vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}
.vendors-container .vendor{
    width: 100%;
    height: 25vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0.1vw 1vw;
    transition: all 0.5s ease;
    text-decoration: none;
}
@media (min-width: 2499px){
    .vendors-container .vendor{
        height: 20vh;
    }
}
.vendors-container .vendor .logo{
    width: 80%;
}
.vendors-container .vendor .logo img{
    width: 100%;
    aspect-ratio: 3 / 1;
    object-fit: contain;
}
.vendors-container .vendor p{
    text-align: left;
    font: normal normal normal 0vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 0;
    transition: all 0.5s ease;
}

.vendors-container .vendor:hover{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    gap: 10px;
}
.vendors-container .vendor:hover p{
    opacity: 1;
    font: normal normal normal 12px 'Sofia Sans Condensed';
}
@media(max-width:1000px){
    .vendors-container{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}
@media(max-width:800px){
    .vendors-container{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media(max-width:500px){
    .vendors-main{
        margin-top: 50px;
    }
    .vendors-main .content {
        gap: 5px;
    }
    .vendors-container{
        grid-template-columns: 1fr 1fr;
    }
    .vendors-main .content h1 {
        font-size: 15px;
    }
    .vendors-main .content h2 {
        font-size: 18px;
    }

    .vendors-main .content p {
        font-size: 16px;
        width: 85%;
    }
    .vendors-container .vendor {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 10px #00000012;
        border: 1px solid #CECECE;
        gap: 10px;
        justify-content: flex-start;
        height: 35vh;
    }

    .vendors-container .vendor p {
        opacity: 1;
        font: normal normal normal 15px 'Sofia Sans Condensed';
        text-align: center;
    }
    .vendors-container .vendor:hover p{
        font: normal normal normal 15px 'Sofia Sans Condensed';
    }
    .vendors-main .background-image img{
        aspect-ratio: 2 / 1;
    }
    .vendors-main .background-image .overlay{
        height: 98%;
    }
    .vendors-container .vendor .logo img{
        object-fit: cover;
    }
    .vendors-container .vendor .logo{
        width: 96%;
    }
}

.news-filter{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 35px;
    padding: 7px;
}
.news-filter a{
    flex: 15;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 35px;
    opacity: 1;
    text-align: center;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.5s ease;
    padding: 10px;
    text-decoration: none;
}
.news-filter a.active, .news-filter a:hover{
    background: transparent linear-gradient(266deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
    border-radius: 25px;
    color: #FFFFFF;
}

.news-filter button{
    /* flex: 1; */
    width: 40px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 0.5s ease;
}
.news-filter button:hover, .news-filter button.active{
    background: transparent linear-gradient(221deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
}
.news-filter button svg path{
    transition: all 0.5s ease;
}
.news-filter button:hover svg path, .news-filter button.active svg path{
    stroke: #FFFFFF;
}

#search{
    opacity: 0;
    transition: all 0.3s ease;
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media(max-width:768px){
    #search-open{
        display: none;
    }
    #search{
        width: 100%;
        padding: 0 5px;
    }
}

#search span{
    width: 23.125vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2D2926;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
}
#search span button{
    background: transparent;
    border: none;
}
#search span input{
    width: 90%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: none;
    padding: 10px 0px;
    outline: none;
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgb(0, 0, 0);
}
#search span input::placeholder{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(0, 0, 0,.5);
}
#search-icon-submit{
    cursor: pointer;
}



.news-wrapper{
    width: 95%;
    margin: 0px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.pagination-filter{
    width: 100%;
    grid-column: span 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
}
.pagination-filter .prev,
.pagination-filter .next{
    text-align: left;
    font: normal normal bold 18px/60px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    text-decoration: none;
}
.pagination-filter .prev{
    position: absolute;
    left: 0;

}

.pagination-filter .next{
    position: absolute;
    right: 0;
}


.pagination-filter .page-numbers:not(.next):not(.prev) {
    padding: 8px 15px;
    border-radius: 50%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    text-align: center;
    font: normal normal bold 20px/25px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-decoration: none;
}
.pagination-filter .page-numbers.current{
    background: #25398E 0% 0% no-repeat padding-box !important;
    color: #FFFFFF !important;
}

.news-wrapper .news-container{
    position: relative;
    padding: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid rgba(0, 0, 0,.1);
    text-decoration: none;
    transition: all 0.5s ease;
}

.news-wrapper .news-container .container{
    padding-right: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.news-wrapper .news-container:hover .container{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border-radius: 30px;
    border: 1px solid #CECECE;
}
.news-wrapper .news-container .image{
    width: 45%;
    border-radius: 30px;
    overflow: hidden;
}
.news-wrapper .news-container .image img{
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
    border-radius: 30px;
    transition: all 0.5s ease;
}
.news-wrapper .news-container:hover .image img{
    transform: scale(1.2);
}
.news-wrapper .news-container .content{
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.4vw;
}

.news-wrapper .news-container .content h5{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(45, 41, 38,.6);
    text-transform: uppercase;
}
.news-wrapper .news-container .content span h1{
    text-align: left;
    font: normal normal bold 22px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.5s ease;
}
.news-wrapper .news-container .content span{
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
}
.news-wrapper .news-container .content span hr{
    visibility: hidden;
    height: 1px;
    border: 1px solid #25398E;
    width: 0;
    transition: all 0.5s ease;
}
.news-wrapper .news-container:hover .content span h1{
    color: #25398E;
}
.news-wrapper .news-container:hover .content span hr{
    width: 100%;
    visibility: visible;
}

.news-wrapper .news-container .content p{
    text-align: left;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
}

@media(max-width:768px){
    #search span {
        width: 50%;

    }.news-wrapper .news-container {
         padding: 10px;
     }
    .news-wrapper .news-container .container{
        flex-direction: column;
        padding-right: 0;
        padding-bottom: 20px;
        gap: 10px;
    }
    .news-wrapper .news-container .image{
        width: 100%;
    }
    .news-wrapper .news-container .content {
        width: 90%;
    }
    .news-wrapper .news-container .content p{
        font: normal normal normal 14px 'Sofia Sans Condensed';
    }
    .news-wrapper .news-container .content span h1{
        font: normal normal bold 16px 'Sofia Sans Condensed';
    }
    .news-wrapper .news-container .content span hr{
        border: 1px solid #25398E;
    }
    .news-wrapper .news-container .content h5{
        font: normal normal bold 15px 'Sofia Sans Condensed';
    }

}

@media(max-width:768px){
    #search{
        height: auto ;
        opacity: 1 ;
        margin-top: 10px;
        width: 60%;
    }
    #search span input{
        padding: 6px 0;
    }
    #search span{
        width: 100%;
        padding: 2px 15px 2px 5px;
    }

    .news-filter {
        width: 97%;
        padding: 5px;
        position: relative;
        margin-top: 50px;
        border-radius: 20px;
    }
    .news-filter button{
        padding: 5px;
        width: 30px;
        height: 30px;
    }

    .news-filter a{
        padding: 5px 10px;
        font-size: 15px;
        /* margin-top: 50px; */
    }

    .news-wrapper{
        display: block;
        width: 100%;
        padding: 10px 0;
    }
    .news-filter .select li {
        display: none;
        cursor: pointer;
        /* border-top: 1px solid black; */
        min-width: 150px;
        background-color: transparent;
        width: 100%;
        border-radius: 35px;
    }

    .news-filter .select li:first-child{
        background: transparent linear-gradient(221deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box !important;
        width: 100%;
    }
    .news-filter .select li:first-child a{
        color: #ffffff;
        background-color: transparent !important;
        width: 60%;
    }
    .news-filter a{
        text-align: right;
    }

    .news-filter .select li a{
        display: flex;
        width: 45%;
        z-index: 0;
        font-size: 18px;
        position: relative;
        background-color: white;
    }
    .news-filter a.active, .news-filter a:hover{
        color: #000000;
        text-decoration: none !important;
        transition: all 0.2s ease;
        background: transparent !important;
    }

    .news-filter .select li:first-child {
        display: block;
        border-top: 0px;
    }

    .news-filter .select li:not(:first-child) {
        margin-top: 10px;
    }

    .news-filter .select {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        /* border: 1px solid black; */
        display: inline-block;
        /* padding: 0 5px; */
        border-radius: 4px;
        position: relative;
    }

    .news-filter .select li:hover {
        background-color: #ddd;
    }

    .news-filter .select li:first-child:hover {
        background-color: transparent;
    }

    .news-filter .select.open li {
        display: block;
    }

    .news-filter .toggle-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        z-index: 99;
        /* display: none;  */
    }

    .news-filter .select.open .toggle-icon {
        display: inline-block;
    }
    .news-wrapper .news-container{
        padding: 5px;
    }
}

.single-news{
    margin-top: 121px;
    width: 100%;
    position: relative;
}

.single-news .background-image{
    width: 100%;
}
.single-news .background-image img{
    width: 100%;
    aspect-ratio: 5 / 1;
    object-fit: cover;
}
.single-news .content{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.single-news .content h2{
    text-align: center;
    font: normal normal 600 20px 'Sofia Sans Condensed';
    letter-spacing: 4.5px;
    color: #0EADAA;
    text-transform: uppercase;
    opacity: 1;
    width: 60%;
}
.single-news .content h1{
    text-align: center;
    font: normal normal bold 30px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 52%;
}

.single-news-content{
    width: 52%;
    margin-left: auto;
    margin-right: auto;
}

.single-news-content .heading{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0;
}
.single-news-content .heading h5{
    text-align: left;
    font: normal normal bold 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(45, 41, 38,0.6);
    text-transform: uppercase;
}
.single-news-content .heading .share{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.a2a_svg {
    width: 20px !important;
    height: 20px !important;
}
.single-news-content .heading .share p{
    text-align: left;
    font: normal normal bold 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;

}
.single-news-content .heading .share a{
    flex: 1;
    text-decoration: none;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
}
.single-news-content hr{
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.single-news-content article{
    /* max-width: 90%; */
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0;
    text-align: left;
    font: normal normal normal 18px  'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
}
.single-news-content .content-image-text{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 40px 0;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.single-news-content .content-image-text .image{
    /* width: 47%; */
    flex: 0.4;
    border-radius: 50px;
}
.single-news-content .content-image-text .image img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50px;
}
.single-news-content .content-image-text .text{
    /* width: 45%; */
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
}
.single-news-content .content-image-text .text h1{
    text-align: left;
    font: normal normal bold 2.5vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.single-news-content .content-image-text .text article{
    text-align: left;
    font: normal normal normal 18px  'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
    padding: 0;
    max-width: 100%;
}
.single-news-content .last-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}
.single-news-content .last-content h1{
    text-align: left;
    font: normal normal bold 2.5vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.single-news-content .last-content article{
    text-align: left;
    font: normal normal normal 1.1vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
    padding: 0;
}

@media(min-width:2000px){
    .single-news-content article {
        font-size: 24px;
    }

    .single-news-content .content-image-text .text article{
        font-size: 24px;
    }

}
@media(max-width:768px){
    .single-news{
        margin-top: 78px;
    }
}
@media(max-width:500px){
    .single-news{
        margin-top: 105px;
    }
    .single-news .background-image img{
        aspect-ratio: 2 / 1;
    }
    .single-news .background-image .overlay{
        height: 97% !important;
    }
    .single-news-content .heading {
        padding: 10px 0;
    }
    .single-news .content h2{
        font-size: 15px;
    }
    .single-news .content h1{
        font-size: 15px;
    }
    .single-news-content .heading h5 {
        font-size: 12px;
    }
    .single-news-content .heading .share p {
        font-size: 12px;
    }
    .single-news-content article {
        padding: 10px 0;
        /* font-size: 18px; */

    }
    .single-news-content .content-image-text{
        flex-direction: column;
    }
    .single-news-content .content-image-text .image {
        /* padding: 20px 0; */
        width: 80%;
    }
    .single-news-content .content-image-text .image .overlay{
        height: 98%;
    }
    /* .single-news-content .content-image-text img{
        width: 100%;
    } */
    .single-news-content{
        width: 98%;
    }
    .single-news-content .content-image-text .text article{
        font-size: 10px;
    }
}

.blogs-container{
    width: 97%;
    margin: 40px auto;
    /* display: grid;
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr)); */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 50px;
    column-gap: 40px;
}


.blogs-container .blog{
    position: relative;
    width: 29vw;
    cursor: pointer;
    border-radius: 30px;
}
.blogs-container .blog .image{
    position: relative;
    width: 100%;
    border-radius: 30px;
}
.blogs-container .blog .image img{
    aspect-ratio: 2 / 1;
    object-fit: cover;
    width: 100%;
    border-radius: 30px;
    transition: all 0.5s ease;
}
.blogs-container .blog:hover .image img{
    filter: blur(2px);
}

.blogs-container > a:nth-child(5n + 4),
.blogs-container > a:nth-child(5n + 5) {
    width: 45vw;
    position: relative;
}
.blogs-container > a:nth-child(5n + 4) .image span,
.blogs-container > a:nth-child(5n + 5) .image span{
    position: absolute;
    top: 25px;
    left: 25px;
    padding: 8px 18px;
    text-transform: uppercase;
    font: normal normal bold 13px 'Sofia Sans Condensed';
    color: #25398E;
    display: block;
    background-color: #FFFFFF;
    border-radius: 20px;
}
.blogs-container .blog .image span,
.blogs-container .blog .image span{
    display: none;
}

.blogs-container .blog .content{
    width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 46px;
    opacity: 1;
    padding: 10px 18px;
    transition: all 0.5s ease;
}
.blogs-container .blog:hover .content{
    gap: 40px;
}
.blogs-container .blog:hover .content{
    bottom: 25px;
}
.blogs-container .blog .content .details{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3px;
    transition: all 0.5s ease;
}
.blogs-container .blog .content .details h5{

    text-align: left;
    font: normal normal bold 0.9vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(45, 41, 38,0.6);
    text-transform: uppercase;
}
.blogs-container .blog .content .details span{
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
}
.blogs-container .blog .content .details span h1{
    text-align: left;
    font: normal normal bold 1.2vw 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.5s ease;
}
.blogs-container .blog:hover .content .details span h1{
    color: #25398E;
}
.blogs-container .blog .content .details span hr{
    width: 0;
    margin-right: auto;
    /* opacity: 0; */
    border: 1px solid #25398E;
    transition: all 0.5s ease;
}
.blogs-container .blog:hover .content .details span hr{
    width: 100%;
    /* opacity: 1; */
}
.blogs-container .blog .content i{
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    transform: translateX(-10px);
}
.blogs-container .blog:hover .content i{
    opacity: 1;
    transform: translateX(0px);
    visibility: visible;
}

@media(max-width:800px){
    .blogs-container .blog {
        width: 45vw;
    }
}
@media(max-width:575px){
    .blogs-container .blog {
        width: 100% !important;
        margin: auto;
    }
    .blogs-container .blog .content {
        bottom: -15px;
    }
    .blogs-container .blog .content .details span h1 {
        font-size: 15px;
    }
    .blogs-container .blog .content .details h5 {
        font-size: 12px;
    }
}

.events-container{
    width: 97%;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.events-container .event{
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
}
.events-container .event .background-image{
    width: 100%;
    aspect-ratio: 4 / 1;
    object-fit: cover;
    transition: all 0.5s ease;
    border-radius: 20px;
}
.events-container .event:hover .background-image{
    transform: scale(1.2);
}
.events-container .event .header{
    position: absolute;
    top: 1.5vw;
    left: 1.5vw;
    width: 12vw;
    height: 5.093vh;
}
.events-container .event .header img, .events-container .event .header svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* border-radius: 21px; */
}
@media (min-width: 2499px) {
    .events-container{
        max-width: 80%;
    }
}
@media(max-width:500px){
    .events-container .event .header {
        height: 40px;
        width: 100px;
    }
}

.events-container .event .left-footer{
    width: fit-content;
    position: absolute;
    bottom: 1.5vw;
    left: 1.5vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1vw;
}
.events-container .event .left-footer .date p{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    text-transform: uppercase;
    color: #FFFFFF;
}
.events-container .event .left-footer h1{
    text-align: left;
    font: normal normal bold 30px 'Sofia Sans Condensed';
    text-transform: uppercase;
    color: #FFFFFF;
}

.events-container .event .right-footer{
    width: fit-content;
    position: absolute;
    bottom: 1.5vw;
    right: 1.5vw;
}
.events-container .event .right-footer .button-white{
    padding: 10px 25px;
}


.single-event{
    margin-top: 122px;
}
@media(max-width:500px){
    .single-event {
        margin-top: 50px;
    }
    .events-container .event .background-image{
        aspect-ratio: 4 / 3;
    }
    .events-container .event .left-footer h5{
        font-size: 15px;
    }
    .events-container .event .left-footer, .events-container .event .header{
        left: 10px;
    }
    .events-container .event .header{
        top: 20px;
    }
    .events-container .event .left-footer,.events-container .event .right-footer{
        bottom: 20px;
    }
    .events-container .event .left-footer h1{
        font-size: 15px;
    }
    .events-container .event .right-footer{
        right: 10px;
    }
    .events-container .event .right-footer .button-white{
        font-size: 12px !important;
    }
}

.event-info{
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.event-info .info{
    padding-left: 3vw;
    height: 13vh;
    width: 23vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.event-info .info .details{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.event-info .info .details h1{
    text-align: left;
    font: normal normal bold 22px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
}
.event-info .info .details h2{
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
    width: 100%;
}
@media(max-width:500px){
    .event-info {
        margin-top: 20px;
        gap: 5px;
        justify-content: space-between;
        padding: 0 5px;
    }

    .event-info .info {
        flex: 1;
        gap: 10px;
    }
    .event-info .info svg {
        width: 25px !important;
    }
    .event-info .info .details {
        width: calc(100% - 35px - 3vw);
    }
    .event-info .info .details h1 {
        font-size: 15px;
    }
    .event-info .info .details h2 {
        font-size: 15px;
        width: 90%;
    }
    .speaker-container h1{
        font-size: 17px !important;
    }
}

.speaker-container{
    margin: 60px auto 40px auto;
    width: 97%;
}

.speaker-container h1{
    text-align: center;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}

.speakers{
    margin-top: 30px;
    width: 100%;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: flex-start;*/
    /*justify-content: center;*/

    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;*/
    gap: 1vw;

    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .speakers{
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 30px;
    }
}

.speakers .speaker{
    /*flex: 1;*/
    width: calc(100% / 7 - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    max-width: 300px;
}
.speakers .speaker .image{
    width: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    /*max-height: 77px;*/
}
.speakers .speaker .image img{
    width: 100%;
    aspect-ratio: 7 / 8;
    object-fit: cover;
    border-radius: 30px;
    transition: all 0.5s ease;
}
.speakers .speaker:hover .image img{
    transform: scale(1.5);
}
.speakers .speaker h1{
    /*margin-top: 7px;*/
    text-align: center;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
    min-height: 25px;
}
.speakers .speaker h2{
    text-align: center;
    font: normal normal bold 14px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    min-height: 33px;
}
@media(max-width:500px){
    .speakers .speaker{
        width: 25%;
    }
    .speaker-container {
        margin: 50px auto 30px;
    }
    .speakers .speaker h1 {
        font-size: 15px !important;
    }
    .speakers .speaker h2 {
        font-size: 10px;
    }
    .speakers .speaker .image{
        border-radius: 50%;
    }
    /* .speakers .speaker .image img{
        border-radius: 50%;
    } */

}

.event-timeline{
    width: 100%;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    padding: 40px 0;
}
.event-timeline .title{
    text-align: center;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 15px;
}

.event-timeline .timeline-header{
    max-width: 85%;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 35px;
    padding: 0.9vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.event-timeline .timeline-header a{
    flex:1;
    text-decoration: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    cursor: pointer;
    padding: 8px 40px;
    transition: all 0.5s ease;
}
.event-timeline .timeline-header a.active,
.event-timeline .timeline-header a:hover{
    background: transparent linear-gradient(262deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
}
.event-timeline .timeline-header a.active h1,
.event-timeline .timeline-header a:hover h1{
    color: #FFFFFF;
}
.event-timeline .timeline-header a.active p,
.event-timeline .timeline-header a:hover p{
    color: rgba(255, 255, 255,0.6);
}

.event-timeline .timeline-header a h1{
    text-align: center;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.5s ease;
}
.event-timeline .timeline-header a p{
    text-align: left;
    font: normal normal normal 21px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(0, 0, 0,0.6);
    transition: all 0.5s ease;
}

.event-timeline .timeline-date{
    width: 65%;
    margin: 70px auto 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* gap: 20px; */
}
.event-timeline .timeline-date .timeline-date-info{
    width: 100%;
    /* padding: 15px 0; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /* gap: 20px; */
}
.event-timeline .timeline-date .time-container{
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.event-timeline .timeline-date .time-container:not(:last-child){
    border-bottom: 2px solid rgba(0, 0, 0,0.1);
}

.event-timeline .timeline-date .time-container .time{
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.event-timeline .timeline-date .time-container .time p{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    opacity: 1;
}
.event-timeline .timeline-date .time-container .info{
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.event-timeline .timeline-date .time-container .info article{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #000000;
}
.event-timeline .timeline-date .time-container .info ul{
    list-style-type: '- ';
}
.event-timeline .timeline-date .time-container .info ul li{
    text-align: left;
    font: normal normal normal 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #000000;
}
@media(max-width:500px){
    .event-timeline .title{
        font-size: 20px;
    }
    .event-timeline .timeline-date .time-container .info article,.event-timeline .timeline-date .time-container .time p{
        font-size: 16px;
    }
    .event-timeline .timeline-header {
        width: 98%;
    }
    .event-timeline .timeline-header a h1 {
        font-size: 10px;
    }
    .event-timeline .timeline-header a p {
        font-size: 12px;
    }
    .event-timeline .timeline-date {
        width: 80%;
        margin: 20px auto 0 auto;
    }
    .timeline-header .select-container i{
        z-index: 99;
    }
    .timeline-header .select-container select{
        font-weight: bold;

    }
    .timeline-dropdown{
        width: 100%;
        /* background-color: transparent; */
        background: transparent linear-gradient(221deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box !important;
        border: none;
        border-radius: 35px;
        text-align: center;
        font: normal normal bold 15px 'Sofia Sans Condensed';
        letter-spacing: 0px;
        color: rgba(0, 0, 0,0.7);
        text-transform: uppercase;
        opacity: 1;
        transition: all 0.5s ease;
        color: #fff !important;
    }
}

.promotions-search{
    width: 97%;
    margin: 5vw auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.promotions-search .search{
    flex: 1;
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2D2926;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.6vw 0.8vw;
}
.promotions-search .search input{
    width: 95%;
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #000000;
    border: none;
    outline: none;
}
.promotions-search .search input::placeholder{
    color: rgba(0, 0, 0, 0.5);
}

.promotions-search .country-filter{
    flex: 1;
    position: relative;
}

.promotions-search .country-filter label{
    position: absolute;
    top: -18px;
    left: 10px;
    text-align: left;
    font: normal normal bold 14px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.select-container{
    border-radius: 22px;
    width: 100%;
    position: relative;
}
.select-container i{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: -1;
}
.select-container select{
    padding: 10px 14px;
    width: 100%;
    border-radius: 22px;
    outline: none;
    text-align: left;
    font: normal normal normal 14px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgb(0, 0, 0);
    appearance: none;
    background-color: transparent;
    z-index: 1;
    cursor: pointer;
}
.select-container select option:nth-child(1){
    text-align: left;
    font: normal normal normal 13px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: rgba(0, 0, 0,.5);
    opacity: 0.5;
}

.promotions-container{
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
    column-gap: 25px;
}
.promotions-container .promotion{
    text-decoration: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    /* max-width: 700px; */
}
.promotions-container .promotion .image{
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}
.promotions-container .promotion .image img{
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    transition: all 0.5s ease;
    border-radius: 30px;
}
.promotions-container .promotion:hover .image img{
    transform: scale(1.5);
}

.promotions-container .promotion .details{
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0.5vw 1.5vw;
}

.promotions-container .promotion .details h1{
    text-align: left;
    font: normal normal 500 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
}
.promotions-container .promotion .details .button-blue{
    padding: 10px 25px;
    font: normal normal 700 16px 'Sofia Sans Condensed';
}

@media(max-width:525px){
    .promotions-search{
        margin: 25px auto 20px auto;
        /* flex-direction: column; */
        gap: 10px;
    }
    .promotions-search .country-filter{
        width: 100%;
    }
    .promotions-container{
        grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
        row-gap: 15px;
        padding: 0 5px;
    }
    /* .promotions-search .country-filter label{ */
    /* position: relative;
    top: auto;
    left: auto; */
    /* } */
    .promotions-container .promotion .details{
        padding: 8px;
    }
    .promotions-container .promotion .details h1{
        font: normal normal bold 15px 'Sofia Sans Condensed';
    }
    .promotions-container .promotion .details .button-blue{
        padding: 5px 20px !important;
        font: normal normal 700 12px 'Sofia Sans Condensed' !important;
    }
    .promotions-search .search{
        height: 38.5px;
        width: 100%;
        padding: 5px;
    }
    .promotions-search .select-container select{
        padding: 9px 14px;
    }
    .promotions-search .country-filter{
        height: 38px;
    }
}

.get-in-touch{
    width: 50%;
    margin: 5vw auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.get-in-touch h1{
    text-align: center;
    font: normal normal bold 30px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.inputs-container{
    margin-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 5px;
    column-gap: 20px;
}
.inputs-container .field{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    position: relative;
    padding-bottom: 20px;
}
.inputs-container .field label{
    text-align: left;
    font: normal normal bold 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.inputs-container .field input,.inputs-container .field textarea{
    width: 100%;
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #000000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2D2926;
    border-radius: 22px;
    outline: none;
    padding: 10px 14px;
}
.inputs-container .field .error-message{
    width: 100%;
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: red;
    padding-left: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    /* display: none; */
}
.inputs-container .field input:not([type="tel"]) {
    padding: 10px 14px;
}
.inputs-container .field .iti {
    width: 100%;
}
.inputs-container .textarea{
    grid-column-start: span 2;
}
.inputs-container .textarea textarea{
    width: 100%;
    resize: none;
}
.inputs-container .field input::placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.get-in-touch .button-blue, .become-a-partner .button-blue{
    width: fit-content;
    margin: 1vw auto;
    padding: 8px 45px;
    font: normal normal 700 18px 'Sofia Sans Condensed';
    grid-column-start: 2;
    display: grid;
    align-self: center;
}
@media(max-width:1037px){
    .get-in-touch{
        width: 65%;
    }
    .get-in-touch .inputs-container .field label{
        font: normal normal bold 13px 'Sofia Sans Condensed';
    }
    .get-in-touch .inputs-container .field input:not([type="tel"]) {
        font-size: 12px;
        padding: 0.6vw 10px;
    }
    .get-in-touch .inputs-container .field input,.get-in-touch .inputs-container .field textarea{
        padding: 0.6vw 10px;
    }
}
@media(max-width:655px){
    .get-in-touch{
        width: 85%;
    }
    .select-container select {
        font-size: 12px;
    }
    .get-in-touch .inputs-container .field label{
        font: normal normal bold 8px 'Sofia Sans Condensed';
    }
}
@media(max-width:500px){
    .get-in-touch{
        width: 100%;
        padding: 5px;
    }
    .get-in-touch h1 {
        font-size: 17px;
    }
    .inputs-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .inputs-container .textarea {
        grid-column-start: span 1;
    }
    .inputs-container .field {
        padding-bottom: 8px;
    }
    .get-in-touch .inputs-container .field input{
        height: 38.5px;
    }
    .get-in-touch .inputs-container .field label {
        font-size: 15px;
    }
    .get-in-touch .inputs-container .field input:not([type="tel"]){
        font-size: 16px;
    }
    .select-container select {
        font-size: 16px;
        padding: 10px 14px;
        border: 1px solid rgba(45, 41, 38, 0.5);
    }
    .get-in-touch .button-blue, .become-a-partner .button-blue {
        width: 30%;
        font-size: 16px !important;
    }
}

.become-a-partner{
    width: 55%;
    margin: 5vw auto;
}
.become-a-partner h1{
    text-align: center;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.become-a-partner .inputs-container h2{
    text-align: center;
    font: normal normal 600 25px 'Sofia Sans Condensed';
    letter-spacing: 4.5px;
    color: #0EADAA;
    text-transform: uppercase;
    opacity: 1;
    grid-column: span 2;
    margin: 2vw;
}
.become-a-partner .inputs-container .job-title,
.become-a-partner .inputs-container .website,
.become-a-partner .inputs-container .textarea{
    grid-column: span 2;
}

@media(max-width:500px){
    .become-a-partner{
        width: 100%;
        padding: 5px;
    }
    .become-a-partner h1{
        font-size: 17px;
    }
    .become-a-partner .inputs-container h2 {
        font-size: 15px;
    }
    .become-a-partner .inputs-container .job-title,
    .become-a-partner .inputs-container .website,
    .become-a-partner .inputs-container .textarea{
        grid-column: span 1;
    }
    .become-a-partner .inputs-container h2 {
        grid-column: span 1;
        margin: 30px auto 0 auto;
    }

}

.multiSelect {
    width: 100%;
    position: relative;
}

.multiSelect *, .multiSelect *::before, .multiSelect *::after {
    box-sizing: border-box;
}

.multiSelect_dropdown {
    font-size: 14px;
    min-height: 40px;
    /* line-height: 35px; */
    border-radius: 4px;
    box-shadow: none;
    outline: none;
    background-color: #fff;
    color: red;
    background: transparent 0% 0% no-repeat padding-box;
    border: 1px solid #2D2926;
    border-radius: 22px;
    font-weight: 400;
    padding: 0.5px 13px;
    margin: 0;
    transition: .1s border-color ease-in-out;
    cursor: pointer;
}

.multiSelect_dropdown.-hasValue {
    padding: 5px 30px 5px 5px;
    cursor: pointer;
}

.multiSelect_dropdown.-open {
    box-shadow: none;
    outline: none;
    padding: 4.5px 29.5px 4.5px 4.5px;
    border: 1px solid #2D2926;

}
/*
.multiSelect_arrow::before,
.multiSelect_arrow::after {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    height: 8px;
    border-radius: 20px;
    border-bottom: 8px solid #99A3BA;
    top: 40%;
    transition: all .15s ease;
} */
.multiSelect_arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #25398E; /* Adjust the color as needed */
    cursor: pointer;
    z-index: -1;
}
/*
.multiSelect_arrow::before {
    right: 18px;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.multiSelect_arrow::after {
    right: 13px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
} */

.multiSelect_list {
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-height: calc(10 * 31px);
    top: 28px;
    left: 0;
    z-index: 9999;
    right: 0;
    background: #fff;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    -webkit-transform: scale(0.8) translate(0, 4px);
    transform: scale(0.8) translate(0, 4px);
    border: 1px solid #d9dbde;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
}

.multiSelect_option {
    margin: 0;
    padding: 0;
    opacity: 0;
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
    transition: all .15s ease;
}

.multiSelect_option.-selected {
    display: none;
}

.multiSelect_option:hover .multiSelect_text {
    color: #fff;
    background: #3AB0C8;
}

.multiSelect_text {
    cursor: pointer;
    display: block;
    padding: 5px 13px;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    position: relative;
    transition: all .15s ease;
}

.multiSelect_list.-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0, 12px);
    transform: scale(1) translate(0, 12px);
    transition: opacity 0.15s ease, visibility 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

.multiSelect_list.-open + .multiSelect_arrow::before {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
}

.multiSelect_list.-open + .multiSelect_arrow::after {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}

.multiSelect_list.-open .multiSelect_option {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.multiSelect_list.-open .multiSelect_option:nth-child(1) {
    transition-delay: 10ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(2) {
    transition-delay: 20ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(3) {
    transition-delay: 30ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(4) {
    transition-delay: 40ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(5) {
    transition-delay: 50ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(6) {
    transition-delay: 60ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(7) {
    transition-delay: 70ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(8) {
    transition-delay: 80ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(9) {
    transition-delay: 90ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(10) {
    transition-delay: 100ms;
}

.multiSelect_choice {
    background: rgba(77, 132, 254, 0.1);
    color: #3AB0C8;
    padding: 4px 8px;
    line-height: 17px;
    margin: 5px;
    display: inline-block;
    font-size: 13px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 500;
}

.multiSelect_deselect {
    width: 12px;
    height: 12px;
    display: inline-block;
    stroke: #b2bac3;
    stroke-width: 4px;
    margin-top: -1px;
    margin-left: 2px;
    vertical-align: middle;
}

#iconX line {
    stroke: #3AB0C8; /* Change "your-desired-color" to the color you want */
}

.multiSelect_choice:hover .multiSelect_deselect {
    stroke: #a1a8b1;
}

.multiSelect_noselections {
    text-align: center;
    padding: 7px;
    color: #b2bac3;
    font-weight: 450;
    margin: 0;
}

.multiSelect_placeholder {
    position: absolute;
    left: 15px;
    font-size: 14px;
    top: 11px;
    padding: 0 4px;
    background-color: transparent;
    color: #b8bcbf;
    pointer-events: none;
    transition: all .1s ease;
}

.multiSelect_dropdown.-open + .multiSelect_placeholder,
.multiSelect_dropdown.-open.-hasValue + .multiSelect_placeholder {
    top: -11px;
    left: 17px;
    color: #4073FF;
    font-size: 13px;
    display: none;
}

.multiSelect_dropdown.-hasValue + .multiSelect_placeholder {
    top: -11px;
    left: 17px;
    color: #6e7277;
    font-size: 13px;
    display: none;
}
.g-recaptcha{
    display: flex;
    align-items: center;
    justify-content: center;
}



.regions-container{
    width: 97%;
    margin: 5.5vw auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 30px;
    column-gap: 20px;
    position: relative;
}

.regions-container .region{
    width: 100%;
    position: relative;
    cursor: pointer;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    height: 370px;
}
@media (min-width: 2499px) {
    .regions-container .region{
        max-width: 100%;
    }
}

.regions-container .region .background-image{
    width: 100%;
    border-radius: 22px;
    height: 100%;
}
.regions-container .region .overlay{
    height:100%;
    border-radius:20px
}

.regions-container .region .background-image img{
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
    border-radius: 22px;
    height: 100%;
}
.regions-container .region:hover .background-image img{
    filter: brightness(55%);
    transition: filter 0.5s ease;
}

.regions-container .region .content{
    position: absolute;
    top: 15px;
    left: 25px;
    /* transform: translate(-15px,-20px); */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.regions-container .region .content h1{
    text-align: left;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}
.regions-container .region .content span{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.regions-container .region .content span i{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    padding: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.regions-container .region .content span svg{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    padding: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.regions-container .region .content span{
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.regional-contacts-container{
    width: 100%;
    /* height: 52.037vh; */
    background: #EBEBEB 0% 0% no-repeat padding-box;
    padding: 40px 0;
}
.regional-contacts-container h1{
    text-align: center;
    font: normal normal bold 30px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
}
.regional-contacts-container .regional-contacts{
    width: 97%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}
.regional-contacts-container .regional-contacts .contact{
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    opacity: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    padding: 25px 17px;
    cursor: pointer;
    transition: all 0.5s ease;
    text-decoration: none;
    cursor: pointer;
}
.regional-contacts-container .regional-contacts .contact:hover{
    background: #25398E 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 69px;
}
.regional-contacts-container .regional-contacts .contact .icon{
    width: 89px;
    height: 89px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000012;
    border: 1px solid #CECECE;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.regional-contacts-container .regional-contacts .contact .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}
.regional-contacts-container .regional-contacts .contact .content h1{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.5s ease;

}
.regional-contacts-container .regional-contacts .contact:hover .content h1,
.regional-contacts-container .regional-contacts .contact:hover .content p{
    color: #FFFFFF;
}
.regional-contacts-container .regional-contacts .contact .content p{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
    transition: all 0.5s ease;

}

@media(max-width:1024px){
    .regions-container{
        grid-template-columns: 1fr 1fr;
    }
    .regions-container .region{
        max-width: 390px;
    }
    .regions-container .region .content {
        gap: 5px;
    }
    .regional-contacts-container .regional-contacts{
        grid-template-columns: 1fr 1fr;
    }
    /* .regions-container .region{
        width: 40%;
    } */

}
@media(max-width:500px){
    .regions-container .region{
        height: 380px;
    }
    .regions-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        padding: 10px 5px;

    }

    .regional-contacts-container .regional-contacts{
        grid-template-columns: 1fr;
        width: 100%;
        padding: 10px 5px;

    }
    .regions-container .region .background-image img{
        aspect-ratio: 4 / 3;
        filter: brightness(55%);
    }
    .regions-container .region .content{
        width: auto;
        gap: 10px;
    }
    .regions-container .region .content h1{
        font-size: 20px;
    }
    .regions-container .region .content span p{
        font-size: 18px;
    }
}
@media(max-width:400px){
    .regions-container .region{
        height: 400px;
    }
}




.terms-container{
    margin: 10.5vw auto;
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.terms-container h1{
    text-align: center;
    font: normal normal bold 40px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}

.terms-container .term{
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    width: 100%;
}
.terms-container .term h2{
    text-align: left;
    font: normal normal bold 30px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}
.terms-container .term h2 article{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
}
@media(max-width:800px){
    .terms-container{
        margin: 100px auto;
        width: 85%;
    }

    .terms-container h1{
        font-size: 25px;
    }
    .terms-container .term{
        margin-top: 20px;
    }
    .terms-container .term h2{
        font-size: 20px;
    }
    .terms-container .term article{
        font-size: 14px;
    }
}
@media(max-width:500px){
    .terms-container .term article{
        font-size: 12px;
    }
}

.presence-map{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}
.popup{
    text-decoration: none;
}

.popup-details{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.popup-details span{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}
.popup-details span p{
    text-decoration: none;
    color: #25398E;
}
/* #presence-svg{ */
/* width:1009.6727px;
height:665.96301px; */
/* width:800px;
height:800px; */
/* } */
.svg-container{
    position: relative;
    margin-top: 50px;
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#presence-svg {
    width: 100% !important;
    height: 750px;
    margin-top: 50px;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    /* transform: scale(2.2) translate(-100px, -103px); */
    z-index: 0;
    position: relative;

}


@media(min-width: 2000px){
    #presence-svg{
        transform: scale(2.9) translate(23%,-70px) !important;
    }
}
@media(min-width: 1600px) and (max-width:1980px){
    #presence-svg{
        transform: scale(2.4) translate(16%,-70px) !important;
    }
}
@media(min-width: 1300px) and (max-width:1400px){
    #presence-svg{
        transform: scale(2.4) translate(30px,-65px) !important;
    }
}
@media(min-width: 1000px) and (max-width:1300px){
    #presence-svg{
        transform: scale(2.4) translate(-10px,-65px) !important;
    }
}
@media(min-width: 600px) and (max-width:1000px){
    #presence-svg{
        transform: scale(2.4) translate(-35%,-121px) !important;
    }
}
@media(max-width:768px){
    .legends{
        left: 25px!important;
        top: 10% !important;
    }
}


.legends{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    position: absolute;
    left:25px;
    top: 50%;
    z-index: 1;
}
.legends span{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

@media(max-width:800px){
    .svg-container{
        width: 100%;
    }
}

@media(max-width:500px){
    .presence-map{
        overflow: hidden;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .svg-container{
        width: unset;
        height: 650px;
        overflow: visible;
    }
    #presence-svg{
        width:unset !important;
        height:unset;
        /* transform: scale(1) translate(0px, 0px); */
        /* transform: translateY(40px); */
    }
    .legends{
        left: 15px!important;
        top: auto !important;
        bottom: 70px;
    }
    .legends p{
        font-size: 12px;
    }
}

.affiliates-map{
    margin-top: 100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.affiliates-map h1{
    text-align: center;
    font: normal normal bold 30px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}
.affiliates-map .awards-container{
    width: 98%;
    margin: 0 auto;
    height: 100%;
    /* padding: 15px 15px; */
}
.affiliates-map .awards-container .awards{
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-content: center; */
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    /* gap: 30px; */
}
.affiliates-map .awards-container .awards .owl-nav{
    display: block !important;
}
.affiliates-map .awards-container .awards .owl-nav button:hover{
    background-color: transparent;
}
.affiliates-map .awards-container .awards .owl-nav button {
    padding: 0 15px !important;
}
.affiliates-map .awards-container .awards .owl-nav button img{
    width: 2vw;
    height: 5vh;
}
@media(min-width: 2199px){
    .affiliates-map .awards-container .awards .owl-nav button img{
        width: 50px !important;
        height: 75px !important;
    }

}
.affiliates-map .awards-container .awards .owl-nav button:hover img{
    animation: slidein 1s linear infinite;
}

.affiliates-map .awards-container .awards .item{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.071);
    border: 1px solid #CECECE;
    border-radius: 50px;
    height: 200px;
    padding: 20px;
}
.affiliates-map .awards-container .awards .item .award-logo{
    width: 50%;
    padding: 5px;
    max-height: 100px;
}
.affiliates-map .awards-container .awards .item .award-logo img{
    width: 100%;
    aspect-ratio: 3 / 1;
    object-fit: contain;
}
.affiliates-map .awards-container .awards .item .award-name p{
    text-align: center;
    font: normal normal bold 24px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
}




.affiliates-map .popup-details{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.affiliates-map .popup-details .university-item{
    width: 100%;
    border-bottom: 1px solid #CECECE;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* gap: 20px; */
    padding: 15px;
}
.affiliates-map .popup-details .university-item h4{
    text-align: left;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: capitalize;
}
.affiliates-map .popup-details .university-item p{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;

}

#affiliates-svg{
    width:90%;
    height:450px;
}

@media(min-width: 3000px){
    .affiliates-map h1{
        font-size: 35px !important;
    }
}

@media(max-width:500px){
    .affiliates-map {
        margin-top: 30px;
        gap: 20px;
    }
    #affiliates-svg{
        width: 400px;
        height: 300px;
    }
    .affiliates-map h1{
        font-size: 20px;
    }
    .affiliates-map .awards-container .awards .owl-nav button{
        padding: 0 10px !important;
        margin: 0 !important;
    }
}

/*
    .affiliates-map .awards-container .awards{
        grid-template-columns: 1fr;
    } */



#section-with-svg{
    width: 100%;
    /* overflow: hidden; */
    position: relative;
    margin-top: 120px;
}

#aqueduct {
    width: 100%;
    /* max-width: 1440px; optional: set maximum width */
    height: 390px;
}

#section-with-svg svg{
    width: 100%;
}


#section-with-svg .slider{
    display: none;
}
#section-with-svg .hide-on-desktop{
    display: none;
}
/* #section-with-svg .text-container{
    display: none;
} */


#section-with-svg .text1{
    width: 100%;
    position: absolute;
    left: 10%;
    bottom: 10%;
    width: 28vw;

}
#section-with-svg .text1 article, #section-with-svg .text2 article{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;

}

#section-with-svg .text2{
    position: absolute;
    right: 8%;
    top: 2%;
    width: 28vw;

}

@media(min-width: 2199px){
    #section-with-svg .text1 article, #section-with-svg .text2 article{
        font-size: 24px;
    }
}

@media(max-width:1024px){

    #section-with-svg{
        margin-top: 100px;
    }
    #section-with-svg .text2{
        right: 3%;
        top: 8%;
    }
    #section-with-svg .text1 article, #section-with-svg .text2 article{
        font: normal normal normal 12px 'Sofia Sans Condensed';
    }
}
@media(max-width:767px){
    #section-with-svg .text2{
        right: 10%;
        top: 5%;

    }
}
@media(max-width:500px){
    #section-with-svg{
        margin-top: 35px;
        margin-bottom: 35px;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #section-with-svg .hide-on-desktop{
        display: flex;
        width: 20% !important;
    }

    #section-with-svg .text-container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 50px;
        width: 100%;
        padding: 0 5px;
    }

    #aqueduct {
        display: none;
    }

    #section-with-svg .text1{
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        /* left: 5%;
        bottom: 15%;
        width: 40vw; */
    }
    #section-with-svg .text1 article, #section-with-svg .text2 article{
        font: normal normal normal 13px 'Sofia Sans Condensed';
    }
    #section-with-svg .text2{
        position: relative;
        top:auto;
        right: auto;
        width: 100%;
        /* right: 5%;
        top: 5%;
        width: 40vw; */
    }
}

.main-banner-outer {
    /* height: calc(calc(100vh * 2) /  5); */
    /* padding-bottom : calc(calc(100% * 1) / 3); */
    padding-bottom : calc(calc(100% * 2) / 5);
    object-fit: cover;
    /* background-color: red; */
    position: relative;
    /* border: 3px solid red */
    height: 100%;
    width: 100%;
}

.main-banner-outer .overlay-clip{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
    z-index: 3;
    width: 100%;
    height: 100%;
}



.main-banner-outer .overlay-clip svg{
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    overflow-x: hidden;
}

.mindware-hub  .main-banner-outer .overlay-clip svg {
    transform: scale(100);
}
.mindware-hub{
    margin-top: 100px;
}
@media(max-width:500px){
    .mindware-hub{
        margin-top: 50px;
    }
    .mindware-hub .main-banner-outer{
        aspect-ratio: 2 / 3;
    }
}

.main-banner-outer .overlay-clip2{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index: 2;
    background-color: white;

}

.main-banner{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index: 1;
}

.main-banner-inner{
    width: 100%;
    height: 100%;
    position: relative;

}

.main-banner-inner .img{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
}

.main-banner-inner .img img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0,0.3);
}


.main-banner-outer .content{
    /* opacity: 0; */
    visibility: visible;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    /* transform: translateY(-50%); */
    /* left: 20px; */
    padding:20px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    z-index: 9999;
}


.main-banner-outer .content h1{
    color: #FFFFFF;
    font: normal normal bold 40px 'Sofia Sans Condensed';
    text-transform: uppercase;
}
.main-banner-outer .content article{
    width: 45%;
    color: #FFFFFF;
    font: normal normal 400 18px 'Sofia Sans Condensed';
    line-height: 20px;
}
.main-banner-outer .content a{
    padding: 8px 50px;
}

/*@media(min-width: 1900px){*/
/*    .main-banner-outer .content article{*/
/*        font-size: 1.1vw !important;*/
/*        line-height: 40px !important;*/
/*    }*/
/*}*/
@media(min-width: 1800px){
    .main-banner-outer .content article{
        font-size: 24px;
        line-height: 30px;
    }
}


@media(min-width: 1000px) and (max-width:1300px){
    .main-banner-outer .content{
        gap: 15px;
    }
}

@media (max-width: 1024px){
    /* .main-banner{
        margin-top: 50px;
    } */
    .main-banner-outer .container {
        height: 60vh;
    }
    .main-banner-outer .content{
        /* top: 17%; */
    }
    .main-banner-outer .content h5{
        font-size: 20px;
    }
    .main-banner-outer .content h1{
        font-size: 30px;
    }
    .main-banner-outer .content article{
        width: 70%;
        font-size: 15px;
    }
    .main-banner-outer .content a{
        font-size: 13px;
        padding: 8px;
    }
    .main-banner-outer .overlay-clip{
        display: none;
    }
}
@media (max-width: 900px){
    .main-banner-outer .container {
        height: 40vh;
    }
    .main-banner-outer .background-image img {
        object-fit: cover;
        transform-origin: center;
        filter: brightness(50%);
        height: 100%;
        -webkit-clip-path: none;
        clip-path: none;
        transition: all 1s ease;
    }
    .main-banner-outer .content{

        visibility: visible;
        width: 100%;
        position: absolute;
        /* top: 0%; */
        /* left: 0; */
        padding:20px;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
@media (max-width: 768px){
    .main-banner-outer{
        margin-top: 0px;
    }
    .main-banner-outer .container {
        height: 50vh;
    }
    .main-banner-outer .content{
        top: 0;
        gap: 5px;
    }
    .main-banner-outer .content h5{
        font-size: 15px;
    }
    .main-banner-outer .content h1{
        font-size: 25px;
    }
    .main-banner-outer .content article{
        width: 70%;
        font-size: 12px;
        line-height: 15px;
    }
    .main-banner-outer .content a{
        font-size: 10px;
        padding: 5px;
    }
}
@media (max-width: 550px){
    /* .main-banner-outer{
        margin-top: -10px;
    } */
    /* .main-banner-outer .container{
        height: 25vh;
    } */
    .main-banner-outer {
        /* height: 25vh; */
        padding-bottom:0;
        object-fit: cover;
        aspect-ratio: 3 / 4;
        /* aspect-ratio: 5 / 6; */

    }

    .main-banner-outer .content{
        width: 95%;
        /* top: 50%; */
        /* transform: translateY(-50%); */
        /* left: 5px; */
        gap: 10px;
        padding: 5px 10px;
        /* padding-top: 10px; */
    }
    .main-banner-outer .content h5{
        font-size: 16px;
    }
    .main-banner-outer .content h1{
        font-size: 22px;
    }
    .main-banner-outer .content article{
        width: 100%;
        font-size: 16px;
        line-height: normal;
    }
    .main-banner-outer .content a{
        font-size: 14px !important;
        padding: 4px 10px;
        line-height: normal;
    }

}

.gitex-event{
    width: 100%;
    height: 110vh;
    margin-top: 50px;
    overflow: hidden;
    background-color: #000000;
    background-position: 0px -60px;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
}

.gitex-event .counter{
    margin-top: 30px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.gitex-event .counter .logo{
    /* flex: 1; */
    width: 50%;
}
.gitex-event .counter .logo img{
    width: 50%;
    aspect-ratio: 3 / 1;
    object-fit: contain;
}

.gitex-event .countdown{
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    z-index: 1;
    /* flex: 1; */
}
.gitex-event .countdown .count{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
.gitex-event .countdown .count h1{
    text-align: center;
    font: normal normal 400 40px 'Sofia Sans Condensed';
    color: #FFFFFF;
}
.gitex-event .countdown .count p{
    text-align: center;
    font: normal normal 400 30px 'Sofia Sans Condensed';
    color: #FFFFFF;
}

.gitex-event hr{
    width: 98%;
    margin: 10px auto;
    height: 1px;
    border: 1px solid #FFFFFF;
}

.gitex-event .visit-us{
    width: 98%;
    margin: 80px auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.gitex-event .visit-us .visit-img{
    width: 90px;
    height: 90px;
}

.gitex-event .visit-us .visit-img img{
    width: 100%;
    height: 100%;
}

.gitex-event .text{
    margin-top: 40px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.gitex-event .text h1{
    text-align: center;
    font: normal normal bold 50px 'Sofia Sans Condensed';
    color: #FFFFFF;
}

.gitex-event .text p{
    text-align: center;
    font: normal normal normal 30px 'Sofia Sans Condensed';
    color: #FFFFFF;
}

.gitex-event .text .event-logo {
    width: 30%;
}
.gitex-event .text .event-logo img{
    aspect-ratio: 5 / 1;
    object-fit: contain;
    width: 100%;
}

.gitex-event .text .navigators{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.gitex-event .text .navigators a{
    text-align: center;
    text-decoration: none;
    flex: 1;
    max-width: 400px;
    font: normal normal bold 30px 'Sofia Sans Condensed';
    color: #FFFFFF;
    padding: 10px;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.gitex-event .text .navigators a:nth-child(1){
    background-color: #202A6E;
}
.gitex-event .text .navigators a:nth-child(2){
    background-color: #2CB5D4;
}

.gitex-event .text .navigators a:hover{
    background-color: transparent !important;
    border: 1px solid #FFFFFF;
}

.gitex-video{
    padding: 50px;
    width: 100%;
    background-color: #000000;
}
.gitex-video .video{
    width: 100%;
    margin: auto;
    aspect-ratio: 2 / 1;
    object-fit: cover;
}
.gitex-video .video .video-link{
    width: 100%;
    height: 100%;
}
.gitex-video .about-mindware{
    width: 70%;
    margin: 50px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap:40px;
}
.gitex-video .about-mindware article{
    width: 100%;
    font: normal normal normal 25px 'Sofia Sans Condensed';
    text-align: left;
    color: #FFFFFF;
}
.gitex-video .our-sponsors{
    margin-top: 70px;
    width: 70%;
    margin: auto;
}
.gitex-video .our-sponsors h1{
    text-align: center;
    font: normal normal normal 50px 'Sofia Sans Condensed';
    color: #FFFFFF;
}
.gitex-video .our-sponsors .sponsors-container{
    margin-top: 20px;
    background-color: #FFFFFF;
    width: 100%;
    padding: 20px;
    border-radius: 23px;
}
.gitex-video .our-sponsors .sponsors-container fieldset{
    border: 1px solid #2CB5D4;
    border-radius:23px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 85%;
    margin: auto;

}
.gitex-video .our-sponsors .sponsors-container fieldset:not(:nth-child(1)){
    margin-top: 25px;
}
.gitex-video .our-sponsors .sponsors-container fieldset legend{
    color: #2CB5D4;
    font: normal normal normal 25px 'Sofia Sans Condensed';
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.gitex-video .our-sponsors .sponsors-container fieldset .sponsor{
    /* flex: 1; */
    /* width: fit-content; */
    min-width: 225px;
}
.gitex-video .our-sponsors .sponsors-container fieldset .sponsor img{
    aspect-ratio: 5 / 1;
    width: 100%;
    object-fit: contain;
}

.gitex-video form{
    width: 100%;
    margin: 100px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.gitex-video form .inputs-container .field label{
    text-align: left;
    font: normal normal normal 20px 'Sofia Sans Condensed';
    color: #FFFFFF ;
    width: 100%;
}
.gitex-video form .inputs-container .field input{
    text-align: left;
    font: normal normal normal 20px 'Sofia Sans Condensed';
    color: #000000;
    width: 80%;
    border-radius: 30px;
    background-color: #FFFFFF;
}

.gitex-video form .inputs-container .field select{
    text-align: left;
    font: normal normal normal 20px 'Sofia Sans Condensed';
    color: rgba(0, 0, 0, 0.7);
    width: 80%;
    padding: 10px;
    border-radius: 30px;
    background-color: #FFFFFF;
}

.gitex-video form .button-blue{
    padding: 10px 30px;
}
.gitex-video h5{
    text-align: center;
    font: normal normal normal 40px 'Sofia Sans Condensed';
    color: #FFFFFF;
}

.iframe-container{
    margin-top: 50px;
    width: 100vw;
    height: 100%;
}
.iframe-container iframe{
    width: 100%;
    height: 100vh;
}


.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255); /* Optional: Add a semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above other elements */

}
.loader img {
    width: 20%; /* Adjust the width of your custom image */
    height: auto; /* Maintain the aspect ratio */
}
@media(max-width:1080px){
    .loader img{
        width: 50%;
    }
}


.select-box {
    position: relative;
    display: flex;
    width: 100% !important;
    max-width: 483px;
    flex-direction: column;
}

.select-box .options-container {
    background: #EBEBEB 0% 0% no-repeat padding-box;;
    color: #fff;
    max-height: 0;
    width: 100%;
    opacity: 0;
    border-radius: 0px !important;
    overflow: auto;
    /* transition: */
    order: 1;
    position: absolute;
    z-index: 100;
}

.selected {
    /* background: #1c2028; */
    border-radius: 15px;
    color: #25398E;
    position: relative;
    height: 44px !important;
    order: 0;
    width: 483px;
    text-transform: uppercase;
}

.selected::after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    height: 100%;
    width: 32px;
    right: 0px;
    top: 5px;
    /* top: 120%; */
    transition: all 0.4s;
}

.select-box .options-container.active {
    max-height: 240px;
    opacity: 1;
    overflow-y: hidden;
    margin-top: 45px;
}

.selector-wrapper > .arrow-about {
    transition: 0.2s;
}

.selector-wrapper > .arrow-about {
    cursor: pointer;
    /* float: right !important; */
    display: block;
    flex-direction: row;
    position: absolute;
    align-items: center;
    background-color: transparent;
    border-radius: 15px;
    height: 100%;
    top: 25%;
    right: 0px;
    height: 20px;

    z-index: 99;
}

.rotated {
    transform: rotate(180deg) !important;
}

.select-box .options-container::-webkit-scrollbar {
    width: 8px;
    border-radius: 15px;
    scrollbar-width: 5px;
    width: 5px;
    margin-top: -10px;
    overflow: hidden;
    background: transparent;
    display: none;
}

::-webkit-scrollbar-thumb {
    background: #000;
}

.select-box .options-container::-webkit-scrollbar-thumb {
    /* background: #525861; */
    border-radius: 15px;
    scrollbar-width: 5px;
    height: 5px;
    margin-top: -10px;
}

.select-box .options-container::-webkit-scrollbar-track {
    background: transparent;
    display: none;
}

.options-container {
    overflow: overlay !important;
}

.select-box .option,
.selected {
    /* padding: 12px 24px; */
    cursor: pointer;
}

.selected {
    padding: 13px 5px;
    float: left;
}

/*.select-box .option:hover {*/
/*  background: #414b57;*/
/*}*/

.select-box a.active {
    color: #25398E;
}

.select-box .option .radio {
    display: none;
}

/* Searchbox */

.search-box input {
    width: 100%;
    padding: 12px 16px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    position: absolute;
    border-radius: 8px 8px 0 0;
    z-index: 100;
    border: 8px solid #2f3640;

    opacity: 0;
    pointer-events: none;
}

.options-container.active {
    pointer-events: auto;
}

.options-container {
    border-radius: 15px !important;
}

.option {
    margin: 15px;
    border-radius: 10px;
}

.selector-wrapper {
    position: relative;
    display: flex;
}

@media(min-width: 1500px) and (max-width: 1800px){
    .news-insights .mySwiper .swiper-wrapper .swiper-slide{
        min-height: 70vh;
        height: 70vh;
    }
    .swiper-button-next img, .swiper-button-prev img{
        background-color: transparent;
    }
}

@media(min-width: 2500px){
    .affiliates-map .awards-container .awards .item{
        height: 300px;
        gap: 100px;
    }
    .news-insights .mySwiper .swiper-wrapper .swiper-slide{
        min-height: 50vh;
        height: 50vh;
    }
    .news-insights h1{
        margin-bottom: 15px;
    }
    #presence-svg{
        transform: scale(2.9) translate(26%, -70px) !important;
    }
}
@media(min-width: 3600px){
    .news-insights .mySwiper .swiper-wrapper .swiper-slide{
        min-height: 35vh !important;
        height: 35vh !important;
    }
}
/*@media(min-width: 3400px){*/
/*    #presence-svg{*/
/*        transform: scale(2.9) translate(22%, -70px) !important;*/
/*    }*/
/*}*/
.panels.hide-desktop{
    display: none !important;
}
.panels.show-desktop{
    display: block !important;
}
@media (max-width: 768px) {
    .panels.show-desktop{
        display: none !important;
    }
    .panels.hide-desktop{
        display: flex !important;
    }
    #panels{
        position: relative !important;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 0px;
        background-color: #EBEBEB;
        margin-top: 50px;
        padding: 50px 0;
    }
    .panels.hide-desktop{
        display: flex !important;
    }
    #panels #panels-container{
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 0;
        height: 100%;
        align-items: center;
        padding-bottom: 50px;

    }
    #panels #panels-container .panel{
        min-width: 100%;
        min-height: 60vh;

    }
    #panels h5 {
        width: 100%;
        font-size: 25px;
        position: relative;
        top: unset;
        text-align: center;
        text-transform: uppercase;
        line-height: 25px;
        color: #25398E;
        font-weight: bold;
        font-family: 'Sofia Sans Condensed';
    }
    #panels #panels-container .panel .container .content h1{
        font-size: 40px;
    }
    #panels #panels-container .panel .container .more-content h2{
        font-size: 15px;
    }

    #panels #panels-container .panel .container{
        padding: 25px;
        justify-content: flex-start;
    }
    #panels #panels-container .panel .container .content .bar{
        width: 300px;
    }

    #panels #panels-container .panel .container .content{
        height: 45%;
    }
    #panels #panels-container .panel:nth-child(odd) .container .content .image1{
        top: 15%;
    }
    #panels #panels-container .panel .container .content .image1{
        top: 15%;
        left: 0;
    }
    #panels #panels-container .panel .container .more-content{
        margin-top: -10px;
        width: 250px;
        gap:5px;
        margin-left: 160px;
    }
    #panels #panels-container .panel .container .more-content .image2 {
        width: 100%;
    }

    #panels #panels-container .panel .container:hover .content .image1{
        top: 15%;
        left: 0;
    }


}


.services.southcamp .services-container{
    display: flex;justify-content: center;align-items: center;flex-wrap: wrap;
}
.services.southcamp .services-container .service{
    width: calc(calc(100% / 3) - 20px);
    @media (max-width: 1024px) {
        width: 100%;
    }
}

.linkedin-posts{
    margin-top: 80px;
    padding: 15px 25px;
    width: 100%;
}
.linkedin-posts .section-title{
    text-align: center !important;margin-bottom:30px;
}
.linkedin-posts .swiper-slide a{
    text-decoration: none;
}
.linkedin-posts .swiper-slide .image,.linkedin-posts .swiper-slide .image .asp,.linkedin-posts .swiper-slide .image .asp img{
    width: 100%;border-radius: 20px;z-index: 5;
}
.linkedin-posts .swiper-slide .content{
    padding: 35px 20px 20px;
    display: flex;flex-direction: column;gap: 5px;
    background-color: transparent;
    transition: all 0.3s ease;
    transform: translateY(-20px);
    z-index: 4;
}
.linkedin-posts .swiper-slide:hover .content{
    background-color: rgba(235, 235, 235,0.5);
    transition: all 0.3s ease;
}
.linkedin-posts .swiper-slide .date{
    font-weight: bold;font-size: 16px;color: #2D2926;opacity: 0.6;
}
.linkedin-posts .swiper-slide .title{
    font-weight: bold;font-size: 22px;color: #2D2926;text-transform: uppercase;
}
.linkedin-posts .swiper-slide .read-more{
    display: flex;flex-direction: row;gap: 10px;align-items: center;margin-top: 20px;
}
.linkedin-posts .swiper-slide .read-more p{
    font-weight: bold;font-size: 14px;color: #25398E;text-transform: uppercase;
}
@media (max-width: 1024px) {
    .linkedin-posts{
        margin-top: 30px;
        padding: 10px 15px;
        width: 100%;
    }
    .linkedin-posts .swiper-slide .content{
        padding: 20px 10px 15px;
        transform: translateY(-10px);
    }
    .linkedin-posts .swiper-slide .date{
        font-size: 12px;
    }
    .linkedin-posts .swiper-slide .title{
        font-size: 16px;
    }
    .linkedin-posts .swiper-slide .read-more{
        gap: 5px;margin-top: 10px;
    }
    .linkedin-posts .swiper-slide .read-more p{
       font-size: 12px;
    }
}

.southcomp-forms-container{
    background-color: rgba(173, 185, 202, 0.1);
    padding: 50px 0 0;
    margin-top: 80px;
    display: flex;flex-direction: column;justify-content: center; align-items: center;
}
.southcomp-forms-container .form-toggle-container {
    display: flex;
    width: 50%;
    gap: 5px;
    justify-content: space-between;
    border-radius: 50px;
    padding: 7px;
    margin: 0 auto 40px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 20px #00000012;

}

.tab-btn {
    border: none;
    border-radius: 50px;
    background: white;
    cursor: pointer;
    font-weight: bold;
    transition: 0.3s;
    width: calc(calc(100% / 2) - 5px);
    font-family: 'Sofia Sans Condensed';
    padding: 10px;
    font-size: 18px;
    box-shadow: 0px 0px 20px #00000012;
}
.tab-btn.active {
    background: transparent linear-gradient(266deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
    color: white;
}
.form-content {
    display: none;
    width: 65%;
}
.form-content .become-a-partner, .form-content .get-in-touch {
    width: 100%;
    margin-top: 0 !important;
}
.form-content .get-in-touch h1 {
    margin-bottom: 20px;
    font-size: 38px;
}
.form-content.active {
    display: block;
}
@media (max-width: 1024px) {
    .southcomp-forms-container{
        padding: 20px 0 0;
        margin-top: 20px;
    }
    .southcomp-forms-container .form-toggle-container {
        width: 90%;
        margin: 0 auto 20px;
    }
    .tab-btn{
        font-size: 14px;
    }
    .form-content .get-in-touch h1{
        font-size: 20px;
        margin-bottom: 0;
    }
    .form-content{
        width: 80%;
    }
}
.solutions .solution-container .solution.southcomp-solution{
    position: relative;overflow: hidden;
}
.solutions .solution-container .solution.southcomp-solution img{
    /*aspect-ratio: unset;*/
    /*object-fit: cover;*/
    /*width: 100%;*/
    /*transition: transform 0.3s ease;*/
    /*height: unset;*/
}
.solutions .solution-container .solution.southcomp-solution svg{
    position: absolute;
    left: 15px;top:15px;
    transform: translateX(-10px);
    opacity: 0;
    transition: all 0.3s ease;
}
.solutions .solution-container .solution.southcomp-solution:hover svg{
    transform: translateX(0);
    opacity: 1;
    transition: all 0.3s ease;
}
.solutions .solution-container .solution.southcomp-solution .solution-content{
    position: absolute;
    left: 0;top:0;right: 0;bottom: 0;padding: 5px 15px;
    display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;gap: 10px;
}

.solutions .solution-container .solution.southcomp-solution h1{
    color: #FFFFFF;
   transform: translateY(200%);
    transition: all 0.3s ease;
}
.solutions .solution-container .solution.southcomp-solution:hover h1{
    transform: translateY(0);
    color: #99D1DC;
    transition: all 0.5s ease;
}
.solutions .solution-container .solution.southcomp-solution p{
    opacity: 0;
    visibility: hidden;
    color: #FFFFFF;
    transition: all 0.5s ease;
    width: 90%;
    min-height: 55px;
}
.solutions .solution-container .solution.southcomp-solution:hover p{
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}

.podcasts-search{
    width: 50%;
    margin: 80px auto 25px ;
}

.podcasts-search .search{
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2D2926;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.6vw 0.8vw;

}
.podcasts-search .search input#podcast-search{
    width: 95%;
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    color: #000000;
    border: none;
    outline: none;
    opacity: 1;
    margin-top: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.podcasts-search .search input::placeholder{
    color: rgba(0, 0, 0, 0.5);
}

.podcast-skeleton {
    height: 220px;
    background: linear-gradient(
            90deg,
            #eee 25%,
            #ddd 37%,
            #eee 63%
    );
    background-size: 400% 100%;
    animation: skeleton 1.4s ease infinite;
    margin-bottom: 20px;
    border-radius: 8px;
}

@keyframes skeleton {
    0% { background-position: 100% 0; }
    100% { background-position: 0 0; }
}
#podcasts-results .pagination-filter{
    padding: 15px 25px;
}
.podcasts-hr{
    width: 100%;
    padding: 15px 25px;
    margin: 20px 0;
}
.podcasts-hr hr{
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
}
.podcasts-grid{
    display:grid;grid-template-columns: 1fr 1fr;gap:20px;padding: 15px 25px;
}
@media (max-width: 1024px) {
    .podcasts-grid {
        grid-template-columns: 1fr;
        padding: 10px 15px;
    }
    .podcasts-search{
        width: 85%;
        margin: 30px auto 15px;
    }
    .podcasts-search .search{
        padding: 5px 15px;
    }
    .podcast-card .podcast-content{
        bottom: 15px;
        left: 15px;
    }
    .podcasts-hr {
        padding: 5px 25px;
        margin: 10px 0;
    }
}
.podcast-card{
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.podcast-card .podcast-link{
    text-decoration: none;
}
.podcast-card .podcast-image,.podcast-card .podcast-image img{
    border-radius: 30px;
}
.podcast-card .podcast-image img{
    transform: scale(1);transition: all 0.3s ease;
}
.podcast-card:hover .podcast-image img{
    transform: scale(1.2);transition: all 0.3s ease;
}
.podcast-card .podcast-image .asp .img-overlay{
   background-color: rgba(0, 0, 0, 0.3);transition: all 0.3s ease;
}
.podcast-card:hover .podcast-image .asp .img-overlay{
   background-color: rgba(0, 0, 0, 0.5);transition: all 0.3s ease;
}
.podcast-card .podcast-content{
    position: absolute;
    bottom: 25px;left: 25px;display: flex;flex-direction: column;gap: 8px;
}
.podcast-card .podcast-play-button{
    position: absolute;width: 50px;height: 50px;
    bottom: 25px;right: 25px;display: flex;justify-content: center;align-items: center;
}
.podcast-card .podcast-play-button svg{
    width: 50px;height: 50px;
    position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;
}
@media (max-width: 500px) {
    .podcast-card .podcast-play-button{
        width: 30px;height: 30px;bottom: 18px;right: 15px;
    }
    .podcast-card .podcast-play-button svg{
        width: 30px;height: 30px;
    }
    .podcast-card .podcast-content{
        bottom: 15px !important;left: 15px !important;width: fit-content;
    }
}
.podcast-card .podcast-play-button svg.default-play{
    opacity: 1;transition: all 0.3s ease;
}
.podcast-card .podcast-play-button svg.hovered-play{
    opacity: 0;transition: all 0.3s ease;
}
.podcast-card:hover .podcast-play-button svg.default-play{
    opacity: 0;transition: all 0.3s ease;
}
.podcast-card:hover .podcast-play-button svg.hovered-play{
    opacity: 1;transition: all 0.3s ease;
}

.podcast-card .podcast-content .podcast-top-content{
    display: flex;flex-direction: row;align-items: center;gap: 5px;
}
.podcast-card .podcast-content .podcast-top-content .podcast-category,
.podcast-card .podcast-content .podcast-top-content .podcast-date{
    font-size: 15px;font-weight: bold;color: rgba(255,255,255,0.6);font-family: 'Sofia Sans Condensed';text-transform: uppercase;
}
.podcast-card .podcast-content .podcast-title{
    font-family: 'Sofia Sans Condensed';color: white;font-size: 23px;font-weight: bold;
}

.pagination-filter .next{
    right: 25px;
}
.pagination-filter .prev{
    left: 25px;
}


.case-studies-search{
    width: 50%;
    margin: 80px auto 25px ;
}

.case-studies-search .search{
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2D2926;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.6vw 0.8vw;

}
.case-studies-search .search input#case-studies-search{
    width: 95%;
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    color: #000000;
    border: none;
    outline: none;
    opacity: 1;
    margin-top: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.case-studies-search .search input::placeholder{
    color: rgba(0, 0, 0, 0.5);
}
.case-studies-grid{
    display:grid;grid-template-columns: 1fr 1fr;gap:20px;padding: 15px 25px;
}
.case-studies-card{
    padding: 28px;border-radius: 40px;
    display: flex;flex-direction: row;gap: 30px;align-items: center;text-decoration: none;color: #000000;
    border: 1px solid #CECECE;
    box-shadow: 0 20px 30px #00000012;
    transition: all 0.3s ease;
}
.case-studies-card:hover{
    border: 1px solid #25398E;
    transition: all 0.3s ease;

}
.case-studies-card .case-study-image{
    width: 48%;border-radius: 40px;overflow: hidden;
}
.case-studies-card .case-study-image img{
   transform: scale(1);transition: all 0.3s ease;
}
.case-studies-card:hover .case-study-image img{
    transform: scale(1.5);transition: all 0.3s ease;
}
.case-studies-card .case-studies-content{
    width: 48%;
}
.case-studies-card .case-studies-content .case-studies-date{
    opacity: 0.6;font-size: 15px;font-weight: bold;font-family: 'Sofia Sans Condensed';text-transform: uppercase;
}
.case-studies-card .case-studies-content .case-study-title{
   font-size: 20px;font-weight: bold;font-family: 'Sofia Sans Condensed';text-transform: uppercase;
    margin-top: 5px;
}
.case-studies-card .case-studies-content .case-study-description{
   font-size: 14px;font-weight: normal;font-family: 'Sofia Sans Condensed';
    margin-top: 10px;
}
.case-studies-card .case-studies-content .case-study-btn{
   font-size: 16px;font-weight: bold;font-family: 'Sofia Sans Condensed';margin-top: 15px;
    border: 1px solid #25398E;transition: all 0.3s ease;
    background-color: #25398E;border-radius: 25px;padding: 10px 40px;color: white;text-decoration: none;width: fit-content;
}
.case-studies-card:hover .case-studies-content .case-study-btn{
    background-color: transparent;color: #25398E;transition: all 0.3s ease;
}

@media (max-width: 1024px) {
    .case-studies-grid {
        grid-template-columns: 1fr;
        padding: 10px 15px;
    }
    .case-studies-search{
        width: 85%;
        margin: 30px auto 15px;
    }
    .case-studies-search .search{
        padding: 5px 15px;
    }
    .case-studies-card{
        padding: 15px;flex-direction: column;gap: 15px;
    }
    .case-studies-card .case-study-image{
        width: 100%;
    }
    .case-studies-card .case-studies-content{
        width: 100%;
    }
    .case-studies-card .case-studies-content .case-study-title{
        font-size: 18px;
    }
    .case-studies-card .case-studies-content .case-studies-date{
        font-size: 14px;
    }
    .case-studies-card .case-studies-content .case-study-btn{
        font-size: 14px;
        padding: 8px 30px;
    }
}

.single-case-study{
    margin-top: 71.5px !important;position: relative;
}
.single-case-study .background-image{
   width: 100%;
}
.single-case-study .content{
    width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;
    flex-direction: column;justify-content: center;align-items: center;gap: 20px;
}
.single-case-study .content h1{
    color: white;font-size: 30px;font-weight: bold;font-family: 'Sofia Sans Condensed';text-transform: uppercase;
}
.single-case-study .content a{
    min-width: 180px;
    background-color: #ffffff;border-radius: 25px;padding: 10px 50px;color: #25398E;text-decoration: none;
    text-transform: uppercase;border: 1px solid #ffffff;transition: all 0.3s ease;font-weight: bold;
    font-size: 16px;font-family: 'Sofia Sans Condensed';
}
.single-case-study .content a:hover{
    background-color: transparent;color: #ffffff;transition: all 0.3s ease;content: 'READ MORE';
}
.single-case-study .desktop{
    display: block;
}
.single-case-study .mobile{
    display: none;
}
@media (max-width: 1024px) {
    .single-case-study{
        margin-top: 53px !important;
    }
    .single-case-study .content h1{
        font-size: 18px;
        text-align: center;
        width: 85%;
    }
    .single-case-study .content a{
        min-width: 150px;padding: 8px 45px;
        font-size: 14px;
        text-align: center;
    }
    .single-case-study .desktop{
        display: none;
    }
    .single-case-study .mobile{
        display: block;
    }
}

.case-study-details{
    width: 80%;
    margin: 50px auto;
}
.case-study-details .heading-description{
    font-weight: bold;font-family: 'Sofia Sans Condensed';font-size: 24px;color: #25398E;
}

.case-study-details .content-details {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.case-study-details .content-item {
    width: 100%;
}
.case-study-details .content-item .details-image{
    width: 100%;border-radius: 50px;overflow: hidden;
}
.case-study-details .content-item .details-image .asp,.case-study-details .content-item .details-image .asp img{
    border-radius: 50px;
}
.case-study-details .content-item .content-text h1,
.case-study-details .content-item .content-text h2,
.case-study-details .content-item .content-text h3,
.case-study-details .content-item .content-text h4,
.case-study-details .content-item .content-text h5,
.case-study-details .content-item .content-text h6
{
    text-transform: uppercase;font-weight: bold;font-family: 'Sofia Sans Condensed';color: #25398E;
    font-size: 37px;margin-bottom: 10px;
}
.case-study-details .content-item .content-text p
{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #2D2926;
    opacity: 1;
}

.case-study-details .grid-full {
    grid-column: span 2;
}

.case-study-details .grid-half {
    grid-column: span 1;
}
@media (max-width: 1024px) {
    .case-study-details{
        width: 100%;
        padding: 10px 15px;
        margin: 20px auto;
    }
    .case-study-details .content-details {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .case-study-details .content-details .grid-full,
    .case-study-details .content-details .grid-half {
        grid-column: span 1;
    }
    .case-study-details .content-item .content-text h1,
    .case-study-details .content-item .content-text h2,
    .case-study-details .content-item .content-text h3,
    .case-study-details .content-item .content-text h4,
    .case-study-details .content-item .content-text h5,
    .case-study-details .content-item .content-text h6{
        font-size: 20px;
    }
    .case-study-details .heading-description{
        font-size: 18px;
    }

}

.case-study-details .listing-items-container{
    margin-top: 50px;
}
.case-study-details .listing-items-container .listing-items{
    display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;margin-top: 30px;
}
.case-study-details .listing-items-container .listing-items .listing-item{
    box-shadow: 0 20px 30px #00000012;
    border: 1px solid #CECECE;padding: 20px;
}
.case-study-details .listing-items-container .listing-items .icon{
    width: 45px;height: 45px;
}
.case-study-details .listing-items-container .listing-items .icon img{
    width: 100%;height: 100%;object-fit: contain;
}
.case-study-details .listing-items-container .listing-items .content{
    margin-top: 80px;
}
.case-study-details .listing-items-container .listing-items .content .title{
    font-weight: bold;font-family: 'Sofia Sans Condensed';font-size: 22px;color: #000000;text-transform: uppercase;
}
.case-study-details .listing-items-container .listing-items .content .description{
    margin-top: 10px;
    font-weight: normal;font-family: 'Sofia Sans Condensed';font-size: 15px;color: #000000;
}

@media (max-width: 1024px) {
    .case-study-details .listing-items-container{
        margin-top: 20px;

    }
    .case-study-details .listing-items-container .listing-items{
        grid-template-columns: 1fr;
        margin-top: 15px;
    }
}

.case-study-last-banner{
    width: 100%;
    position: relative;
}
.case-study-last-banner .image{
    width: 100%;
}
.case-study-last-banner .content{
    position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;
    align-items: flex-start;width: 80%;margin: 0 auto;color: white;
}
.case-study-last-banner .content .title{
    font-weight: bold;font-family: 'Sofia Sans Condensed';font-size: 30px;text-transform: uppercase;
}
.case-study-last-banner .content article{
    font-weight: normal;font-family: 'Sofia Sans Condensed';font-size: 16px;margin-top: 10px;width: 45%;
}
.case-study-last-banner .desktop{
    display: block;
}
.case-study-last-banner .mobile{
    display: none;
}
@media (max-width: 1024px) {
    .case-study-last-banner .desktop{
        display: none;
    }
    .case-study-last-banner .mobile{
        display: block;
    }
    .case-study-last-banner .content{
        width: 100%;
        padding: 0 15px;
    }
    .case-study-last-banner .content .title{
        font-size: 20px;
    }
    .case-study-last-banner .content article{
        font-size: 14px;margin-top: 10px;width: 90%;
    }
}

.bundles-banner{
    display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 125px;
}
.bundles-banner .section-subtitle{
    margin-bottom: 8px;
}
.bundles-banner .section-subtitle,.bundles-banner .section-title{
    text-align: center !important;
}
@media (max-width: 1024px) {
    .bundles-banner{
        margin-top: 80px;
    }
}

.bundles-search{
    width: 50%;
    margin: 80px auto 25px ;
}

.bundles-search .search{
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2D2926;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.6vw 0.8vw;

}
.bundles-search .search input#bundles-search{
    width: 95%;
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    color: #000000;
    border: none;
    outline: none;
    opacity: 1;
    margin-top: 0;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.bundles-search.search input::placeholder{
    color: rgba(0, 0, 0, 0.5);
}

.bundles-grid{
    display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px;padding: 15px 25px;
}

.bundles-card{
    width: 100%;position: relative;text-decoration: none;color: #ffffff;
}
.bundles-card .bundles-image{
    border-radius: 50px;overflow: hidden;
}
.bundles-card .bundles-image img{
    transform: scale(1);
    transition: all 0.3s ease;
}
.bundles-card:hover .bundles-image img{
   transform: scale(1.3);
    transition: all 0.3s ease;
}
.bundles-card .bundles-image .img-overlay{
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}
.bundles-card:hover .bundles-image .img-overlay{
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}
.bundles-card .bundles-content{
    position: absolute;top: 30px;left: 30px;display: flex;flex-direction: column;gap: 10px;
}
.bundles-card .bundles-content .bundles-subtitle{
    font-weight: bold;font-family: 'Sofia Sans Condensed';font-size: 22px;color: white;opacity: 0.6;
    text-transform: uppercase;
}
.bundles-card .bundles-content .bundles-title{
    font-weight: bold;font-family: 'Sofia Sans Condensed';font-size: 28px;color: white;text-transform: uppercase;
}
.bundles-image .desktop{
    display: block;
}
.bundles-image .mobile{
    display: none;
}
@media (max-width: 1024px) {
    .bundles-grid {
        grid-template-columns: 1fr;
        padding: 10px 15px;
    }
    .bundles-search{
        width: 85%;
        margin: 30px auto 15px;
    }
    .bundles-search .search{
        padding: 5px 15px;
    }
    .bundles-image .desktop{
        display: none;
    }
    .bundles-image .mobile{
        display: block;
    }
    .bundles-card .bundles-content{
        left: 15px;
    }
    .bundles-card .bundles-content .bundles-subtitle{
        font-size: 16px;
    }
    .bundles-card .bundles-content .bundles-title{
        font-size: 18px;
    }
}

.lang-switcher{
    position: relative;
    display: flex;flex-direction: row;gap: 5px;align-items: center;
    margin-right: 10px;
    /*width: 30px;*/
}
.lang-switcher li::marker{
    display : none;
}
.lang-switcher li:not(.current-lang){
    position: absolute;
    top:100%;
    left: 50%;
    background-color: #ffffff;
    width: fit-content;
    height: fit-content;
    transform: translateX(-20px);
    z-index: 555;
    padding: 15px;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.lang-switcher li:not(.current-lang).lang-item-en{
    position: absolute;
    top:100%;
    left: 50%;
    background-color: #ffffff;
    width: fit-content;
    height: fit-content;
    transform: translateX(-20px);
    z-index: 555;
    padding: 15px;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
/*.lang-switcher:hover li:not(.current-lang) {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/
.lang-switcher.is-open li:not(.current-lang) {
    opacity: 1;
    visibility: visible;
}
.lang-switcher li:not(.current-lang) a{
    color: #000;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lang-switcher li:not(.current-lang) a span{
    margin-left: 0 !important;
}
.lang-switcher li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.lang-switcher li a{
    cursor: pointer;
    color: #25398E;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Sofia Sans Condensed';
}
.lang-switcher li.current-lang a {
    pointer-events: auto;
    cursor: pointer;
}
.lang-switcher select{
    position: relative;
    background-color: transparent;
    border: none;
    color: #25398E;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    @media (min-width: 2000px) {
        font-size: 24px;
    }
}
.lang-switcher:has(.current-lang)::after {
    content: "";
    position: relative;
    width: 14px;
    height: 8px;
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.27' height='8.135' viewBox='0 0 14.27 8.135'%3E%3Cpath d='M23.721 7.5 18 13.221l5.721 5.721' transform='translate(-6.086 25.135) rotate(-90)' fill='none' stroke='%2325398e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;

    background-size: contain;
    pointer-events: none;
}
.mobile-lang-menu-container{
    display: none;
}

@media (max-width: 500px) {
    .right-menu.mobile-false .lang-switcher{
        display: none;
    }
    .lang-switcher{
        margin-right:  0;
    }
    .lang-switcher li a{
        width: fit-content;
        height: fit-content;
    }
    .mobile-lang-menu-container{
        display: flex;flex-direction: row;align-items: center;gap: 5px;
    }
}

.southcomp-animation-carousel{
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 1;
    object-fit: cover;

}

.southcomp-animation-carousel .owl-carousel{
    width: 100%;
}
.southcomp-animation-carousel .owl-carousel .owl-dots{
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
}

.southcomp-animation-carousel .owl-carousel .owl-dots button span{
    background: transparent;
    border: 1px solid #FFFFFF;
}
.southcomp-animation-carousel .owl-carousel .owl-dots button.owl-dot.active span{
    background: #FFFFFF;
    border-radius: 50%;
}

.southcomp-animation-carousel  .content{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    margin: auto;
}

.southcomp-animation-carousel .owl-carousel .item .background-image{
    width: 100%;
}
.southcomp-animation-carousel .owl-carousel .item .background-image .desktop-image{
    display: block;
}
.southcomp-animation-carousel .owl-carousel .item .background-image .mobile-image{
    display: none;
}
.southcomp-animation-carousel .owl-carousel .item .background-image img{
    width: 100%;
    aspect-ratio: 3 / 1;
    object-fit: cover;
}


.southcomp-animation-carousel  .content h3{
    text-align: center;
    font: normal normal bold 62px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    width: 75%;
}

.southcomp-animation-carousel .content a,.southcomp-animation-carousel .content span{
    text-decoration: none;
    cursor: pointer;
    width: 150px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    padding: 10px;
    text-align: center;
    font: normal normal bold 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.3s ease;
}

.southcomp-animation-carousel  .content a:hover ,.southcomp-animation-carousel  .content span:hover{
    border: 1px solid #FFFFFF;
    background: transparent 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

@media (max-width: 1024px){

    .southcomp-animation-carousel .content h3{
        font-size: 40px;
    }
}
@media (max-width: 768px){
    .southcomp-animation-carousel{
        height: 27vh;
    }
    .southcomp-animation-carousel .owl-carousel .item .content{
        gap: 10px;
    }
    .southcomp-animation-carousel .owl-carousel .item .content h3{
        font-size: 25px
    }
    .southcomp-animation-carousel .owl-carousel .item .content a,.southcomp-animation-carousel .owl-carousel .item .content span{
        width: 90px;
        font-size: 11px;
        padding: 8px;
    }
}
@media (max-width: 500px){
    .southcomp-animation-carousel .owl-carousel .item .background-image .desktop-image{
        display: none;
    }
    .southcomp-animation-carousel .owl-carousel .item .background-image .mobile-image{
        display: block;
    }
    .southcomp-animation-carousel{
        height: auto;
        aspect-ratio: 3 / 4;
    }
    .southcomp-animation-carousel .owl-carousel .item .background-image img,.southcomp-animation-carousel .owl-carousel .item .background-image video{
        width: 100%;
        aspect-ratio: 3 / 4;
        object-fit: cover;
        height: auto;
    }
    .southcomp-animation-carousel #background-video {
        aspect-ratio: 3 / 4;
    }
    #open-sidebar{
        width: 25px;
        display: flex;
    }
    .news-insights .swiper {
        padding-top: 15px !important;
    }
    .southcomp-animation-carousel .owl-carousel .owl-dots{
        bottom: 130px;
    }

    .southcomp-animation-carousel .owl-carousel .item .content{
        gap: 10px;
    }
    .southcomp-animation-carousel .owl-carousel .item .content h3{
        font-size: 22px;
        width: 80%;
    }
    .southcomp-animation-carousel .owl-carousel .item .content a,.southcomp-animation-carousel .owl-carousel .item .content span{
        padding: 5px 20px !important;
        font-size: 14px !important;
        width: auto;
    }
}



@media (min-width: 1024px) {
    .fancybox__slide {
        padding-top: 200px !important;
    }
}