/*@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-variablefont_opszwght-webfont.woff2') format('woff2');
    font-weight: 100 900;*/ /* Değişken aralık */
/*font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-italic-variablefont_opszwght-webfont.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}*/

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/Inter-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/Inter-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Inter', sans-serif !important;
    letter-spacing: -0.03em;
}
/*
p {
    font-weight: 100 !important;
}

h1 {
    font-weight: 400 !important;
}

h2 {
    font-weight: 700 !important;
}

h3 {
    font-weight: 900 !important;
}*/
/*
:root {
    --bs-body-font-weight: 200;
}

.fw-medium {
    font-weight: 400 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 200 !important;    
}
*/

.modal {
    display: none;
}

.navbar-nav {
    --bs-nav-link-padding-y: 2.42rem !important;
}

.navbar-brand img {
    height: 1.8rem;
    width: auto;
}

.btn-aqua {
    padding: .5rem 0.8rem .5rem;
}

.banner {
    height: 36.8rem;
}

p {
    line-height: 1.4;
}

@media (min-width: 992px) {
    .mb-lg-17 {
        margin-bottom: 7.5rem !important;
    }
}

.shape .shape-d-1 {
    margin-bottom: -7rem;
}

.shape.shape-d-2 {
    left: 49.5%;
    width: auto;
}

.gallery {
    margin-top: 11rem;
}
/* değişkenler */
section {
    --slide-1: 30px;
    --slide-2: 60px;
    --slide-3: 90px;
    --slide-4: 120px;
}



/* ---- BAŞLANGIÇ DURUMU (transition burada olmalı) ---- */
.slideRight1, .slideRight2, .slideRight3, .slideRight4,
.slideLeft1, .slideLeft2, .slideLeft3, .slideLeft4,
.slideUp1, .slideUp2, .slideUp3,
.fadeIn, .fadeIn1, .fadeIn2, .fadeIn3 {
    opacity: 0;
    /* transition'ı burada birleştiriyoruz */
    transition: transform .6s ease, opacity .6s ease;
    will-change: transform, opacity;
}

.fadeIn {
    transition: opacity 1s ease;
    transition-delay: 0.25s;
}

.fadeIn1 {
    transition: opacity 1s ease;
    transition-delay: 0.5s;
}

.fadeIn2 {
    transition: opacity 1s ease;
    transition-delay: 0.75s;
}

.fadeIn3 {
    transition: opacity 1s ease;
    transition-delay: 1s;
}

/* başlangıç offset'leri (giriş yönüne göre) */
.slideRight1 {
    transform: translateX(calc(var(--slide-1) * -1));
}

.slideRight2 {
    transform: translateX(calc(var(--slide-2) * -1));
}

.slideRight3 {
    transform: translateX(calc(var(--slide-3) * -1));
}

.slideRight4 {
    transform: translateX(calc(var(--slide-4) * -1));
}

.slideLeft1 {
    transform: translateX(var(--slide-1));
}

.slideLeft2 {
    transform: translateX(var(--slide-2));
}

.slideLeft3 {
    transform: translateX(var(--slide-3));
}

.slideLeft4 {
    transform: translateX(var(--slide-4));
}

.slideUp1 {
    transform: translateY(20px);
}

.slideUp2 {
    transform: translateY(40px);
}

.slideUp3 {
    transform: translateY(50px);
}

.fadeIn, .fadeIn1, .fadeIn2, .fadeIn3 {
    opacity: 0;
}


/* ---- ANIMATE GELİNCE (hedef durum) ---- */
.animate .slideRight1,
.animate .slideRight2,
.animate .slideRight3,
.animate .slideRight4,
.animate .slideLeft1,
.animate .slideLeft2,
.animate .slideLeft3,
.animate .slideLeft4 {
    transform: translateX(0);
    opacity: 1;
}

.animate .slideUp1,
.animate .slideUp2,
.animate .slideUp3 {
    transform: translateY(0);
    opacity: 1;
}


.animate .fadeIn,
.animate .fadeIn1,
.animate .fadeIn2,
.animate .fadeIn3 {
    opacity: 1;
}

/* opsiyonel: küçük gecikmeler (stagger) — burada base state'te ayarlamak güvenli */
.slideRight1 {
    transition-delay: 0s;
}

.slideRight2 {
    transition-delay: 0.25s;
}

.slideRight3 {
    transition-delay: 0.5s;
}

.slideRight4 {
    transition-delay: 0.75s;
}

.slideLeft1 {
    transition-delay: 0s;
}

.slideLeft2 {
    transition-delay: 0.3s;
}

.slideLeft3 {
    transition-delay: 0.6s;
}

.slideLeft4 {
    transition-delay: 0.9s;
}

.slideUp1 {
    transition-delay: 0s;
}

.slideUp2 {
    transition-delay: 0.25s;
}

.slideUp3 {
    transition-delay: 0.35s;
}
/*
.swiper-container {
    padding-top: 100px;
}*/

/* Başlangıç durumu */
.dropdown-menu.mega-menu {
    display: block; /* display block olmalı, display none animasyonu bozuyor */
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: max-height 0.5s ease, opacity 0.3s ease, padding 0.3s ease;
}

    /* Show class geldiğinde */
    .dropdown-menu.mega-menu.show {
        max-height: 1000px; /* menü boyunu aşmayacak kadar büyük değer */
        opacity: 1;
        padding-top: 0rem;
        padding-bottom: 1rem;
    }


    /* Menü içindeki elemanlar */
    .dropdown-menu.mega-menu ul li,
    .dropdown-menu.mega-menu .dropdown-header,
    .dropdown-menu.mega-menu .dropdown-item {
        opacity: 0;
        transform: translateY(-10px);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }

@media (max-width: 991.98px) {
    .dropdown-menu.mega-menu {
        max-height: initial !important;
    }
        /* Menü içindeki elemanlar */
        .dropdown-menu.mega-menu, .dropdown-menu.mega-menu ul li,
        .dropdown-menu.mega-menu .dropdown-header, .dropdown-menu.mega-menu .dropdown-item {
            opacity: 1 !important;
        }
}

/* Menü açıldığında elemanlar */
.dropdown-menu.mega-menu.show ul li,
.dropdown-menu.mega-menu.show .dropdown-header,
.dropdown-menu.mega-menu.show .dropdown-item {
    opacity: 1;
    transform: translateY(0);
}

    /* Delay ekleyerek sıra ile gelmesini sağlamak */
    .dropdown-menu.mega-menu.show ul li:nth-child(1) {
        transition-delay: 0.1s;
    }

    .dropdown-menu.mega-menu.show ul li:nth-child(2) {
        transition-delay: 0.2s;
    }

    .dropdown-menu.mega-menu.show ul li:nth-child(3) {
        transition-delay: 0.3s;
    }

    .dropdown-menu.mega-menu.show ul li:nth-child(4) {
        transition-delay: 0.4s;
    }

    .dropdown-menu.mega-menu.show ul li:nth-child(5) {
        transition-delay: 0.5s;
    }
/* ...istenirse diğer li’ler için de devam ettirilebilir */

.navbar-nav hr {
    border-top: 1px solid var(--bs-body-color);
}

.fgr-ongoing .icon {
    position: absolute;
}

.fgr-ongoing .icon1 {
    left: 23.6%;
    top: 28.13%;
}

.fgr-ongoing .icon2 {
    left: 62.4%;
    top: 29.76%;
}

.fgr-ongoing .icon3 {
    left: 46.4%;
    top: 38.86%;
}

.gallery {
    margin-top: 0 !important;
}
/* Footer başlangıç durumu */
footer.bg-navy {
    /*opacity: 0;
	transform: translateY(20px);*/ /* yukarıdan aşağıya hareket */
    /*transition: transform 0.6s ease, opacity 0.6s ease;*/
}

    /* Footer sayfa görünür olduğunda show class ile açılır */
    footer.bg-navy.show {
        /*opacity: 1;
		transform: translateY(0);*/
    }

    /* Footer içindeki elemanlar */
    footer.bg-navy .dropdown-header,
    footer.bg-navy .dropdown-item,
    footer.bg-navy .btn,
    footer.bg-navy .social-nav a {
        opacity: 0;
        transform: translateY(-10px);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }

    /* Footer show class geldiğinde elemanlar fade-in + yukarıdan aşağı animasyon */
    footer.bg-navy.show .dropdown-header,
    footer.bg-navy.show .dropdown-item,
    footer.bg-navy.show .btn,
    footer.bg-navy.show .social-nav a {
        opacity: 1;
        transform: translateY(0);
    }

        /* Staggered animasyon için delay (isteğe bağlı, örnek 0.1s artışlarla) */
        footer.bg-navy.show .dropdown-header:nth-child(1) {
            transition-delay: 0.1s;
        }

        footer.bg-navy.show .dropdown-header:nth-child(2) {
            transition-delay: 0.2s;
        }

        footer.bg-navy.show .dropdown-item:nth-child(1) {
            transition-delay: 0.3s;
        }

        footer.bg-navy.show .dropdown-item:nth-child(2) {
            transition-delay: 0.4s;
        }
/* İstersen diğer elemanlar için de devam ettirebilirsin */

.badge.badge-primary {
    padding: .25rem 1rem;
}


/* Delay ekleyerek sıra ile gelmesini sağlamak */
.what-we-do-pills .slideRight:nth-child(1) {
    transition-delay: 0.1s;
}

.what-we-do-pills .slideRight:nth-child(2) {
    transition-delay: 0.2s;
}

.what-we-do-pills .slideRight:nth-child(3) {
    transition-delay: 0.3s;
}

.what-we-do-pills .slideRight:nth-child(4) {
    transition-delay: 0.4s;
}

.what-we-do-pills .slideRight:nth-child(5) {
    transition-delay: 0.5s;
}

.what-we-do-pills .slideRight:nth-child(6) {
    transition-delay: 0.6s;
}



.news-container .rectangle-1 {
    float: left;
    height: 9px;
    margin: 5px 1.526718% 0 0.381679%;
    max-width: 62px;
    width: 11.832061%;
    background: #74c3cf;
}

.news-container .news-date {
    font-size: 0.7rem;
    font-weight: 300;
}


.news-container .news-title {
    margin: 4.7rem auto 0;
    font-size: 1.4rem;
    font-weight: 500;
}

.news-container .wrapper-6 {
    margin: 4.6rem 0 0;
    position: relative;
}

.news-read-more-button {
    cursor: pointer;
}


.news-container .news-content {
    /*margin: 0 auto 4.5rem;*/
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5rem;
}



.news-container .news-read-more {
    font-weight: 300;
    font-size: 0.65rem;
    margin-bottom: 0;
    vertical-align: bottom;
}

.news-container .ok-2 {
    width: 16px;
    vertical-align: bottom;
    margin-left: 0.5rem;
}

    .news-container .ok-2.rotated {
        transform: rotate(180deg);
    }

.news-container .shape.shape-d-2 {
    top: -60px;
    padding: 0;
    z-index: 0;
}

.news-container-alt .shape.shape-d-3 {
    top: -8rem;
    padding: 0;
    z-index: 0;
    width: auto;
    height: 14rem;
    left: 3rem;
    right: auto;
}

.news-container-alt .wrapper-5,
.news-container-alt .wrapper-6,
.news-container-alt .wrapper-7 {
    text-align: right;
}

.wrapper-7 {
    margin-top: 2rem;
}


.news-container-alt .rectangle-1 {
    float: right;
    margin: 4px 0.381679% 0 1.526718%;
}

.dib {
    display: inline-block;
}

.vision-container .vision-text,
.sustainability .sustainability-text {
    margin: 3.55rem 0 30px;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5rem;
}

.vision-container .vision-1,
.sustainability-container .sustainability-1 {
    float: right;
    position: relative;
    z-index: 2; /* üstte kalsın */
    margin-bottom: -6.5rem; /* bir sonraki section içine taşır */
    max-width: 100%;
}

.vision-container .energy-container,
.sustainability-container .energy-container {
    padding: 7.5rem;
    position: relative;
    background: url('/assets/img/vision-3.png') no-repeat center center;
    background-size: auto;
    background-size: cover;
}

.sustainability-container .energy-container {
    background: url('/assets/img/sustainability-2.jpg') no-repeat center center;
}

.vision-container .energy-box,
.sustainability-container .energy-box {
    background-color: rgb(var(--bs-light-rgb));
    padding: 3rem 2rem;
    text-align: right;
}

.sustainability-container .energy-box {
    background-color: #fff;
}

    .vision-container .energy-box .title,
    .sustainability-container .energy-box .title {
        font-size: 1.4rem;
        font-weight: 400;
        margin-bottom: 4rem;
    }

    .vision-container .energy-box .content,
    .sustainability-container .energy-box .content {
        font-size: 1.0rem;
        font-weight: 300;
        margin-bottom: 4rem;
    }

.vision-container .projection-container .title,
.sustainability-container .projection-container .title {
    font-size: 1.4rem;
    font-weight: 400;
}

.business-container figure {
    max-width: 100%;
}

.vision-container .projection-container .content,
.vision-container .projection-container .content {
    font-size: 1.0rem;
    font-weight: 300;
}

.vision-container .projection-container .shape.shape-d-3 {
    left: 75%;
    top: -8rem;
    height: 12rem;
    width: auto;
    z-index: 2;
}

.vision-container .properties-container .what-we-do-pills div {
    font-size: 1.1rem;
}

    .vision-container .properties-container .what-we-do-pills div span {
        display: block;
        color: #74c3cf;
        font-size: 1.3rem;
    }


.ronesans-container .ronesans-holding-container {
    opacity: 0;
    transition: opacity 0.5s ease; /* geçiş efekti */
}

    .ronesans-container .ronesans-holding-container h1 {
        margin-left: -8px;
    }


.ronesans-container .ronesans-holding-container {
    background-image: url('/assets/img/ronesans_map.png');
    min-height: 605px;
    background-repeat: no-repeat;
    background-position: right bottom; /* sağ alta hizala */
    background-size: 60% auto;
}


@media (max-width: 1399.98px) {
    .ronesans-container .ronesans-holding-container {
        min-height: 465px;
    }
}

@media (max-width: 1199.98px) {
    .ronesans-container .ronesans-holding-container {
        min-height: 405px;
    }
}

@media (max-width: 991.98px) {
    .ronesans-container .ronesans-holding-container {
        min-height: 305px;
    }
}

@media (max-width: 719.98px) {
    .ronesans-container .ronesans-holding-container {
        background-position: center bottom;
        background-size: contain;
        min-height: initial !important;
        padding-bottom: 50vw;
    }
}


.animate.ronesans-container .ronesans-holding-container {
    opacity: 1;
}

.ronesans-container .ronesans-holding-container .h3 {
    font-weight: 400;
}

.ronesans-container .text-description {
    text-align: right;
    font-size: 1rem;
    line-height: 1.5rem;
}


.sustainability-container .solar-power-list {
    text-align: right;
}

    .sustainability-container .solar-power-list ul {
        list-style-type: none;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: 4.5rem;
    }

@media(max-width:992px) {
    .sustainability-container .solar-power-list ul {
        margin-top: 0rem;
    }
}

.sustainability-container .solar-power-list ul li {
    min-height: 2.3rem;
    border-bottom: 1px solid rgb(var(--bs-primary-rgb));
    padding: 0.4rem 0;
}



    /* Delay ekleyerek sıra ile gelmesini sağlamak */
    .sustainability-container .solar-power-list ul li:nth-child(1) {
        transition-delay: 0.1s;
    }

    .sustainability-container .solar-power-list ul li:nth-child(2) {
        transition-delay: 0.2s;
    }

    .sustainability-container .solar-power-list ul li:nth-child(3) {
        transition-delay: 0.3s;
    }

    .sustainability-container .solar-power-list ul li:nth-child(4) {
        transition-delay: 0.4s;
    }

    .sustainability-container .solar-power-list ul li:nth-child(5) {
        transition-delay: 0.5s;
    }

    .sustainability-container .solar-power-list ul li:last-child {
        border-bottom: none;
    }

/*.btn-contact {
    padding-bottom: 0.55rem;
}

.btn-contact2 {
    padding-bottom: 0.44rem;
}*/

.services-container .display-2 {
    margin-left: -8px;
}


.services-container .services-list-container .item .title {
    font-size: 1.4rem;
    font-weight: 400;
}

.services-container .services-list-container .item .text {
    font-size: 1rem;
}


.services-container .services-list-container .image .img {
    margin-left: 25%;
    margin-top: 2rem;
}

.services-container .services-list-container .image .img1,
.services-container .services-list-container .image .img2 {
    margin-top: 2rem;
}

.services-container .services-list-container .image .img2 {
    margin-left: 4rem;
}


@media(max-width:992px) {
    .services-container .services-list-container .item {
        margin-bottom: 5rem;
    }

    .services-container .services-list-container .image {
        margin: 1rem auto;
    }

        .services-container .services-list-container .image .img {
            margin: 0 auto;
        }
}

/* CSS */
:root {
    --overlap: 60px; /* ne kadar üst üste gelsin */
    --card-width: 45%; /* kart genişliği (her satırda tek kart, sola/sağa yaslanacak) */
    --row-gap: 16px; /* normal satırlar arası boşluk (mobilde kullanılır) */
}

.services-list-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 16px;
}

@media (max-width: 991.98px) {

    .services-list-container {
        padding: 25px;
    }
}

/* her satır tek item; içindeki .card sola/sağa yaslanacak */
.services-list-container .item {
    display: flex;
    position: relative;
}

    /* tüm item'ların (ilk hariç) üstündeki item'a -overlap kadar girsin */
    .services-list-container .item + .item {
        margin-top: calc(-1 * var(--overlap));
    }

/* kart stili */
.services-list-container .card {
    width: var(--card-width);
    border: none;
}

/* Tek numaralılar => sağa yasla (ilk item sağda olsun) */
.services-list-container .item:nth-child(odd) {
    justify-content: flex-end;
}

/* Çift numaralılar => sola yasla */
.services-list-container .item:nth-child(even) {
    justify-content: flex-start;
}

/* Eğer overlapan kartın üzerine gelmesini, yani son eklenenin üstte görünmesini istersen,
   later DOM elemanları zaten üstte olur; ama eğer z-index ayarlamak istersen:
*/
.services-list-container .item {
    z-index: 1;
}

    .services-list-container .item:nth-child(odd) {
        z-index: 2;
    }
/* tercihe göre ayarla, istersen kaldır */

/* responsive: mobilde tek sütun normal stack, overlap kalksın */
@media (max-width: 700px) {
    :root {
        --card-width: 100%;
    }
    /* kart tam genişlik */
    .services-list-container .item {
        justify-content: flex-start;
    }
        /* tek sütunda sola hizala */
        .services-list-container .item + .item {
            margin-top: var(--row-gap);
        }
        /* normal aralık */
        .services-list-container .item:nth-child(odd) {
            z-index: auto;
        }
}

.sectors-container .display-2 {
    font-size: 6.0rem;
}


.sectors-container .image-container {
    text-align: right;
}

.sectors-container .shape.shape-d-2 {
    left: 16%;
    width: auto;
    top: -18rem;
}

.sectors-container .shape.shape-d-3 {
    left: 0;
    width: auto;
    top: -2rem;
}

.sectors-container .image-container img {
    max-width: 100%;
}


.sectors-container .text-description {
    font-size: 1.1rem;
}

.sectors-container .text-container {
    width: 70%;
    text-align: right;
    margin-left: 30%;
}

@media(max-width:992px) {
    .sectors-container .text-container {
        width: 100%;
        margin-left: 0;
    }
}

.maps-container .display-2 {
    margin-left: -8px;
}



.maps-container .main-maps-container {
    margin-left: 9.9rem;
    width: calc(100% - 9.9rem);
}

    .maps-container .main-maps-container ul {
        list-style-type: none;
    }

        .maps-container .main-maps-container ul li {
            font-size: 0.9rem;
            /*height: 2.4rem;*/
            padding-top: 0.45rem;
            margin-bottom: 1.2rem;
        }

    .maps-container .main-maps-container .map-1-legend-1-container {
        /* background-image: url('/assets/img/map-1-left-icons.png');
        background-repeat: no-repeat;
        background-position: left center;*/
    }

    .maps-container .main-maps-container .map-1-legend-2-container {
        /*background-image: url('/assets/img/map-1-right-icons.png');
        background-repeat: no-repeat;
        background-position: left center;*/
    }


    .maps-container .main-maps-container ul li:nth-child(1) {
        transition-delay: 0.4s;
    }

    .maps-container .main-maps-container ul li:nth-child(2) {
        transition-delay: 0.5s;
    }

    .maps-container .main-maps-container ul li:nth-child(3) {
        transition-delay: 0.6s;
    }

    .maps-container .main-maps-container ul li:nth-child(4) {
        transition-delay: 0.7s;
    }

    .maps-container .main-maps-container ul li:nth-child(5) {
        transition-delay: 0.8s;
    }

    .maps-container .main-maps-container ul li:nth-child(6) {
        transition-delay: 0.9s;
    }

    .maps-container .main-maps-container ul li:nth-child(7) {
        transition-delay: 1s;
    }

    .maps-container .main-maps-container ul li:nth-child(8) {
        transition-delay: 1.1s;
    }


    .maps-container .main-maps-container .map-2-legend-1-container {
        /*background-image: url('/assets/img/map-2-left-icons.png');
        background-repeat: no-repeat;
        background-position: left 8px;*/
    }

/* Ortak sprite */
.map-2-legend-1.map-legend li::before {
    content: "";
    position: absolute;
    left: -37px;
    top: 25px;
    transform: translateY(-50%);
    width: 31px;
    height: 37px;
    background-image: url("/assets/img/map-2-left-icons.png");
    background-repeat: no-repeat;
    /*    background-size: 605px auto;*/
}
/* Sıralara göre ikonlar (dikey sprite için, 94px aralıklarla) */
.map-2-legend-1.map-legend li:nth-child(1)::before {
    background-position: 0 0;
}

.map-2-legend-1.map-legend li:nth-child(2)::before {
    background-position: 0 -94px;
}

.map-2-legend-1.map-legend li:nth-child(3)::before {
    background-position: 0 -190px;
}

.map-2-legend-1.map-legend li:nth-child(4)::before {
    background-position: 0 -285px;
}

.map-2-legend-1.map-legend li:nth-child(5)::before {
    background-position: 0 -380px;
}

.map-2-legend-1.map-legend li:nth-child(6)::before {
    background-position: 0 -475px;
}

.map-2-legend-1.map-legend li:nth-child(7)::before {
    background-position: 0 -570px;
}


.maps-container .main-maps-container .map-2-legend-2-container {
    /*background-image: url('/assets/img/map-2-right-icons.png');
    background-repeat: no-repeat;
    background-position: left center;*/
}


/* Ortak sprite */
.map-2-legend-2 li::before {
    content: "";
    position: absolute;
    left: -37px;
    top: 25px;
    transform: translateY(-50%);
    width: 31px;
    height: 37px;
    background-image: url("/assets/img/map-2-right-icons.png");
    background-repeat: no-repeat;
    /*    background-size: 605px auto;*/
}
/* Sıralara göre ikonlar (dikey sprite için, 94px aralıklarla) */
.map-2-legend-2 li:nth-child(1)::before {
    background-position: 0 6px;
}

.map-2-legend-2 li:nth-child(2)::before {
    background-position: 0 -42px;
}

.map-2-legend-2 li:nth-child(3)::before {
    background-position: 0 -90px;
}

.map-2-legend-2 li:nth-child(4)::before {
    background-position: 0 -138px;
}

.map-2-legend-2 li:nth-child(5)::before {
    background-position: 0 -186px;
}


/* Ortak sprite */
.map-1-legend-1.map-legend li::before {
    content: "";
    position: absolute;
    left: -37px;
    top: 25px;
    transform: translateY(-50%);
    width: 31px;
    height: 37px;
    background-image: url("/assets/img/map-1-left-icons.png");
    background-repeat: no-repeat;
    /*    background-size: 605px auto;*/
}
/* Sıralara göre ikonlar (dikey sprite için, 94px aralıklarla) */
.map-1-legend-1.map-legend li:nth-child(1)::before {
    background-position: 0 0;
}

.map-1-legend-1.map-legend li:nth-child(2)::before {
    background-position: 0 -47px;
}

.map-1-legend-1.map-legend li:nth-child(3)::before {
    background-position: 0 -95px;
}

.map-1-legend-1.map-legend li:nth-child(4)::before {
    background-position: 0 -143px;
}

.map-1-legend-1.map-legend li:nth-child(5)::before {
    background-position: 0 -191px;
}

.map-1-legend-1.map-legend li:nth-child(6)::before {
    background-position: 0 -239px;
}

.map-1-legend-1.map-legend li:nth-child(7)::before {
    background-position: 0 -287px;
}

.map-1-legend-1.map-legend li:nth-child(8)::before {
    background-position: 0 -335px;
}

/* Ortak sprite */
.map-1-legend-2 li::before {
    content: "";
    position: absolute;
    left: -37px;
    top: 25px;
    transform: translateY(-50%);
    width: 31px;
    height: 37px;
    background-image: url("/assets/img/map-1-right-icons.png");
    background-repeat: no-repeat;
    /*    background-size: 605px auto;*/
}
/* Sıralara göre ikonlar (dikey sprite için, 94px aralıklarla) */
.map-1-legend-2 li:nth-child(1)::before {
    background-position: 0 2px;
}

.map-1-legend-2 li:nth-child(2)::before {
    background-position: 0 -45px;
}

.map-1-legend-2 li:nth-child(3)::before {
    background-position: 0 -92px;
}

.map-1-legend-2 li:nth-child(4)::before {
    background-position: 0 -146px;
}

.map-1-legend-2 li:nth-child(5)::before {
    background-position: 0 -194px;
}

.map-1-legend-2 li:nth-child(6)::before {
    background-position: 0 -240px;
}

@media (max-width: 992px) {
    .maps-container .main-maps-container ul li {
        font-size: 0.7rem;
        padding-top: 0.6rem;
    }


        .maps-container .main-maps-container ul li .img-container img:nth-child(2) {
            margin-top: 0.5rem;
        }

    .map-2-legend-2 {
        margin-top: 3rem;
    }

    .map-1-legend-2 {
        margin-top: 3rem;
    }
}

.maps-container .main-maps-container .map-2-legend-1-container .img-container {
    margin-top: 0.3rem;
}

    .maps-container .main-maps-container .map-2-legend-1-container .img-container img {
        margin-right: 2rem;
    }

.maps-container .main-maps-container .map-2-legend-1-container ul li {
    /*height: 4.75rem;*/
    /*margin-bottom:1.5rem;*/
}

.maps-container .main-maps-container .map-2-legend-holder {
    position: absolute;
    right: 10px;
    bottom: 20px;
    background-color: #fff;
    padding: 15px 30px;
}


.maps-container .shape.shape-d-3 {
    right: -5rem;
    width: auto;
    top: -8rem;
}

.maps-container .shape.shape-d-2 {
    left: 75%;
    width: auto;
    top: 2rem;
}

.maps-container .map-1,
.maps-container .map-2 {
    max-width: 100%;
}

.ongoing-companies-container .display-2 {
    font-size: 3.3rem;
}

.ongoing-companies-container .site-image {
    max-width: 100%;
}


.ongoing-companies-container .site-title-1 {
    color: var(--bs-primary);
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 1rem;
}

.ongoing-companies-container .shape.shape-d-2 {
    left: calc(100% - 220px);
    width: auto;
    top: 25rem;
}

.ongoing-companies-container .site-container .shape.shape-d-2 {
    top: 0rem;
    z-index: 2;
}

.ongoing-companies-container .shape.shape-d-3 {
    left: 2rem;
    width: auto;
    top: -7rem;
    height: 12rem;
    z-index: 2;
}

.ongoing-companies-container .site-container .site-title {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 4.5rem;
}

.ongoing-companies-container .site-container .site-image {
    max-width: 100%;
}

@media (max-width: 991.98px) {

    .ongoing-companies-container .site-container .site-image {
        width: 100%;
        margin-bottom: 3rem;
    }
}

.ongoing-companies-container .site-container .site-properties {
    border-top: 1px solid var(--bs-aqua);
    border-bottom: 1px solid var(--bs-aqua);
    padding: 1.75rem 0 0.25rem 0;
    font-size: 0.8rem;
}



    .ongoing-companies-container .site-container .site-properties strong {
        font-size: 1rem;
    }

    .ongoing-companies-container .site-container .site-properties p {
        margin-bottom: 1.5rem;
    }

    .ongoing-companies-container .site-container .site-properties .site-property-value {
        color: var(--bs-aqua);
        font-size: 1.6rem;
    }

    .ongoing-companies-container .site-container .site-properties .site-properties-box {
        color: var(--bs-white);
        background-color: var(--bs-aqua);
        padding: 0.1rem 1rem;
        display: inline-block;
        margin-bottom: 1rem;
    }

.ongoing-companies-container .site-container .content-container {
    width: 70%;
}

.ongoing-companies-container .site-container.site-container-right .content-container {
    margin-left: 30%;
}

.ongoing-companies-container .site-container.site-container-right .site-title {
    margin-bottom: 3rem;
}

.ongoing-companies-container .site-container.site-container-right .site-description {
    padding-top: 0;
    padding-bottom: 3rem;
}

.ongoing-companies-container .site-container .site-description {
    padding-top: 4rem;
}

.ongoing-companies-container .site-container .logo-container {
    margin-top: 7.5rem;
}

.international-companies-container .display-2 {
    font-size: 3.3rem;
}

.international-companies-container .company-item {
    background-color: #f1f1f1;
    min-height: 198px;
    padding: 10px 42px;
    margin-bottom: 35px;
    display: flex; /* ✅ yatayda yan yana */
    justify-content: space-between; /* ✅ yazılar sola, logo sağa */
    align-items: center; /* ✅ dikey ortalama */
}

    .international-companies-container .company-item .text {
        font-size: 1rem;
    }

        .international-companies-container .company-item .text p {
            margin-bottom: 0;
        }

    .international-companies-container .company-item .logo {
        max-height: 100px; /* İsteğe bağlı: logonun taşmasını engeller */
        height: auto;
    }



    .international-companies-container .company-item:nth-child(1) {
        transition-delay: 0.1s;
    }

    .international-companies-container .company-item:nth-child(2) {
        transition-delay: 0.2s;
    }

    .international-companies-container .company-item:nth-child(3) {
        transition-delay: 0.3s;
    }

    .international-companies-container .company-item:nth-child(4) {
        transition-delay: 0.4s;
    }

    .international-companies-container .company-item:nth-child(5) {
        transition-delay: 0.5s;
    }



.contact-container .contact-properties strong {
    font-size: 1rem;
}


.contact-container .contact-properties {
    border-top: 1px solid var(--bs-aqua);
    border-bottom: 1px solid var(--bs-aqua);
    padding: 1.75rem 0 0.25rem 0;
    font-size: 0.8rem;
}

    .contact-container .contact-properties p {
        margin-bottom: 1.5rem;
    }

.contact-container .display-2 {
    font-size: 3.3rem;
}


.access-connectivity-container .display-2 {
    font-size: 3.3rem;
    margin-left: -3px;
}

.access-connectivity-container .site-image {
    max-width: 100%;
}

.access-connectivity-container .content {
    max-width: 100%;
    font-size: 1rem;
}

.access-connectivity-container.border-bottom,
.business-container.border-bottom {
    border-bottom: 1px solid var(--bs-aqua) !important;
}

.access-connectivity-container .facilities-list {
    list-style-type: none;
}

.access-connectivity-container .numbers-1 {
    left: 50%;
    max-width: 328px;
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: -322.5px;
}


.access-connectivity-container .numbers-2 {
    left: 50%;
    max-width: 328px;
    position: absolute;
    top: 181px;
    width: 100%;
    margin-left: -5.5px;
}

.access-connectivity-container .numbers-3 {
    left: 50%;
    max-width: 328px;
    position: absolute;
    top: 658px;
    width: 100%;
    margin-left: -6.5px;
}

.access-connectivity-container .numbers-4 {
    left: 50%;
    max-width: 328px;
    position: absolute;
    top: 363px;
    width: 100%;
    margin-left: -258.5px;
}

.access-connectivity-container .numbers-container {
    min-height: 980px;
}


/*.access-connectivity-container .arrow {
    position: absolute;
    left: 58%;
    top: 50%;
    width: 30px;
    opacity: 0;
}

.access-connectivity-container .image-left-aligned {
    width: 50vw;
    margin-left: calc(100% - 48.5vw);
    max-width: initial;
    margin-top: 18rem;
}


.access-connectivity-container.animate .arrow {
    animation: moveArrow 2s ease-in-out forwards;
    animation-delay: 0.5s;
    opacity: 1;*/ /* animate gelince görünür ve animasyon başlar */
/*}


@keyframes moveArrow {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    50% {
        transform: translate(20px, -20px) scale(0.7);
        opacity: 1;
    }

    100% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
}*/
.access-connectivity-container .arrow {
    position: absolute;
    left: 58%;
    top: 50%;
    width: 30px;
    opacity: 0;
}

.access-connectivity-container.animate .arrow {
    animation: moveArrow 1s ease-out forwards;
    animation-delay: 0.5s;
    opacity: 1; /* animate gelince görünür ve animasyon başlar */
}

@keyframes moveArrow {
    0% {
        transform: translate(40px, -40px) scale(0.6); /* uzaktan başla */
        opacity: 0; /* başta görünmesin */
    }

    100% {
        transform: translate(0, 0) scale(1); /* hedef konum */
        opacity: 1; /* hedefte görünür olsun */
    }
}

.business-container .arrow {
    position: absolute;
    left: 50%;
    top: 44%;
    width: 30px;
    opacity: 0;
}

.business-container .animate .arrow {
    animation: moveArrow 1s ease-out forwards;
    animation-delay: 0.5s;
    opacity: 1; /* animate gelince görünür ve animasyon başlar */
}


.who-we-are-container .arrow {
    position: absolute;
    left: 37%;
    top: 5.8rem;
    width: 150px;
    opacity: 0;
}

.who-we-are-container .animate .arrow {
    animation: moveArrow 1s ease-out forwards;
    animation-delay: 0.2s;
    opacity: 0; /* animate gelince görünür ve animasyon başlar */
}

.who-we-are-container .who-we-are-map {
    height: 40rem;
}


.who-we-are-container .circle {
    position: absolute;
    left: 30.7%;
    top: 13.4rem;
    width: 70px;
    opacity: 0;
}

.who-we-are-container .animate .circle {
    animation: moveCircle 1s ease-out forwards;
    animation-delay: 0.0s;
    opacity: 0; /* animate gelince görünür ve animasyon başlar */
}



@keyframes moveCircle {
    0% {
        transform: translate(0, 0) scale(0.6); /* uzaktan başla */
        opacity: 0; /* başta görünmesin */
    }

    100% {
        transform: translate(0, 0) scale(1); /* hedef konum */
        opacity: 1; /* hedefte görünür olsun */
    }
}


.access-connectivity-container .facilities-content {
    width: 85% !important;
    margin-left: 15% !important;
}

.access-connectivity-container .facilities-list {
    margin-top: 13.5rem;
    margin-bottom: 1.5rem;
}


    .access-connectivity-container .facilities-list li {
        padding: 1.25rem 0;
        border-bottom: 1px solid var(--bs-aqua);
    }

        .access-connectivity-container .facilities-list li:last-child {
            border-bottom: none;
        }

        .access-connectivity-container .facilities-list li:nth-child(1) {
            transition-delay: 0.1s;
        }

        .access-connectivity-container .facilities-list li:nth-child(2) {
            transition-delay: 0.2s;
        }

        .access-connectivity-container .facilities-list li:nth-child(3) {
            transition-delay: 0.3s;
        }

        .access-connectivity-container .facilities-list li:nth-child(4) {
            transition-delay: 0.4s;
        }

        .access-connectivity-container .facilities-list li:nth-child(5) {
            transition-delay: 0.5s;
        }

        .access-connectivity-container .facilities-list li:nth-child(6) {
            transition-delay: 0.6s;
        }

        .access-connectivity-container .facilities-list li:nth-child(7) {
            transition-delay: 0.7s;
        }

        .access-connectivity-container .facilities-list li:nth-child(8) {
            transition-delay: 0.8s;
        }

.access-connectivity-container.developing-container .display-2 {
    color: var(--bs-white) !important;
}

.access-connectivity-container.developing-container {
    background-image: url('/assets/img/access-connectivity-6.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-color: var(--bs-aqua);
}

.access-connectivity-container .image-3 {
    margin-top: 27rem;
}



.access-connectivity-container .shape.shape-d-1 {
    top: 33rem;
    z-index: 2;
    height: 14rem;
}

.access-connectivity-container.developing-container .shape.shape-d-1 {
    top: 33rem;
    z-index: 2;
    height: 14rem;
}

.access-connectivity-container .shape.shape-d-2 {
    top: 27rem;
    z-index: 2;
    left: 0;
    height: 9.5rem;
}

.access-connectivity-container .shape.shape-d-3 {
    right: 56.75%;
    width: auto;
    top: 38rem;
    height: 12rem;
    z-index: 2;
}

.access-connectivity-container .text-end .content {
    width: 70%;
    margin-left: 30%;
}


.access-connectivity-container .content {
    width: 70%;
}

.access-connectivity-container .icon-list {
    padding-left: 0;
}

    .access-connectivity-container .icon-list img {
        max-height: 76px;
        max-width: 114px;
    }

    .access-connectivity-container .icon-list li {
        list-style-type: none;
        text-align: center;
    }


        .access-connectivity-container .icon-list li p {
            margin-bottom: 0.8rem;
        }

.cookie-description {
    display: none !important;
}

.home-page .navbar {
    border-bottom: none;
}

.badge {
    white-space: normal;
}


/* Mobil: 1 slide */
@media (max-width: 991.98px) {

    .access-connectivity-container .icon-list li {
        margin-bottom: 3rem;
    }


    .maps-container .display-2,
    .services-container .display-2,
    .ronesans-container .ronesans-holding-container h1,
    .maps-container .display-2 {
        margin-left: 0;
    }
}

/*.swiper-container {*/
/*height: 380px;*/ /* slider yüksekliği */
/*overflow: hidden;
}

.swiper-wrapper {
    display: flex;*/ /* zaten Swiper bunu ayarlıyor */
/*gap: 20px;*/ /* isteğe bağlı */
/*}
.swiper-wrapper {
    width: auto !important;
}

.swiper-slide {
    height: 100%;*/ /* container yüksekliğini alır */
/*display: flex;
    align-items: center;
    justify-content: center;
    width:auto;
}*/


/*.horizontal-slider {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 20px;
    padding: 0 20px;*/ /* kenarlarda boşluk */
/*}*/
.horizontal-slider-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    /* Donanım ivmesi için kalmalı */
    transform: translate3d(0, 0, 0);
    /* Tarayıcıya bu elemanın transform değerinin değişeceğini bildirir (Çok Önemli) */
    will-change: transform;
}

.horizontal-slider {
    display: flex;
    gap: 20px;
    /* Safari'de titremeyi önlemek için kritik. -webkit- ön eki gereksizdir, modern Safari bunu otomatik tanır. */
    transform: translate3d(0, 0, 0);
    /* Tarayıcıya bu elemanın transform değerinin değişeceğini bildirir (Çok Önemli) */
    will-change: transform;
}

    /* Büyük ekran: 2 slide */
    .horizontal-slider .slide {
        flex: 0 0 calc((100% - 20px) / 2); /* 2 slide yan yana */
        height: auto;
        display: flex;
    }

.gallery-slider-container.horizontal-slider-container {
    height: 400px !important;
    max-height: 400px !important;
}
/* Büyük ekran: 4 slide */
.gallery-slider.horizontal-slider .slide {
    flex: 0 0 auto; /* 2 slide yan yana */
    height: auto;
    display: flex;
}

/* Mobil: 1 slide */
@media (max-width: 720px) {
    .horizontal-slider .slide {
        flex: 0 0 100%;
    }
}

.swiper-slide .item-inner,
.swiper-slide .card {
    height: auto; /* içerik kendi yüksekliğine göre */
    max-height: 100%; /* container’ı aşmasın */
    width: auto; /* içerik oranını korusun */
    /*max-width: 90%;*/ /* kenarlara taşmasın */
}

.swiper-slide img {
    height: 100%;
    width: auto;
    object-fit: contain; /* taşmasın, içerik sığsın */
}


.home-page .navbar {
    opacity: 0; /* başlangıçta gizli */
    transition: opacity 0.5s;
    /*border-bottom: 1px solid #ddd;    */
}

.home-page .banner {
    position: relative;
    overflow: visible;
    max-height: calc(100vh - 300px);
}

/* mevcut yapı korunuyor */
.home-page .mask-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0; /* GSAP burayı animasyonla büyütüyor */
    overflow: hidden;
    transform: translateY(-50%);
}

    /* video: ortalı, tam genişlik, mask'e göre kırpılır */
    .home-page .mask-wrapper video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: translate(-50%, -50%);
    }

    /* video altındaki yarı saydam siyah bant; mask ile birlikte açılır */
    .home-page .mask-wrapper .banner-caption {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
        background: rgba(0, 0, 0, .45);
        padding: 1.1rem 2rem;
        pointer-events: none;
        opacity: 0; /* video oynamaya başlayınca custom.js fade-in yapar */
    }

.home-page .banner-caption-text {
    max-width: 1100px;
    margin: 0 auto;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
}

/* dar telefonlarda taşmayı önle, yine de okunabilir kalsın.
   Aşağıdaki 991.98px bloğundan sonra geldiği için specificity yükseltildi. */
@media (max-width: 400px) {
    .home-page .mask-wrapper .banner-caption .banner-caption-text {
        font-size: .64rem;
    }
}



.home-page .banner-img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
/*
.home-page .logo-container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}*/



.home-page .logo-container {
    position: absolute;
    top: 60vh;
    left: 50%;
    transform: translate(-50%, -55vh);
    /*opacity: 0;*/
    width: 100%;
    text-align: center;
    height: 450px;
    padding: 0 1rem;
}


@media (max-height: 740px) {

    .home-page .logo-container {
        top: 33vh;
        transform: translate(-50%, -33vh);
    }
}



.logo-container-inner {
}

.home-page .logo {
    max-width: 200px; /* ihtiyacınıza göre */
    height: auto;
}


.home-page .content {
    opacity: 0; /* başlangıçta gizli */
}

.home-page .intro-text {
    font-size: 0.8rem;
    color: var(--bs-heading-color);
    margin-top: 0.3rem;
}

@media (max-width: 1200px) {
    .home-page-slider-container.horizontal-slider-container .slide .card-body {
        min-height: 199px;
    }
}

@media (max-width: 991.98px) {

    .home-page .intro-text {
        margin-bottom: 5vh;
        margin-top: 0.3rem;
        font-size: 0.8rem;
    }

    .home-page .logo-container {
        top: 52vh;
        transform: translate(-50%, -52vh);
    }

    .home-page .mask-wrapper .banner-caption {
        bottom: 12px;
        left: 12px;
        width: calc(100% - 24px);
        padding: .55rem .85rem;
        background: rgba(0, 0, 0, .5);
    }

    .home-page .banner-caption-text {
        font-size: .7rem;
        line-height: 1.35;
    }


    .intro-logo-seperator {
        margin: 20px auto !important;
    }

    .home-page-slider-container.horizontal-slider {
        overflow-x: scroll;
        max-height: 70vw;
        overflow-y: hidden;
    }

        .home-page-slider-container.horizontal-slider img {
            width: calc(100vw - 50px);
        }



    .home-page-slider-container.horizontal-slider-container {
        /*height: 400px !important;
        max-height: 400px !important;*/
        overflow: scroll;
    }
        /* Büyük ekran: 4 slide */
        .home-page-slider-container.horizontal-slider-container .slide {
            flex: 0 0 80% !important; /* 2 slide yan yana */
            height: auto;
            display: flex;
        }

            .home-page-slider-container.horizontal-slider-container .slide .card-body {
                min-height: 158px;
                padding: 0.5rem;
            }

                .home-page-slider-container.horizontal-slider-container .slide .card-body img.h-9 {
                    height: 1.9rem !important;
                }


    .home-page-first-title {
        font-size: 1.9rem;
    }
}
/*

@media (max-width: 991.98px) {

    .home-page .logo-container {
        transform: translate(-50%, -40%);
    }

    .home-page .intro-text {
        margin-bottom: 2.6rem;
    }
}*/

.home-page .logo-container img {
    width: auto !important;
    height: auto !important;
}

    .home-page .logo-container img.btb-logo {
        height: 95px !important;
        width: auto !important;
    }

    .home-page .logo-container img.ronesans-logo {
        height: 30px !important;
        width: auto !important;
    }


.home-page .intro-logos img {
    margin-bottom: 2.5rem;
}



.home-page #bannerVideoDesktop {
    display: none;
}

.home-page #bannerVideoMobile {
    display: none;
}

@media (min-width: 992px) {
    .home-page #bannerVideoDesktop {
        display: block;
    }
}

@media (max-width: 991px) {
    .home-page #bannerVideoMobile {
        display: block;
    }
}


/* tüm focus çizgilerini gizler (erişilebilirliği azaltır) */
:focus,
:focus-visible,
:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-focus-ring-color: transparent !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    /*color: var(--bs-dropdown-link-hover-color) !important;*/
    color: #74c3cf !important;
    background-color: initial !important;
}

footer.bg-navy .dropdown-item:focus, footer.bg-navy .dropdown-item:hover {
    /*color: #fff !important;*/
}



.dropdown-item a:focus, .dropdown-item a:hover {
    /*color: var(--bs-dropdown-link-hover-color) !important;*/
    color: #74c3cf !important;
    background-color: var(--bs-dropdown-link-hover-bg);
}


.main-maps-container .map-point {
    position: absolute;
    display: block;
    width: 36px;
    height: 40px;
    cursor: pointer;
    transform: translate(-50%, -50%); /* merkezden başlatmak için */
}

.main-maps-container .tooltip {
    position: absolute;
    background: rgba(255,255,255);
    /*color: white;*/
    padding: 4px 8px;
    /*border-radius: 6px;*/
    font-size: 1rem;
    display: none;
    z-index: 999;
    white-space: nowrap;
    box-shadow: -4px 4px 8px rgba(0,0,0,0.3); /* sol-alt gölge */
}


@media (max-width: 991.98px) {
    .banner {
        height: calc(100vh - 400px);
    }
}




.form-label {
    margin-bottom: 0.5rem;
    color: #55c5d1;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.27;
    color: #55c5d1;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: calc(1.2625rem + 0.15vw);
}

@media (min-width: 1200px) {
    .col-form-label-lg {
        font-size: 1.375rem;
    }
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.9625rem;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-secondary-color);
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 300;
    line-height: 1.27;
    color: #55c5d1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #55c5d1;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (min-width: 1200px) {
    .form-control {
        font-size: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type=file] {
    overflow: hidden;
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.form-control:focus {
    color: #55c5d1;
    background-color: transparent;
    border-color: #aae2e8;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(85, 197, 209, 0.25);
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.27em;
    margin: 0;
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0;
}

.form-control::-moz-placeholder {
    color: #55c5d1;
    opacity: 1;
}

.form-control::placeholder {
    color: #55c5d1;
    opacity: 1;
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #55c5d1;
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.27;
    color: #55c5d1;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext:focus {
        outline: 0;
    }

    .form-control-plaintext.form-control-sm,
    .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    min-height: calc(1.27em + 0.5rem + calc(1px * 2));
    padding: 0.25rem 0.5rem;
    font-size: 0.9625rem;
    border-radius: var(--bs-border-radius-sm);
}

    .form-control-sm::file-selector-button {
        padding: 0.25rem 0.5rem;
        margin: -0.25rem -0.5rem;
        margin-inline-end: 0.5rem;
    }

.form-control-lg {
    min-height: calc(1.27em + 1rem + calc(1px * 2));
    padding: 0.5rem 1rem;
    font-size: calc(1.2625rem + 0.15vw);
    border-radius: var(--bs-border-radius-lg);
}

@media (min-width: 1200px) {
    .form-control-lg {
        font-size: 1.375rem;
    }
}

.form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem;
}

textarea.form-control {
    min-height: calc(1.27em + 0.75rem + calc(1px * 2));
}

textarea.form-control-sm {
    min-height: calc(1.27em + 0.5rem + calc(1px * 2));
}

textarea.form-control-lg {
    min-height: calc(1.27em + 1rem + calc(1px * 2));
}

.form-control-color {
    width: 3rem;
    height: calc(1.27em + 0.75rem + calc(1px * 2));
    padding: 0.375rem;
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: 0;
    }

    .form-control-color::-webkit-color-swatch {
        border: 0 !important;
        border-radius: 0;
    }

    .form-control-color.form-control-sm {
        height: calc(1.27em + 0.5rem + calc(1px * 2));
    }

    .form-control-color.form-control-lg {
        height: calc(1.27em + 1rem + calc(1px * 2));
    }

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 300;
    line-height: 1.27;
    color: #55c5d1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #55c5d1;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (min-width: 1200px) {
    .form-select {
        font-size: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: #aae2e8;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(85, 197, 209, 0.25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.form-select:disabled {
    background-color: var(--bs-secondary-bg);
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #55c5d1;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.9625rem;
    border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: calc(1.2625rem + 0.15vw);
    border-radius: var(--bs-border-radius-lg);
}

@media (min-width: 1200px) {
    .form-select-lg {
        font-size: 1.375rem;
    }
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
    display: block;
    min-height: 1.397rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
}

    .form-check-reverse .form-check-input {
        float: right;
        margin-right: -1.5em;
        margin-left: 0;
    }

.form-check-input {
    --bs-form-check-bg: transparent;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.135em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

    .form-check-input[type=checkbox] {
        border-radius: 0.25em;
    }

    .form-check-input[type=radio] {
        border-radius: 50%;
    }

    .form-check-input:active {
        filter: brightness(90%);
    }

    .form-check-input:focus {
        border-color: #aae2e8;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(85, 197, 209, 0.25);
    }

    .form-check-input:checked {
        background-color: #55c5d1;
        border-color: #55c5d1;
    }

        .form-check-input:checked[type=checkbox] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
        }

        .form-check-input:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
        }

    .form-check-input[type=checkbox]:indeterminate {
        background-color: #55c5d1;
        border-color: #55c5d1;
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    }

    .form-check-input:disabled {
        pointer-events: none;
        filter: none;
        opacity: 0.5;
    }

        .form-check-input[disabled] ~ .form-check-label,
        .form-check-input:disabled ~ .form-check-label {
            cursor: default;
            opacity: 0.5;
        }

.form-switch {
    padding-left: 2.5em;
}

    .form-switch .form-check-input {
        --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        width: 2em;
        margin-left: -2.5em;
        background-image: var(--bs-form-switch-bg);
        background-position: left center;
        border-radius: 2em;
        transition: background-position 0.15s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23aae2e8'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
}

    .form-switch.form-check-reverse .form-check-input {
        margin-right: -2.5em;
        margin-left: 0;
    }

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

    .btn-check[disabled] + .btn,
    .btn-check:disabled + .btn {
        pointer-events: none;
        filter: none;
        opacity: 0.65;
    }

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
}

    .form-range:focus {
        outline: 0;
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(85, 197, 209, 0.25);
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(85, 197, 209, 0.25);
        }

    .form-range::-moz-focus-outer {
        border: 0;
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        -webkit-appearance: none;
        appearance: none;
        background-color: #55c5d1;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #cceef1;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
    appearance: none;
    background-color: #55c5d1;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #cceef1;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem;
}

.form-range:disabled {
    pointer-events: none;
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: var(--bs-secondary-color);
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: var(--bs-secondary-color);
    }

.form-floating {
    position: relative;
}

    .form-floating > .form-control,
    .form-floating > .form-control-plaintext,
    .form-floating > .form-select {
        height: calc(3rem + 2px);
        min-height: calc(3rem + 2px);
        line-height: 1.25;
    }

    .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        max-width: 100%;
        height: 100%;
        padding: 0.8rem 0;
        overflow: hidden;
        color: rgba(var(--bs-body-color-rgb), 1);
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid transparent;
        transform-origin: 0 0;
        transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: 0.8rem 0;
}

    .form-floating > .form-control::-moz-placeholder,
    .form-floating > .form-control-plaintext::-moz-placeholder {
        color: transparent;
    }

    .form-floating > .form-control::placeholder,
    .form-floating > .form-control-plaintext::placeholder {
        color: transparent;
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown),
    .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
        padding-top: 1.2rem;
        padding-bottom: 0;
    }

    .form-floating > .form-control:focus,
    .form-floating > .form-control:not(:placeholder-shown),
    .form-floating > .form-control-plaintext:focus,
    .form-floating > .form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.2rem;
        padding-bottom: 0;
    }

    .form-floating > .form-control:-webkit-autofill,
    .form-floating > .form-control-plaintext:-webkit-autofill {
        padding-top: 1.2rem;
        padding-bottom: 0;
    }

.form-floating > .form-select {
    padding-top: 1.2rem;
    padding-bottom: 0;
    padding-left: 0;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > textarea:not(:-moz-placeholder-shown) ~ label::after {
    position: absolute;
    inset: 0.8rem 0;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: transparent;
    border-radius: 0;
}

.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
    position: absolute;
    inset: 0.8rem 0;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: transparent;
    border-radius: 0;
}

.form-floating > textarea:disabled ~ label::after {
    background-color: var(--bs-secondary-bg);
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0;
}

.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
    color: #6c757d;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .form-floating {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

        .input-group > .form-control:focus,
        .input-group > .form-select:focus,
        .input-group > .form-floating:focus-within {
            z-index: 5;
        }

    .input-group .btn {
        position: relative;
        z-index: 2;
    }

        .input-group .btn:focus {
            z-index: 5;
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 300;
    line-height: 1.27;
    color: #55c5d1;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: 1px solid #55c5d1;
    border-radius: 0;
}

@media (min-width: 1200px) {
    .input-group-text {
        font-size: 1.5rem;
    }
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: calc(1.2625rem + 0.15vw);
    border-radius: var(--bs-border-radius-lg);
}

@media (min-width: 1200px) {
    .input-group-lg > .form-control,
    .input-group-lg > .form-select,
    .input-group-lg > .input-group-text,
    .input-group-lg > .btn {
        font-size: 1.375rem;
    }
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.9625rem;
    border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(-1 * 1px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-valid-color);
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.9625rem;
    color: #fff;
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.27em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3175em + 0.1875rem) center;
    background-size: calc(0.635em + 0.375rem) calc(0.635em + 0.375rem);
}

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.27em + 0.75rem);
    background-position: top calc(0.3175em + 0.1875rem) right calc(0.3175em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

    .was-validated .form-select:valid:not([multiple]):not([size]),
    .was-validated .form-select:valid:not([multiple])[size="1"],
    .form-select.is-valid:not([multiple]):not([size]),
    .form-select.is-valid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right 0.75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(0.635em + 0.375rem) calc(0.635em + 0.375rem);
    }

    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus {
        border-color: var(--bs-form-valid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
    width: calc(3rem + calc(1.27em + 0.75rem));
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color);
}

    .was-validated .form-check-input:valid:checked,
    .form-check-input.is-valid:checked {
        background-color: var(--bs-form-valid-color);
    }

    .was-validated .form-check-input:valid:focus,
    .form-check-input.is-valid:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
    }

    .was-validated .form-check-input:valid ~ .form-check-label,
    .form-check-input.is-valid ~ .form-check-label {
        color: var(--bs-form-valid-color);
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid,
.input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
    z-index: 3;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.9625rem;
    color: #fff;
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.27em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3175em + 0.1875rem) center;
    background-size: calc(0.635em + 0.375rem) calc(0.635em + 0.375rem);
}

    .was-validated .form-control:invalid:focus,
    .form-control.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.27em + 0.75rem);
    background-position: top calc(0.3175em + 0.1875rem) right calc(0.3175em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

    .was-validated .form-select:invalid:not([multiple]):not([size]),
    .was-validated .form-select:invalid:not([multiple])[size="1"],
    .form-select.is-invalid:not([multiple]):not([size]),
    .form-select.is-invalid:not([multiple])[size="1"] {
        --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
        padding-right: 4.125rem;
        background-position: right 0.75rem center, center right 2.25rem;
        background-size: 16px 12px, calc(0.635em + 0.375rem) calc(0.635em + 0.375rem);
    }

    .was-validated .form-select:invalid:focus,
    .form-select.is-invalid:focus {
        border-color: var(--bs-form-invalid-border-color);
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
    width: calc(3rem + calc(1.27em + 0.75rem));
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

    .was-validated .form-check-input:invalid:checked,
    .form-check-input.is-invalid:checked {
        background-color: var(--bs-form-invalid-color);
    }

    .was-validated .form-check-input:invalid:focus,
    .form-check-input.is-invalid:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
    }

    .was-validated .form-check-input:invalid ~ .form-check-label,
    .form-check-input.is-invalid ~ .form-check-label {
        color: var(--bs-form-invalid-color);
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
    z-index: 4;
}


body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.content-wrapper {
    overflow-x: hidden;
}

figure {
    margin-bottom: 0;
}

    figure img {
        width: 100%;
        height: auto;
    }

a.body-link {
    /*border-bottom: 1px solid currentColor;*/
    transition: all 0.2s ease-in-out;
    border-bottom: none;
}

.body-link.text-underline {
    text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
    a .body-link {
        transition: none;
    }
}

a.body-link:hover {
    color: #55c5d1;
    border-color: #55c5d1;
}

.banner {
    height: 38rem;
}

    .banner img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media (max-width: 991.98px) {
    .banner {
        height: 20rem;
    }
}

h1,
.h1 {
    line-height: 1.06;
}

h2,
.h2 {
    line-height: 1.1;
}

h3,
.h3 {
    line-height: 1.2;
}

h4,
.h4 {
    line-height: 1.27;
}

h5,
.h5 {
    line-height: 1.4;
}

h6,
.h6 {
    line-height: 1.2;
}

.display-1 {
    white-space: nowrap;
}

.display-2 {
    font-weight: 300;
    line-height: 1;
}

@media (max-width: 991.98px) {
    .display-1 {
        font-weight: 8.5vw;
        font-weight: 300;
    }
}

.number-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

    .number-list li {
        display: flex;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        align-items: top;
    }

        .number-list li .number {
            width: 1.9rem;
            height: 1.9rem;
            font-size: 1.2rem;
            background: #55c5d1;
            font-weight: 600;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            flex-shrink: 0;
        }

.gallery {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
    flex-wrap: nowrap;
}

.navbar {
    border-bottom: 1px solid rgba(39, 54, 97, 0.5);
    background-color: #fff;
    z-index: 100;
}

.navbar-brand {
    line-height: 1;
    display: block;
}


.navbar-brand-wrapper {
    font-size: 0.75rem;
}

.nav-link {
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .navbar {
        padding: 4rem 0 1.5rem 0;
    }
}

.dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dropdown-item {
    white-space: normal;
    font-size: 0.6rem;
}

    .dropdown-item a {
        transition: all 0.2s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .dropdown-item a {
        transition: none;
    }
}

.dropdown-header {
    font-size: 0.8rem;
    font-weight: 300;
}

.dropdown-menu .dropdown {
    padding: 0;
    margin: 0;
}

    .dropdown-menu .dropdown hr {
        border-color: #273661;
        opacity: 0.5;
    }

.dropdown-toggle::after {
    display: none;
}

@media (min-width: 992px) {
    .dropdown-item {
        margin-bottom: 0.75rem;
    }

    .dropdown-menu.mega-menu {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .dropdown-header {
        margin-bottom: 1.75rem;
    }
}

@media (max-width: 991.98px) {
    .dropdown {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    .dropdown-item {
        padding: 1rem 0;
        border-bottom: 1px solid rgba(39, 54, 97, 0.5);
    }

        .dropdown-item a {
            display: block;
        }

    footer .dropdown-item {
        border-color: rgba(255, 255, 255, 0.5);
    }

    .dropdown-menu.mega-menu {
        display: block;
        position: static;
        float: none;
        flex-direction: column;
        text-align: center;
    }

        .dropdown-menu.mega-menu hr {
            display: none;
        }
}

.social-nav a {
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #273661;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .social-nav a.white {
        border-color: #fff;
    }

    .social-nav a img {
        width: 0.85rem;
        height: auto;
    }

.btn {
    --bs-btn-color: #273661;
    --bs-btn-bg: transparent;
    --bs-btn-hover-color: #273661;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-color: #273661;
    --bs-btn-active-bg: transparent;
    --bs-btn-border-color: #273661;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 13px;
    --bs-btn-hover-border-color: #273661;
    --bs-btn-font-weight: 300;
    font-size: 0.8rem;
    padding: 0.2rem 0.8rem;
    align-self: flex-start;
}

.btn-white {
    text-transform: uppercase;
    padding: 0.5rem 1rem 0.4rem;
    font-size: 0.7rem;
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: transparent;
    --bs-btn-border-color: #fff;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 17px;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-font-weight: 300;
}

.btn-navy {
    text-transform: uppercase;
    padding: 0.5rem 1rem 0.4rem;
    font-size: 0.7rem;
    --bs-btn-color: #273661;
    --bs-btn-bg: transparent;
    --bs-btn-hover-color: #273661;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-color: #273661;
    --bs-btn-active-bg: transparent;
    --bs-btn-border-color: #273661;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 17px;
    --bs-btn-hover-border-color: #273661;
    --bs-btn-font-weight: 300;
}

.btn-aqua {
    text-transform: uppercase;
    padding: 0.5rem 1rem 0.4rem;
    font-size: 0.7rem;
    --bs-btn-color: #fff;
    --bs-btn-bg: #55c5d1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #273661;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #273661;
    --bs-btn-border-color: #fff;
    --bs-btn-border-radius: 17px;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-active-border-color: #fff;
    --bs-btn-font-weight: 300;
}

.btn-group .dropdown-toggle::after {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: -2px -10px 0 5px;
    vertical-align: middle;
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.97 122.96'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 12px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolyline class='cls-1' points='6 6 61.48 61.48 6 116.96'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
}

.btn-navy.dropdown-toggle:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.97 122.96'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23273661; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 12px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolyline class='cls-1' points='6 6 61.48 61.48 6 116.96'/%3E%3C/g%3E%3C/svg%3E");
}

.badge {
    border: 1px solid #273661;
    /*font-size: calc(1.255rem + 0.06vw);*/
    font-size: 1.0rem;
}

@media (min-width: 1200px) {
    .badge {
        font-size: 1.0rem;
    }
}

.badge.badge-primary {
    border-radius: 0.75rem;
    padding: 0.15rem 1rem;
    color: #55c5d1;
    border-color: #55c5d1;
}

.shape {
    position: absolute;
}

    .shape.shape-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 1;
        right: 0;
        bottom: 0;
    }

    .shape .shape-d-1 {
        margin-bottom: -5rem;
        margin-right: 3rem;
        height: 15rem;
    }

    .shape.shape-d-2 {
        top: 48%;
        left: 48%;
        height: 15rem;
        z-index: -1;
        transform: translateY(-50%);
    }

    .shape.shape-d-3 {
        right: 0;
        bottom: -5rem;
        height: 9rem;
    }

    .shape.shape-b-d-1 {
        height: 9rem;
        right: 0;
        bottom: 0;
    }

    .shape.shape-b-d-2 {
        left: 10rem;
        top: 50%;
        transform: translateY(-50%);
        bottom: 2rem;
        height: 15rem;
    }

    .shape.shape-b-d-3 {
        height: 15rem;
        top: 0;
        right: 0;
    }

    .shape.shape-w-map {
        left: -10rem;
        top: 0;
        height: 40rem;
        z-index: 0;
    }

@media (max-width: 991.98px) {
    .shape.shape-group {
        z-index: 0;
        width: 10rem;
        height: auto;
    }

    .shape.shape-d-2 {
        transform: translateY(0%);
        bottom: 5rem;
        top: auto;
        height: 10rem;
        left: auto;
        right: 0;
    }

    .shape.shape-d-3 {
        height: 9rem;
        left: auto;
        right: -60%;
        bottom: 15rem;
    }

    .gallery {
        overflow-x: scroll;
        /*max-height: 70vw;*/
        overflow-y: hidden;
    }

        .gallery img {
            width: calc(80vw - 40px);
        }

    .business-container .arrow {
        top: 36%;
    }

    .pin-container {
        width: 100%;
        text-align: center;
    }

    #tailored-investor-service .img-pin {
        height: 5.0rem !important;
    }

    .access-connectivity-container .facilities-list {
        margin-top: 3rem;
    }
}

.step {
    font-size: calc(4.925rem + 44.1vw);
    font-weight: 700;
    line-height: 0.75;
    letter-spacing: -17%;
    color: #fff;
    z-index: -1;
}

@media (min-width: 1200px) {
    .step {
        font-size: 38rem;
    }
}

.step.step-1 {
    right: 0;
    bottom: 0;
}

.step.step-2 {
    right: -1rem;
    bottom: 0;
}

.step.step-3 {
    right: 6rem;
    bottom: 6rem;
}

.step.step-4 {
    left: 0;
    bottom: 6rem;
}

.step.step-5 {
    right: 4rem;
    bottom: 6rem;
}

@media (max-width: 991.98px) {
    .card-body {
        padding: 1rem;
    }
}

footer {
    font-size: 0.5rem;
}

    footer .dropdown-item a:hover {
        color: #55c5d1;
    }

    footer hr {
        border-color: #fff;
        opacity: 0.3;
    }

}

.fs-155 {
    font-size: calc(1.9rem + 7.8vw) !important;
}

@media (min-width: 1200px) {
    .fs-155 {
        font-size: 7.75rem !important;
    }
}

.fs-156 {
    font-size: calc(1.905rem + 7.86vw) !important;
}

@media (min-width: 1200px) {
    .fs-156 {
        font-size: 7.8rem !important;
    }
}

.fs-157 {
    font-size: calc(1.91rem + 7.92vw) !important;
}

@media (min-width: 1200px) {
    .fs-157 {
        font-size: 7.85rem !important;
    }
}

.fs-158 {
    font-size: calc(1.915rem + 7.98vw) !important;
}

@media (min-width: 1200px) {
    .fs-158 {
        font-size: 7.9rem !important;
    }
}

.fs-159 {
    font-size: calc(1.92rem + 8.04vw) !important;
}

@media (min-width: 1200px) {
    .fs-159 {
        font-size: 7.95rem !important;
    }
}

.fs-160 {
    font-size: calc(1.925rem + 8.1vw) !important;
}

@media (min-width: 1200px) {
    .fs-160 {
        font-size: 8rem !important;
    }
}

.fs-161 {
    font-size: calc(1.93rem + 8.16vw) !important;
}

@media (min-width: 1200px) {
    .fs-161 {
        font-size: 8.05rem !important;
    }
}

.fs-162 {
    font-size: calc(1.935rem + 8.22vw) !important;
}

@media (min-width: 1200px) {
    .fs-162 {
        font-size: 8.1rem !important;
    }
}

.fs-163 {
    font-size: calc(1.94rem + 8.28vw) !important;
}

@media (min-width: 1200px) {
    .fs-163 {
        font-size: 8.15rem !important;
    }
}

.fs-164 {
    font-size: calc(1.945rem + 8.34vw) !important;
}

@media (min-width: 1200px) {
    .fs-164 {
        font-size: 8.2rem !important;
    }
}

.fs-165 {
    font-size: calc(1.95rem + 8.4vw) !important;
}

@media (min-width: 1200px) {
    .fs-165 {
        font-size: 8.25rem !important;
    }
}

.fs-166 {
    font-size: calc(1.955rem + 8.46vw) !important;
}

@media (min-width: 1200px) {
    .fs-166 {
        font-size: 8.3rem !important;
    }
}

.fs-167 {
    font-size: calc(1.96rem + 8.52vw) !important;
}

@media (min-width: 1200px) {
    .fs-167 {
        font-size: 8.35rem !important;
    }
}

.fs-168 {
    font-size: calc(1.965rem + 8.58vw) !important;
}

@media (min-width: 1200px) {
    .fs-168 {
        font-size: 8.4rem !important;
    }
}

.fs-169 {
    font-size: calc(1.97rem + 8.64vw) !important;
}

@media (min-width: 1200px) {
    .fs-169 {
        font-size: 8.45rem !important;
    }
}

.fs-170 {
    font-size: calc(1.975rem + 8.7vw) !important;
}

@media (min-width: 1200px) {
    .fs-170 {
        font-size: 8.5rem !important;
    }
}

.fs-171 {
    font-size: calc(1.98rem + 8.76vw) !important;
}

@media (min-width: 1200px) {
    .fs-171 {
        font-size: 8.55rem !important;
    }
}

.fs-172 {
    font-size: calc(1.985rem + 8.82vw) !important;
}

@media (min-width: 1200px) {
    .fs-172 {
        font-size: 8.6rem !important;
    }
}

.fs-173 {
    font-size: calc(1.99rem + 8.88vw) !important;
}

@media (min-width: 1200px) {
    .fs-173 {
        font-size: 8.65rem !important;
    }
}

.fs-174 {
    font-size: calc(1.995rem + 8.94vw) !important;
}

@media (min-width: 1200px) {
    .fs-174 {
        font-size: 8.7rem !important;
    }
}

.fs-175 {
    font-size: calc(2rem + 9vw) !important;
}

@media (min-width: 1200px) {
    .fs-175 {
        font-size: 8.75rem !important;
    }
}

.fs-176 {
    font-size: calc(2.005rem + 9.06vw) !important;
}

@media (min-width: 1200px) {
    .fs-176 {
        font-size: 8.8rem !important;
    }
}

.fs-177 {
    font-size: calc(2.01rem + 9.12vw) !important;
}

@media (min-width: 1200px) {
    .fs-177 {
        font-size: 8.85rem !important;
    }
}

.fs-178 {
    font-size: calc(2.015rem + 9.18vw) !important;
}

@media (min-width: 1200px) {
    .fs-178 {
        font-size: 8.9rem !important;
    }
}

.fs-179 {
    font-size: calc(2.02rem + 9.24vw) !important;
}

@media (min-width: 1200px) {
    .fs-179 {
        font-size: 8.95rem !important;
    }
}

.fs-180 {
    font-size: calc(2.025rem + 9.3vw) !important;
}

@media (min-width: 1200px) {
    .fs-180 {
        font-size: 9rem !important;
    }
}

.fs-181 {
    font-size: calc(2.03rem + 9.36vw) !important;
}

@media (min-width: 1200px) {
    .fs-181 {
        font-size: 9.05rem !important;
    }
}

.fs-182 {
    font-size: calc(2.035rem + 9.42vw) !important;
}

@media (min-width: 1200px) {
    .fs-182 {
        font-size: 9.1rem !important;
    }
}

.fs-183 {
    font-size: calc(2.04rem + 9.48vw) !important;
}

@media (min-width: 1200px) {
    .fs-183 {
        font-size: 9.15rem !important;
    }
}

.fs-184 {
    font-size: calc(2.045rem + 9.54vw) !important;
}

@media (min-width: 1200px) {
    .fs-184 {
        font-size: 9.2rem !important;
    }
}

.fs-185 {
    font-size: calc(2.05rem + 9.6vw) !important;
}

@media (min-width: 1200px) {
    .fs-185 {
        font-size: 9.25rem !important;
    }
}

.fs-186 {
    font-size: calc(2.055rem + 9.66vw) !important;
}

@media (min-width: 1200px) {
    .fs-186 {
        font-size: 9.3rem !important;
    }
}

.fs-187 {
    font-size: calc(2.06rem + 9.72vw) !important;
}

@media (min-width: 1200px) {
    .fs-187 {
        font-size: 9.35rem !important;
    }
}

.fs-188 {
    font-size: calc(2.065rem + 9.78vw) !important;
}

@media (min-width: 1200px) {
    .fs-188 {
        font-size: 9.4rem !important;
    }
}

.fs-189 {
    font-size: calc(2.07rem + 9.84vw) !important;
}

@media (min-width: 1200px) {
    .fs-189 {
        font-size: 9.45rem !important;
    }
}

.fs-190 {
    font-size: calc(2.075rem + 9.9vw) !important;
}

@media (min-width: 1200px) {
    .fs-190 {
        font-size: 9.5rem !important;
    }
}

.fs-191 {
    font-size: calc(2.08rem + 9.96vw) !important;
}

@media (min-width: 1200px) {
    .fs-191 {
        font-size: 9.55rem !important;
    }
}

.fs-192 {
    font-size: calc(2.085rem + 10.02vw) !important;
}

@media (min-width: 1200px) {
    .fs-192 {
        font-size: 9.6rem !important;
    }
}

.fs-193 {
    font-size: calc(2.09rem + 10.08vw) !important;
}

@media (min-width: 1200px) {
    .fs-193 {
        font-size: 9.65rem !important;
    }
}

.fs-194 {
    font-size: calc(2.095rem + 10.14vw) !important;
}

@media (min-width: 1200px) {
    .fs-194 {
        font-size: 9.7rem !important;
    }
}

.fs-195 {
    font-size: calc(2.1rem + 10.2vw) !important;
}

@media (min-width: 1200px) {
    .fs-195 {
        font-size: 9.75rem !important;
    }
}

.fs-196 {
    font-size: calc(2.105rem + 10.26vw) !important;
}

.btn-learn-more-white {
    color: #fff;
    border-color: #fff;
}


@media (min-width: 1200px) {
    .fs-196 {
        font-size: 9.8rem !important;
    }
}

@media (max-width: 991.98px) {


    .dropdown-toggle::after {
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        margin: 1px 0 0 5px;
        vertical-align: middle;
        content: "";
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.96 69.97'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23273661; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 12px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolyline class='cls-1' points='116.96 6 61.48 61.48 6 6'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        transition: transform 0.3s ease, margin 0.3s ease; /* animasyon */
    }

    .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(180deg);
        margin-bottom: 5px;
    }


    .dropdown-menu.mega-menu .container {
        padding: 0 !important;
        width: calc(75vw - 50px);
    }

    .dropdown-submenu .dropdown-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        display: block;
    }

        .dropdown-submenu .dropdown-menu.show {
            max-height: 500px; /* menünün yükseklikten büyük bir değer olmalı */
        }

    .navbar-collapse.offcanvas {
        overflow-y: scroll;
    }

    .navbar-nav {
        margin-bottom: 2rem;
    }

    .home-page .shape-tgt {
        width: 80vw;
    }

    .home-page .shape .shape-d-1 {
        height: 6rem;
        position: absolute;
        top: -61vh;
        right: -10vw;
    }




    h1, .h1 {
        font-size: 1.5rem;
    }


    h2, .h2 {
        font-size: 1.1rem;
    }

        h2.h1 {
            font-size: 1.4rem;
        }



    .content-container .text-container {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .content-container figure {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    h1.display-2 {
        font-size: 1.8rem !important;
    }

    h2.display-1 {
        font-size: 1.4rem !important;
    }

    footer .dropdown-menu.show {
        inset: initial !important;
        margin: initial !important;
        transform: none !important;
    }

    .who-we-are-container .shape.step {
        display: none;
    }

    .who-we-are-container .mt-n20,
    .who-we-are-container .mt-n10 {
        margin-top: initial !important;
    }

    .who-we-are-container .card {
        margin-top: 2rem;
    }

    .vision-container .energy-container,
    .sustainability-container .energy-container {
        padding: 2rem 0;
    }

        .vision-container .energy-container .content,
        .sustainability-container .energy-container {
            margin-bottom: 0;
        }

    .vision-container .properties-container .slideRight1 {
        width: 100%;
    }

    .ronesans-container img {
        max-width: calc(100vw - 2.5rem);
    }

    .access-connectivity-container .arrow {
        top: 35%;
    }

    .access-connectivity-container .image-3 {
        margin-top: 0;
    }

    .access-connectivity-container .facilities-content {
        width: 100% !important;
        margin-left: 0% !important;
    }

    .access-connectivity-container .content {
        width: 90%;
    }

    .access-connectivity-container .numbers-container img {
        position: static;
        margin-left: 0;
        margin-bottom: 2rem;
    }

    .access-connectivity-container .shape.shape-d-1 {
        display: none;
    }

    .international-companies-container .company-item {
        padding: 10px 10px;
    }

        .international-companies-container .company-item .logo {
            margin-left: 1.0rem;
        }



            .international-companies-container .company-item .logo img {
                max-width: 20vw;
            }

    .ongoing-companies-container .site-container .content-container {
        width: 100%;
    }

    .ongoing-companies-container .site-container.site-container-right .content-container {
        margin-left: 0;
        margin-top: 1rem;
    }

    .services-container .services-list-container .img1 {
        width: 20vw;
        display: inline-block;
        vertical-align: middle;
    }

    .services-container .services-list-container .img2 {
        width: 50vw;
        display: inline-block;
        vertical-align: middle;
        margin-left: 1rem !important;
    }

    .maps-container .main-maps-container {
        width: 100%;
        margin-left: 0;
    }

    .maps-container .map-2-legend-holder img {
        max-width: 20vw;
    }

    .slideRightFirst {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }

    .mobile-logo {
        padding: 4rem calc(var(--bs-gutter-x) * .5) 3rem calc(var(--bs-gutter-x) * .5);
    }

    .offcanvas-start.show {
        transform: translateX(0) !important;
    }

        .offcanvas-start.show .navbar-nav {
            opacity: 1;
        }

    .offcanvas-start {
        transform: translateX(-100%) !important;
        transition: all 0.3s ease-in-out !important;
    }

        .offcanvas-start .navbar-nav {
            opacity: 0;
        }

    .dropdown-submenu .dropdown-menu .dropdown-item {
        border: none;
        padding: 0.4rem 0;
        text-align: center;
    }

        .dropdown-submenu .dropdown-menu .dropdown-item:first-child {
            padding-top: 1rem;
        }

        .dropdown-submenu .dropdown-menu .dropdown-item:last-child {
            border-bottom: 1px solid rgba(39, 54, 97, 0.5);
            padding-bottom: 1rem;
        }



    footer .dropdown {
        border-top: none;
    }


    footer .dropdown-submenu .dropdown-menu .dropdown-item:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }



    .btn-language .dropdown-item {
        border: none;
    }


    figure img {
        max-width: calc(100vw - var(--bs-gutter-x));
    }

    .shape:not(.shape-w-map) {
        display: none;
    }

    .ongoing-companies-container .logo-container-2 {
        margin-top: 0;
        margin-bottom: 2rem;
    }

        .ongoing-companies-container .logo-container-2 img {
            max-width: calc(40vw - 10px); /* genişlik sınırı */
            height: auto; /* oranı koru */
            object-fit: contain; /* sığdır, bozulmasın */
        }

    .ongoing-companies-container .site-container .logo-container {
        margin-top: 2rem;
    }
}

.btn-language .dropdown-toggle {
    padding-right: 1.4rem;
}

    .btn-language .dropdown-toggle::after {
        position: absolute;
        right: 15px;
        top: 12px;
    }

    .btn-language .dropdown-toggle.show::after {
        right: 18px;
    }

.btn-language .dropdown-menu {
    position: absolute;
}

.btn-language .dropdown-toggle[aria-expanded="true"]::after {
    transition: transform 0.3s ease, margin 0.3s ease; /* animasyon */
    transform: rotate(90deg);
    margin-top: 3px;
}


.navbar-nav .dropdown-header,
footer .dropdown-header {
    cursor: default;
}

    .navbar-nav .dropdown-header:hover {
        color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)) !important;
    }

    footer .dropdown-header:hover {
        color: #fff !important;
    }

.horizontal-slider .slide .card h3 {
    height: 2.9rem;
}

.horizontal-slider .slide .card h4 {
    height: 2.9rem;
}

.horizontal-slider .slide .card-img-bottom.d-lg-inline-block {
    max-height: 500px;
    height: 500px;
}


footer .dropdown-menu {
    background-color: transparent !important;
}

footer .dropdown-item {
    color: #fff;
}


    footer .dropdown-item a {
        color: #fff !important;
    }

.offcanvas.offcanvas-start {
    width: 100%;
}

@media (min-width: 991.98px) {
    .dropdown.d-lg-flex > li {
        flex: 0 1 auto;
        text-align: left; /* ortalı olmasını istemiyorsan */
        margin-bottom: 220px;
    }

    .main-menu-container {
        margin-right: 40px !important;
    }



    /* Menü elemanları tek satırda kalsın */
    footer .dropdown.d-lg-flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }

        /* Menü öğeleri içerik genişliğinde */
        footer .dropdown.d-lg-flex > li {
            flex: 0 1 auto;
            text-align: left; /* ortalı olmasını istemiyorsan */
            margin-bottom: 190px;
        }

            /* Menü başlıkları tek satır */
            footer .dropdown.d-lg-flex > li > .dropdown-header,
            footer .dropdown.d-lg-flex > li > h6 {
                white-space: nowrap;
            }

    footer .dropdown-submenu {
        position: relative; /* referans noktası */
    }

    .dropdown-submenu > .dropdown-menu {
        width: 170px;
    }

    footer .dropdown-submenu > .dropdown-menu {
        position: absolute;
        top: 100%; /* ana menünün altına */
        left: 0;
        width: 170px;
    }

    footer .menu-container {
        /*min-height: 240px;*/
        margin-right: 55px;
    }


    footer .footer-text {
        margin-left: -30px;
    }


    .home-page-first-title {
        font-size: 3rem;
    }
}


footer .navbar-brand .dapek-logo {
    height: 56px;
}

footer .navbar-brand .ronesans-logo {
    height: 26px;
}

footer .navbar-brand .btb-logo {
    height: 68px;
}

@media (max-width: 991px) {
    footer .navbar-brand .dapek-logo {
        height: auto;
        width: 100%;
        max-width: 250px;
        margin-bottom: 1rem;
    }

    footer .dropdown-submenu > .dropdown-menu {
        position: static !important;
    }

    footer .dropdown-submenu > .dropdown-menu {
        display: none;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease;
    }

    footer .dropdown-submenu.open > .dropdown-menu {
        display: block;
        max-height: 500px; /* yeterince büyük bir değer */
    }

    footer .navbar-brand {
        text-align: center;
        margin-bottom: 40px;
    }

    footer .footer-content {
        text-align: center;
    }

    footer .footer-text {
        margin-left: 0px;
    }

    footer .btn-language .dropdown-menu.custom-dropdown {
        top: 37px !important;
    }

    footer .menu-container {
        min-width: 100% !important;
        text-align: center !important;
    }
}


@media (max-width: 600px) {
    footer .menu-container {
        min-width: initial !important;
    }
}

@media (max-width: 991px) {
    footer .menu-container {
        min-width: 100%;
        text-align: center !important;
        margin-right: 1.5rem;
    }
}

@media (min-width: 991px) {
    footer .footer-text {
        margin-left: -1.75rem !important;
    }
}


@media (min-width: 991px) and (max-width: 1200px) {
    .display-2 {
        font-size: 4rem;
    }


    footer .ronesans-logo-container {
        margin-left: -3.3rem;
    }

    footer .btb-logo-container {
        margin-left: 3.5rem;
    }

    footer .footer-contact {
        padding-left: 0rem !important;
    }

        footer .footer-contact .d-inline-block:first-child {
            margin-left: -1rem !important;
        }


    footer .footer-text {
        margin-left: -4.2rem !important;
        max-width: 7.5rem;
    }
}


@media (min-width: 1201px) and (max-width: 1400px) {
    .display-2 {
        font-size: 4rem;
    }

    footer .ronesans-logo-container {
        margin-left: -2.8rem;
    }

    footer .btb-logo-container {
        margin-left: 1.2rem;
    }

    footer .footer-contact {
        padding-left: 0rem !important;
    }

        footer .footer-contact .d-inline-block:first-child {
            margin-left: -2rem !important;
        }

    footer .footer-text {
        margin-left: -1.7rem !important;
    }
}

.footer-content .sozlesme-link {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

    .footer-content .sozlesme-link:first-child {
        margin-left: 0;
    }

@media (min-width: 1400px) {
    footer .ronesans-logo-container {
        margin-left: -0.3em;
    }

    footer .btb-logo-container {
        margin-left: 1.4em;
    }

    footer .footer-contact {
        /*padding-left: 1.4rem !important;*/
    }


    footer .footer-text {
        margin-left: -2.25rem !important;
    }

    footer .dropdown.justify-content-between {
        column-gap: 5.4rem !important;
    }
}


@media (min-width: 991px) and (max-width: 1400px) {
    footer .dropdown.justify-content-between {
        column-gap: 3rem !important;
    }

    footer .dropdown.dropdown-submenu,
    footer .dropdown.dropdown-item {
        max-width: 120px;
    }

        footer .dropdown.dropdown-submenu a,
        footer .dropdown.dropdown-item a {
            white-space: initial !important;
        }

    footer .menu-container {
        margin-right: 0 !important;
    }
}


@media (min-width: 1200px) and (max-width: 1400px) {
    footer .dropdown.justify-content-between {
        column-gap: 4.22rem !important;
    }
}
/* Dropdown açıldığında show class'ı ile aktif oluyor */
.btn-language .dropdown-menu.custom-dropdown {
    border-radius: 0.5rem; /* rounded */
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15); /* box-shadow */
    min-width: 100px;
    background-color: #fff !important;
}

    .btn-language .dropdown-menu.custom-dropdown li {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        text-align: center;
        color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity));
        font-size: 1rem;
    }

        .btn-language .dropdown-menu.custom-dropdown li a {
            color: rgb(var(--bs-primary-rgb)) !important;
            font-size: 0.7rem;
        }

    .btn-language .dropdown-menu.custom-dropdown .dropdown-item {
        padding: 0.25rem 1rem;
        color: #000;
    }

        .btn-language .dropdown-menu.custom-dropdown .dropdown-item:hover {
            background-color: #f8f9fa;
        }

a.text-underline {
    display: inline-block;
}

.text-underline p {
    margin-bottom: 0;
}

.news-extra-content {
    font-size: 1rem;
}

@media (min-width: 1200px) {
    .col-xl-45 {
        width: 37.5%;
    }
}

@media (min-width: 992px) {
    .col-lg-45 {
        flex: 0 0 auto;
        width: 37.5%
    }
}


@media (max-width: 576px) {
    .ms-xs-n5 {
        margin-left: -1.25rem !important;
    }

    .me-xs-n5 {
        margin-right: -1.25rem !important;
    }
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff; /* ok rengi */
}

.swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #fff; /* aktif nokta */
}



@media (max-width: 767px) {
    .h5 p br {
        display: none;
    }
}
/* News Carousel */
.news-carousel-wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.news-carousel-viewport {
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.news-carousel-track {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
    align-items: stretch;
}

.news-carousel-item {
    flex: 0 0 calc(100% / 3);
    padding: 0 0.75rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-bottom:5px;
}

.news-carousel-btn {
    background: transparent;
    border: 2px solid var(--bs-primary);
    color: var(--bs-primary);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s, color 0.2s;
    padding: 0;
    margin-top: 6rem;
}

.news-carousel-btn:hover:not(:disabled) {
    background-color: var(--bs-primary);
    color: #fff;
}

.news-carousel-btn:disabled {
    opacity: 0.25;
    cursor: default;
}

.home-news-container .news-carousel-item .article-body {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem 0;
    flex: 1 1 auto;
    min-height: 0;
}

.home-news-container .news-carousel-item .learn-more {
    margin-top: auto;
    align-self: flex-start;
}

@media (max-width: 991.98px) {
    .news-carousel-item {
        flex: 0 0 calc(100% / 2);
    }
}

@media (max-width: 575.98px) {
    .news-carousel-wrapper {
        display: block;
    }

    .news-carousel-viewport {
        width: 100%;
    }

    .news-carousel-item {
        flex: 0 0 100%;
    }

    .news-carousel-btn {
        position: absolute;
        top: 160px;
        z-index: 2;
        width: 2.25rem;
        height: 2.25rem;
        font-size: 1.5rem;
        margin-top: 0;
        background: rgba(255, 255, 255, 0.82);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .news-carousel-prev {
        left: 1.3rem;
    }

    .news-carousel-next {
        right: 1.3rem;
    }

    .home-news-container .news-carousel-item .learn-more {
        align-self: flex-end;
        margin-bottom: 1rem;
    }
}



/*html {*/
/* Tarayıcının doğal kaydırma çubuğunu gizler */
/*overflow: hidden;
}*/

html.has-scroll-smooth {
    overflow: hidden !important;
    position: relative;
    height: 100%;
}

body.home-page {
}
/*
.home-wrapper[data-scroll-container] {
    min-height: 100vh;
}*/


.navbar-brand .sj-header .sj-logo-container img {
    width: 32px !important;
    height: 32px !important;
    /*margin-left: 28px;*/
}

.navbar-brand .sj-header .sj-logo-container .intro-text {
    font-size: 0.5rem;
    margin-bottom: 0 !important;
}

.navbar-brand .sj-header .sj-logo-container {
    margin-top: 0;
    text-align: center;
}

.sj-logo-container {
    margin-top: 65px;
}

.home-page .logo-container .sj-logo-container img {
    width: 32px !important;
    height: 32px !important;
}

.intro-logo-seperator {
    width: 1000px;
    max-width: 90%;
    border-bottom: 1px solid #3b4465;
    margin: 80px auto;
}

@media (max-height: 740px) {

    .intro-logo-seperator {
        margin: 30px auto;
    }
}

.sj-header {
    display: inline-block !important;
    font-size: 0.4rem;
    vertical-align: middle;
    margin-left: 1.1rem;
    border-left: 1px solid #3b4465;
    padding-left: 1.3rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    line-height: 0.4rem;
    color: #3b4465;
}

.sj-footer {
    display: inline-block !important;
    font-size: 0.5rem;
    vertical-align: middle;
    margin-left: 1.4rem;
    border-left: 1px solid #ccc;
    padding-left: 1.3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 0.6rem;
    color: #fff;
}

@media (max-width: 991.98px) {
    .sj-header {
        margin-left: 0.8rem;
        padding-left: 1.0rem;
    }

    .sj-footer {
        display: block !important;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}


.content-container a {
    color: #74c3cf;
    display: inline-block;
    margin-left: 5px;
}

.content-container table {
    border-collapse: collapse;
}

    .content-container table td {
        border: 1px solid #333;
    }


/* =========================================================================
   ANASAYFA VIDEO BANDI — GORUNUM ALTERNATIFLERI
   =========================================================================
   Asagidaki 5 alternatiften SADECE BIRI aktif kalmali, digerleri yoruma
   alinmali. Su an ALTERNATIF 1 aktif.

   Her blok kendi icinde tam kapsayicidir (desktop + mobil), yukaridaki
   temel .banner-caption kurallarinin uzerine yazar. Bloklarin icinde
   bilerek hic yorum satiri kullanilmadi; boylece herhangi bir alternatifi
   tek bir yorum bloguna alip kapatabilirsiniz (CSS yorumlari ic ice
   gecmedigi icin bu onemli).

   DIKKAT: Hicbir alternatif "opacity" tanimlamaz. Bandin acilis zamanlamasi
   custom.js icindeki video "playing" event'ine bagli; opacity eklenirse
   intro sirasinda bant erken gorunur.
   ========================================================================= */


/* ---- ALTERNATIF 1 — Cam efekti (glassmorphism) --------------------------
   Arkasi bulaniklastirilmis yumusak kutu, ince beyaz kenarlik, yuvarlak
   kose. Modern ve hafif; video rengini icine alir.                        */
/*
.home-page .mask-wrapper .banner-caption {
    bottom: 24px;
    left: 24px;
    width: calc(100% - 48px);
    background: rgba(0, 0, 0, .28);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    backdrop-filter: blur(14px) saturate(120%);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 14px;
    padding: 1.15rem 2rem;
}

.home-page .mask-wrapper .banner-caption .banner-caption-text {
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    font-size: 1rem;
    line-height: 1.55;
    letter-spacing: .01em;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

@media (max-width: 991.98px) {
    .home-page .mask-wrapper .banner-caption {
        bottom: 14px;
        left: 14px;
        width: calc(100% - 28px);
        border-radius: 12px;
        padding: .7rem 1rem;
    }

    .home-page .mask-wrapper .banner-caption .banner-caption-text {
        font-size: clamp(.62rem, 3.1vw, .78rem);
        line-height: 1.45;
    }
}
*/

/* ---- ALTERNATIF 2 — Sinematik gradient (kenarsiz) -----------------------
   Kutu yok; alttan yukari kaybolan koyu bir perde. Video ile tamamen
   kaynasir, en "film jenerigi" duran secenek.                             */


.home-page .mask-wrapper .banner-caption {
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .6) 45%, rgba(0, 0, 0, 0) 100%);
    border: 0;
    border-radius: 0;
    padding: 3.2rem 2rem 1.7rem;
}

.home-page .mask-wrapper .banner-caption .banner-caption-text {
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.6;
    letter-spacing: .005em;
    text-align: center;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .65);
}

@media (max-width: 991.98px) {
    .home-page .mask-wrapper .banner-caption {
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 2.4rem .95rem .95rem;
    }

    .home-page .mask-wrapper .banner-caption .banner-caption-text {
        font-size: clamp(.64rem, 3.2vw, .8rem);
        line-height: 1.5;
    }
}



/* ---- ALTERNATIF 3 — Sol hizali + marka rengi accent cizgi ---------------
   Lacivert tonlu zemin, solda 4px turkuaz cizgi, sola yasli metin.
   En kurumsal / haber bandi duran secenek.                                */

/*
.home-page .mask-wrapper .banner-caption {
    bottom: 24px;
    left: 24px;
    width: calc(100% - 48px);
    background: rgba(19, 27, 48, .62);
    border: 0;
    border-left: 4px solid #55c5d1;
    border-radius: 0 10px 10px 0;
    padding: 1.05rem 1.9rem;
}

.home-page .mask-wrapper .banner-caption .banner-caption-text {
    max-width: 880px;
    margin: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.55;
    letter-spacing: .01em;
    text-align: left;
}

@media (max-width: 991.98px) {
    .home-page .mask-wrapper .banner-caption {
        bottom: 14px;
        left: 12px;
        width: calc(100% - 24px);
        border-left-width: 3px;
        border-radius: 0 8px 8px 0;
        padding: .7rem .95rem;
    }

    .home-page .mask-wrapper .banner-caption .banner-caption-text {
        max-width: none;
        font-size: clamp(.62rem, 3.1vw, .78rem);
        line-height: 1.45;
    }
}


*/
/* ---- ALTERNATIF 4 — Ortali kompakt kart --------------------------------
   Tam genislik yerine icerik kadar genisleyen, golgeli ve belirgin
   yuvarlak koseli kart. Bant hissini kirar, daha "kutu" durur.            */

/*
.home-page .mask-wrapper .banner-caption {
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: min(880px, calc(100% - 48px));
    background: rgba(0, 0, 0, .58);
    border: 0;
    border-radius: 18px;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .3);
    padding: 1.1rem 2.2rem;
}

.home-page .mask-wrapper .banner-caption .banner-caption-text {
    max-width: none;
    margin: 0;
    color: #fff;
    font-size: .95rem;
    line-height: 1.55;
    letter-spacing: .01em;
    text-align: center;
}

@media (max-width: 991.98px) {
    .home-page .mask-wrapper .banner-caption {
        bottom: 14px;
        max-width: calc(100% - 24px);
        border-radius: 14px;
        padding: .75rem 1.1rem;
    }

    .home-page .mask-wrapper .banner-caption .banner-caption-text {
        font-size: clamp(.62rem, 3.1vw, .78rem);
        line-height: 1.45;
    }
}
*/


/* ---- ALTERNATIF 5 — Ince serit, ustte marka cizgisi --------------------
   Alt kenara yapisik, kose yapmayan ince lacivert serit; ust kenarinda
   2px turkuaz vurgu. En az yer kaplayan, en sakin secenek.                */

/*
.home-page .mask-wrapper .banner-caption {
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(19, 27, 48, .72);
    border: 0;
    border-top: 2px solid #55c5d1;
    border-radius: 0;
    padding: .9rem 2rem;
}

.home-page .mask-wrapper .banner-caption .banner-caption-text {
    max-width: 1150px;
    margin: 0 auto;
    color: #fff;
    font-size: .92rem;
    line-height: 1.45;
    letter-spacing: .015em;
    text-align: center;
}

@media (max-width: 991.98px) {
    .home-page .mask-wrapper .banner-caption {
        bottom: 0;
        left: 0;
        width: 100%;
        padding: .6rem .9rem;
    }

    .home-page .mask-wrapper .banner-caption .banner-caption-text {
        font-size: clamp(.6rem, 3vw, .74rem);
        line-height: 1.4;
    }
}
*/