@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");}
}


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

.layout-grid{
    padding: 0 25px;
}
@media(max-width: 600px){
    .layout-grid{
        padding: 0 5px;
    }
}

#page{
    max-width: 2200px;
    margin: auto;
}
nav{
    max-width: 2200px;
    margin: auto;
}

.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,.asp.contain svg  {
    object-fit: contain
}

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

.asp img, .asp .img-overlay,.asp svg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.asp .img-overlay{
    background-color: rgba(0,0,0,0.3);
}

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

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

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

.asp-7-2{padding-bottom : calc(calc(100% * 2) / 7);}
.asp-16-9{padding-bottom : calc(calc(100% * 9) / 16);}
.asp-5-1{padding-bottom : calc(calc(100% * 1) / 5);}
.asp-5-2{padding-bottom : calc(calc(100% * 2) / 5);}
.asp-3-1{padding-bottom : calc(calc(100% * 1) / 3);}
.asp-3-2{padding-bottom : calc(calc(100% * 2) / 3);}
.asp-11-3{padding-bottom : calc(calc(100% * 3) / 11);}
.asp-3-4{padding-bottom : calc(calc(100% * 4) / 3);}
.asp-5-6{padding-bottom : calc(calc(100% * 6) / 5);}

nav{
    position: fixed;
    top: 0;
    width: 100%;
    padding: 15px 25px;
    max-height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 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;
}
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; */
}

/* 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{
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}
#menu-header-right-buttons{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    list-style: none;
    gap: 10px;
}
#menu-header-right-buttons li {
    flex: 1;
}
#menu-header-right-buttons 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{
    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 li {
        flex: none;

    }
    #menu-header-right-buttons li a{
        min-width: 25%;
        padding: 5px 10px;
        font: normal normal bold 14px 'Sofia Sans Condensed';
    }
}
@media(max-width:500px){
    .menu-header-right-buttons-container{
        justify-content: flex-start;
    }
    #menu-header-right-buttons{
        gap: 5px;
        /*width: unset;*/
        justify-content: flex-start;
        width: 100%;
    }
    #menu-header-right-buttons{
        gap: 5px;
        display: grid;
        grid-template-columns: 1fr;
    }
    #menu-header-right-buttons li a{
        min-width: unset;
        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;
}
nav .side-bar .close{
    color: #FFFFFF;
    padding: 20px;
    cursor: pointer;
}
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: 25px;
}
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 > .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: 0px; /* 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.active > a::before {
    height: 45px; /* Set height of the pseudo-element */
}
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;
    opacity: 0;
}
nav .side-bar .links-container .active  ul.sub-menu{
    margin-top: 10px;
    position: relative;
    opacity: 1;
}
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 ul.primary-menu > .active ul.sub-menu{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*}*/

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(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:600px){
    nav{
        padding: 10px 5px;
    }
    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: column;
        justify-content: flex-start;
        align-items:flex-start;
        gap: 20px;
        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: 100px;
}
.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 img,.main-section .owl-carousel .item .background-image video{
    width: 100%;
    aspect-ratio: 5 / 2;
    object-fit: cover;
}
.main-section .owl-carousel .item .background-image .main-section-mobile{
    display: none;
}
.main-section .owl-carousel .item .background-image .main-section-desktop{
    display: block;
}
.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{
    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 {
    /*background-color: gray;*/
    width: 100%;
    height: 100%;
    opacity: 1;
    object-fit: cover;
    z-index: -1;
    /*position: relative;*/
    /* aspect-ratio: 5 / 2;
    object-fit: cover; */
}

.main-section  .content a: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{
        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 .main-section-mobile{
        display: block;
    }
    .main-section .owl-carousel .item .background-image .main-section-desktop{
        display: none;
    }
    .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;
    }
    .news-insights .swiper {
        padding-top: 15px !important;
        /* padding-bottom: 15px !important; */
    }
    .main-section .owl-carousel .owl-dots{
        /* margin-top: -12% !important; */
        bottom: 100px;
    }

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


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: 100%;
    padding: 0 25px;
    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;
    cursor: pointer;
}

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: 96%;
    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 #menu-policies-pages{
    display: flex;
    flex-direction: row;
    gap: 12px;
    list-style: none;
}
footer .policies .policies-pages a{
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: capitalize;
    cursor: pointer;
}
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;
}
@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;
    }

}

.shape-text {
    width: 100%;
    position: relative;
}
.shape-text .background-shapes {
    z-index: 0;
    margin: 80px auto 0;
    position: relative;
    width: 25%;
}
.shape-text .background-shapes img{
    width: 100%;
    object-fit: contain;
    aspect-ratio: 1 / 1;
}
.shape-text .content {
    width: 75%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.shape-text .content article{
    text-align: center;
    font: normal normal normal 23px/36px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}
.shape-text .content .button-blue{
    padding: 10px 25px;
}

@media (max-width: 600px) {
    .shape-text{
        margin: 40px 0;
    }
    .shape-text .background-shapes{
        margin: 0 auto !important;
        width: 45%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    .shape-text .background-shapes img{
        width: 100%;
    }

    .shape-text .content{
        width: 100%;
        top: 0;
        position: relative;
        padding: 0 5px;
    }
    .shape-text .content article{
        font: normal normal normal 18px 'Sofia Sans Condensed';
    }
    .shape-text .content .button-blue{
        padding: 5px 20px;
    }
}

.head-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.head-content .section-title{
    text-align: left;
    font: normal normal 600 22px 'Sofia Sans Condensed';
    letter-spacing: 4px;
    color: #0EADAA;
    text-transform: uppercase;
}
.head-content .section-subtitle{
    text-align: left;
    font: normal normal bold 35px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
}
.head-content .description{
    width: 43%;
    text-align: left;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}
@media (max-width: 600px) {
    .head-content{
        gap: 5px;
    }
    .head-content .section-title{
        font-size: 18px;
    }
    .head-content .section-subtitle{
        font-size: 25px;
    }
    .head-content .description{
        width: 100%;
    }
}

.cloud-solutions {
    width: 100%;
    margin-top: -100px;
}
.cloud-solutions .solutions-container{
    width:100%;
    display: flex;
    flex-direction: row;
    margin-top: 50px;
}
.cloud-solutions .solutions-container .solution{
    flex: 1;
    text-decoration: none;
    position: relative;
    height: fit-content;
    overflow: hidden;
}
.cloud-solutions .solutions-container .solution .solution-image{
    width: 100%;
}
.cloud-solutions .solutions-container .solution .solution-image img{
    transform: scale(1);
    transition: all 0.3s ease;
}
.cloud-solutions .solutions-container .solution:hover .solution-image img{
    transform: scale(1.2);
    transition: all 0.3s ease;
}
.cloud-solutions .solutions-container .solution:hover .solution-image .img-overlay{
    background-color: rgba(0,0,0,0.7) !important;
}
.cloud-solutions .solutions-container .solution .content{
    width: 85%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1;
    position: absolute;
    bottom: 20px;
    left: 15px;

}
.cloud-solutions .solutions-container .solution .content h2{
    text-align: left;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: capitalize;
    transition: all 0.3s ease;
}
.cloud-solutions .solutions-container .solution:hover .content h2{
    color: #99D1DC;
    transition: all 0.3s ease;
}
.cloud-solutions .solutions-container .solution .content p{
    text-align: left;
    font: normal normal normal 0 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    visibility: hidden;
    opacity: 0;
    /*position: absolute;*/
    transition: all 0.1s ease;

}
.cloud-solutions .solutions-container .solution:hover .content p{
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: all 0.5s ease;
    font: normal normal normal 14px 'Sofia Sans Condensed';
}

@media (max-width: 600px) {
    .cloud-solutions {
        margin-top: 0;
    }
    .cloud-solutions .solutions-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 15px;
        gap: 8px;
    }
    .cloud-solutions .solutions-container .solution .content h2{
        color: #99D1DC;
        transition: all 0.3s ease;
    }
    .cloud-solutions .solutions-container .solution .content p{
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: all 0.5s ease;
        font: normal normal normal 14px 'Sofia Sans Condensed';
    }
    .cloud-solutions .solutions-container .solution .solution-image .asp{
        /*padding-bottom: calc(calc(100%* ) / 2) !important;*/
    }
}

.cloud-services {
    width: 100%;
    margin-top: 100px;
}
.cloud-services .services-container{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 50px;
}
.cloud-services .services-container .service{
    text-decoration: none;
    width: 100%;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    border: 1px solid #CECECE;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 25px 25px 20px;
    transition: all 0.3s ease;
    cursor: pointer;
}
.cloud-services .services-container .service:hover{
    background: #25398E 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 133px;
    transition: all 0.3s ease;
}
.cloud-services .services-container .service .icon-container{
    width: 60px;
    height: 57px;
}
.cloud-services .services-container .service .icon-container svg{
    width: 100%;
    height: 100%;
}
.cloud-services .services-container .service:hover .icon-container svg path{
    fill: #FFFFFF;
    transition: all 0.3s ease;
}
.cloud-services .services-container .service h2{
    text-align: center;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: capitalize;
    transition: all 0.3s ease;
}
.cloud-services .services-container .service:hover h2{
    color: #FFFFFF;
    transition: all 0.3s ease;
}
.cloud-services .services-container .service p{
    text-align: center;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    transition: all 0.3s ease;
}
.cloud-services .services-container .service:hover p{
    color: #FFFFFF;
    transition: all 0.3s ease;
}
.cloud-services .services-container .service span{
    text-align: left;
    font: normal normal bold 14px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.cloud-services .services-container .service:hover span{
    color: #0EADAA;
    transition: all 0.3s ease;
}
@media (max-width: 600px) {
    .cloud-services{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .cloud-services .services-container{
        grid-template-columns: 1fr;
        margin-top: 0px;
        gap: 10px;
    }
    .cloud-services .services-container .service {
        padding: 10px;
        gap: 5px;
    }

}


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

}
.main-banner-outer .overlay-clip{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
    z-index: 3;
}
.main-banner-outer .overlay-clip svg{
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    overflow-x: hidden;
}
.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;
    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: 26px;
        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: 600px){
    .training-certification{
        margin-top: 15px;
    }
    .main-banner-outer {
        padding-bottom:0;
        object-fit: contain !important;
        aspect-ratio: 1 / 1 !important;

    }
    .main-banner-outer .content{
        width: 95%;
        /* top: 50%; */
        /* transform: translateY(-50%); */
        /* left: 5px; */
        gap: 10px;
        padding: 5px;
        /* 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;
    }
}


.vendor-container{
    padding-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.vendor-container .head-content {
    align-items: center; justify-content: center;gap: 20px;

}
.vendor-container .head-content .description{
    text-align: center;
}
.vendor-container .item{
    width: 100%;
    background-color: #FFFFFF;
    padding: 40px 30px;
}
.vendor-container .item .logo-image{
    width: 80%;
    margin: auto;
}
.vendor-container .button-blue{
    padding: 8px 50px;
}
@media (max-width: 600px) {
    .vendor-container{
        margin-top: 15px;
    }
    .vendor-container .head-content{
        gap: 8px;
    }
    .vendor-container .button-blue{
        padding: 5px 20px;
    }
}

.page-banner{
    margin-top: 71.5px;
    position: relative;
}
.page-banner .background-image{
    width: 100%;
}
.page-banner .linear-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent linear-gradient(257deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
    opacity: 0.8;
}
.page-banner h2{
    text-align: center;
    font: normal normal bold 40px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media(max-width: 600px){
    .page-banner{
        margin-top: 50px;
    }
    .page-banner .background-image .asp{
        padding-bottom: calc(calc(100%* 1) / 2);
    }
    .page-banner .linear-overlay{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: transparent linear-gradient(257deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0 0 20px #00000012;
        opacity: 0.8;
    }
    .page-banner h2{
        font: normal normal bold 30px 'Sofia Sans Condensed';
    }
}

/*.about-us-shape-text .shape-text .background-shapes{*/
/*    margin: 50px auto 0;*/
/*}*/
.about-us-shape-text {
    margin: 50px auto;
    z-index: -1;
}

.about-us-shape-text .shape-text .background-shapes {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
}

.about-us-shape-text .shape-text .content {
    position: relative;
    top: unset;
    width: 70%;
}
.about-us-shape-text .shape-text .content article {
    font: normal normal normal 20px / 30px 'Sofia Sans Condensed' !important;
}


@media (max-width: 600px) {
    .about-us-shape-text .shape-text .background-shapes{
        margin: 0 auto 0;
        top: -20px;

    }
    .about-us-shape-text {
        margin: 0 auto 0;
        z-index: -1;
    }
    .about-us-shape-text .shape-text .content {
        position: relative;
        top: unset;
        width: 100%;
    }
}

.about-mindware-cloud-listing{
    /*margin-top: 0px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    z-index: 5;
    position: relative;
    width: 100%;
    max-width: 70%;
    margin: auto;
}
.about-mindware-cloud-listing .list{
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 50px;
    width: 100%;
    padding: 30px 45px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
@media (min-width: 2000px) {
    .about-mindware-cloud-listing{
        width: 100%;
    }
}
.about-mindware-cloud-listing .list .svg-container{
    width: 63px;
    height: 63px;
    align-self: flex-start;
}
.about-mindware-cloud-listing .list .svg-container svg,.about-mindware-cloud-listing .list .svg-container img{
    width: 100%;
    height: 100%;
}
.about-mindware-cloud-listing .list .content{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.about-mindware-cloud-listing .list .content h2{
    text-align: left;
    font: normal normal bold 23px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: uppercase;
}
.about-mindware-cloud-listing .list .content article{
    text-align: left;
    font: normal normal normal 15px/22px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}
@media(min-width: 2000px) {
    .about-mindware-cloud-listing .list .content article {
        font-size: 24px;
    }
}
.about-mindware-cloud-listing .list .content .listed-details{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 0;
}
.about-mindware-cloud-listing .list .content .listed-details h5{
    text-align: left;
    font: italic normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    flex:0.9;
}
.about-mindware-cloud-listing .list .content .listed-details article{
    flex: 5;
}
@media(max-width: 600px){
    .about-mindware-cloud-listing{
        margin-top: 10px;
    }
    .about-mindware-cloud-listing .list{
        flex-direction: column;
        padding: 15px 30px;
        gap: 5px;
    }
    .about-mindware-cloud-listing .list .content{
        gap: 5px;
    }
    .about-mindware-cloud-listing .list .svg-container{
        margin: auto;
    }
    .about-mindware-cloud-listing .list .content h2{
        text-align: center;
    }
    .about-mindware-cloud-listing .list .content article{
        text-align: center;
    }
    .about-mindware-cloud-listing .list .content .listed-details{
        flex-direction: column;
        gap: 3px;
    }
}


.about-mindware-last-section{
    width: 100%;
    position: relative;
    height: 60vh;
    margin-top: 80px;
}
@media (min-width: 2000px) {
    .about-mindware-last-section {
        height: 30vh;
    }
}
.about-mindware-last-section .gradient-overlay{
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(254deg, #25398E 0, #3AB0C8 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.about-mindware-last-section .shapes-overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.about-mindware-last-section .content {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.about-mindware-last-section .content article{
    text-align: center;
    font: normal normal normal 32px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
}
@media (min-width: 2199px) {
    .about-mindware-last-section{
        height: 30vh;
    }
    .about-mindware-last-section .content{
        width: 50%;
    }
}
@media(max-width: 600px){
    .about-mindware-last-section{
        margin-top: 30px;
        height: 42vh;
    }
    .about-mindware-last-section .shapes-overlay svg{
        width: 100%;
        margin: auto;
    }
    .about-mindware-last-section .content {
        width: 100%;
        padding: 0 5px;
    }
    .about-mindware-last-section .content article{
        font-size: 25px;
    }
}

.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: 15px;
    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:2300px){
    .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;
    }
}


.cloud-services-wrapper{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}

.cloud-solution-shape-text,
.cloud-services-shape-text {
    z-index: -1;
}
.cloud-solution-shape-text .shape-text .background-shapes,
.cloud-services-shape-text .shape-text .background-shapes,
.training-certification-shape-text .shape-text .background-shapes{
    margin: 40px auto 0;
    z-index: -1;
}

.cloud-solutions-types,
.cloud-services-types{
    width: 100%;
    /*margin-top: -150px;*/
    z-index: 10;
    height: 100%;
    position: sticky;
    top: 72px;
}
.cloud-solutions-types .cloud-solutions-tabs,
.cloud-services-types .cloud-services-tabs
{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
    border-radius: 35px;
    padding: 8px;
    height: fit-content;


}
.cloud-solutions-types .cloud-solutions-tabs .tab,
.cloud-services-types .cloud-services-tabs .tab
{
    flex: 1;
    width: 100%;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
    border-radius: 35px;
    text-align: center;
    font: normal normal bold 14px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: uppercase;
    padding: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
}
.cloud-solutions-types .cloud-solutions-tabs .tab.active,
.cloud-solutions-types .cloud-solutions-tabs .tab:hover,
.cloud-services-types .cloud-services-tabs .tab.active,
.cloud-services-types .cloud-services-tabs .tab:hover {
    background: transparent linear-gradient(259deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
    border-radius: 25px;
    color: #FFFFFF;
    transition: all 0.3s ease;
}
@media(max-width: 600px){
    .cloud-solutions-types,
    .cloud-services-types{
        top: 51px;
    }
    .cloud-solutions-types .cloud-solutions-tabs{
        width: 100%;
        padding: 0;
    }
    .cloud-solutions-types .cloud-solutions-tabs .container{
        width: 100%;
    }
    .cloud-solutions-types .cloud-solutions-tabs .container .selected{
        width: 100%;
    }
    .options-container.active{
        max-height: unset;
        position: relative;
        top: 12px;
        box-shadow: 0 0 20px #00000012;
        margin-top: 0;
    }
    .options-container.active .tab{
        display: block;
        border-radius: 0;
    }

    .selector-wrapper {
        background: transparent linear-gradient(259deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
        border-radius: 25px;
        color: #FFFFFF;
    }
    .selector-wrapper .selected{
        padding: 10px 5px;
    }
    .cloud-services-tabs .container{
        width: 100%;
    }
    .cloud-services-tabs{
        padding: 0 !important;
    }
    .cloud-services-tabs .options-container.active .tab.active{
        background: transparent linear-gradient(259deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box !important;
        border-radius: 0;
    }
}


.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: #FFFFFF;
    position: relative;
    height: 100% !important;
    order: 0;
    width: 100%;
    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: 28px;
}
.selector-wrapper > .arrow-about {
    transition: 0.2s;
}
.selector-wrapper > i {
    cursor: pointer;
    /* float: right !important; */
    display: block;
    flex-direction: row;
    position: absolute;
    align-items: center;
    background-color: transparent;
    border-radius: 15px;
    top: 45%;
    right: 10px;

    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: visible;
}
.select-box .option,
.selected {
    /* padding: 12px 24px; */
    cursor: pointer;
}
.selected {
    padding: 13px 5px;
    float: left;
}
.select-box .option:hover {
    background: transparent;
}
.select-box a.active {
    color: #25398E;
}
.select-box .option .radio {
    display: none;
}



.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: 35px;
    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 25px;
    z-index: 0;
}
.title-image-text h1{
    width: 70%;
    text-align: left;
    font: normal normal bold 'Sofia Sans Condensed';
    font-size: 32px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

}
.title-image-text .image-text{
    width: 100%;
    padding: 1.3vw 25px;
    display: flex;
    flex-direction: row;
    align-items:start;
    justify-content: start;
    gap: 25px;
    z-index: 5;
    height: 100%;
    position: relative;
}
.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{
    width: 50vw;
    z-index: 5;
    margin-top: 1vw;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 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: 50px;
    transform: translateY(0);
    transition: transform 0.1s ease;
}
.title-image-text .image-text .text article{
    width: 100%;
    text-align: left;
    font: normal normal normal 20px 'Sofia Sans Condensed';
    line-height: normal;
    letter-spacing: 0px;
    color: #2D2926;
    z-index: 5;
}
.title-image-text .image-text .text .text-products{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.title-image-text .image-text .text .text-products h3{
    text-align: left;
    font: normal normal bold 26px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
}
.title-image-text .image-text .text .text-products .product-listing{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}
.title-image-text .image-text .text .text-products .product{
    width: 100%;
    background-color: #FFFFFF;
    padding: 5px;
    cursor: pointer;

}
@media(min-width:2199px){
    .title-image-text .title-background{
        max-width: 70%;
    }
}
@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:500px){
    .title-image-text{
        margin-top: 25px;
    }
    .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:8px;
        padding: 0px 5px;
    }
    .title-image-text .image-text .image{
        width: 100%;
        transform: translate(0);
        margin-top: 5px;
    }
    .title-image-text .image-text .text{
        width: 100%;
        margin-top: 0;
        gap: 20px;
    }
    .title-image-text .image-text .text article {
        font-size: 15px;
        line-height: normal;
    }
    .title-image-text h1 {
        width: 100%;
        font-size: 17px;
    }
    .title-image-text .image-text .text .text-products .product-listing{
        grid-template-columns: 1fr 1fr;
    }
}

.cloud-solutions-button, .cloud-services-button,.training-certification-button,.vendors-button{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.cloud-solutions-button .button-blue,.cloud-services-button .button-blue,.training-certification-button .button-blue,.vendors-button .button-blue{
    padding: 13px 25px;
}
@media(max-width: 600px){
    .cloud-solutions-button, .cloud-services-button,.training-certification-button,.vendors-button {
        margin-top: 25px;
    }
        .cloud-solutions-button .button-blue,.cloud-services-button .button-blue,.training-certification-button .button-blue,.vendors-button .button-blue{
        padding: 5px 20px;
    }
}

.title-image-text.cloud-services .image-text .text .button-blue{
   padding: 10px 25px;
}
@media(max-width: 600px){
    .title-image-text.cloud-services .image-text .text .button-blue{
        padding: 5px 20px;
    }
}


/*.technical-services{*/
/*    margin-top: 80px;*/
/*    width: 100%;*/
/*    position: relative;*/
/*    background: transparent linear-gradient(248deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;*/
/*    box-shadow: 0 0 20px #00000012;*/
/*    height: 100vh;*/
/*    overflow: hidden;*/
/*}*/
/*.technical-services .mySwiper{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.technical-services .mySwiper .swiper-pagination{*/
/*    position: relative !important;*/
/*    width: fit-content !important;*/
/*    left: 50px !important;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    !*gap: 30px;*!*/
/*}*/
/*.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets{*/
/*    top: unset !important;*/
/*    transform: unset !important;*/
/*}*/
/*.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{*/
/*    margin: 0 !important;*/
/*}*/
/*.technical-services .mySwiper .swiper-pagination-bullet{*/
/*    cursor: pointer;*/
/*    background-color: transparent;*/
/*    text-align: left;*/
/*    font: normal normal bold 25px 'Sofia Sans Condensed';*/
/*    letter-spacing: 0;*/
/*    color: rgba(255,255,255,0.7);*/
/*    text-transform: uppercase;*/
/*    height: 100%;*/
/*    width: 85%;*/
/*    border-right: 2px solid rgba(255,255,255,0.7);*/
/*    border-radius: 0;*/
/*    padding: 25px 0;*/
/*}*/
/*.technical-services .mySwiper .swiper-pagination-bullet-active{*/
/*    color: rgba(255,255,255,1);*/
/*    border-right: 2px solid #FFFFFF;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper{*/
/*    width: 65%;*/
/*    height: 70%;*/
/*    margin:auto;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    gap: 25px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide h2{*/
/*    text-align: left;*/
/*    font: normal normal bold 25px 'Sofia Sans Condensed';*/
/*    letter-spacing: 0;*/
/*    color: #FFFFFF;*/
/*    text-transform: uppercase;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide article{*/
/*    text-align: left;*/
/*    font: normal normal normal 15px 'Sofia Sans Condensed';*/
/*    letter-spacing: 0;*/
/*    color: #FFFFFF;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide .images-listing{*/
/*    margin-top: 50px;*/
/*    !*display: flex;*!*/
/*    !*flex-direction: row;*!*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
/*    gap: 20px;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide .images-listing .list{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    gap: 10px;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide .images-listing .list .image{*/
/*    background: #FFFFFF 0 0 no-repeat padding-box;*/
/*    box-shadow: 0 0 10px #00000012;*/
/*    padding: 10px 12px;*/
/*    border-radius: 50%;*/
/*    width: 65px;*/
/*    height: 65px;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide .images-listing .list .image img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
/*.technical-services .mySwiper .swiper-wrapper .swiper-slide .images-listing .list h3{*/
/*    text-align: center;*/
/*    font: normal normal bold 15px 'Sofia Sans Condensed';*/
/*    letter-spacing: 0;*/
/*    color: #FFFFFF;*/
/*    text-transform: capitalize;*/
/*    width: 75%;*/
/*    margin: 0 auto;*/
/*}*/

/*.technical-services .module-background{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    gap: 25px;*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*}*/
.services-slides-container  h2{
    text-align: left;
    font: normal normal bold 25px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: uppercase;
}
.services-slides-container  article{
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
}
.services-slides-container  .images-listing{
    margin-top: 50px;
    /*display: flex;*/
    /*flex-direction: row;*/
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}
/*@media (max-width: 600px) {*/
/*    .services-slides-container  .images-listing{*/
/*        margin-top: 50px;*/
/*        !*display: flex;*!*/
/*        !*flex-direction: row;*!*/
/*        display: grid;*/
/*        grid-template-columns: 1fr 1fr 1fr;*/
/*        gap: 20px;*/
/*    }*/
/*}*/
.services-slides-container  .images-listing .list{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.services-slides-container  .images-listing .list .image{
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    padding: 10px 12px;
    border-radius: 50%;
    width: 65px;
    height: 65px;
}
.services-slides-container .images-listing .list .image img{
    width: 100%;
    height: 100%;
}
.services-slides-container .images-listing .list h3{
    text-align: center;
    font: normal normal bold 15px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: capitalize;
    width: 75%;
    margin: 0 auto;
}

@media (min-width: 2199px) {
    .technical-services{
        height: 45vh;
    }
}

@media(max-width: 900px){
    .technical-services{
        height: 100%;
    }
    .technical-services .mySwiper .swiper-pagination{
        display: none;
    }
    .technical-services .mySwiper .swiper-wrapper{
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0;
        gap: 0;
    }
    .technical-services .mySwiper .swiper-wrapper .swiper-slide{
        gap: 5px;
        padding: 20px 0;
    }
    .technical-services .mySwiper .swiper-wrapper .swiper-slide:not(:last-child){
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    .technical-services .mySwiper .swiper-wrapper .swiper-slide .images-listing,.services-slides-container .images-listing{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 10px;
        width: 100%;
    }
    .technical-services .mySwiper .swiper-wrapper .swiper-slide h2,
    .technical-services .mySwiper .swiper-wrapper .swiper-slide article,
    .technical-services .mySwiper .swiper-wrapper .swiper-slide .images-listing{
        padding: 0 5px;
    }

}

.marketing-services{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
    margin-top: 50px;
}
.marketing-services .service {
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 24px;
    transition: all 0.5s ease;
}
.marketing-services .service:hover {
    background: transparent linear-gradient(248deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;
    border-radius: 133px;
    transition: all 0.5s ease;
}
.marketing-services .service .icon-container{
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    border: 1px solid #CECECE;
    /*width: 25%;*/
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 12px;*/
    width: 70px;
    height: 70px;
}
/*.marketing-services .service:hover .icon-container{*/
/*    background: transparent linear-gradient(248deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;*/
/*    transition: all 0.5s ease;*/
/*}*/
.marketing-services .service .icon-container img{
    width: 40px;
    height: 40px;
    /*mix-blend-mode: multiply;*/
}
.marketing-services .service h2{
    text-align: center;
    font: normal normal bold 18px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: capitalize;
    transition: all 0.5s ease;

}
.marketing-services .service:hover h2{
    color: #FFFFFF;
    transition: all 0.5s ease;

}
@media(max-width: 600px){
    .marketing-services{
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 0px;
    }
    .marketing-services .service{
       padding: 15px;
        gap: 10px;
    }
    .marketing-services .service h2{
        font-size: 15px;
    }
}

.support-plans-table{
    margin-top: 100px;
}
.support-plans-table h2{
    text-align: center;
    font: normal normal bold 34px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
}
.support-plans-table table{
    background: transparent 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    /*border: 1px solid #CECECE;*/
    border-radius: 15px;
    margin: 20px auto;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}
.support-plans-table table th,.support-plans-table table td {
    /*padding: 10px;*/
    border: 0.8px solid rgba(0,0,0,0.2);
}
.support-plans-table table tr:first-child th:first-child {
    border-top-left-radius: 15px;
}
.support-plans-table table tr:first-child th:last-child {
    border-top-right-radius: 15px;
}
.support-plans-table table tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}
.support-plans-table table tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}
.support-plans-table table th, .support-plans-table table td {
    padding: 15px ;
}
.support-plans-table table tr td:nth-child(1) p{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #000000;
    text-transform: uppercase;
    width: 85%;
    margin: auto;
}
.support-plans-table table tr th{
    text-align: left;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0;
    text-shadow: 0 0 20px #00000012;
    text-transform: uppercase;
}
.support-plans-table table tr th.silver{
    color: #939598;
}
.support-plans-table table tr th.gold{
    color: #FCA121;
}
.support-plans-table table tr th.platinum{
    color: #414042;
}
.support-plans-table table tr td{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}
.support-plans-table table tr td ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 5px;
    width: 100%;
}
.support-plans-table table tr td ul li{
    display: flex;
    flex-direction: row; align-items: start;gap: 8px;justify-content: start;
}
.support-plans-table table tr td ul li svg{
    flex: 0.5;
}
.support-plans-table table tr td ul li p{
    flex: 5;
}
.support-plans-table table tr td ul li.check p{
    flex: 5;
}
.support-plans-table table tr td ul li.close p{
    color: rgba(45,41,38,0.5);
}
/* Media Queries for Responsive Design */
@media (max-width: 600px) {
    .support-plans-table{
        margin-top: 50px;
    }
    .support-plans-table h2{
        font-size: 25px;
    }
    .support-plans-table table{
        padding: 0 5px;
        margin:0;
    }
    .support-plans-table table th, .support-plans-table table td{
        padding: 0;
        padding-left: 3px;
    }
    .support-plans-table table tr th{
        font-size: 16px;
    }
    .support-plans-table table tr td{
        font-size: 14px;
    }
    .support-plans-table table tr td:nth-child(1) p{
        font-size: 14px;
        width: unset;
    }
    .support-plans-table table tr td ul li{
        gap: 3px;
    }
    .support-plans-table table tr td ul li p{
        flex: 4;
        font-size: 12px;
    }
    .support-plans-table table tr td ul li svg path{
        transform: translateY(-8px);
    }
}

.training-certification-cards{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-top: -150px;
    z-index: 10;
    position: relative;
}
@media(min-width: 2000px){
    .training-certification-cards{
        margin-top: -300px;
    }
}
.training-certification-cards .card{
    text-decoration: none;
    width: 100%;
    padding: 15px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 30px;
    transition: all 0.3s ease;
}
.training-certification-cards .card:hover{
    background: transparent linear-gradient(252deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
    border-radius: 130px;
    transition: all 0.3s ease;
}
.training-certification-cards .card .svg-container{
    width: 55px;
    height: 55px;
}
.training-certification-cards .card .svg-container svg{
    width: 100%;
    height: 100%;
}
.training-certification-cards .card:hover .svg-container svg .hover_white{
    fill: #FFFFFF;
    transition: all 0.3s ease;
}
.training-certification-cards .card .title-container h2{
    margin-top: 10px;
    text-align: center;
    font: normal normal bold 20px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: capitalize;
    transition: all 0.3s ease;
}
.training-certification-cards .card:hover .title-container h2{
    color: #FFFFFF;
    transition: all 0.3s ease;
}
.training-certification-cards .card .title-container{
   position: relative;
}
.card hr {
    color: initial; /* Reset the color */
    border-color: initial; /* Reset the border color */
}

/* Alternatively, specify a color */
.card hr {
    color: #FFFFFF; /* Set to desired color */
    border-color: #FFFFFF; /* Set to desired border color */
    background-color: #FFFFFF !important;
}
.training-certification-cards .card .title-container hr{
    width: 0;
    background-color: #FFFFFF !important;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 0;
    visibility: hidden;
}
.training-certification-cards .card:hover .title-container hr{
    width: 100%;
    transition: all 0.3s ease;
    visibility: visible;
}
.training-certification-cards .card article{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    width: 90%;
    transition: all 0.3s ease;
}
.training-certification-cards .card:hover article{
    color: #FFFFFF;
    transition: all 0.3s ease;
}
@media (max-width: 600px) {
    .training-certification-cards{
        grid-template-columns: 1fr;
        margin-top: 25px;
        gap: 10px;
    }
    .training-certification-cards .card:hover{
        border-radius: 50px;
    }
    .training-certification-cards .card{
        padding: 10px 13px;
        gap: 8px;
    }
    .training-certification-cards .card .title-container h2{
        margin-top: 0;
    }
}

.vendors-listing-container{
    width: 100%;
    overflow: hidden;
    padding-top: 25px;
    position: relative;
}
.vendors-listing-container .vendors_carousel{
    width: 100%;
}
.vendors-listing-container .vendors_carousel .swiper-button-next
,.vendors-listing-container .vendors_carousel .swiper-button-prev{
    top: var(--swiper-navigation-top-offset, 55%);
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: var(--swiper-navigation-sides-offset, 0px) !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: var(--swiper-navigation-sides-offset, 0px) !important;
}
.vendors-listing-container .vendors_carousel .swiper-button-next::after
,.vendors-listing-container .vendors_carousel .swiper-button-prev::after{
    font-size: 20px;
    color: #25398e;

}
.vendors-listing-container .vendors_carousel .swiper-slide{
    width: 250px;
    height: 100px;
    position: relative;
    cursor: pointer;
}
.vendors-listing-container .vendors_carousel .swiper-slide .background-image{
    opacity: 0;
    transition: all 0.3s ease;
    position: relative;
}
.vendors-listing-container .vendors_carousel .swiper-slide.current .background-image{
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease;
}
.vendors-listing-container .vendors_carousel .swiper-slide .background-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.vendors-listing-container .vendors_carousel .swiper-slide .logo-image{
    width: 60%;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 50%;
    /*bottom: 0;*/
    /*right: 0;*/
    transform: translate(-50%,-30%);
    padding: 10px;

}

.vendors-shape-text{
    width: 98%;
    margin-top: 40px;
}
.vendors-shape-text h2{
    text-align: center;
    font: normal normal bold 28px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
}
.vendors-shape-text p{
    text-align: center;
    font: normal normal normal 23px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}
.vendors-shape-text .background-shapes{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*width: 100%;*/
    margin: 0 auto;
}
/*.vendors-shape-text .shape-text .background-shapes img{*/
/*    height: 100%;*/
/*}*/
.vendors-shape-text .shape-text .content{
    position: relative;
    left: unset;
    right: unset;
    top: unset;
}
@media (max-width: 600px) {
    .vendors-shape-text {
        width: 100%;
    }

    .vendors-shape-text .shape-text .background-shapes {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto !important;
    }

    .vendors-shape-text .shape-text .content {
        position: relative;
        top: unset;
        width: 100%;
    }

    .vendors-shape-text h2 {
        font-size: 20px;
    }

    .vendors-shape-text p {
        font-size: 15px;
    }

    .vendors-listing-container .vendors_carousel .swiper-slide .logo-image {
        top: 30%;
        width: 75%;
    }

}

.vendor-items-listing-container {
    width: 100%;
    overflow: hidden;
    display: block;
    margin-top: 50px;
    padding: 0 25px;
}

.vendor-items-listing-container .vendor_items_carousel {
    width: 100%;
    overflow: hidden;
}

.vendor-items-listing-container .swiper-slide {
    height: auto;
}

.vendor-items-listing-container .service {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    height: 100%;
    width: 100%;
}

.vendor-items-listing-container .vendor_items_carousel .swiper-button-next,
.vendor-items-listing-container .vendor_items_carousel .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 50%);
    color: #25398e;
}

.vendor-items-listing-container .vendor_items_carousel .swiper-button-next::after,
.vendor-items-listing-container .vendor_items_carousel .swiper-button-prev::after {
    font-size: 20px;
    color: #25398e;
}

.vendor-items-listing-container .vendor_items_carousel .swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.vendor-items-listing-container .vendor_items_carousel .swiper-pagination-bullet {
    background: #25398e;
    opacity: 0.35;
}

.vendor-items-listing-container .vendor_items_carousel .swiper-pagination-bullet-active {
    opacity: 1;
}

.vendor-items-listing-container .vendor_items_carousel:not(.has-pagination) .swiper-pagination {
    display: none;
}

.vendor-item-page {
    width: 100%;
    padding-bottom: 100px;
}

/* .vendor-item-page section { */
    /* margin-top: 90px; */
/* } */

/* ---------- Intro (shape-text pattern) ---------- */

.vendor-item-intro {
    width: 100%;
    position: relative;
    margin-top: 70px !important;
}

.vendor-item-intro-pattern {
    z-index: 0;
    margin: 0 auto;
    position: relative;
    width: 28%;
}

.vendor-item-intro-pattern img {
    width: 100%;
    object-fit: contain;
    aspect-ratio: 1 / 1;
}

.vendor-item-intro-content {
    width: 75%;
    max-width: 1076px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.vendor-item-intro-content .vendor-item-description {
    text-align: center;
    font: normal normal normal 20px/32px 'Sofia Sans Condensed', sans-serif;
    letter-spacing: 0;
    color: #2D2926;
    margin: 0;
}

.vendor-item-intro-content .button-blue {
    min-width: 200px;
    text-align: center;
    padding: 13px 25px;
}

@media (max-width: 900px) {
    .vendor-item-intro-pattern {
        width: 45%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .vendor-item-intro-content {
        width: 100%;
        top: 0;
        position: relative;
        padding: 0 5px;
    }
}

@media (max-width: 600px) {
    .vendor-item-intro-content .vendor-item-description {
        font-size: 18px;
        line-height: 28px;
    }
}

/* ---------- Key figures / statistics ---------- */

.vendor-details-middle-banner{
    width: 100%;
    margin: 100px 0;
}
@media screen and (max-width: 600px) {
    .vendor-details-middle-banner{
        margin: 50px 0;
    }
}

.vendor-details-middle-banner .asp {
    overflow: hidden;
    background-color: #0b1a3a;
}

.vendor-details-middle-banner-image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

@media screen and (max-width: 900px) {
    /* Mobile browsers largely ignore/mishandle background-attachment: fixed
       (jank or full-repaint on scroll), so fall back to a plain cover image. */
    .vendor-details-middle-banner-image {
        background-attachment: scroll;
    }
}

.vendor-item-statistics {
    z-index: 5;
    position: relative;
    padding: 0 !important;
    width: 85%;
    margin: 0 auto;
}

.vendor-item-statistics-carousel {
    width: 100%;
    overflow: hidden;
}

.vendor-item-statistics-carousel .swiper-slide {
    height: auto;
}

.vendor-item-statistics-carousel:not(.has-pagination) .swiper-pagination {
    display: none;
}

.vendor-item-statistics-carousel .swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.vendor-item-statistics-carousel .swiper-pagination-bullet {
    background: #25398E;
    opacity: 0.35;
}

.vendor-item-statistics-carousel .swiper-pagination-bullet-active {
    opacity: 1;
}

.vendor-item-stat {
    width: 287px;
    max-width: 100%;
    min-height: 170px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    padding: 20px;
    border-radius: 30px;
    background: transparent linear-gradient(207deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.vendor-item-stat h3 {
    margin: 0;
    font: normal normal bold 45px 'Sofia Sans Condensed', sans-serif;
    color: #FFFFFF;
}

.vendor-item-stat p {
    margin: 0;
    font: normal normal bold 23px 'Sofia Sans Condensed', sans-serif;
    color: #FFFFFF;
}

@media (max-width: 600px) {
    .vendor-item-stat {
        width: 100%;
        min-height: 130px;
    }

    .vendor-item-stat h3 {
        font-size: 32px;
    }

    .vendor-item-stat p {
        font-size: 18px;
    }
}

/* ---------- Section head (What We Deliver / Client Success) ---------- */

.vendor-item-section-head {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}

.vendor-item-eyebrow {
    margin: 0;
    font: normal normal bold 25px 'Sofia Sans Condensed', sans-serif;
    letter-spacing: 3.75px;
    color: #3AB0C8;
    text-transform: uppercase;
}

.vendor-item-section-title {
    margin: 0;
    max-width: 700px;
    font: normal normal bold 31.5px 'Sofia Sans Condensed', sans-serif;
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
    line-height: 1.15;
}

.vendor-item-section-description {
    max-width: 720px;
    font: normal normal normal 20px 'Sofia Sans Condensed', sans-serif;
    letter-spacing: 0;
    color: #2D2926;
}

@media (max-width: 600px) {
    .vendor-item-eyebrow {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .vendor-item-section-title {
        font-size: 24px;
    }

    .vendor-item-section-description {
        font-size: 16px;
    }
}

/* ---------- What We Deliver cards ---------- */

.vendor-item-deliver-carousel {
    width: 100%;
}

.vendor-item-deliver-carousel .swiper-slide {
    height: auto;
}

.vendor-item-deliver-carousel .swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.vendor-item-deliver-carousel .swiper-pagination-bullet {
    background: #25398E;
    opacity: 0.35;
}

.vendor-item-deliver-carousel .swiper-pagination-bullet-active {
    opacity: 1;
}

@media (min-width: 900px) {
    .vendor-item-deliver-carousel .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        transform: none !important;
    }

    .vendor-item-deliver-carousel .swiper-slide {
        width: auto !important;
        margin: 0 !important;
    }

    .vendor-item-deliver-carousel .swiper-pagination {
        display: none;
    }
}

@media (max-width: 899px) {
    .vendor-item-deliver-carousel {
        overflow: hidden;
    }

    .vendor-item-deliver-carousel:not(.has-pagination) .swiper-pagination {
        display: none;
    }
}

.vendor-item-deliver-card {
    background: #FFFFFF;
    border: 1px solid rgba(45, 41, 38, 0.2);
    border-radius: 50px;
    padding: 45px 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vendor-item-deliver-card-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(58, 176, 200, 0.1);
    margin-bottom: 8px;
}

.vendor-item-deliver-card-icon img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.vendor-item-deliver-card h4 {
    margin: 0;
    font: normal normal bold 23px 'Sofia Sans Condensed', sans-serif;
    color: #2D2926;
    text-transform: capitalize;
}

.vendor-item-deliver-card article {
    margin: 0;
    font: normal normal normal 15px/22px 'Sofia Sans Condensed', sans-serif;
    color: #2D2926;
}

.vendor-item-tags {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vendor-item-tags li {
    background: rgba(58, 176, 200, 0.1);
    color: #3AB0C8;
    padding: 8px 16px;
    border-radius: 40px;
    font: normal normal normal 14px 'Sofia Sans Condensed', sans-serif;
}

@media (max-width: 899px) {
    .vendor-item-deliver-card {
        padding: 30px 25px;
        border-radius: 30px;
    }
}

/* ---------- Client Success cards ---------- */

.vendor-item-client-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.vendor-item-clients-carousel {
    width: 100%;
    overflow: hidden;
}

.vendor-item-clients-carousel .swiper-slide {
    height: auto;
}

.vendor-item-client-card {
    height: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(45, 41, 38, 0.2);
    border-radius: 50px;
    padding: 45px 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vendor-item-client-card-icon {
    flex-shrink: 0;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    /* background: rgba(58, 176, 200, 0.1); */
}

.vendor-item-client-card-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.vendor-item-client-card-top {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin: 0 -40px 35px;
    padding: 0 40px 35px;
    border-bottom: 1px solid rgba(45, 41, 38, 0.15);
}

.vendor-item-client-card-head {
    flex: 1;
    min-width: 0;
}

.vendor-item-client-type {
    margin: 0 0 6px;
    font: normal normal bold 16px 'Sofia Sans Condensed', sans-serif;
    letter-spacing: 2.4px;
    color: #3AB0C8;
    text-transform: uppercase;
}

.vendor-item-client-card-head h4 {
    margin: 0 0 4px;
    font: normal normal bold 23px 'Sofia Sans Condensed', sans-serif;
    color: #2D2926;
}

.vendor-item-client-location {
    margin: 0;
    font: normal normal normal 15px 'Sofia Sans Condensed', sans-serif;
    color: #2D2926;
}

.vendor-item-client-quote {
    position: relative;
    padding-left: 40px;
}

.vendor-item-client-quote::before {
    content: '';
    position: absolute;
    left: 0;
    top: -19px;
    bottom: -19px;
    width: 10px;
    background: #3AB0C8;
    border-radius: 30px;
}

.vendor-item-client-quote article {
    margin: 0;
    font: normal normal normal 20px/28px 'Sofia Sans Condensed', sans-serif;
    color: #2D2926;
}

.vendor-item-client-tags {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top:40px;
}

.vendor-item-client-tag {
    background: rgba(45, 41, 38, 0.02);
    border-radius: 20px;
    padding: 18px 20px;
}

.vendor-item-client-tag h5 {
    margin: 0 0 15px;
    font: normal normal bold 35px 'Sofia Sans Condensed', sans-serif;
    color: #3AB0C8;
    text-align: center;
}

.vendor-item-client-tag p {
    margin: 0;
    font: normal normal bold 20px 'Sofia Sans Condensed', sans-serif;
    color: #2D2926;
    text-align: center;
}

.vendor-item-clients{
    margin-top: 100px;
}

.vendor-item-clients-carousel:not(.has-pagination) .swiper-pagination {
    display: none;
}

.vendor-item-clients-carousel .swiper-pagination {
    position: relative;
    margin-top: 30px;
}

.vendor-item-clients-carousel .swiper-pagination-bullet {
    background: #25398E;
    opacity: 0.35;
}

.vendor-item-clients-carousel .swiper-pagination-bullet-active {
    opacity: 1;
}

@media (max-width: 900px) {
    .vendor-item-client-items {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .vendor-item-client-card {
        padding: 30px 25px;
        border-radius: 30px;
    }

    .vendor-item-client-card-top {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .vendor-item-client-tags {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .vendor-item-page section {
        margin-top: 60px;
    }
    .vendor-item-page  {
        padding-bottom: 20px;
    }
    .vendor-item-client-tag h5 {
        font-size: 26px;
        text-align: center;
    }

    .vendor-item-client-tag p {
        font-size: 16px;
        text-align: center;
    }
}

@media (max-width: 899px) {
    .vendor-items-listing-container .vendor_items_carousel .swiper-button-next,
    .vendor-items-listing-container .vendor_items_carousel .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 600px) {
    .vendor-items-listing-container {
        margin-top: 0;
    }
}

.vendor-badges-section {
    width: 100%;
    /* margin-top: 80px; */
    margin-bottom: 40px;
    position: relative;
    background-color: rgba(45, 41, 38, 0.02);
    padding: 90px 0 80px;
}

.vendor-badges-section .vendor-badges-head {
    margin-bottom: 50px;
}

.vendor-badges-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
}

.vendor-badges-marquee-track {
    display: flex;
    align-items: center;
    gap: 50px;
    width: max-content;
    animation: vendor-badges-marquee 45s linear infinite;
    will-change: transform;
}

.vendor-badges-marquee:hover .vendor-badges-marquee-track {
    animation-play-state: paused;
}

@keyframes vendor-badges-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.vendor-badges-marquee-slide {
    flex: 0 0 auto;
    width: calc((min(100vw, 1440px) - 320px) / 5);
    max-width: 252px;
    min-width: 140px;
}

.vendor-badges-marquee-slide .asp {
    width: 100%;
}

.vendor-badges-marquee-slide img {
    object-fit: contain;
}

.vendor-badges-view-all {
    display: flex;
    justify-content: center;
    width: 100%;
}

.vendor-badges-view-all-btn {
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
    font: normal normal 700 15px 'Sofia Sans Condensed', sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    color: #25398E;
    width: auto;
    height: auto;
    padding: 13px 25px;
    border: 1px solid #25398E;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.vendor-badges-view-all-btn:hover {
    background-color: #25398E;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

.vendor-badges-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.vendor-badges-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.vendor-badges-popup-open {
    overflow: hidden;
}

.vendor-badges-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.vendor-badges-popup-dialog {
    position: relative;
    background: #FFFFFF;
    border-radius: 40px;
    width: 56%;
    /* max-width: 849px; */
    /* min-height: 500px; */
    padding: 120px 88px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.vendor-badges-popup-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vendor-badges-popup-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 23px;
    row-gap: 60px;
    align-items: center;
    justify-items: center;
}

.vendor-badges-popup-item {
    width: 100%;
    /* max-width: 150px; */
}

.vendor-badges-popup-item .asp {
    width: 100%;
}

.vendor-badges-popup-item img {
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .vendor-badges-marquee-slide {
        width: calc((100vw - 160px) / 3);
        /* min-width: 120px; */
    }

    .vendor-badges-marquee-track {
        gap: 40px;
    }

    .vendor-badges-popup-dialog {
        padding: 70px 30px 40px;
        min-height: auto;
        width: 95%;
    }

    .vendor-badges-popup-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    .vendor-badges-view-all-btn{
        padding: 5px 20px;

    }
}

@media (max-width: 600px) {
    .vendor-badges-section {
        margin-top: 50px;
        margin-bottom: 30px;
        padding: 30px 0 25px;
    }

    .vendor-badges-section .vendor-badges-head {
        margin-bottom: 25px;
    }

    .vendor-badges-marquee-slide {
        width: calc((100vw - 80px) / 2);
        /* min-width: 110px; */
    }

    .vendor-badges-marquee-track {
        gap: 20px;
        animation-duration: 35s;
    }

    .vendor-badges-popup-dialog {
        border-radius: 24px;
        padding: 60px 20px 30px;
    }

    .vendor-badges-popup-close {
        top: 20px;
        right: 20px;
    }

    .vendor-badges-popup-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* .vendor-badges-popup-item { */
        /* max-width: 120px; */
    /* } */
}

.services-slides{
    margin-top: 100px;
    position: relative;
    width: 100%;
    height: 100%;
    /* height: 50vh; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    background: transparent linear-gradient(240deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
}
.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: 200px;
    align-self: flex-start;
    position: sticky;
    top: 40% !important;
    left: 25px;
    width: 18%;
}
.services-slides .nav ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
    list-style: none;
}
.services-slides .nav ul li{
    padding-right: 0.521vw;
    border-right: 2.5px solid rgba(255,255,255,0.4);
    width: 80%;
}
.services-slides .nav ul li.active{
    border-right: 2.5px solid rgba(255,255,255,1);
}
.services-slides .nav ul li.active a{
    color: rgba(255,255,255,1);
}
.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: 0;
    color: rgba(255,255,255,0.4);
    text-transform: uppercase;
    opacity: 1;
}
.services-slides .slide-container{
    margin: 50px 0;
    width: 80%;
}
@media (min-width: 2199px) {
    .services-slides{
        padding: 0 25px;
    }
}
.slide{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    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 .mobile-title {
    display: none;
}

.module-background .image {
    width: 45%;
    border-radius: 50px;
}
.module-background .image img{
    border-radius: 50px;
}
.module-background .content {
    /* flex: 1; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*justify-content: center;*/
    gap: 25px;
    height: 60vh;
    overflow-y: scroll;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */
}
.module-background .content::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}

.module-background .content h2{
    text-align: left;
    font: normal normal bold 25px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    height: fit-content;
}
.module-background .content article{
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    height: fit-content;
}
.module-background .content .vendor-listing-information{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    height: fit-content;
}
.module-background .content .vendor-listing-information .feature{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.module-background .content .vendor-listing-information .feature h5{
    text-align: left;
    font: normal normal 600 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    width: 30%;
}
.module-background .content .vendor-listing-information .feature article{
    text-align: left;
    font: normal normal 600 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #FFFFFF;
    width: 85%;
    align-self: flex-end;
}
.scrollMajicFix{top:0 !important}
@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 .mobile-title {
        text-align: left;
        font: normal normal bold 22px 'Sofia Sans Condensed';
        letter-spacing: 0;
        color: #FFFFFF;
        text-transform: uppercase;
        display: block;
    }
    .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:600px){
    .services-slides {
        margin-top: 50px !important;
    }
    /* .slide{
        height: 40vh;
    } */
    .services-slides .slide-container{
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0px;
    }
    .services-slides .nav ul li a{
        font-size: 8px;
    }
    .module-background {
        gap: 15px;
        margin: auto !important;
        width: 90% !important;
    }
    .module-background .content h2 {
        font-size: 18px;
    }
    .module-background .image {
        width: 70%;
    }
    .services-slides .nav ul li a {
        width: 100%;
    }
    .module-background .mobile-title {
        text-align: left;
        font: normal normal bold 22px 'Sofia Sans Condensed';
        letter-spacing: 0;
        color: #FFFFFF;
        text-transform: uppercase;
        display: block;
    }
    .services-slides .slide-container:last-child{
        margin-bottom:0;
    }
    .services-slides .slide-container{
        margin-top: 0;
        padding: 0px 0;
    }
    .services-slides .slide-container .slide{
        padding: 25px 0;
    }
    .services-slides .slide-container .slide:not(:last-child){
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    .module-background .content .vendor-listing-information .feature h5{
        width: fit-content;
    }
    .module-background .content {
        width: 100%;
        padding: 0 5px;
        height: 100%;
    }
    .module-background .content .vendor-listing-information .feature{
        flex-direction: column;
        gap: 5px;
    }
    .module-background .content article {
        font-size: 15px;
    }
    .module-background .content .vendor-listing-information .feature article{
        align-self: center;
    }

}


.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;
    border: 1px solid #0c0c0c;
}
.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;
}


.contact-us,.become-a-partner{
    width: 55%;
    margin: 20px auto 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contact-us .button-blue,.become-a-partner .button-blue{
    width: 23% !important;
    padding: 8px 25px !important;
    margin-top: 20px !important;
}
.become-a-partner .head-content{
    margin: 25px 0;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.become-a-partner .head-content .section-title{
    text-align: center;
    font: normal normal 600 25px 'Sofia Sans Condensed';
    letter-spacing: 4.5px;
    color: #0EADAA;
    text-transform: uppercase;
}
.become-a-partner .head-content p{
    text-align: center;
    font: normal normal normal 18px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}

.become-a-partner .head-content.col2{
    margin: 40px 0;
}
.inputs-container{
    margin-top: 20px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
    column-gap: 15px;
}
.inputs-container .field{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    position: relative;
    padding-bottom: 10px;
}
.inputs-container .field label{
    text-align: left;
    font: normal normal bold 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
    opacity: 1;
    padding-left: 12px;
}
.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{
    width: 100%;
    text-align: left;
    font: normal normal normal 15px 'Sofia Sans Condensed';
    letter-spacing: 0px;
    color: red;
    padding-left: 10px;
    position: absolute;
    bottom: -8px;
    left: 0;
    /* display: none; */
}
.inputs-container .field input:not([type="tel"]) {
    padding: 10px 14px;
}
.inputs-container .field .iti {
    width: 100%;
}
.inputs-container .textarea, .inputs-container .col2{
    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);
}
@media(max-width: 600px){
    .contact-us,.become-a-partner{
        width: 100%;
        padding: 0 5px;
    }
    .inputs-container .field input,.inputs-container{
        margin-top: 0;
    }
    .inputs-container .textarea, .inputs-container .col2{
        grid-column-start:span 1;
    }
    .contact-us .button-blue, .become-a-partner .button-blue{
        width: fit-content !important;
    }
    .become-a-partner .head-content.col2{
        margin: 10px auto;
    }
}

.form-terms{
    display: flex; flex-direction: row;
    margin-top: 25px;
}
.terms-checkbox {
    display: none;
}

.terms-label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    user-select: none;
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}

.terms-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #f0f0f0;
    box-shadow: 0 0 20px #00000012;
    transition: background 0.3s;
    border: 1px solid #25398E;
}


.terms-checkbox:checked + .terms-label::before {
    background: transparent linear-gradient(220deg, #25398E 0%, #3AB0C8 100%) 0% 0% no-repeat padding-box;
}

.terms-checkbox:checked + .terms-label::after {
    content: '✓';
    position: absolute;
    left: 4px;
    top: 0;
    font-size: 18px;
    color: white;
    transition: color 0.3s;
}

.terms-checkbox:required:invalid + .terms-label::after {
    content: '';
}

/*.contact-us .button-blue,.become-a-partner .button-blue{*/
/*    width: 23% !important;*/
/*    padding: 8px 25px !important;*/
/*    margin-top: 20px !important;*/
/*}*/
.contact-us .button-blue, .become-a-partner .button-blue{
    margin: 10px auto;
    padding: 0.8vw 4vw;
    font: normal normal 700 18px 'Sofia Sans Condensed';
    grid-column-start: 2;
    display: grid;
    align-self: center;
}

.already-have-account, .no_account{
    display: flex;flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.already-have-account p,.no_account p{
    text-align: left;
    font: normal normal bold 14px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
    text-transform: uppercase;
}
.already-have-account a , .no_account a{
    text-align: left;
    text-decoration: underline;
    font: normal normal bold 14px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
}
@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;
    }
    .get-in-touch .button-blue, .become-a-partner .button-blue {
        width: 30%;
        font-size: 16px !important;
    }
}

.login-container{
    width: 100%;
    height: 100vh;
    position: relative;
}
.login-container .background-image{
    width: 100%;
    height: 100%;
}
.login-container .background-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login-container .login-overlay{
    background: transparent linear-gradient(236deg, #25398E 0%, #3AB0C8 100%) 0 0 no-repeat padding-box;
    box-shadow: 0 0 20px #00000012;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.8;
}
.login-container .form-wrapper{
    width: 27%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px #00000012;
    border: 1px solid #CECECE;
    border-radius: 20px;
    padding: 30px 40px 50px;
}
.login-container .form-wrapper .logo-container{
    width: 45%;
    margin: auto;
}
.login-container .form-wrapper h2{
    text-align: center;
    font: normal normal bold 34px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
    margin: 25px 0;
}
.login-container .form-wrapper .login{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.login-container .form-wrapper .inputs-container{
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 0;
}
.login-container .form-wrapper .inputs-container input{
    width: 100%;
}
.login-container .form-wrapper .button-blue{
    margin: auto;
    padding: 10px 25px;
    width: 35%;
}
@media (max-width: 600px) {
    .login-container .form-wrapper{
        width: 90%;
        padding: 10px 20px;
        gap: 10px;
    }
    .login-container .form-wrapper h2{
        margin: 5px auto;
    }
    .login-container .form-wrapper .login{
        gap: 10px;
    }
}

.password-container {
    position: relative;
    width: 100%;
}

.password-input {
    width: 100%;
    padding: 10px 40px 10px 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

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


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

.g-recaptcha{
    display: flex;
    align-items: center;
    justify-content: center;
}


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

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

}
.main-banner-outer .overlay-clip{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
    z-index: 3;
}
.main-banner-outer .overlay-clip svg{
    width: 100%;
   height: 100%;
   transform: scale(1.1);
   overflow-x: hidden;
}
.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: 26px;
        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;
        /* 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;
    }
}


.policy-container{
    width: 75%;
    margin: 120px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
}
.policy-container h1{
    text-align: center;
    font: normal normal bold 42px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
}
.policy-container article h2{
    text-align: left;
    font: normal normal bold 32px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #25398E;
    text-transform: uppercase;
}
.policy-container article p{
    margin-top: 10px;
    text-align: left;
    font: normal normal normal 16px 'Sofia Sans Condensed';
    letter-spacing: 0;
    color: #2D2926;
}
@media(max-width: 600px){
    .policy-container{
        width: 100%;
        padding: 10px 5px;
        margin: 65px auto;
    }
    .policy-container h1{
        font-size: 30px;
    }
    .policy-container article h2{
        font-size: 25px;
    }
    .policy-container article p{
        margin-top: 0;
    }
}


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