@font-face {
    font-family: 'Co Headline';
    src: url('../fonts/co/CoHeadline-Light.woff2') format('woff2'),
    url('../fonts/co/CoHeadline-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Co Headline';
    src: url('../fonts/co/CoHeadline-Regular.woff2') format('woff2'),
    url('../fonts/co/CoHeadline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Co Headline';
    src: url('../fonts/co/CoHeadline-Bold.woff2') format('woff2'),
    url('../fonts/co/CoHeadline-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
    background: #f6f6f6;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #285199;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #285199;
}

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

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

html {
    direction: rtl;
    overflow-x: hidden;
}

body {
    font-family: 'Co Headline', sans-serif;
    background-color: #fff;
    font-weight: 400;
    overflow-x: hidden;

}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Co Headline', sans-serif;
    font-weight: 700;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

a, button {
    -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;
}

.margin-auto {
    margin: 0 auto;
    float: none !important;
}

/* 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-hover:hover > img {
    transform: scale(1.2);
}

img {
    max-width: 100%;
}

.btn-primary {
    height: 56px;
    background: #4060BF;
    border-color: #4060BF;
    color: #fff;
    align-items: center;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 0;
    padding: 0 26.683px 0 20px;
    gap: 9px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 100% */
}

/* end img hover */
.main-wrapper {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container {
    max-width: 1170px;
}

.container-fluid {
    width: 100%;
    max-width: 1390px;
}

header {
    background: transparent;
    padding: 40px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.content-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.main-menu a {
    color: #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 10px 6px;
    text-decoration: none;
    letter-spacing: 0.1px;
    transition:
        transform var(--s-hover-dur) var(--s-hover-ease),
        color var(--s-hover-dur) var(--s-hover-ease),
        opacity var(--s-hover-dur) var(--s-hover-ease),
        text-shadow var(--s-hover-dur) var(--s-hover-ease);
}

/* Animated underline (RTL-friendly) */
.main-menu a::before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(13, 188, 197, 0.0), rgba(13, 188, 197, 1), rgba(64, 96, 191, 1), rgba(13, 188, 197, 0.0));
    background-size: 220% 100%;
    background-position: 100% 50%;
    opacity: 0;
    transform: scaleX(0.25);
    transform-origin: right center;
    transition:
        opacity var(--s-hover-dur) var(--s-hover-ease),
        transform var(--s-hover-dur) var(--s-hover-ease),
        background-position calc(var(--s-hover-dur) + 120ms) var(--s-hover-ease);
    pointer-events: none;
}

/* Soft glow behind link */
.main-menu a::after {
    content: "";
    position: absolute;
    inset: 2px -6px;
    border-radius: 12px;
    background: radial-gradient(closest-side, rgba(13, 188, 197, 0.22), rgba(13, 188, 197, 0.00) 70%);
    opacity: 0;
    transform: translateY(2px) scale(0.98);
    transition:
        opacity var(--s-hover-dur) var(--s-hover-ease),
        transform var(--s-hover-dur) var(--s-hover-ease);
    pointer-events: none;
    z-index: -1;
}

.main-menu a:hover,
.main-menu a:focus-visible {
    color: #0DBCC5;
    transform: translateY(-1px);
    text-shadow: 0 12px 28px rgba(13, 188, 197, 0.18);
    outline: none;
}

.main-menu a:hover::before,
.main-menu a:focus-visible::before {
    opacity: 1;
    transform: scaleX(1);
    background-position: 0% 50%;
}

.main-menu a:hover::after,
.main-menu a:focus-visible::after {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.main-menu a:active {
    transform: translateY(0);
}

/* Current menu item */
.main-menu .current-menu-item > a,
.main-menu .current_page_item > a,
.main-menu .current-menu-ancestor > a {
    color: #ffffff;
}

.main-menu .current-menu-item > a::before,
.main-menu .current_page_item > a::before,
.main-menu .current-menu-ancestor > a::before {
    opacity: 0.9;
    transform: scaleX(1);
    background-position: 20% 50%;
}

.mobile-menu {
    display: none;
}

.btn-lang {
    border-radius: 0;
    /*border: 1px solid #fff;*/
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;

    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.btn-lang::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle at 30% 25%, rgba(13, 188, 197, 0.30), rgba(13, 188, 197, 0.00) 55%);
    opacity: 0;
    transform: scale(0.95);
    transition: opacity var(--s-hover-dur) var(--s-hover-ease), transform var(--s-hover-dur) var(--s-hover-ease);
    pointer-events: none;
}

.btn-lang::after {
    content: "";
    position: absolute;
    top: -20%;
    left: -60%;
    width: 60%;
    height: 140%;
    background: linear-gradient(120deg, rgba(255,255,255,0.0), rgba(255,255,255,0.25), rgba(255,255,255,0.0));
    opacity: 0;
    transform: skewX(-18deg);
    transition: opacity var(--s-hover-dur) var(--s-hover-ease), left 420ms var(--s-hover-ease);
    pointer-events: none;
}

.btn-lang:hover,
.btn-lang:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    /*border-color: rgba(13, 188, 197, 0.75);*/
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(13, 188, 197, 0.10) inset;
    transform: translateY(-2px);
    outline: none;
}

.btn-lang:hover::before,
.btn-lang:focus-visible::before {
    opacity: 1;
    transform: scale(1);
}

.btn-lang:hover::after,
.btn-lang:focus-visible::after {
    opacity: 1;
    left: 120%;
}

.btn-lang:active {
    transform: translateY(0);
}

/** hero-section **/
.hero-section {
    height: 100vh;
    width: 100%;
    position: relative;
}

.hero-section:after {

}

.hero-slider {
    position: relative;
    z-index: 1;
}

.hero-slider .item {
    position: relative;
}

.hero-slider .item:after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.8) 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.hero-slider .item img {
    position: relative;
    z-index: 1;
}

.hero-slider .item .slider-data {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-slider .item .slider-data h2 {
    color: #FFF;
    font-size: 74px;
    font-style: normal;
    font-weight: 400;
    line-height: 92px; /* 124.324% */
    text-transform: uppercase;
    white-space: pre-line;
    margin: 0;

}

.hero-slider .item .slider-data h3 {
    color: #FFF;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px; /* 192.593% */
    text-transform: uppercase;
    margin: 0;

}

.hero-slider .item .slider-data p {
    max-width: 501px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
    margin: 0;
}

.rotate-45 {
    transform: rotate(45deg);
}

.hero-action .btn-primary {
    width: 200px;
}

.hero-slider .owl-nav {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero-slider .owl-nav button,
.hero-slider.owl-theme .owl-nav [class*="owl-"] {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    background: #4060BF;
    box-shadow: 0 10px 30px 0 rgba(52, 55, 170, 0.15);
    color: #fff;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-data-flex {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hero-action {
    margin-top: 26px;
}


.about-section {
    padding: 48px 0;
}

.about-txt {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about-section h2 {
    color: #4060BF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.64px;
}

.about-section h3 {
    color: #2B1E16;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 125% */
    letter-spacing: -1.44px;
    text-transform: capitalize;
}

.about-section p {
    color: #65625E;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
}

.vision-txt {
    display: flex;
    align-items: center;
    gap: 30px;
}

.vision-txt h4 {
    color: #4060BF;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 100% */
    letter-spacing: -0.9px;
}

.vision-txt span {
    color: #65625E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
}

.about-action {
    display: flex;
}

.vision-item {
    border-radius: 10px;
    background: rgba(64, 96, 191, 0.30);
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition:
            all 0.3s ease;
}

.vision-item > * {
    position: relative;
    z-index: 2;
}

/* Decorative sheen */
.vision-item::before {
    content: "";
    position: absolute;
    inset: -40px -30px auto auto;
    width: 180px;
    height: 180px;
    background: radial-gradient(closest-side, rgba(13, 188, 197, 0.35), rgba(13, 188, 197, 0.00) 70%);
    opacity: 0;
    transform: translate3d(14px, -10px, 0) scale(0.98);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

.vision-item .number,
.vision-item h3 {
    transition:  all 0.3s ease;
}

.vision-item:hover,
.vision-item:focus-within {
    transform: translateY(-4px);
    background: rgba(64, 96, 191, 0.42);
    border-color: rgba(13, 188, 197, 0.35);
    box-shadow: 0 18px 44px rgba(7, 15, 33, 0.35);
}

.vision-item:hover::before,
.vision-item:focus-within::before {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.vision-item:hover .number,
.vision-item:focus-within .number {
    background: linear-gradient(135deg, #4060BF 0%, #0DBCC5 100%);
    box-shadow: 0 16px 34px rgba(13, 188, 197, 0.18);
    transform: translateY(-1px) scale(1.06);
}

.vision-item:hover h3,
.vision-item:focus-within h3 {
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    .vision-item,
    .vision-item::before,
    .vision-item .number,
    .vision-item h3 {
        transition: none !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-menu a,
    .main-menu a::before,
    .main-menu a::after,
    .btn-lang,
    .btn-lang::before,
    .btn-lang::after {
        transition: none !important;
    }
}

.num-container {
    display: flex;
    justify-content: center;
}

.text-container {
    display: flex;
    justify-content: center;
}

.vision-item h3 {
    margin: 0;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.72px;
    text-transform: capitalize;
}

.vision-item .number {
    background: #4060BF;
    height: 56px;
    width: 56px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.72px;
    text-transform: capitalize;
    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.vision-section {
    background: linear-gradient(101deg, #0E1730 0%, #2C4796 69.53%);
    /*background: #0E1730 url("../images/vision-bg.png") no-repeat center center;*/
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0;
    position: relative;
}
.vision-section:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url("../images/vision-bg.png") lightgray 50% / cover no-repeat;
    mix-blend-mode: color-burn;
    z-index: 1;
}
.vision-section .container{
    position: relative;
    z-index: 2;
}

.vision-head {
    margin-bottom: 60px;
}

.vision-head h3 {
    color: #4060BF;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.64px;
}

.vision-head h2 {
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 125% */
    letter-spacing: -1.44px;
    text-transform: capitalize;
}

.centers-section {
    position: relative;
    padding: 75px 0;
}

.centers-bg {
    position: relative;
}

.centers-bg:after {
    position: absolute;
    content: "";
    background: #0DBCC5;
    width: 1000%;
    height: 100%;
    top: 24px;
    left: 54px;
    z-index: 1;
}

.centers-bg > div {
    position: relative;
    z-index: 2;
}

.center-img {
    display: flex;
    justify-content: flex-end;
}
.center-img img{
    height: auto;
}
.about-img img{
    height: auto;
}
.center-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.center-text h2 {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 125% */
    letter-spacing: -1.44px;
    text-transform: capitalize;
}

.center-text p {
    color: #FFF;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
}
.center-text .btn-primary {
    color: #0DBCC5;
    background: #ffffff;
    border-color: #ffffff;
}
.center-text .btn-primary:hover {
    color: #0DBCC5;
    background: #fafafa;
    border-color: #fafafa;
}
.center-action {
    display: flex;
    margin-top: 26px;
}

.center-logo {
    margin-bottom: 12px;
}

.sp {
    margin: 35px 0;
    height: 1px;
    width: 100%;
    border-top: 0.8px solid rgba(255, 255, 255, 0.36);
}

.centers-section-reverse .centers-bg:after {
    right: 54px;
    left: auto;
}

.centers-section-reverse .center-img {
    justify-content: flex-start;
}

.partners-section {
    background: #161921;
    padding: 45px 0;
}


.partner-section-title h2 {
    margin: 0;
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px; /* 125% */
    letter-spacing: -1.44px;
    text-transform: capitalize;;
}

.partners-section .item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #FFF;
    height: 115px;
}

.partners-section .item img {
    height: 79px;
    width: auto;
}

.logos-slider .owl-nav {
    position: absolute;
    left: 0;
    top: -100px;
    display: flex;
    gap: 16px;
}

.logos-slider .owl-nav button,
.logos-slider.owl-theme .owl-nav [class*="owl-"] {
    border-radius: 50%;
    width: 56px;
    height: 56px;
    background: #4060BF;
    box-shadow: 0 10px 30px 0 rgba(52, 55, 170, 0.15);
    color: #fff;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


footer {
    background: #161921;
    padding: 45px 0;
}

.footer-top-line {
    border-top: 0.8px solid #212529;
    padding-top: 60px;
}

.ft-social {
    margin-top: 40px;
}

.ft-social-list {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ft-social-list a {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.20);
    color: #FFF;
    font-size: 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
}

.ft-social-list a:hover,
.ft-social-list a:focus-visible {
    background: rgba(13, 188, 197, 0.12);
    border-color: rgba(13, 188, 197, 0.50);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
    transform: translateY(-2px);
    outline: none;
}

.ft-social-list a:active {
    transform: translateY(0);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.ft-group-menu h2 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 20px;
    background: url(../images/lines.svg) no-repeat bottom right;
}

.ft-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
}

.ft-menu a {
    position: relative;
    color: rgba(255, 255, 255, 0.80);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    text-decoration: none;
}

.ft-menu a:before {
    content: "\f100";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: 10px;
    opacity: 0.75;
    transition:
        transform var(--s-hover-dur) var(--s-hover-ease),
        opacity var(--s-hover-dur) var(--s-hover-ease),
        color var(--s-hover-dur) var(--s-hover-ease);
}

.ft-menu a:hover,
.ft-menu a:focus-visible {
    color: #0DBCC5;
    text-decoration: underline;
    text-underline-offset: 6px;
    outline: none;
}

.ft-menu a:hover:before,
.ft-menu a:focus-visible:before {
    color: #0DBCC5;
    opacity: 1;
    transform: translateX(-2px);
}

.ft-menu a:active:before {
    transform: translateX(0);
}

.ic-map {
    background-image: url('data:image/svg+xml,<svg width="12" height="17" viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 6.39961C8.47917 7.10794 8.23958 7.70169 7.78125 8.18086C7.30208 8.63919 6.70833 8.87878 6 8.89961C5.29167 8.87878 4.69792 8.63919 4.21875 8.18086C3.76042 7.70169 3.52083 7.10794 3.5 6.39961C3.52083 5.69128 3.76042 5.09753 4.21875 4.61836C4.69792 4.16003 5.29167 3.92044 6 3.89961C6.70833 3.92044 7.30208 4.16003 7.78125 4.61836C8.23958 5.09753 8.47917 5.69128 8.5 6.39961ZM6 5.39961C5.70833 5.39961 5.46875 5.49336 5.28125 5.68086C5.09375 5.86836 5 6.10794 5 6.39961C5 6.69128 5.09375 6.93086 5.28125 7.11836C5.46875 7.30586 5.70833 7.39961 6 7.39961C6.29167 7.39961 6.53125 7.30586 6.71875 7.11836C6.90625 6.93086 7 6.69128 7 6.39961C7 6.10794 6.90625 5.86836 6.71875 5.68086C6.53125 5.49336 6.29167 5.39961 6 5.39961ZM12 6.39961C11.9583 7.33711 11.625 8.42044 11 9.64961C10.3542 10.8788 9.625 12.0663 8.8125 13.2121C8 14.3788 7.3125 15.3059 6.75 15.9934C6.54167 16.2434 6.29167 16.3684 6 16.3684C5.70833 16.3684 5.45833 16.2434 5.25 15.9934C4.6875 15.3059 3.98958 14.3788 3.15625 13.2121C2.34375 12.0663 1.625 10.8788 1 9.64961C0.375 8.42044 0.0416667 7.33711 0 6.39961C0.0416667 4.69128 0.625 3.27461 1.75 2.14961C2.875 1.02461 4.29167 0.441276 6 0.399609C7.70833 0.441276 9.125 1.02461 10.25 2.14961C11.375 3.27461 11.9583 4.69128 12 6.39961ZM6 1.89961C4.72917 1.94128 3.66667 2.37878 2.8125 3.21211C1.97917 4.06628 1.54167 5.12878 1.5 6.39961C1.5 6.79544 1.65625 7.38919 1.96875 8.18086C2.32292 8.97253 2.77083 9.80586 3.3125 10.6809C3.75 11.41 4.20833 12.0975 4.6875 12.7434C5.16667 13.41 5.60417 14.0038 6 14.5246C6.39583 14.0038 6.83333 13.4204 7.3125 12.7746C7.79167 12.1079 8.25 11.41 8.6875 10.6809C9.22917 9.80586 9.67708 8.97253 10.0312 8.18086C10.3438 7.38919 10.5 6.79544 10.5 6.39961C10.4583 5.12878 10.0208 4.06628 9.1875 3.21211C8.33333 2.37878 7.27083 1.94128 6 1.89961Z" fill="%234060BF"/></svg>');
    width: 12px;
    height: 17px;
    display: flex;
    -webkit-background-size: contain;
    background-size: contain;
}

.ic-phone {
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 10.3996L11.9375 9.08711C11.6042 8.94128 11.2604 8.91003 10.9062 8.99336C10.5521 9.07669 10.2604 9.26419 10.0312 9.55586L9.15625 10.6184C7.73958 9.78503 6.61458 8.67044 5.78125 7.27461L6.84375 6.39961C7.13542 6.17044 7.32292 5.87878 7.40625 5.52461C7.48958 5.17044 7.45833 4.82669 7.3125 4.49336L6 1.39961C5.83333 1.02461 5.57292 0.753776 5.21875 0.587109C4.88542 0.399609 4.52083 0.347525 4.125 0.430859L1.28125 1.08711C0.885417 1.19128 0.572917 1.38919 0.34375 1.68086C0.114583 1.97253 0 2.30586 0 2.68086C0.0208333 5.24336 0.645833 7.55586 1.875 9.61836C3.10417 11.66 4.73958 13.2954 6.78125 14.5246C8.84375 15.7538 11.1562 16.3788 13.7188 16.3996C14.0938 16.3996 14.4271 16.285 14.7188 16.0559C15.0104 15.8267 15.1979 15.5142 15.2812 15.1184L15.9375 12.2746C16.0208 11.8788 15.9792 11.5142 15.8125 11.1809C15.6458 10.8267 15.375 10.5663 15 10.3996ZM14.5 11.9309L13.8438 14.8059C13.8229 14.8475 13.7812 14.8788 13.7188 14.8996C11.4479 14.8788 9.39583 14.3267 7.5625 13.2434C5.72917 12.1392 4.26042 10.6704 3.15625 8.83711C2.07292 7.00378 1.52083 4.95169 1.5 2.68086C1.5 2.61836 1.53125 2.57669 1.59375 2.55586L4.46875 1.89961C4.46875 1.89961 4.47917 1.89961 4.5 1.89961C4.54167 1.89961 4.58333 1.93086 4.625 1.99336L5.9375 5.05586C5.95833 5.11836 5.94792 5.17044 5.90625 5.21211L4.375 6.43086C4.08333 6.68086 4.01042 6.98294 4.15625 7.33711C4.69792 8.39961 5.375 9.34753 6.1875 10.1809C7.02083 11.0142 7.96875 11.6913 9.03125 12.2121C9.36458 12.3579 9.66667 12.285 9.9375 11.9934L11.1875 10.4934C11.2292 10.4309 11.2812 10.41 11.3438 10.4309L14.4062 11.7434C14.4688 11.8059 14.5 11.8684 14.5 11.9309Z" fill="%234060BF"/></svg>');
    width: 16px;
    height: 17px;
    display: flex;
    -webkit-background-size: contain;
    background-size: contain;
}

.ic-email {
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 2.39961H2C1.4375 2.42044 0.96875 2.61836 0.59375 2.99336C0.21875 3.36836 0.0208333 3.83711 0 4.39961V12.3996C0.0208333 12.9621 0.21875 13.4309 0.59375 13.8059C0.96875 14.1809 1.4375 14.3788 2 14.3996H14C14.5625 14.3788 15.0312 14.1809 15.4062 13.8059C15.7812 13.4309 15.9792 12.9621 16 12.3996V4.39961C15.9792 3.83711 15.7812 3.36836 15.4062 2.99336C15.0312 2.61836 14.5625 2.42044 14 2.39961ZM2 3.89961H14C14.3125 3.92044 14.4792 4.08711 14.5 4.39961V5.08711L9.28125 9.39961C8.90625 9.71211 8.47917 9.86836 8 9.86836C7.52083 9.86836 7.09375 9.71211 6.71875 9.39961L1.5 5.08711V4.39961C1.52083 4.08711 1.6875 3.92044 2 3.89961ZM14 12.8996H2C1.6875 12.8788 1.52083 12.7121 1.5 12.3996V7.05586L5.75 10.5871C6.41667 11.1288 7.16667 11.3996 8 11.3996C8.83333 11.3996 9.58333 11.1288 10.25 10.5871L14.5 7.05586V12.3996C14.4792 12.7121 14.3125 12.8788 14 12.8996Z" fill="%234060BF"/></svg>');
    width: 16px;
    height: 17px;
    display: flex;
    -webkit-background-size: contain;
    background-size: contain;
}
.ft-menu1{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;

}
.ft-menu1 a{
     display: flex;
    gap: 10px;
    align-items: center;
    color: rgba(255, 255, 255, 0.80);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    text-decoration: none;
}

.ft-menu1 a:hover,
.ft-menu1 a:focus-visible {
    color: #0DBCC5;
    outline: none;
}

.ft-menu1 a:hover i,
.ft-menu1 a:focus-visible i {
    transform: translateY(-1px);
}
.ft-menu1 a i{
    margin-top: 5px;
    transition: transform var(--s-hover-dur) var(--s-hover-ease);
}
.about-txt{
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    margin-top: 30px;
}
.ltr{
    direction: ltr;
}
.ft-menu1 a .ltr{
   text-align: right;
}

.footer-2{
    margin-top: 60px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-direction: column-reverse;
}
.footer-2 p{
    margin-bottom: 0;
}
.footer-2 ul{
    margin: 0;
    padding: 0;
}
.ft-menu3{
    list-style: none;
    align-items: center;
    gap: 16px;
    display: flex;
    margin : 0;
    padding: 0;
}
.ft-menu3 a{
    color: #fff;
    text-decoration: none;
}

.ft-menu3 a:hover,
.ft-menu3 a:focus-visible {
    color: #0DBCC5;
    text-decoration: underline;
    text-underline-offset: 6px;
    outline: none;
}

/* Services */
.services-section {
    padding: 70px 0;
}

.services-title {
    margin: 0;
    color: #2B1E16;
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -1.44px;
}

.service-card {
    height: 100%;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.service-card__img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.service-card__body {
    padding: 18px 18px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.service-card__title {
    margin: 0;
    color: #0E1730;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.service-card__desc {
    margin: 0;
    color: #65625E;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

/* News */
.news-section {
    padding: 70px 0;
}

.news-title {
    margin: 0;
    color: #2B1E16;
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -1.44px;
}

.news-card {
    height: 100%;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.news-card__img {
    display: block;
}

.news-card__img img,
.news-card__img--placeholder {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    background: rgba(14, 23, 48, 0.06);
}

.news-card__body {
    padding: 18px 18px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news-card__meta {
    color: rgba(14, 23, 48, 0.7);
    font-size: 13px;
    line-height: 20px;
}

.news-card__title {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
}

.news-card__title a {
    color: #0E1730;
}

.news-card__desc {
    margin: 0;
    color: #65625E;
    font-size: 15px;
    line-height: 26px;
}

.news-card__more {
    margin-top: auto;
}

.news-card__link {
    color: #4060BF;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.news-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    background: rgba(14, 23, 48, 0.05);
    color: #0E1730;
    text-decoration: none;
}

.news-pagination .page-numbers.current {
    background: #4060BF;
    color: #fff;
}

/* Contact */
.contact-section {
    padding: 70px 0;
}

.contact-info-card,
.contact-form-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
    padding: 22px;
    height: 100%;
}

.contact-title {
    margin: 0;
    color: #0E1730;
    font-size: 34px;
    line-height: 42px;
}

.contact-desc {
    margin: 10px 0 0;
    color: #65625E;
    font-size: 16px;
    line-height: 28px;
}

.contact-info-list {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contact-info-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.contact-info-item__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(64, 96, 191, 0.10);
    color: #4060BF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.contact-info-item__label {
    color: rgba(14, 23, 48, 0.7);
    font-size: 13px;
    line-height: 20px;
}

.contact-info-item__value {
    color: #0E1730;
    font-size: 16px;
    line-height: 26px;
}

.contact-info-item__value a {
    color: inherit;
}

.contact-social {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(14, 23, 48, 0.08);
}

.contact-social__title {
    color: rgba(14, 23, 48, 0.7);
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

.contact-social__list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.contact-social__item {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(14, 23, 48, 0.05);
    color: #0E1730;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.contact-social__item:hover {
    background: rgba(14, 23, 48, 0.10);
    color: #0E1730;
}

/* Make common form plugins look consistent */
.contact-form-card form input[type="text"],
.contact-form-card form input[type="email"],
.contact-form-card form input[type="tel"],
.contact-form-card form textarea,
.contact-form-card form select ,.dfb-form .form-control {
    width: 100%;
    border: 1px solid rgba(14, 23, 48, 0.12) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    background: #fff !important;
    color: #000 !important;
}

.contact-form-card form textarea {
    min-height: 140px !important;
}

.contact-form-card form input[type="submit"],
.contact-form-card form button,
.contact-form-card .wpcf7-submit {
    background: #4060BF;
    border: 1px solid #4060BF;
    color: #fff;
    border-radius: 12px;
    padding: 12px 18px;
}
.form-label{
    margin-bottom: 10px ;
}
/* jQuery validation feedback */
.contact-form-card .invalid-feedback {
    display: block;
    font-size: 13px;
    margin-top: 6px;
}

.contact-form-card .is-invalid {
    border-color: #dc3545 !important;
}

.contact-form-card .is-valid {
    border-color: #198754 !important;
}

.contact-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Featured form */
.featured-form-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(64, 96, 191, 0.10), transparent 30%),
        linear-gradient(135deg, #F7F9FD 0%, #FFFFFF 48%, #F4F7FF 100%);
}

.featured-form-section__wrap {
    display: grid;
    gap: 30px;
}

.featured-form-section__body {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
    gap: 34px;
    align-items: stretch;
}

.featured-form-section__body--single {
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
}

.featured-form-section--reverse .featured-form-section__media-col {
    order: 2;
}

.featured-form-section--reverse .featured-form-section__form-col {
    order: 1;
}

.featured-form-section__intro {
    position: relative;
    margin: 0 auto;
    padding: 34px 38px;
    border: 1px solid rgba(64, 96, 191, 0.12);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(247, 249, 253, 0.88)),
        linear-gradient(90deg, rgba(64, 96, 191, 0.08), rgba(50, 166, 166, 0.08));
    box-shadow: 0 22px 55px rgba(14, 23, 48, 0.08);
    text-align: center;
    width: 100%;
}

.featured-form-section__intro:before {
    content: "";
    position: absolute;
    top: 22px;
    bottom: 22px;
    right: 0;
    width: 5px;
    border-radius: 999px 0 0 999px;
    background: linear-gradient(180deg, #4060BF, #32A6A6);
}

.featured-form-section__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(64, 96, 191, 0.10);
    color: #4060BF;
    font-size: 14px;
    font-weight: 700;
}

.featured-form-section__title {
    max-width: 760px;
    margin: 0 auto;
    color: #0E1730;
    font-size: 42px;
    line-height: 1.25;
    font-weight: 800;
}

.featured-form-section__text {
    margin-right: auto;
    margin-left: auto;
    margin-top: 18px;
    color: #4D5568;
    font-size: 17px;
    line-height: 1.9;
}

.featured-form-section__text p:last-child {
    margin-bottom: 0;
}

.featured-form-section__media {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    min-height: 100%;
    aspect-ratio: 16 / 12;
    background: #E9EEF9;
    box-shadow: 0 24px 70px rgba(14, 23, 48, 0.12);
}

.featured-form-section__media:before {
    content: "";
    position: absolute;
    inset: 14px;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 14px;
    pointer-events: none;
}

.featured-form-section__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.featured-form-section__media-col,
.featured-form-section__form-col {
    display: flex;
}

.featured-form-section__form-card {
    position: relative;
    width: 100%;
    padding: 30px;
    border: 1px solid rgba(64, 96, 191, 0.12);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(14, 23, 48, 0.13);
}

.featured-form-section__form-card:before {
    content: "";
    position: absolute;
    top: 0;
    right: 30px;
    left: 30px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #4060BF, #32A6A6);
}

.featured-form-section__form-head {
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(14, 23, 48, 0.08);
}

.featured-form-section__form-head h3 {
    margin: 0;
    color: #0E1730;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 800;
}

.featured-form-section__form-head p {
    margin: 8px 0 0;
    color: #65625E;
    font-size: 15px;
    line-height: 1.8;
}

.featured-form-section .dfb-form .form-group,
.featured-form-section .dfb-form .mb-3,
.featured-form-section .dfb-form p {
    margin-bottom: 16px;
}

.featured-form-section .contact-form-card form input[type="submit"],
.featured-form-section .contact-form-card form button,
.featured-form-section .contact-form-card .wpcf7-submit {
    width: 100%;
    background: linear-gradient(135deg, #4060BF, #2F8E94);
    border-color: transparent;
    font-weight: 700;
    box-shadow: 0 12px 28px rgba(64, 96, 191, 0.24);
}

@media screen and (max-width: 991px) {
    .featured-form-section {
        padding: 60px 0;
    }

    .featured-form-section__body {
        grid-template-columns: 1fr;
    }

    .featured-form-section--reverse .featured-form-section__media-col,
    .featured-form-section--reverse .featured-form-section__form-col {
        order: initial;
    }

    .featured-form-section__title {
        font-size: 32px;
    }
}

@media screen and (max-width: 575px) {
    .featured-form-section {
        padding: 45px 0;
    }

    .featured-form-section__intro,
    .featured-form-section__form-card {
        padding: 20px;
        border-radius: 14px;
    }

    .featured-form-section__intro {
        text-align: start;
    }

    .featured-form-section__intro:before {
        top: 20px;
        bottom: 20px;
        width: 4px;
    }

    .featured-form-section__title {
        font-size: 26px;
    }

    .featured-form-section__text {
        font-size: 15px;
    }

    .featured-form-section__media {
        border-radius: 14px;
        aspect-ratio: 4 / 3;
    }
}

/* Branches */
.branches-section {
    padding: 70px 0;
}

.branches-title {
    margin: 0;
    color: #2B1E16;
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -1.44px;
}

.branches-desc {
    margin: 12px 0 0;
    color: #65625E;
    font-size: 16px;
    line-height: 28px;
}

.branch-card {
    height: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
    overflow: hidden;
}

.branch-card__header {
    padding: 18px 18px 0;
}

.branch-card__title {
    margin: 0;
    color: #0E1730;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.branch-card__body {
    padding: 14px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.branch-card__meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.branch-meta-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.branch-meta-item__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(64, 96, 191, 0.10);
    color: #4060BF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.branch-meta-item__text {
    color: #0E1730;
    font-size: 15px;
    line-height: 26px;
}

.branch-meta-item__text a {
    color: inherit;
}

.branch-social {
    padding-top: 10px;
    border-top: 1px solid rgba(14, 23, 48, 0.08);
}

.branch-social__title {
    color: rgba(14, 23, 48, 0.7);
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

.branch-social__list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.branch-social__item {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(14, 23, 48, 0.05);
    color: #0E1730;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.branch-social__item:hover {
    background: rgba(14, 23, 48, 0.10);
    color: #0E1730;
}

.branch-map iframe {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 14px;
}

/* --------------------
   Responsive
--------------------- */

/* Make hero media fill the viewport consistently (works for image + video). */
.hero-section {
    height: 100vh;
    height: 100svh;
}

.hero-slider,
.hero-slider .owl-stage-outer,
.hero-slider .owl-stage,
.hero-slider .owl-item,
.hero-slider .item {
    height: 100%;
}

.hero-slider .item img,
.hero-slider .item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-area{
    background: #161921;
    padding: 20px;
    margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
    .main-menu {
        gap: 20px;
    }
    .hero-slider .item .slider-data h2 {
        font-size: 56px;
        line-height: 70px;
    }
}

@media (max-width: 991.98px) {
    header {
        padding: 20px 0;
    }

    /* Hide desktop menu, show burger */
    .main-menu {
        display: none !important;
    }
    .btn-lang{
        display: none
    }
    .mobile-btn-lang .btn-lang{
            width: 100%!important;
            display: block !important;
            padding: 10px 12px !important;
            border-radius: 10px !important;
            color: #fff !important;
            background:  #0E1730  !important;

    }
    .header .menu-trigger {
        display: inline-flex !important; /* overrides Bootstrap d-none */
        width: 48px;
        height: 48px;
        align-items: center;
        justify-content: center;
        /*border: 1px solid rgba(255, 255, 255, 0.9);*/
        color: #fff;
        background: rgba(255, 255, 255, 0.08);
        cursor: pointer;
        font-size: 24px;
    }

    .hero-slider .owl-nav {
        right: 10px;
    }

    .hero-slider .owl-nav button,
    .hero-slider.owl-theme .owl-nav [class*="owl-"] {
        width: 48px;
        height: 48px;
    }

    .hero-slider .item .slider-data h2 {
        font-size: 44px;
        line-height: 54px;
    }

    .hero-slider .item .slider-data h3 {
        font-size: 20px;
        line-height: 34px;
    }

    .hero-slider .item .slider-data p {
        max-width: 100%;
    }

    /* Mobile offcanvas menu */
    .mobile-menu {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 9999;
        pointer-events: none;
    }
    .header-actions{
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: flex-end;

    }
    .mobile-menu .m-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        opacity: 0;
        transition: opacity 200ms ease;
        z-index: 10000;
    }

    .mobile-menu .menu-mobile {
        position: absolute;
        inset: 0;
        width: 100%;
        background: #0a0e1a;
        color: #fff;
        padding: 0;
        overflow: auto;
        opacity: 0;
        transform: translateY(-12px);
        transition: opacity 220ms ease, transform 220ms ease;
        z-index: 10002;
        display: flex;
        flex-direction: column;
    }

    html[dir="ltr"] .mobile-menu .menu-mobile {
        inset-inline-end: auto;
        inset-inline-start: 0;
        transform: translateY(-12px);
    }

    body.menu-toggle .mobile-menu,
    html.menu-toggle .mobile-menu {
        pointer-events: auto;
    }

    body.menu-toggle .mobile-menu .m-overlay,
    html.menu-toggle .mobile-menu .m-overlay {
        opacity: 1;
    }

    body.menu-toggle .mobile-menu .menu-mobile,
    html.menu-toggle .mobile-menu .menu-mobile {
        opacity: 1;
        transform: translateY(0);
    }

    .menu-mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 18px 20px;
        gap: 16px;
    }

    .menu-mobile-head .brand-area img {
        width: auto;
        max-height: 44px;
        display: block;
        filter: brightness(0) invert(1);
    }

    .menu-mobile-head .menu-close {
        background: transparent;
        border: 0;
        color: #fff;
        font-size: 26px;
        line-height: 1;
        padding: 6px 10px;
        cursor: pointer;
    }

    .menu-mobile-head .menu-close:hover {
        opacity: .85;
    }

    .mmenu {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 8px 24px 28px;
    }

    .menu_xs {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .menu_xs li {
        border-top: 1px solid rgba(255,255,255,.12);
    }

    .menu_xs li:last-child {
        border-bottom: 1px solid rgba(255,255,255,.12);
    }

    .menu_xs a {
        display: block;
        padding: 22px 12px;
        text-align: center;
        color: #fff;
        background: transparent;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.2;
        border-radius: 0;
        text-decoration: none;
    }

    .menu_xs a:hover,
    .menu_xs .current-menu-item > a {
        background: transparent;
        color: #e6b54a;
    }

    .mobile-btn-lang {
        margin-top: auto;
        padding-top: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        color: #fff;
    }

    .mobile-btn-lang a,
    .mobile-btn-lang button {
        color: #fff;
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .hero-slider .owl-nav {
        display: none !important;
    }

    .hero-slider .item .slider-data h2 {
        font-size: 34px;
        line-height: 42px;
    }

    .hero-slider .item .slider-data h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .hero-action .btn-primary {
        width: auto;
        min-width: 180px;
    }

    .about-section h3,
    .center-text h2,
    .partner-section-title h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .vision-txt {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .centers-bg::after {
        left: -15px !important;
        width: auto !important;
        right: -15px !important;
        top: -20px !important;
    }



    .center-img {
        justify-content: center;
        margin-top: 15px;
    }

    .logos-slider .owl-nav {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .content-header {
        gap: 10px;
    }

    .hero-slider .item .slider-data h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .hero-slider .item .slider-data h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .hero-slider .item .slider-data p {
        font-size: 13px;
        line-height: 20px;
    }

    .btn-primary {
        height: 50px;
        font-size: 15px;
    }

    .partners-section .item {
        height: 90px;
    }

    .partners-section .item img {
        height: 60px;
    }
}


/* Sticky header on inner pages (body gets "inner_page" class from header.php). */
body.inner_page header.header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #16244c;
}

/* --------------------
   Hover + Focus System
   (Keep changes CSS-only so it can be moved to server as one file)
--------------------- */

:root {
    --s-hover-dur: 180ms;
    --s-hover-ease: cubic-bezier(.2,.8,.2,1);
    --s-hover-lift: -2px;
    --s-shadow-1: 0 10px 30px rgba(16, 24, 40, 0.08);
    --s-shadow-2: 0 18px 44px rgba(16, 24, 40, 0.14);
    --s-accent: #4060BF;
    --s-accent-2: #3354b8;
}

/* Smooth transitions for interactive elements */
a,
button,
.btn,
.service-card,
.news-card,
.branch-card,
.partners-section .item,
.contact-social__item,
.branch-social__item,
.hero-slider .owl-nav button,
.logos-slider .owl-nav button,
.menu_xs a {
    transition:
        transform var(--s-hover-dur) var(--s-hover-ease),
        box-shadow var(--s-hover-dur) var(--s-hover-ease),
        background-color var(--s-hover-dur) var(--s-hover-ease),
        border-color var(--s-hover-dur) var(--s-hover-ease),
        color var(--s-hover-dur) var(--s-hover-ease),
        opacity var(--s-hover-dur) var(--s-hover-ease);
}

/* Links */
.breadcrumb a:hover {
    text-decoration: underline !important;
}

.main-menu a:hover {
    opacity: 0.9;
}

.news-card__title a:hover,
.news-card__link:hover {
    color: var(--s-accent-2);
}

/* Buttons */
.btn-primary:hover,
.btn-primary:focus {
    background: var(--s-accent-2);
    border-color: var(--s-accent-2);
    box-shadow: 0 12px 34px rgba(64, 96, 191, 0.25);
    transform: translateY(-1px);
}

.btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 8px 22px rgba(64, 96, 191, 0.20);
}

.btn-lang:hover,
.btn-lang:focus {
    transform: translateY(-1px);
}

/* Cards hover */
.service-card:hover,
.news-card:hover,
.branch-card:hover {
    transform: translateY(var(--s-hover-lift));
    box-shadow: var(--s-shadow-2);
}

.service-card__img,
.news-card__img {
    overflow: hidden;
}

.service-card:hover .service-card__img img,
.news-card:hover .news-card__img img {
    transform: scale(1.04);
}

.service-card__img img,
.news-card__img img {
    transition: transform 240ms var(--s-hover-ease);
    will-change: transform;
}

/* Partners logos */
.partners-section .item:hover {
    transform: translateY(var(--s-hover-lift));
    box-shadow: var(--s-shadow-2);
}

/* Social icons */
.contact-social__item:hover,
.branch-social__item:hover {
    transform: translateY(-1px) scale(1.03);
}

/* Owl nav buttons */
.hero-slider .owl-nav button:hover,
.hero-slider.owl-theme .owl-nav [class*="owl-"]:hover,
.logos-slider .owl-nav button:hover,
.logos-slider.owl-theme .owl-nav [class*="owl-"]:hover {
    background: var(--s-accent-2) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* Pagination hover */
.news-pagination .page-numbers:hover {
    background: var(--s-accent);
    color: #fff;
}

/* Accessible focus ring */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(64, 96, 191, 0.28);
}

@media (prefers-reduced-motion: reduce) {
    a,
    button,
    .btn,
    .service-card,
    .news-card,
    .branch-card,
    .partners-section .item,
    .contact-social__item,
    .branch-social__item,
    .hero-slider .owl-nav button,
    .logos-slider .owl-nav button,
    .menu_xs a {
        transition: none !important;
        transform: none !important;
    }

    .service-card__img img,
    .news-card__img img {
        transition: none !important;
        transform: none !important;
    }
}

/* ==========================================================================
   Premium Preloader
   ========================================================================== */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.6s ease-out, visibility 0.6s;
}

.ctn-preloader {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 10;
}

.animation-preloader {
    position: relative;
    width: 120px;
    height: 120px;
}

.animation-preloader .spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(64, 96, 191, 0.1);
    border-top-color: #4060BF;
    border-radius: 50%;
    animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.animation-preloader .spinner::before {
    content: "";
    position: absolute;
    inset: 8px;
    border: 2px solid rgba(13, 188, 197, 0.1);
    border-top-color: #0DBCC5;
    border-radius: 50%;
    animation: spin 2s cubic-bezier(0.5, 0, 0.5, 1) infinite reverse;
}

.animation-preloader .spinner::after {
    content: "";
    position: absolute;
    inset: 20px;
    border: 2px solid rgba(64, 96, 191, 0.05);
    border-top-color: #4060BF;
    border-radius: 50%;
    animation: spin 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.preloader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    object-fit: contain;
    animation: loaderPulse 2s ease-in-out infinite;
}

.loader-text {
    color: #4060BF;
    font-family: 'Co Headline', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 10px;
    opacity: 0.8;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes loaderPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
    50% { transform: translate(-50%, -50%) scale(1.15); opacity: 1; }
}

/* Slide up effect for loaded state */
body.loaded #preloader {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0.5s 0.5s;
}

body.loaded #preloader .animation-preloader {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.4s ease-in;
}

.alignleft{
    float: left;
    margin-right: 15px;
}
.alignright{
    float: right;
    margin-left: 15px;
}
.aligncenter{
    float: none;
    margin: 15px auto;
    display: block;
}

@media(max-width: 640px){
    .alignleft{
        float: none;
        margin: 15px auto;
        display: block;
    }
    .alignright{
        float: none;
        margin: 15px auto;
        display: block;
    }
}