/***
====================================================================
  General
====================================================================
 ***/

/* arabic */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url(../fonts/cairo/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscQyyS8pg_RWH1vCk.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url(../fonts/cairo/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscSCyS8pg_RWH1vCk.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url(../fonts/cairo/SLXVc1nY6HkvangtZmpQdkhzfH5lkSscRiyS8pg_RWH1.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
    --primary: #0961F3;
    --primary_blue: #103152;
    --dark: #131313;
}


*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

html {
    direction: rtl;
    overflow-x: hidden !important;

}

body {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #fff;
    font-size: 16px;
    color: var(--dark);
    overflow-x: hidden !important;
    padding-top: 166px;
    background-image: url(../images/bg.svg);
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a, button, .btn {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a {
    cursor: pointer !important;
    text-decoration: none !important;
}

a:hover, a:active, a:focus, a:visited {
    text-decoration: none !important;
}

input, textarea, a, button {
    outline: none !important;
    text-decoration: none;
}


/* img hover */
.img-hover {
    overflow: hidden;
    display: block;
}

.img-hover > img {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

img {
    max-width: 100%;
}

/* end img hover */
.main-wrapper {
    position: relative;
    min-height: 100%;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn{
    height: 40px;
    font-weight: 700;
    justify-content: center;
    font-size: 14px;
}
.btn-lg{
    height: 55px;
     font-size: 16px;
     font-weight: 700;
    justify-content: center;
 }
.btn-primary {
    background: var(--primary_blue);
    border-color: var(--primary_blue);
    color: #fff !important;
    gap: 6px;
    display: flex;
    align-items: center;
}

.btn-primary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
    gap: 10px;
}

.btn-secondary {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
    gap: 6px;
    display: flex;
    align-items: center;
}

.btn-secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
    gap: 10px;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: #fff;
    background: #E1E4E9;
    border-color: #E1E4E9;
}

.btn-outline-light{
    border-radius: 14px;
    border: 1px solid #F4F5FA;
    background: #FFF;

    /* Shadows/Gray Blue 30/3%/5b */
    box-shadow: 0 2px 5px 0 rgba(38, 51, 77, 0.03);

    color: #444;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/***
====================================================================
  Loading Transition
====================================================================
 ***/
/* Preloader */
.ctn-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
    background: #fff;
}

.txt-loading {
    direction: ltr;
}

.ctn-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
}

/* Spinner cargando */
.ctn-preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 1px solid rgba(30, 181, 188, 0.15);
    border-top-color: #4168B1;
    height: 100px;
    margin: 0 auto 0 auto;
    width: 100px;
}

/* Texto cargando */

.ctn-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation: letters-loading 4s infinite;
    color: #2196C6;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top: 0;
    line-height: 50px;
    position: absolute;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
    font-family: "IBM Plex Sans Arabic", sans-serif;
    font-weight: 700;
    letter-spacing: 10px;
    display: inline-block;
    color: rgba(12, 58, 86, 0.15);
    position: relative;
    font-size: 50px;
    line-height: 50px;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
    animation-delay: 1.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
    animation-delay: 1.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(11):before {
    animation-delay: 2s;
}

.ctn-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
}

.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}

/* AnimaciĂłn del preloader */

@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 80px;
        width: 80px;
    }

    body {
        padding-top: 100px;
    }
}

@media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 80px;
        width: 80px;
    }

    .ctn-preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 30px;
        letter-spacing: 5px;
    }
}


/*
====================================================================
Mobile menu
====================================================================
*/


.menu-mobile {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;

    z-index: 1001;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.2);
    box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.2);
    box-shadow: 0 9px 72px 0 rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(10px);
    background: #F8FAFC;
    display: flex;
    flex-direction: column;
}

.brand-area {
    position: relative;
    padding: 15px;
    display: flex;
    justify-items: center;
    justify-content: space-between;
}

.brand-area a {
    margin: 0;
}

.brand-area a > img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.mmenu > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.mmenu > ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: #020617;
    font-size: 16px;
    padding: 10px;
    transition: all .3s;
    font-weight: 600;
    text-transform: capitalize;
}

.mmenu li b {
    color: #fff;
    padding: 0 15px;
    display: none !important
}

.mmenu > ul li a:hover, a.mmenu > ul li.active a {
    background: transparent;
    border-color: transparent;
}

.m-overlay {
    position: fixed;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #333;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.menu-toggle {
    overflow: hidden;
}

.menu-toggle .m-overlay {
    opacity: 0.6;
    visibility: visible;
}

.menu-toggle .menu-mobile {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

}


html.menu-toggle {
    overflow: hidden;
}

.menu-trigger {
    display: none;
}

.ic-bars {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75257 17.9997H21.2526C21.6668 17.9997 22.0026 18.3355 22.0026 18.7497C22.0026 19.1294 21.7204 19.4432 21.3543 19.4928L21.2526 19.4997H2.75257C2.33835 19.4997 2.00257 19.1639 2.00257 18.7497C2.00257 18.37 2.28472 18.0562 2.6508 18.0065L2.75257 17.9997H21.2526H2.75257ZM2.75257 11.5027H21.2526C21.6668 11.5027 22.0026 11.8385 22.0026 12.2527C22.0026 12.6324 21.7204 12.9462 21.3543 12.9959L21.2526 13.0027H2.75257C2.33835 13.0027 2.00257 12.6669 2.00257 12.2527C2.00257 11.873 2.28472 11.5592 2.6508 11.5095L2.75257 11.5027H21.2526H2.75257ZM2.75171 5.00293H21.2517C21.6659 5.00293 22.0017 5.33872 22.0017 5.75293C22.0017 6.13263 21.7196 6.44642 21.3535 6.49608L21.2517 6.50293H2.75171C2.3375 6.50293 2.00171 6.16714 2.00171 5.75293C2.00171 5.37323 2.28386 5.05944 2.64994 5.00978L2.75171 5.00293H21.2517H2.75171Z" fill="%23ffffff"/></svg>');
    width: 24px;
    height: 24px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

/*
====================================================================
General & Mobile Menu Responsive
====================================================================
*/

@media screen and (max-width: 1366px) {
    .main-menu {
        gap: 16px;
    }
}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
    .brand-area {
        padding: 24px 10px;
    }


}

@media screen and (max-width: 640px) {
    body {
        font-size: 14px;
    }
}

/*
====================================================================
Header section
====================================================================
*/
.header {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all 0.3s ease;
    padding-top: 50px;
}


.header.fixed {
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);*/
    padding-top: 5px;

}

.container {
    max-width: 1304px;
}


.content-header {
    padding: 22px 30px;
    display: flex;
    transition: all 0.3s ease;
    justify-content: space-between;
    gap: 24px;
    align-items: center;


    border-radius: 30px;
    background: #FFF;
    box-shadow: 0 12px 22px 0 rgba(0, 0, 0, 0.05);
}

.header.fixed .content-header {
    padding: 5px 15px;

}

.logo-site a {
    display: flex;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 24px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-text{
    color: #103152;
     font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
}

.main-menu > li {
    height: 72px;
    display: flex;
    align-items: center;
}


.main-menu li > a {
    display: flex;
    color: #161616;
    align-items: center;
    gap: 6px;

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
    position: relative;
    padding-bottom: 10px;

}
.main-menu > li.active  a{
    color: var(--primary);
}

.main-menu > li.active >  a:after{
    position: absolute;
    left: 0;
    right: 0;
    width: 30px;
    height: 4px;
    background-color: var(--primary);
    content: '';
    bottom: 0;
    margin: auto;
    border-radius: 20px;

}


.main-menu li > a:hover {
    color: var(--primary);
}

.main-menu .dropdown-menu {
    background: #FFF;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.10);
    padding: 0;
    width: 230px;
    margin: 0;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
    opacity: 0;
    visibility: hidden;
    border: 0;
    border-radius: 5px;

}

.main-menu .dropdown-menu li:first-child a {
    border-radius: 5px 5px 0 0;
}

.main-menu .dropdown-menu li > a {
    display: block;
    padding: 12px 15px;
    color: #161616;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    white-space: nowrap;
    height: auto !important;
}

.main-menu .dropdown-menu a.active {
    background-color: var(--primary);
    color: #ffffff;
}

.main-menu .dropdown-menu li > a:hover {
    color: #ffffff;
    background-color: var(--primary);
}

.main-menu li.dropdown:hover .dropdown-menu {
    left: 50% !important;
    visibility: visible;
    opacity: 1;
}

.main-menu li.dropdown:hover > a {
    color: var(--primary);
}

.has-sub-menu {
    position: relative;
}

.sub-menu {
    position: absolute;
    right: 100%;
    top: 0;
    display: none;
    list-style: none;
    z-index: 100;
    background: #FFF;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.10);
    padding: 0;
    width: 230px;
    margin: 0;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    border: 0;
}

.has-sub-menu:after {
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5031 1.1294C1.60467 1.26388 1.90793 1.66534 2.08853 1.89676C2.45026 2.36027 2.94452 2.97618 3.47769 3.59026C4.01356 4.20744 4.57648 4.80852 5.07658 5.25039C5.32734 5.47195 5.54762 5.64031 5.72939 5.74989C5.90035 5.85296 6.00134 5.87439 6.00134 5.87439C6.00134 5.87439 6.09936 5.85295 6.27031 5.7499C6.45209 5.64032 6.67237 5.47196 6.92313 5.25039C7.42322 4.80852 7.98615 4.20744 8.52201 3.59025C9.05518 2.97616 9.54944 2.36025 9.91117 1.89673C10.0918 1.66531 10.3946 1.26442 10.4962 1.12994C10.7009 0.852004 11.0925 0.792058 11.3705 0.996751C11.6484 1.20145 11.7078 1.59269 11.5031 1.87063L11.5015 1.87273C11.395 2.01376 11.0809 2.42963 10.8966 2.66577C10.5267 3.13975 10.018 3.77384 9.46589 4.40976C8.91646 5.04257 8.31173 5.69149 7.7508 6.18712C7.47105 6.4343 7.18747 6.65656 6.91567 6.82042C6.66102 6.97393 6.33861 7.125 5.99985 7.125C5.66109 7.125 5.33868 6.97393 5.08404 6.82041C4.81223 6.65656 4.52866 6.4343 4.24891 6.18712C3.68798 5.69149 3.08325 5.04258 2.53382 4.40977C1.98169 3.77386 1.473 3.13978 1.1031 2.6658C0.918709 2.42953 0.60464 2.01371 0.4983 1.87292L0.4969 1.87107C0.292204 1.59313 0.351284 1.20149 0.629218 0.996793C0.907143 0.792105 1.2984 0.851493 1.5031 1.1294Z" fill="%23161616"/></svg>');
    width: 12px;
    height: 8px;
    border: none !important;
    position: absolute;
    left: 10px;
    top: 50%;
    content: '';
}

.has-sub-menu:hover .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}


.mmenu .dropdown-menu {
    position: static !important;
    transform: none !important;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.mmenu .dropdown-toggle::after {
    border: 0;
    content: '';
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    font-size: 16px;
}

.mmenu .dropdown-menu a {
    font-weight: 400;
}


.dropdown-toggle::after {
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5031 1.1294C1.60467 1.26388 1.90793 1.66534 2.08853 1.89676C2.45026 2.36027 2.94452 2.97618 3.47769 3.59026C4.01356 4.20744 4.57648 4.80852 5.07658 5.25039C5.32734 5.47195 5.54762 5.64031 5.72939 5.74989C5.90035 5.85296 6.00134 5.87439 6.00134 5.87439C6.00134 5.87439 6.09936 5.85295 6.27031 5.7499C6.45209 5.64032 6.67237 5.47196 6.92313 5.25039C7.42322 4.80852 7.98615 4.20744 8.52201 3.59025C9.05518 2.97616 9.54944 2.36025 9.91117 1.89673C10.0918 1.66531 10.3946 1.26442 10.4962 1.12994C10.7009 0.852004 11.0925 0.792058 11.3705 0.996751C11.6484 1.20145 11.7078 1.59269 11.5031 1.87063L11.5015 1.87273C11.395 2.01376 11.0809 2.42963 10.8966 2.66577C10.5267 3.13975 10.018 3.77384 9.46589 4.40976C8.91646 5.04257 8.31173 5.69149 7.7508 6.18712C7.47105 6.4343 7.18747 6.65656 6.91567 6.82042C6.66102 6.97393 6.33861 7.125 5.99985 7.125C5.66109 7.125 5.33868 6.97393 5.08404 6.82041C4.81223 6.65656 4.52866 6.4343 4.24891 6.18712C3.68798 5.69149 3.08325 5.04258 2.53382 4.40977C1.98169 3.77386 1.473 3.13978 1.1031 2.6658C0.918709 2.42953 0.60464 2.01371 0.4983 1.87292L0.4969 1.87107C0.292204 1.59313 0.351284 1.20149 0.629218 0.996793C0.907143 0.792105 1.2984 0.851493 1.5031 1.1294Z" fill="%23161616"/></svg>');
    width: 12px;
    height: 8px;
    border: none !important
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 20px;

}

.header-actions a, .lang-btn {
    color: #161616;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem; /* 150% */
    display: flex;
    align-items: center;
    gap: 5px;
}


.ic-lang {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.1923 12.7115C16.0758 12.4321 15.8027 12.25 15.5 12.25C15.1972 12.25 14.9241 12.4321 14.8076 12.7115L12.3076 18.7115C12.1483 19.0939 12.3291 19.533 12.7115 19.6923C13.0938 19.8516 13.5329 19.6708 13.6923 19.2885L14.3333 17.75H16.6666L17.3076 19.2885C17.467 19.6708 17.9061 19.8516 18.2884 19.6923C18.6708 19.533 18.8516 19.0939 18.6923 18.7115L16.1923 12.7115ZM15.5 14.95L16.0416 16.25H14.9583L15.5 14.95Z" fill="%23161616"/><path d="M8.15 4.25C8.56421 4.25 8.9 4.58579 8.9 5V5.21552H12C12.4142 5.21552 12.75 5.5513 12.75 5.96552C12.75 6.37973 12.4142 6.71552 12 6.71552H10.7973C10.4274 7.74664 9.85464 8.71119 9.21395 9.57728L10.1155 10.5145C10.4027 10.8131 10.3935 11.2879 10.0949 11.575C9.79642 11.8622 9.32163 11.8529 9.03448 11.5544L8.26126 10.7506C7.65985 11.4317 7.04053 12.0391 6.48266 12.5521C6.17775 12.8324 5.7033 12.8126 5.42293 12.5077C5.14256 12.2028 5.16244 11.7283 5.46735 11.4479C6.0382 10.923 6.66238 10.3072 7.2537 9.62414C7.12848 9.4632 7.00289 9.29589 6.88542 9.13299C6.64973 8.80615 6.40843 8.44486 6.28521 8.18047C6.11023 7.80503 6.27273 7.35883 6.64817 7.18384C7.02361 7.00886 7.46981 7.17137 7.64479 7.5468C7.70157 7.66862 7.86527 7.92724 8.10208 8.25565C8.13755 8.30483 8.1738 8.35441 8.21052 8.40399C8.59222 7.85898 8.92551 7.29315 9.18194 6.71552H5C4.58579 6.71552 4.25 6.37973 4.25 5.96552C4.25 5.5513 4.58579 5.21552 5 5.21552H7.4V5C7.4 4.58579 7.73579 4.25 8.15 4.25Z" fill="%23161616"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.45109 1.25H9.54891C11.1512 1.24999 12.4205 1.24998 13.4248 1.36868C14.4557 1.49055 15.3044 1.74638 16.0134 2.3282C16.2539 2.52558 16.4744 2.74612 16.6718 2.98663C17.3772 3.8462 17.6099 4.92342 17.6958 6.30423C19.0763 6.39008 20.1536 6.62257 21.0134 7.3282C21.2539 7.52558 21.4744 7.74612 21.6718 7.98663C22.2536 8.69558 22.5095 9.54428 22.6313 10.5752C22.75 11.5795 22.75 12.8488 22.75 14.451V14.5489C22.75 16.1511 22.75 17.4205 22.6313 18.4248C22.5095 19.4557 22.2536 20.3044 21.6718 21.0134C21.4744 21.2539 21.2539 21.4744 21.0134 21.6718C20.3044 22.2536 19.4557 22.5095 18.4248 22.6313C17.4205 22.75 16.1512 22.75 14.549 22.75H14.4511C12.8489 22.75 11.5795 22.75 10.5752 22.6313C9.54428 22.5095 8.69558 22.2536 7.98663 21.6718C7.74612 21.4744 7.52558 21.2539 7.3282 21.0134C6.62278 20.1538 6.39007 19.0766 6.30421 17.6958C4.92341 17.6099 3.8462 17.3772 2.98663 16.6718C2.74612 16.4744 2.52558 16.2539 2.3282 16.0134C1.74638 15.3044 1.49055 14.4557 1.36868 13.4248C1.24998 12.4205 1.24999 11.1512 1.25 9.54891V9.45109C1.24999 7.84883 1.24998 6.57947 1.36868 5.57525C1.49055 4.54428 1.74638 3.69558 2.3282 2.98663C2.52558 2.74612 2.74612 2.52558 2.98663 2.3282C3.69558 1.74638 4.54428 1.49055 5.57525 1.36868C6.57947 1.24998 7.84883 1.24999 9.45109 1.25ZM7.78429 17.2769C7.8525 18.7782 8.04964 19.528 8.48772 20.0618C8.62277 20.2263 8.77366 20.3772 8.93822 20.5123C9.33563 20.8384 9.86197 21.0366 10.7513 21.1417C11.6572 21.2488 12.8379 21.25 14.5 21.25C16.1621 21.25 17.3428 21.2488 18.2487 21.1417C19.138 21.0366 19.6644 20.8384 20.0618 20.5123C20.2263 20.3772 20.3772 20.2263 20.5123 20.0618C20.8384 19.6644 21.0366 19.138 21.1417 18.2487C21.2488 17.3428 21.25 16.1621 21.25 14.5C21.25 12.8379 21.2488 11.6572 21.1417 10.7513C21.0366 9.86197 20.8384 9.33563 20.5123 8.93822C20.3772 8.77366 20.2263 8.62277 20.0618 8.48772C19.5307 8.05189 18.7855 7.85431 17.2979 7.78524L7.78429 17.2769ZM16.2167 6.74509C16.1494 5.22909 15.9525 4.47463 15.5123 3.93822C15.3772 3.77366 15.2263 3.62277 15.0618 3.48772C14.6644 3.16158 14.138 2.96344 13.2487 2.85831C12.3428 2.75123 11.1621 2.75 9.5 2.75C7.83789 2.75 6.65724 2.75123 5.75133 2.85831C4.86197 2.96344 4.33563 3.16158 3.93822 3.48772C3.77366 3.62277 3.62277 3.77366 3.48772 3.93822C3.16158 4.33563 2.96344 4.86197 2.85831 5.75133C2.75123 6.65724 2.75 7.83789 2.75 9.5C2.75 11.1621 2.75123 12.3428 2.85831 13.2487C2.96344 14.138 3.16158 14.6644 3.48772 15.0618C3.62277 15.2263 3.77366 15.3772 3.93822 15.5123C4.47215 15.9505 5.22213 16.1476 6.72412 16.2158L16.2167 6.74509Z" fill="%23161616"/></svg>');
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;
}

.ic-user {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 1.25C9.10026 1.25 6.74976 3.6005 6.74976 6.5C6.74976 9.39949 9.10026 11.75 11.9998 11.75C14.8993 11.75 17.2498 9.39949 17.2498 6.5C17.2498 3.6005 14.8993 1.25 11.9998 1.25ZM8.24976 6.5C8.24976 4.42893 9.92869 2.75 11.9998 2.75C14.0708 2.75 15.7498 4.42893 15.7498 6.5C15.7498 8.57107 14.0708 10.25 11.9998 10.25C9.92869 10.25 8.24976 8.57107 8.24976 6.5Z" fill="%23161616"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.2286 15.0792C18.066 14.9874 17.9224 14.9064 17.8061 14.8372C14.252 12.7209 9.74785 12.7209 6.1938 14.8372C6.07748 14.9064 5.93381 14.9875 5.77114 15.0793C5.05833 15.4814 3.98082 16.0893 3.24265 16.8118C2.78098 17.2637 2.34233 17.8592 2.26258 18.5888C2.17778 19.3646 2.51624 20.0927 3.19526 20.7396C4.36671 21.8556 5.77249 22.75 7.5908 22.75H16.4091C18.2274 22.75 19.6332 21.8556 20.8046 20.7396C21.4836 20.0927 21.8221 19.3646 21.7373 18.5888C21.6575 17.8592 21.2189 17.2637 20.7572 16.8118C20.019 16.0893 18.9414 15.4813 18.2286 15.0792ZM6.96122 16.126C10.0424 14.2913 13.9575 14.2913 17.0386 16.126C17.2065 16.226 17.3905 16.3303 17.5832 16.4397C18.2958 16.8439 19.1279 17.316 19.708 17.8838C20.0681 18.2363 20.2216 18.5271 20.2462 18.7517C20.2657 18.9301 20.2206 19.2242 19.7699 19.6535C18.7341 20.6404 17.6815 21.25 16.4091 21.25H7.5908C6.31835 21.25 5.26578 20.6404 4.22993 19.6535C3.7793 19.2242 3.7342 18.9301 3.7537 18.7517C3.77826 18.5271 3.93177 18.2363 4.2919 17.8838C4.87199 17.316 5.70401 16.844 6.41662 16.4397C6.60928 16.3304 6.79335 16.226 6.96122 16.126Z" fill="%23161616"/></svg>');
    width: 22px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;
}

.ic-top-left-arrow {
    background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 18.5L6 6.5M6 6.5V14.5M6 6.5H14" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;

    transition: all 0.3s ease;
}

.btn:hover .ic-top-left-arrow {
    transform: rotate(-43deg);
}

.lang-btn {
    font-weight: 700;
}

.header-actions a.menu-trigger {
    display: none;
}

.ic-close {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z" fill="%23020617"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-menu {
    background: none;
    border: none;
}

.actions-in-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    padding: 15px 0;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #CBD5E1;
    gap: 24px;
}

.ic-bars {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75257 17.9997H21.2526C21.6668 17.9997 22.0026 18.3355 22.0026 18.7497C22.0026 19.1294 21.7204 19.4432 21.3543 19.4928L21.2526 19.4997H2.75257C2.33835 19.4997 2.00257 19.1639 2.00257 18.7497C2.00257 18.37 2.28472 18.0562 2.6508 18.0065L2.75257 17.9997H21.2526H2.75257ZM2.75257 11.5027H21.2526C21.6668 11.5027 22.0026 11.8385 22.0026 12.2527C22.0026 12.6324 21.7204 12.9462 21.3543 12.9959L21.2526 13.0027H2.75257C2.33835 13.0027 2.00257 12.6669 2.00257 12.2527C2.00257 11.873 2.28472 11.5592 2.6508 11.5095L2.75257 11.5027H21.2526H2.75257ZM2.75171 5.00293H21.2517C21.6659 5.00293 22.0017 5.33872 22.0017 5.75293C22.0017 6.13263 21.7196 6.44642 21.3535 6.49608L21.2517 6.50293H2.75171C2.3375 6.50293 2.00171 6.16714 2.00171 5.75293C2.00171 5.37323 2.28386 5.05944 2.64994 5.00978L2.75171 5.00293H21.2517H2.75171Z" fill="%23ffffff"/></svg>');
    width: 24px;
    height: 24px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 991px) {
    .main-menu {
        display: none;
    }

    .menu-trigger {
        display: flex !important;
        font-size: 30px;
        color: #fff;
    }


    .header {
         padding-top: 5px;
    }

    .header .content-header {
         padding: 12px 15px;
    }

    .header.fixed .content-header {
        padding: 12px 15px;

    }

    .ic-bars {
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.75257 17.9997H21.2526C21.6668 17.9997 22.0026 18.3355 22.0026 18.7497C22.0026 19.1294 21.7204 19.4432 21.3543 19.4928L21.2526 19.4997H2.75257C2.33835 19.4997 2.00257 19.1639 2.00257 18.7497C2.00257 18.37 2.28472 18.0562 2.6508 18.0065L2.75257 17.9997H21.2526H2.75257ZM2.75257 11.5027H21.2526C21.6668 11.5027 22.0026 11.8385 22.0026 12.2527C22.0026 12.6324 21.7204 12.9462 21.3543 12.9959L21.2526 13.0027H2.75257C2.33835 13.0027 2.00257 12.6669 2.00257 12.2527C2.00257 11.873 2.28472 11.5592 2.6508 11.5095L2.75257 11.5027H21.2526H2.75257ZM2.75171 5.00293H21.2517C21.6659 5.00293 22.0017 5.33872 22.0017 5.75293C22.0017 6.13263 21.7196 6.44642 21.3535 6.49608L21.2517 6.50293H2.75171C2.3375 6.50293 2.00171 6.16714 2.00171 5.75293C2.00171 5.37323 2.28386 5.05944 2.64994 5.00978L2.75171 5.00293H21.2517H2.75171Z" fill="%23020617"/></svg>');
    }
}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 640px) {
    .header-actions .lang-btn, .header-actions .btn {
        display: none;
    }
    .logo-site a img{
        height: 60px;
    }
}



/*
====================================================================
Hero section
====================================================================
*/

.section-home-hero{
    position: relative;
}
.home-slider .item{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 300px;

}
.home-slider .item:after{
    position: absolute;
    bottom: -150px;
    left: 0;
    width: 100%;
    height: 300px;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 25%);
    content: '';
    z-index: 10;
}

.home-slider .item img{
    position: relative;
    z-index: 9;

}

.slider-data{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 13;
    padding: 45px 0;
    max-width: 840px;
    right: 0;
    margin: auto;
}
.slider-data h2{
    color: #103152;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 150% */
}
.slider-data p{
    color: #103152;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.actions-btns{
    display: flex;
    justify-content: center;
    gap: 24px;
}
.actions-btns .btn{
    width: 100%;
    max-width: 285px;
    height: 40px;
    justify-content: center;
}



@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
    .home-slider .item{
        min-height: 85vh;

        justify-content: flex-start;
        padding-top: 20px;

    }
    .home-slider .item img{
        height: 350px;
        object-fit: cover;
    }
    .slider-data {
        padding: 0  15px;

        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        z-index: 13;
         max-width: 840px;
        right: auto;
        margin: auto;
    }
    .slider-data h2 {
        font-size: 30px;
        font-weight: 600;
        padding-left: 20px;
        padding-right: 20px;
    }



}

@media screen and (max-width: 640px) {

    .slider-data h2 {
        font-size: 25px;
        font-weight: 600;
        padding-left: 15px;
        padding-right: 15px;
        line-height: normal;

    }
    .slider-data p {
        font-size: 14px;

    }

}

/*
====================================================================
About us section
====================================================================
*/
.about-us-section{
    padding: 40px 0;
    background: #fff;
}

.about-text h2{
    color: #0961F3;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px; /* 87.5% */
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}


.ic-title-arrow{
    background-image: url("../images/arrow-title.svg");
    width: 52px;
    height: 10px;
    display: flex;
}


.about-text h3{
    color: #103152;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 171.429% */
}

.about-text h4{
    color: #103152;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 16px;
}
.about-text p{
    color: #444;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.about-text h4 i{
    color: #64CBCA;
    font-size: 25px;
}

.sp{
    width: 100%;
    height: 1px;
    margin: 22px 0;
    background: rgba(0,0,0,0.1);
}

.about-actions{
    display: flex;
    align-items: center;
    gap: 30px;
}

.about-mobile{
    display: flex;
    align-items: center;
    gap: 16px;
}


.about-phone-icon-bg{
    background-color: #0961F3;
    width: 45.349px;
    height: 45px;
    flex-shrink: 0;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-phone-icon-bg i{
    font-size: 16px;
}


.about-mobile h5{
    color: #727272;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 214.286% */
    margin: 0;
}
.about-mobile a.btn-mobile {
    color: #103152;
    font-feature-settings: 'liga' off, 'clig' off;

    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    display: block;
    width: 100%;

    padding: 0;
}
.ltr{
    direction: ltr;
    text-align: right;
}

@media screen and (max-width: 767px) {

    .img-about{
        margin-bottom: 30px;
    }


}
@media screen and (max-width: 640px) {
    .about-text h3 {
         font-size: 30px;
         line-height: normal;
    }
    .about-actions{
        flex-direction: column;
    }

}


/*
       ====================================================================
           Features section
       ====================================================================
 */
.features-section{
    padding: 40px 0;
    background: #fff;
}
.features-items{
    border-radius: 30px;
    background: #F0F0F0;
    padding: 30px;
}
.features-item-head{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.features-item-head h2{
    color: #103152;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px; /* 87.5% */
    text-transform: uppercase;
    display: flex;
    gap: 10px;
    align-items: center;
}
.features-item-head h3{
    color: #103152;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 171.429% */
}
.features-item-head p{
    color: #444;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 200% */
}
.ic-features-icon{
    background-image: url(../images/features-icon.svg);
    width: 25px;
    height: 22px;
    display: flex;
}

.features-item{
    border-radius: 20px;
    background: #FFF;
    height: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column;
    padding: 18px;
}
.features-item h3{
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
    margin: 0;
}

.features-item p{
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    margin: 0;
}
.features-item-action{
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
}
.features-item-action .btn{
    gap: 8px;
    display: flex;
    align-items: center;
    padding: 0;
}
.f-icon{
    display: flex;
}
.f-icon img{
    width: 65px;
    height: 65px;
}

@media screen and (max-width: 640px) {
    .features-item-head h3 {
         font-size: 30px;
         line-height: normal;
    }
    .features-items {
         padding: 15px;
    }
}

/*
====================================================================
Statics section
====================================================================
*/
.statics-section{
    background: #fff;
    padding: 40px 0;
}
.static-item{
    border-radius: 20px;
    background: #FFF;
    height: 100%;
    padding: 30px;
    /* shadow/L */
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.static-item .st-icon{
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #64CBCA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.static-item h3{
    color: #103152;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px; /* 200% */
    margin-top: 1px;
    margin-bottom: 0;
}
.static-item p{
    color: #444;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    margin-bottom: 0;
}






@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
    .static-item h3 {
        color: #103152;
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-size: 24px;
    }

    .static-item{
        padding: 15px;
    }

}



@media screen and (max-width: 640px) {
    .static-item h3 {
         font-size: 18px;
    }
}

/*
       ====================================================================
           Partners section
       ====================================================================
 */
.partners-section{
    padding: 0;
    background: #fff;
}
.partners-slider .item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
.partners-slider .item img{
    height: 48px;
}

.sec-header{
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 40px 0 15px 0;
}
.sec-header h2{
    color: #103152;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%; /* 41.16px */
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 11px;
}
.sec-header h2:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 89px;
    height: 3px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #64CBCA;

}

.sec-header p{
    color: #444;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 200% */
}

/*
       ====================================================================
           Clients section
       ====================================================================
 */
.clients-section{
    padding: 40px 0;
    background: #fff;
}
.clients-slider .item{
    display: flex;
    flex-direction: column;
    /*height: 280px;*/
    padding: 32px;
    gap: 0;
    flex-shrink: 0;
    border-radius: 30px;
    background: #F0F0F0;
    box-shadow: 1px 0 6px 0 #EFF0F5;
}

.clients-slider .item .stars{
    color: #64CBCA;
    font-size: 25px;
    margin-bottom: 16px;
}
.clients-slider .item p{
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    margin-bottom: 32px;
}
.client-data{
    margin-top: auto;
    display: flex;
    gap: 16px;
}
.client-data .img > div{
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
}
.client-data .img > div img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.client-data h3{
    color: #103152;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    margin: 0;
}


.client-data h4{
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
     font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background: #EAEAEA;
    margin: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #103152;
}

.owl-theme .owl-dots{
    display : flex;
    padding: 0;
    justify-content: center;
    gap: 10px;
    margin-top: 30px !important;

}

/*
       ====================================================================
           Contact us section
       ====================================================================
 */

.contact-us-section{
    padding: 40px 0 100px 0;
}

.contact-us-box{
    fill: #FFF;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.08) ;
    padding: 40px;
    border-radius: 12px;
    border-top: 5px solid var(--primary)
}

/* Hide the default checkbox */
input[type="checkbox"] {
    appearance: none; /* Remove default style */
    -webkit-appearance: none;
    border-radius: 4px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Background when checked */
input[type="checkbox"]:checked {
    border-color: #64CBCA;
    background: #64CBCA;
}

/* Optional: add a check mark */
input[type="checkbox"]:checked::after {
    content: "✓";
    color: white;
    font-size: 12px;
    display: block;
}

.contact-text h2{
    color: #103152;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
     font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 142.857% */
}
.contact-text h2 span{
    color: var(--primary);
}
.sp1{
    display: block;
    width: 89px;
    height: 3px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #64CBCA;
    margin: 24px 0;
}

.contact-text{
    max-width: 528px;
}
.contact-text p{
    color: #444;
     font-feature-settings: 'liga' off, 'clig' off;
     font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
}

.contact-text ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-text ul li{
    padding-right: 40px;
    background: url("../images/list.svg") center right no-repeat;
    color: #444;
     font-feature-settings: 'liga' off, 'clig' off;
     font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 250% */
}
.contact-text h4{
    color: #727272;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}
.contact-text a{
    color: #444;
    font-feature-settings: 'liga' off, 'clig' off;
     font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    display:flex;
    direction: ltr;
    text-align: right;
    gap: 16px;
    flex-direction: row-reverse;
}

.ic-comment{
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23 5H7C5.9 5 5 5.9 5 7V19C5 20.1 5.9 21 7 21H21L25 25V7C25 5.9 24.1 5 23 5ZM20 17H10C9.45 17 9 16.55 9 16C9 15.45 9.45 15 10 15H20C20.55 15 21 15.45 21 16C21 16.55 20.55 17 20 17ZM20 14H10C9.45 14 9 13.55 9 13C9 12.45 9.45 12 10 12H20C20.55 12 21 12.45 21 13C21 13.55 20.55 14 20 14ZM20 11H10C9.45 11 9 10.55 9 10C9 9.45 9.45 9 10 9H20C20.55 9 21 9.45 21 10C21 10.55 20.55 11 20 11Z" fill="%2364CBCA"/></svg>');
    width: 30px;
    height: 30px;
    display:flex;
}

.contact-form .form-control{
    border-radius: 999px;
    border: 1px solid rgba(16, 49, 82, 0.25);
    height: 60px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    padding-left: 60px;
}
.contact-form textarea.form-control{
    height: 130px;
    border-radius: 20px;
}
.contact-form .form-group label{
    display: flex;
    margin-bottom: 5px;
    color: #103152;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 187.5% */
}
.form-with-icon{
    position: relative;
}

.form-with-icon i{
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444444;
    font-size: 14px;
    z-index: 2;
}
[type="email"], [type="number"], [type="tel"], [type="url"] {
    direction: ltr;
    text-align: right;
}
.contact-form label.error{
    margin-top: 5px;
    color: var(--bs-danger);
    font-size: 12px;
}
.contact-form .form-control.error{
     border-color: var(--bs-danger);
 }


@media screen and (max-width: 640px) {

    .contact-text h2 {
        font-size: 28px;
        line-height: normal;
    }
    .contact-us-box {
         padding: 40px 15px;
    }

    .contact-text{
        margin-bottom: 40px;
    }
}


/*
    ====================================================================
       Footer section
    ====================================================================
 */

footer{
    position: relative;
}
footer:after{
    left: 0;
    width: 50%;
    height: 100%;
    top: 0;
    background: #F0F0F0;
    content: '';
    position: absolute;
    z-index: 1;
}

.footer-bg{
    background: #F0F0F0;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 30px;
 }
.copyright{
    position: relative;
    z-index: 3;
    background: #103152;
    padding: 15px 0;
    display: flex;
    color: #fff;
    justify-content: center;
}
.copyright p{
    margin: 0;
    color: #fff;
}

.footer-text{
    color: #444;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
    margin-top: 24px;
    padding-bottom: 40px;
}
.footer-text p{
    margin: 0;
}
.sp2{
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, rgba(151, 151, 151, 0.00) 0%, rgba(151, 151, 151, 0.50) 48.72%, rgba(151, 151, 151, 0.00) 100%);
    margin: 24px 0;
}

.footer-menu h3{
    color: #103152;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.footer-menu h3:after{
    width: 35px;
    height: 2px;
    flex-shrink: 0;
    background: #0961F3;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
}

.footer-menu ul{
    list-style-image: url('../images/list-2.svg');
}
.footer-menu ul li{
    color: #444;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
    padding: 10px 0;
}
.footer-menu ul li:after{
    width: 100%;
    height: 1px;
    background: linear-gradient(270deg, rgba(151, 151, 151, 0.00) 0%, rgba(151, 151, 151, 0.50) 48.72%, rgba(151, 151, 151, 0.00) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
}
.footer-menu ul li a {
    color: #444;
    padding-right: 0;
}
.footer-menu ul li a:hover {
     padding-right: 10px;
    color: var(--primary);
}

.ic-phone-r{
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6475 2.42289C14.9175 2.42289 15.195 2.48289 15.465 2.61039C15.735 2.73789 15.99 2.90289 16.23 3.12039C16.635 3.48789 16.9275 3.89289 17.115 4.35039C17.3025 4.80039 17.4 5.28789 17.4 5.81289C17.4 6.57789 17.22 7.39539 16.8525 8.25789C16.485 9.12039 15.99 9.98289 15.3675 10.8379C14.7375 11.7004 14.04 12.5179 13.2675 13.2979C12.4875 14.0704 11.67 14.7679 10.815 15.3904C9.96001 16.0054 9.10501 16.5004 8.25751 16.8604C7.40251 17.2204 6.58501 17.4004 5.80501 17.4004C5.29501 17.4004 4.80751 17.3104 4.35751 17.1304C3.90001 16.9504 3.48001 16.6654 3.10501 16.2679C2.63251 15.7879 2.40001 15.2629 2.40001 14.7079C2.40001 14.4979 2.44501 14.2879 2.53501 14.1004C2.62501 13.9054 2.76001 13.7329 2.95501 13.5979L5.40751 11.8579C5.59501 11.7229 5.76751 11.6254 5.93251 11.5579C6.09001 11.4904 6.24751 11.4529 6.39001 11.4529C6.57001 11.4529 6.75001 11.5054 6.92251 11.6104C7.09501 11.7079 7.27501 11.8504 7.45501 12.0304L8.04751 12.6004C8.13001 12.6829 8.22751 12.7204 8.34751 12.7204C8.40751 12.7204 8.46001 12.7129 8.52001 12.6979C8.58001 12.6754 8.62501 12.6529 8.67001 12.6379C8.91751 12.5029 9.24001 12.2704 9.63001 11.9404C10.02 11.6029 10.4175 11.2429 10.815 10.8529C11.2125 10.4479 11.58 10.0579 11.9175 9.66039C12.2475 9.27039 12.4725 8.94789 12.6075 8.69289C12.6225 8.65539 12.645 8.61039 12.6675 8.55789C12.69 8.49789 12.6975 8.43789 12.6975 8.37039C12.6975 8.24289 12.6525 8.14539 12.57 8.06289L12.0075 7.49289C11.82 7.30539 11.6775 7.12539 11.5875 6.95289C11.4825 6.78039 11.43 6.60789 11.43 6.42039C11.43 6.27789 11.46 6.12789 11.5275 5.96289C11.595 5.79789 11.6925 5.62539 11.82 5.43789L13.5825 2.95539C13.7175 2.76039 13.875 2.62539 14.0625 2.54289C14.25 2.46789 14.4375 2.42289 14.6475 2.42289Z" stroke="%230961F3" stroke-width="1.2" stroke-miterlimit="10"/><path d="M7.65009 5.0249C7.20009 5.0249 6.51009 5.3774 5.94759 5.9024C5.43009 6.3824 5.02509 7.0199 5.02509 7.6499" stroke="%230961F3" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.65001 2.3999C4.74751 2.3999 2.40001 4.7474 2.40001 7.6499" stroke="%230961F3" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 18px;
    height: 18px;
    display: flex;
}
.ic-email-r{
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1667 17.0832H5.83334C3.33334 17.0832 1.66667 15.8332 1.66667 12.9165V7.08317C1.66667 4.1665 3.33334 2.9165 5.83334 2.9165H14.1667C16.6667 2.9165 18.3333 4.1665 18.3333 7.08317V12.9165C18.3333 15.8332 16.6667 17.0832 14.1667 17.0832Z" stroke="%230961F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.1667 7.5L11.5583 9.58333C10.7 10.2667 9.29166 10.2667 8.43332 9.58333L5.83333 7.5" stroke="%230961F3" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 20px;
    height: 20px;
    display: flex;
}

.footer-contact-item a{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    direction: ltr;
    flex-direction: row-reverse;

    color: #444;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-contact-socials{

}
.footer-contact-socials h4{
    color: #444;
    text-align: right;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
}

.social-items{
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-items a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background: var(--primary);
    border-radius: 50%;
    color: #fff;
    font-size: 14px;

}
.social-items a:hover{

    background: var(--primary_blue);

}

.goto-top{
    position: fixed;
    left: 15px;
    bottom: 15px;
    width: 40px;
    height:40px;
    color: #fff;
    display:flex;
    align-items: center;
    justify-content: center;
    z-index: 100
;
}

@media screen and (max-width: 767px) {
    footer:after{
        display: none;
    }
    .footer-menu{
        margin-bottom: 24px;
    }

    .footer-bg:after{
        position: absolute;
        z-index: 1;
        width: 16px;
        height: 100%;
        right: -15px;
        background: #F0F0F0;
        content: '';
        top: 0;

    }
    .footer-bg:before{
        position: absolute;
        z-index: 1;
        width: 16px;
        height: 100%;
        left: -15px;
        background: #F0F0F0;
        content: '';
        top: 0;

    }

}