@import url('https://fonts.googleapis.com/css2?family=Kalnia:wght@100;400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700;800&display=swap');

@import 'bootstrap.min.css';
@import 'jquery.fancybox.min.css';
@import 'swiper.min.css';
@import 'calender.css';
@import 'datetimepicker.css';

:root {
    --text-main-900: rgba(36, 37, 38, 1); /* Buradaki renk kodunu, ihtiyacınıza uygun bir renk koduyla değiştirebilirsiniz */
}

.tb_theme_container > div {
    display: none;
}

.mobil-header-logo {
    display: none;
}

.checkout-back {
    display: none;
}


#secButon.active {
    color: #fff;
    background: #006948;
}

#secButon:focus {
    color: #fff;
}

#totalPayment {
    width: 344px;
    height: 64px;
    padding: 16px;
    gap: 0px;
    border-radius: 8px;
    background: #F6F8FA;
    display: flex;
    justify-content: space-between;
}

.v-hidden {
    visibility: hidden;
}

.havale-panel {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

    .havale-panel .account-row {
        width: 100%;
        height: 116px;
        padding: 16px;
        gap: 10px;
        border-radius: 8px;
        border: 1px #E7E7E7 solid;
    }

        .havale-panel .account-row .account-container {
            gap: 24px;
            height: 84px;
        }

    .havale-panel .account-info {
        width: 100%;
        height: 48px;
        gap: 8px;
        display: flex;
        flex-direction: column;
    }


.account-row img {
    height: 35px;
}

.modal {
    display: none; /* Default olarak modalı gizle */
    position: fixed; /* Sabit pozisyon */
    z-index: 1; /* Diğer içeriklerin üstünde yer alır */
    left: 0;
    top: 0;
    width: 100%; /* Tam genişlik */
    height: 100%; /* Tam yükseklik */
    overflow: auto; /* İçerik modal boyutlarından büyükse kaydırmayı etkinleştir */
    background-color: rgba(0,0,0,0.4); /* Siyah arkaplan */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* Modalı ekranın ortasında %15 üst boşluk ile yerleştir */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Genişlik */
}

.account-info .iban-label {
    height: 20px;
    gap: 0px;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.15555556118488312px;
    text-align: left;
    color: #637381;
}

.account-info span {
    color: #161D25;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.17777778208255768px;
    text-align: left;
}

.account-info a {
    width: 16px;
    height: 16px;
}

    .account-info a img {
        width: 16px;
        height: 16px;
    }


#totalPayment label {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #242526
}

#totalPayment span {
    color: #242526;
    font-family: Inter;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0.01em;
    text-align: center;
}

.btn-green {
    width: 100%;
    height: 32px;
    padding: 12px 14px 12px 14px;
    /* gap: 4px; */
    border-radius: 6px;
    background: #00AD4B;
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 21.71px;
    letter-spacing: 0.02em;
    /* text-align: center; */
    color: #F6F8FA;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
}

.bungalov-card-footer .btn-default {
    width: 69px;
    border-radius: 6px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    height: 32px;
}

    .bungalov-card-footer .btn-default:hover {
        width: 69px;
        border-radius: 6px;
        font-family: Inter;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.02em;
        text-align: center;
        height: 32px;
    }

.fixed-wp {
    display: flex;
    position: fixed;
    z-index: 99999;
    right: 60px;
    justify-content: center;
    align-content: center;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background-color: #1BD741;
    bottom: 60px;
    -webkit-box-shadow: 0px 5px 15px 5px rgb(47 76 88 / 30%);
    -moz-box-shadow: 10px 15px 30px 0px rgba(221, 234, 246, 1);
    box-shadow: 0px 5px 15px 5px rgb(47 76 88 / 12%);
    align-items: center;
    justify-content: center;
}

    .fixed-wp > a {
        text-decoration: none;
        color: #fff;
        /* font-size: 35px; */
    }


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

    100% {
        transform: rotate(360deg);
    }
}
/* Sayfa içeriği yükleme sırasında gizlenmeli */
body .loading {
    overflow: hidden;
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}


html {
}

a {
    color: inherit;
    text-decoration: inherit;
}

p {
    margin: 0;
    padding: 0;
}

.randevuUyari {
    font-size: .875em;
    color: #f06548;
    /* position: absolute; */
    /* display: inline-block; */
    /* background: white; */
    /* transform: translateX(150%); */
    /* position: absolute; */
}

.randevuUyari2 {
    font-size: .875em;
    color: #f06548;
    position: absolute;
    display: inline-block;
    background: white;
    transform: translateX(150%);
    margin-bottom: 70px;
}

.error-group .error-check-img {
    display: none;
}


.error-group.success .error-dot-img {
    display: none;
}

.error-group.success .error-check-img {
    display: block;
}

.basket-right {
    display: block !important;
}

.mobile-show {
    display: none;
}


.register-section .register-content .login-form label {
    min-width: 150px;
    width: 100%;
}

body {
    overflow-x: hidden;
    line-height: inherit;
    margin: 0;
    background: var(--neutral-01, #FFF);
    width: auto !important;
    /* margin-left: -10px; */
    /* margin-right: 10px; */
}

button {
    background: none;
}

ol, ul {
}

.wrapper {
    width: 100%;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    gap: 107px;
    flex-shrink: 0;
}

.sticky-checkout-final {
    display: none;
}

.btn-rez {
    width: 344px;
    height: 48px;
    padding: 12px 16px 12px 16px;
    gap: 0px;
    border-radius: 8px;
    text-align: center;
    background: #00AD4B;
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
}

    .btn-rez:hover {
        opacity: 0.8;
        color: #fff;
    }

.bungalov-list-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    /* background: var(--Ivory, #F6F8FA); */
    padding: 80px 108px 64px 108px;
}

    .bungalov-list-section .bungalov-list {
        width: 808px;
        /* top: 188px; */
        /* left: 108px; */
        gap: 32px;
        /* background: gray; */
        /* height: 499px; */
        display: flex;
        /* flex-direction: row; */
        align-self: stretch;
        flex-wrap: wrap;
    }

.bungalov-list-mobile {
    display: none;
}

.bungalov-card {
    width: 388px;
    height: 522px;
    padding: 16px 16px 24px 16px;
    gap: 0px;
    border-radius: var(--spacing-xl, 16px);
    border: 1 0 0 0;
    border: 1px #E7E7E7 solid;
    position: relative;
    /* background: #FBFFEE; */
}

    .bungalov-card img {
        width: 100%;
        height: 240px;
        gap: 0px;
        border-radius: 8px 8px 0px 0px;
        object-fit: cover;
    }

.bungalov-header {
    display: flex;
    position: absolute;
    top: 30%;
}

.bungalov-title {
    width: 100px;
    height: 100px;
    top: 188px;
    left: 16px;
    gap: 0px;
    color: #FFF;
    background: #A6CE39;
    align-items: center;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    top: 30%;
    /* bottom: 0; */
    /* position: absolute; */
    transform: translate(0%, 32%);
}

    .bungalov-title h1 {
        font-size: 44px;
        line-height: 53.25px;
        letter-spacing: 0.02em;
        /* margin: 0 auto; */
        text-align: center;
        align-items: center;
    }

.bungalov-header .box1 {
    width: 50px;
    height: 39px;
    top: 217px;
    left: 104px;
    gap: 0px;
    opacity: 0.7;
    background: #A6CE39;
    transform: translate(0%, 159%);
}

.bungalov-header .box2 {
    background: #A6CE39;
    width: 29px;
    height: 25px;
    gap: 0px;
    opacity: 0.5;
    transform: translate(0%, 302%);
}

.bungalov-header .box3 {
    background: #A6CE39;
    width: 14px;
    height: 13px;
    gap: 0px;
    opacity: 0.3;
    transform: translate(0%, 668%);
}

.title-bottom-bar {
    width: 100%;
    height: 32px;
    background: #A6CE39;
}

.bungalov-card-content {
    width: 100%;
    /* height: 194px; */
    padding: 24px 8px 24px 8px;
    gap: 16px;
    display: grid;
}

    .bungalov-card-content > p {
        width: 340px;
        height: 72px;
        gap: 0px;
        font-family: Inter;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.02em;
        text-align: left;
        color: #525866;
    }

        .bungalov-card-content > p > span {
            color: #F36B21;
        }


.bungalov-card.pasif {
    background: #F6F8FA;
}

    .bungalov-card.pasif .bungalov-card-footer .secBTN {
        border: 1px solid #CDD0D5 !important;
        color: #868C98 !important;
        pointer-events: none; /* Tıklamayı engeller */
    }

        .bungalov-card.pasif .bungalov-card-footer .secBTN:hover {
            border: 1px solid #CDD0D5 !important;
            color: #868C98 !important;
            background: #F6F8FA;
            pointer-events: none; /* Tıklamayı engeller */
        }

    .checkout-header:nth-child(1) {
        align-items: baseline;
    }

.payment-container:nth-child(1) {
    margin-top: 32px;
    margin-bottom: 32px;
    background: gray;
    display: flex;
}

.payment-container {
    /* max-width: 504px; */
    padding: 24px 16px 24px 16px;
    gap: 48px;
    border-radius: 16px;
    border: 1px solid #CDD0D5;
    width: 100%;
    /* text-align: center; */
    /* align-items: center; */
}



.payment-type-header {
    /* max-width: 472px; */
    max-height: 48px;
    gap: 8px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    justify-items: center;
    /* border: 1px solid red; */
    width: 100%;
    text-align: center;
    align-items: center;
}

    .payment-type-header input[type="radio"] {
        -webkit-appearance: none;
        width: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
        border-radius: 50%;
        outline: none;
        border: 1px solid gray;
    }


.payment-container hr {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.checkout-header h3 label {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #242526;
    margin: 0;
    padding: 0;
}



.payment-type-header input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

.payment-type-header input[type="radio"]:checked:before {
    background: green;
}

.payment-type-header input[type="radio"]:checked {
    border-color: green;
}

.payment-type-header h3 {
    max-height: 24px;
    gap: 0px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 0;
    margin: 0;
}

    .payment-type-header h3:hover {
        cursor: pointer;
    }

.bungalov-card-content .room-price {
    width: 100%;
    height: 30px;
    gap: 8px;
    display: flex;
    align-items: center;
}

    .bungalov-card-content .room-price p {
        font-family: Inter;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0.02em;
        text-align: left;
        /* align-items: center; */

        color: #525866;
    }

    .bungalov-card-content .room-price span {
        font-family: Inter;
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.02em;
        text-align: left;
    }

.bungalov-card-footer {
    width: 356px;
    height: 48px;
    display: flex;
    gap: 24px;
}

    .bungalov-card-footer .inceleBTN {
        width: 166px;
        height: 48px;
        padding: 12px 16px 12px 16px;
        border-radius: 10px;
        border: 1px #00AD4B solid;
        color: #00AD4B;
        text-align: center;
        font-family: Inter;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.02em;
        text-align: center;
    }

        .bungalov-card-footer .inceleBTN:hover {
            background: #00AD4B;
            color: #fff;
        }

    .bungalov-card-footer .secBTN {
        width: 166px;
        height: 48px;
        padding: 12px 16px 12px 16px;
        border-radius: 10px;
        border: 1px #00AD4B solid;
        color: #00AD4B;
        text-align: center;
        font-family: Inter;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.02em;
        text-align: center;
    }

        .bungalov-card-footer .secBTN:hover {
            background: #00AD4B;
            color: #fff;
        }

        .bungalov-card-footer .secBTN.active {
            background: #00AD4B;
            color: #fff;
        }

.bungalov-card.active {
    border: 2px #00AD4B solid;
}


.bungalov-list-section .container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}


.bungalov-card .chck {
    width: 22px;
    height: 22px;
    display: flex;
    position: absolute;
    /* float: right; */
    right: 30px;
    top: 30px;
}

    .bungalov-card .chck input {
        width: 22px;
        height: 22px;
        padding: 0;
        margin: 0;
    }

.bungalov-card .checked-style {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
}


.bungalov-card.active .chck input {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    background: var(--Green, #00AD4B);
    border-radius: 6px;
}

.bungalov-card.active .checked-style {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    background: var(--Green, #00AD4B);
    border-radius: 6px;
}

.bungalov-card .checked-style input {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    text-align: center;
    align-items: center;
    display: flex;
    /* justify-content: center; */
}

#listStart {
    border: none;
    background: none;
}

#listFinish {
    border: none;
    background: none;
}

.summary_row2 {
    width: 344px;
    height: 30px;
    gap: 0px;
    justify-content: space-between;
}

.selected-bungalow {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.bungalov-list-section .summary-row2 .selected-bungalow p {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #868C98;
    /* align-items: center; */
    /* display: flex; */
    /* align-content: center; */
}


.bungalov-list-section .summary-row2 .selected-bungalow span {
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.02em;
    text-align: right;
    color: #242526;
}

.bungalov-list-section .summary-row2 {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}





header {
    display: flex;
    padding: 20px 108px;
    align-items: center;
    gap: 16px;
    position: absolute;
    width: 100%;
    z-index: 999;
    /* margin-left: -15px; */
    height: 80px;
}

    header .container {
        display: flex;
        gap: 16px;
        /* padding: 20px 24px; */
    }

.header-logo {
    width: 164.766px;
    height: 44px;
}

.main-menu {
    display: flex;
    align-items: center;
    gap: 44px;
    width: 1044px;
}

    .main-menu ul {
        display: flex;
        align-items: center;
        gap: var(--spacing-md, 8px);
        margin-bottom: 0;
        /* left: 0; */
        padding-left: 0;
    }

        .main-menu ul li {
            display: flex;
            padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
            justify-content: center;
            align-items: center;
            gap: var(--spacing-xs, 4px);
            color: #F6F8FA;
        }

            .main-menu ul li a {
                color: var(--Ivory, #F6F8FA);
                text-align: center;
                font-variant-numeric: lining-nums proportional-nums;
                /* P3 */
                font-family: Inter;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 24px; /* 150% */
                letter-spacing: 0.32px;
                cursor: pointer;
            }

.header-right-menu {
    display: flex;
    align-items: end;
    gap: var(--spacing-xl, 16px);
    /* width: 100%; */
    /* float: right; */
}

.header-lang {
    display: flex;
    padding: var(--spacing-md, 8px);
    align-items: center;
    gap: 10px;
}

.header-user {
    display: flex;
    width: 108px;
    height: 40px;
    position: relative;
}




    .header-user > a {
        display: flex;
        padding: var(--spacing-xs, 4px) var(--spacing-md, 8px) var(--spacing-xs, 4px) var(--spacing-xs, 4px);
        align-items: center;
        gap: var(--spacing-sm, 6px);
        border-radius: var(--radius-lg, 10px);
        border: 1px solid var(--stroke-soft-200, #E2E4E9);
        background: var(--bg-white-0, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24);
        width: 108px;
        height: 40px;
    }

        .header-user > a img {
            width: 32px;
            height: 32px;
            fill: var(--yellow-light, #FBDFB1);
        }


        .header-user > a span {
            color: var(--Component-colors-Components-Buttons-Secondary-button-secondary-fg, #344054);
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px; /* 142.857% */
            letter-spacing: 0.56px;
        }

.slider .slider-mobil-img {
    display: none;
}


.slider .slider-img {
    border-radius: var(--radius-none, 0px);
    height: 100%;
    width: 100%;
}



.slider {
    position: relative;
}

    .slider .swiper-slide {
        width: 100% !important;
    }

.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
}




.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.features-section {
    background: #F6F8FA;
}

.features {
    display: flex;
    padding: 40px;
    align-items: flex-start;
    gap: 80px;
    background: #F6F8FA;
    overflow: hidden;
    position: relative;
}

    /*.feature-marque {
    display: -webkit-inline-box;
    align-items: flex-start;
    gap: 80px;
    background: #F6F8FA;
    -webkit-animation: marquee 155s linear infinite;
    animation: marquee 155s linear infinite;
}
*/


    .features span {
        display: inline-block; /* Öğenin içeriği kadar genişlik */
        color: var(--Cyprus, #0A3C35);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.32px;
        /* min-width: 120px; */
        /* max-width: 250px; */
        white-space: normal; /* Metnin otomatik olarak satır atlaması */
        width: max-content;
    }

    .features .ikon-box {
        display: flex;
        align-items: center;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
    }






.features-section .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}






.features-section .swiper-wrapper {
    -webkit-animation: marquee 25s linear infinite;
    animation: marquee 25s linear infinite;
}

.mySwiper {
    display: none;
}


.features-section .swiper-slide {
    font-size: 33px;
    display: flex;
    position: relative;
    overflow: hidden;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

/* Yeni iOS sürümleri ve modern tarayıcılar için */
@supports (gap: 8px) {
    .features-section .swiper-slide {
        gap: 8px;
    }
}

/* Eski tarayıcılar ve iOS sürümleri için */
@supports not (gap: 8px) {
    .features-section .swiper-slide {
        margin-right: 8px;
    }

        .features-section .swiper-slide:last-child {
            margin-right: 0;
        }
}


.feature-marque {
    display: flex;
    gap: 60px; /* Bu özellik Firefox'ta desteklenmeyebilir, dikkatli olun */
    background: #F6F8FA;
}

marquee {
    display: flex;
    flex-direction: row;
}

.welcome-section {
    display: flex;
    width: 100%;
    padding: 80px 0px;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

.welcome-head {
    display: flex;
    width: 600px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
}


    .welcome-head h1 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 62.4px */
    }

    .welcome-head:after {
        content: '';
        width: 76.5px;
        height: 3px;
        stroke-width: 3px;
        stroke: var(--Atlantis, #A6CE39);
        background: url(../img/head-after.png);
    }

.welcome-section-text {
    color: var(--Bunker, var(--text-main-900, #242526));
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    letter-spacing: 0.36px;
    width: 492.715px;
    float: right;
    margin-top: 108px;
}

.welcome-section-right img {
    display: flex;
    width: 107.285px;
    height: 108px;
    padding: 4.909px 6.146px 4.909px 4.877px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 9.818px;
    background: var(--Ivory, #F6F8FA);
    float: left;
}

.welcome-section-right p {
    margin-top: 0;
    margin-bottom: 1rem;
}


.calender-section {
    display: flex;
    padding: 80px 108px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    border-radius: var(--radius-none, 0px);
    background: var(--Ivory, #F6F8FA);
}

.calender-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

    .calender-head h1 {
        color: var(--Pumpkin, #F36B21);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 41.6px */
    }

    .calender-head:after {
        content: '';
        width: 76.5px;
        height: 3px;
        stroke-width: 3px;
        stroke: var(--Atlantis, #A6CE39);
        background: url(../img/head-after.png);
    }

.custom-calendar {
    position: relative;
    z-index: 99;
    display: none;
}


.calender-content {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    margin-top: 40px;
}

.calender-left {
    display: flex;
    width: 808px;
    flex-direction: column;
    /* align-items: flex-start; */
    flex-shrink: 0;
    position: relative;
}

.calender-right {
    display: flex;
    /* width: 1221px; */
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    /* width: 50%; */
}

    .calender-right ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 17px;
        padding-left: 0;
    }

        .calender-right ul li {
            display: flex;
            align-items: flex-start;
            gap: var(--spacing-md, 8px);
            align-self: stretch;
            color: var(--Bunker, var(--text-main-900, #242526));
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 30px; /* 166.667% */
            letter-spacing: 0.36px;
        }


.calender-footer {
    display: flex;
    padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
    justify-content: flex-end;
    align-items: center;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
    border-radius: var(--radius-none, 0px);
    border-top: 1px solid var(--Atlantis, #A6CE39);
    background: var(--bg-white-0, #FFF);
}

.room-desc-content .ui-datepicker-footer {
    display: none;
}


.ui-datepicker-footer {
    display: flex;
    padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) var(--spacing-xl, 16px) var(--spacing-3xl, 24px);
    border-radius: var(--radius-none, 0px);
    border-top: none;
    background: var(--bg-white-0, #FFF);
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--Atlantis, #E7E7E7);
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: 99%;
    border-top: 1px solid var(--Atlantis, #E7E7E7);
    background: white;
    z-index: 999;
    /* display: none; */
}


.dayCount {
    color: var(--text-sub-500, #525866);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.28px;
}

.person label {
    font-weight: normal !important;
}

.selectedDays {
    color: var(--text-main-900, #0A0D14);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    /* P7 */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.28px;
}



.default-button {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    background: var(--bg-white-0, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.28px;
    max-height: 54px;
    width: 100%;
}

    .default-button:hover {
        display: flex;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 10px;
        border: 1px solid var(--text-disabled-300, #CDD0D5);
        background: var(--bg-white-0, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.28px;
        cursor: pointer;
    }


.comment-card .stars span {
    font-size: 12px
}

.comment-card svg {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 16px;
}

.date-picker-selectDay {
    flex: 1 0 0;
    padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) var(--spacing-xl, 16px) var(--spacing-3xl, 4px);
    align-items: center;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
}


.success-button {
    border-radius: 8px;
    background: var(--Green, #00AD4B);
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--Ivory, #F6F8FA);
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.28px;
    max-height: 54px;
    width: 100%;
}

    .success-button:hover {
        border-radius: var(--radius-md, 8px);
        background: var(--Pigment-Green-Tint, #4DC681);
        color: var(--Ivory, #F6F8FA);
    }


.calender-buttons {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
}


.calender-shadow {
    position: absolute;
    top: 75px;
    right: 20px;
    width: 100px;
    height: 100%;
}


.homepage-text {
    border-radius: var(--radius-none, 0px);
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.homepage-text-content {
    display: flex;
}

.home-page-text-right img {
    width: 121.789px;
    height: 120.012px;
    transform: rotate(-10.135deg);
    flex-shrink: 0;
    margin-left: 12px;
    margin-top: 80px;
}

.home-page-text-right > div {
    flex-shrink: 0;
    margin-left: 105px;
    width: 489px;
}

    .home-page-text-right > div > p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: 0.36px;
        margin-top: 32px;
    }



.home-page-text-right h1 {
    color: var(--Watercourse, #006948);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Kalnia;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 41.6px */
}

.ssl {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 12px);
    width: 100%;
}

.footer-center-right .border-show2 {
    display: flex;
}

.content-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

    .content-head:after {
        content: '';
        width: 76.5px;
        height: 3px;
        stroke-width: 3px;
        stroke: var(--Atlantis, #A6CE39);
        background: url(../img/head-after.png);
    }

.instagram-feed {
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    overflow: hidden;
}

.instagram-feed-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-3xl, 24px);
}

    .instagram-feed-head h1 {
        color: var(--Watercourse, #006948);
        text-align: center;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        /* H3 */
        font-family: Kalnia;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 41.6px */
    }

    .instagram-feed-head p {
        align-self: stretch;
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.48px;
    }

    .instagram-feed-head img {
        width: 64px;
        height: 64px;
    }

.instagram-feed-content {
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    height: 580px;
}

.swiper-pagination i {
    font-size: 24px;
}

.blog-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}

.blog-section-head {
    display: flex;
    width: var(--container-max-width-desktop, 1280px);
    max-width: var(--container-max-width-desktop, 1280px);
    padding: 0px var(--container-padding-desktop, 32px);
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4xl, 32px);
}

    .blog-section-head h3 {
        color: var(--Watercourse, #006948);
        text-align: center;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 41.6px */
    }

    .blog-section-head p {
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.48px;
    }

.blog-list {
    padding: 80px 0px;
}

.blog-card {
    display: flex;
    width: 392px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--spacing-xl, 16px);
    border: 1px solid var(--Atlantis, #E7E7E7);
    background: var(--text-white-0, #FFF);
    height: 456px;
}

    .blog-card:hover {
        box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.10);
    }

.blog-content {
    display: flex;
    padding: var(--spacing-3xl, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
}

.blog-date {
    color: var(--Pumpkin, #F36B21);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.blog-content h3 {
    flex: 1 0 0;
    color: var(--colors-text-text-primary-900, #101828);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
    letter-spacing: 0.48px;
}

.blog-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 5em;
}

.blog-content p {
    overflow: hidden;
    color: var(--text-sub-500, #525866);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    /* P4 */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0.18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
}

.blog-card img {
    border-top-left-radius: var(--spacing-xl, 16px);
    border-top-right-radius: var(--spacing-xl, 16px);
    width: 100%;
    max-height: 216px;
    object-fit: cover;
}




.blog-list-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}

.btn-orange {
    display: flex;
    padding: 12px 16px 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: var(--Pumpkin, #F36B21);
    color: var(--Ivory, #F6F8FA);
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    /* P3 */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    border: none;
}


    .btn-orange:hover {
        display: flex;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 8px;
        color: var(--Ivory, #F6F8FA);
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        /* P3 */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        background: var(--Pumpking-Tint, #F79764);
    }

.slider .person-dropdown-menu.opened {
    position: absolute;
}



.customer-comment-section {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 32px;
    padding-right: 0;
}


.comments {
    display: flex;
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    overflow: hidden;
}

.comment-card {
    display: flex;
    width: 288px;
    padding: 64px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--Ivory, #F6F8FA);
}

.stars {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.comment-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
}

    .comment-content h3 {
        align-self: stretch;
        color: #000;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 100% */
        height: 48px;
    }

    .comment-content p {
        color: #000;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 18px; /* 150% */
        height: 70px;
    }

    .comment-content span {
        color: #000;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 157.143% */
        color: var(--Dark-grey, #6A6A6A);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        line-height: 22px;
    }


.sss-section {
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    align-items: center;
    gap: 72px;
}

.sss-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-4xl, 32px);
    align-self: stretch;
}

    .sss-head h3 {
        color: var(--Watercourse, #006948);
        text-align: center;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 41.6px */
    }

.sss-head-content {
    display: flex;
    max-width: var(--width-xl, 768px);
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2xl, 20px);
}

.sss-head p {
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
    letter-spacing: 0.48px;
}

.sss-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    width: 808px;
}

#accordion h4:first-child {
    border: none;
}



#accordion h4 {
    color: var(--Bunker, var(--text-main-900, #242526));
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 122.222% */
    letter-spacing: 0.36px;
    background: none;
    padding-top: 24px;
    border-top: 1px solid var(--text-disabled-300, #CDD0D5);
    width: 808px;
    gap: var(--spacing-3xl, 24px);
    margin-bottom: 24px;
    cursor: pointer;
}

#accordion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    #accordion p {
        color: var(--text-sub-500, #525866);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        background: none;
        padding-top: 8px;
        padding-bottom: 24px;
    }

footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: var(--Ivory, #F6F8FA);
    width: 100%;
    display: flex;
    padding-top: 44px;
    flex-direction: column;
    align-items: flex-start;
}

.footer-top {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-7xl, 64px);
    align-self: stretch;
    padding-bottom: 48px;
    flex: 1 0 0;
}

.footer-top-left {
    /* width: 216px; */
    /* height: 58px; */
}

    .footer-top-left img {
        width: 216px;
        height: 58px;
        flex-shrink: 0;
    }

.mobil-block {
    display: none !important;
}

.footer-top-right {
    display: flex;
    min-width: 800px;
    justify-content: start;
    align-items: flex-start;
    gap: var(--spacing-7xl, 64px);
    flex: 1 0 0;
    color: #0A3C35;
    margin-left: 60px;
}


.footer-link a {
    color: var(--Cyprus, #0A3C35);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.56px;
    width: 100%;
}

.mobile-sticky-reser {
    display: none;
}

.mobile-sticky-calender {
    display: none;
}

.mobile-sticky-person {
    display: none;
}


footer .social-link {
    gap: var(--spacing-3xl, 24px) !important;
    display: flex !important;
    flex-direction: row !important;
    padding-top: 24px;
}

footer .socoial-link li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-center {
    display: flex;
    width: 100%;
    padding: var(--spacing-3xl, 24px) 0px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: var(--radius-none, 0px);
    border-top: 1px solid var(--Atlantis-Tints, #E7E7E7);
    border-bottom: 1px solid var(--Atlantis-Tints, #E7E7E7);
    /* max-width: 720px; */
}

.footer-center-container {
    display: flex;
    width: 1224px;
    justify-content: space-between;
    align-items: center;
}

.footer-center-left {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 12px);
}

.footer-tursab-logo {
    display: flex;
    width: 131px;
    height: 48px;
    padding: 8px 10.053px 9px 10px;
    justify-content: center;
    align-items: center;
}

.footer-center-left img {
    width: 110.947px;
    height: 31px;
    flex-shrink: 0;
}


.footer-center-left p {
    color: var(--text-soft-400, #868C98);
    /* S1 */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    width: 180px;
}

.footer-center-right {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 12px);
}


.footer-bottom {
    display: flex;
    margin-bottom: 32px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    height: 24px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    row-gap: var(--spacing-3xl, 24px);
    flex-wrap: wrap;
    margin-top: 32px;
    width: 100%;
}

.footer-bottom-container {
    display: flex;
    width: 1224px;
    height: 24px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    row-gap: var(--spacing-3xl, 24px);
    flex-wrap: wrap;
}

.footer-bottom-left p {
    color: var(--Bunker, var(--text-main-900, #242526));
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.footer-bottom-right {
}

.girisDiv {
    display: flex;
    padding: var(--spacing-lg, 8px);
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    /* width: 160px; */
}

    .girisDiv p {
        color: var(--black, #000);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.18px;
    }

    .girisDiv svg {
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
    }

.cikisDiv p {
    color: var(--black, #000);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.18px;
}

.cikisDiv {
    display: flex;
    padding: var(--spacing-lg, 8px);
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    width: 160px;
}

    .cikisDiv svg {
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
    }

.sss-section .container {
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    align-items: center;
    gap: 36px;
}


.custom-calendar-mobile {
    display: none;
}

.accordion-icon {
    float: right;
    position: relative;
}


.about-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-link li {
    list-style: none;
}

.about-header-section {
    display: flex;
    padding: 80px 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
    border-radius: var(--radius-none, 0px);
    background: var(--Colors-Background-bg-primary, #FFF);
}

    .about-header-section h1 {
        width: 807px;
        color: var(--Pumpkin, #F36B21);
        text-align: center;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 62.4px */
    }

    .about-header-section h4 {
        width: 807px;
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.48px;
        color: #475467;
    }


.about-img {
    width: 808px;
    /* height: 274px; */
}

.about-content {
    width: 808px;
    flex-direction: column;
    gap: var(--spacing-3xl, 24px);
    display: flex;
    gap: var(--spacing-3xl, 24px);
    padding-top: 44px;
    padding-bottom: 120px;
}

    .about-content p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: 0.36px;
    }

.about-section .tursab-logo {
    display: flex;
    padding: var(--spacing-3xl, 24px) 0px;
    align-items: center;
    gap: var(--spacing-lg, 12px);
    width: 442px;
    width: 442px;
}


.blog-page-section {
    padding: 80px 108px 0px 108px;
}


.featured-blog {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
}


    .featured-blog img {
        border-radius: 16px;
        /* margin-top: -70px; */
        width: 100%;
        /* max-height: 720px; */
        object-fit: cover;
    }

    .featured-blog .head {
        width: 100%;
        padding: 0px 32px 32px 32px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        position: absolute;
        bottom: 0;
        background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0.62%, rgba(0, 0, 0, 0.80) 100%);
    }


        .featured-blog .head h4 {
            flex: 1 0 0;
            color: var(--Colors-Text-text-white, #FFF);
            font-variant-numeric: lining-nums proportional-nums;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 32px; /* 133.333% */
        }

        .featured-blog .head a {
            font-family: Inter;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 32px; /* 133.333% */
            color: var(--Colors-Text-text-white, #FFF);
        }

            .featured-blog .head a:hover {
                font-family: Inter;
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
                line-height: 32px; /* 133.333% */
                color: var(--Colors-Text-text-white, #FFF);
            }


        .featured-blog .head p {
            width: 672px;
            color: var(--Colors-Text-text-white, #FFF);
            font-variant-numeric: lining-nums proportional-nums;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 150% */
        }


.blog-page-section .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-7xl, 64px);
}

.blog-page-list {
    display: flex;
    gap: var(--spacing-6xl, 48px) var(--spacing-3xl, 24px);
    align-self: stretch;
    flex-wrap: wrap;
    margin-bottom: 64px;
}

.blog-paging {
    display: flex;
    padding-top: var(--spacing-2xl, 20px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2xl, 20px);
    align-self: stretch;
    border-radius: var(--radius-none, 0px);
    border-top: 1px solid var(--text-disabled-300, #CDD0D5);
    margin-bottom: 94px;
}

.btn-wrap {
    display: flex;
    height: 20px;
    align-items: center;
    flex: 1 0 0;
}

.btn-wrap2 {
    display: flex;
    height: 20px;
    justify-content: flex-end;
    align-items: center;
    flex: 1 0 0;
}

    .btn-wrap a, .btn-wrap2 a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-sm, 6px);
        color: var(--Bunker, var(--text-main-900, #242526));
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 142.857% */
    }

.page-numbers {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xxs, 2px);
}

    .page-numbers a {
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */

        display: flex;
        width: 40px;
        height: 40px;
        padding: var(--spacing-lg, 12px);
        justify-content: center;
        align-items: center;
    }

.reservastion-form-group .person {
    gap: var(--spacing-md, 8px);
    flex: 1 0 0;
    position: relative;
    width: 100%;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    display: flex;
    padding: var(--spacing-lg, 8px);
    /* justify-content: space-between; */
    /* align-self: stretch; */
    /* display: flex; */
    /* padding: var(--spacing-lg, 12px); */
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}


    .reservastion-form-group .person .person-left {
        display: flex;
        gap: 10px;
    }

.person-dropdown-menu {
    display: none;
}



    .person-dropdown-menu.opened {
        background: rgb(255, 255, 255) !important;
        border-radius: 4px !important;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px, rgba(0, 0, 0, 0.07) 0px 0px 0px 1px !important;
        box-sizing: border-box !important;
        display: flex;
        padding: var(--spacing-2xl, 20px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .person-dropdown-menu .sticky-person-top {
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
        border-radius: var(--radius-none, 0px);
        bottom: 0;
    }

    .person-dropdown-menu.opened .input-group {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        width: auto;
    }

        .person-dropdown-menu.opened .input-group .txtMinusPlus {
            display: -webkit-box !important;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1 !important;
            color: var(--Bunker, var(--text-main-900, #242526));
            text-align: center !important;
            font-variant-numeric: lining-nums proportional-nums;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            text-overflow: ellipsis !important;
            font-family: Inter !important;
            font-size: 16px !important;
            font-style: normal !important;
            font-weight: 500 !important;
            line-height: 9px !important;
            letter-spacing: 0.32px !important;
            display: flex !important;
            align-items: center !important;
            gap: var(--spacing-md, 8px);
            border: none !important;
            background: none !important;
            width: 35px;
            padding: 0;
        }

.girisDate {
    border: none !important;
    outline: none !important;
    padding-left: 27px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 100% !important;
}

    .girisDate:focus {
        border: none !important;
        outline: none !important;
        padding-left: 27px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        width: 100% !important;
    }

    .girisDate:focus-visible {
        border: none !important;
        outline: none !important;
        padding-left: 27px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        width: 100% !important;
    }

.mini-datepicker:focus-visible {
    border: none !important;
    outline: none !important;
}


.cikisDate {
    border: none !important;
    outline: none !important;
    padding-left: 27px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 100% !important;
}

    .cikisDate:focus {
        border: none !important;
        outline: none !important;
        padding-left: 27px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        width: 100% !important;
    }

    .cikisDate:focus-visible {
        border: none !important;
        outline: none !important;
        padding-left: 27px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        width: 100% !important;
    }

.person-dropdown-menu.opened .sticky-person-top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}


    .person-dropdown-menu.opened .sticky-person-top-row p {
        color: var(--text-soft-400, #868C98);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

.blog-detail-section .container {
    flex-direction: column;
    gap: var(--spacing-7xl, 64px);
    display: flex;
}

.blog-detail-section {
    display: flex;
    padding: var(--spacing-9xl, 96px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
    align-self: stretch;
    overflow: hidden;
}

.blog-detail-header {
    display: flex;
    max-width: var(--width-xl, 768px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

    .blog-detail-header span {
        color: var(--Pumpkin, #F36B21);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
        align-self: stretch;
    }

    .blog-detail-header h1 {
        color: #242526;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 62.4px */
    }

    .blog-detail-header p {
        color: var(--colors-text-text-tertiary-600, #475467);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.48px;
    }


.blog-gallery {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 32px);
    overflow: hidden;
}


    .blog-gallery img {
        width: 100%;
    }

    .blog-gallery .swiper-pagination {
        position: relative;
        text-align: center;
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 10;
        width: 100%;
        align-items: center;
        display: flex;
        align-content: center;
        justify-content: flex-start;
        gap: var(--spacing-4xl, 32px);
    }

        .blog-gallery .swiper-pagination
        .swiper-button-next1, .blog-gallery .swiper-pagination .swiper-button-prev1 {
            margin-left: 0;
        }


.blog-detail-footer {
    display: flex;
    width: 1224px;
    height: 56px;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    position: relative;
}

.blog-share {
    display: flex;
    align-items: flex-end;
    gap: var(--spacing-lg, 12px);
}

    .blog-share a {
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-md, 8px);
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--text-disabled-300, #CDD0D5);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        width: 40px;
        height: 40px;
    }


.blog-detail-content {
    display: flex;
    padding-bottom: var(--spacing-9xl, 96px);
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
    align-self: stretch;
}


    .blog-detail-content .blog-container {
        display: flex;
        width: 1219px;
        max-width: var(--container-max-width-desktop, 1280px);
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-7xl, 64px);
    }

    .blog-detail-content .blog-container2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-6xl, 48px);
        align-self: stretch;
    }

.rich-text {
    display: flex;
    width: 808px;
    flex-direction: column;
    align-items: flex-start;
}

    .rich-text h1, h2, h3, h4, h5 {
        color: var(--colors-text-text-primary-900, #101828);
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.24px;
    }

    .rich-text p {
        color: var(--colors-text-text-tertiary-600, #475467);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: 0.36px;
        margin-bottom: 1rem;
    }

.blog-detail-content img {
    padding: var(--spacing-6xl, 48px) 0px;
    align-self: stretch;
    border-radius: var(--radius-xl, 12px);
}

.other-blog {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
}

.other-blog-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: var(--spacing-4xl, 32px);
    align-self: stretch;
    flex-wrap: wrap;
}

    .other-blog-header .title {
        display: flex;
        max-width: var(--width-xl, 768px);
        flex-direction: column;
        gap: var(--spacing-2xl, 20px);
    }


    .other-blog-header h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 39px */
        margin-bottom: 0;
    }


    .other-blog-header h5 {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.48px;
    }


.blog-detail-section .blog-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    display: flex;
    padding: 0;
}

.contact-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    background: var(--Ivory, #F6F8FA);
}

.map-section2 {
    margin-top: -80px;
}

.icon-element {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-lg, 10px);
    background: var(--Green, #00AD4B);
}

.ymaps-2-1-79-inner-panes {
    border-radius: 16px;
    height: 480px !important;
}

.person-dropdown-menu.opened label {
    color: var(--Bunker, var(--text-main-900, #242526)) !important;
    text-align: center !important;
    font-variant-numeric: lining-nums proportional-nums !important;
    font-family: Inter !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0.32px !important;
}

.contact-top {
    display: flex;
    padding: var(--spacing-9xl, 96px) 0px var(--spacing-11xl, 160px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
    align-self: stretch;
    border-radius: var(--radius-none, 0px);
}

.contact-top-content {
    display: flex;
    max-width: var(--container-max-width-desktop, 1280px);
    padding: 0px var(--container-padding-desktop, 32px);
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--spacing-6xl, 48px) var(--spacing-7xl, 64px);
    align-self: stretch;
    flex-wrap: wrap;
}

.contact-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 12px);
    align-self: stretch;
    width: 100%;
}

.contact-top-left {
    display: flex;
    min-width: var(--width-sm, 480px);
    max-width: var(--width-xl, 768px);
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}

.contact-top-right {
    display: flex;
    min-width: var(--width-sm, 480px);
    max-width: var(--width-md, 560px);
    padding-top: 51px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 32px);
}

.contact-top-content h3 {
    color: var(--Watercourse, #006948);
    font-family: Kalnia;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 39px */
    width: 489px;
    margin-bottom: 12px;
}

.contact-top-adres {
    display: flex;
    padding: 10px 0px;
    align-items: flex-start;
    gap: var(--spacing-2xl, 20px);
    align-self: stretch;
}

    .contact-top-adres img {
        width: 42.105px;
        height: 48px;
    }

    .contact-top-adres p {
        color: var(--colors-text-text-tertiary-600, #475467);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 122.222% */
        letter-spacing: 0.36px;
        flex: 1 0 0;
    }

.contact-top-right-phone {
    display: flex;
    min-width: 240px;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
}

    .contact-top-right-phone span {
        color: var(--colors-text-text-tertiary-600, #475467);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
    }

    .contact-top-right-phone a {
        color: #101828 !important;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 122.222% */
        letter-spacing: 0.36px;
    }

.contact-top-right-email {
    display: flex;
    min-width: 240px;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
}

    .contact-top-right-email span {
        color: var(--colors-text-text-tertiary-600, #475467);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
    }

    .contact-top-right-email a {
        color: #101828 !important;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 122.222% */
        letter-spacing: 0.36px;
    }


.contact-map {
    display: flex;
    padding-bottom: var(--spacing-9xl, 96px);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #ffF;
    height: 480px;
}

.contact-bottom-section {
    display: flex;
    padding: var(--spacing-7xl, 64px) 0px var(--spacing-9xl, 96px) 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
    border-radius: var(--radius-none, 0px);
    background: var(--Colors-Background-bg-primary, #FFF);
}

    .contact-bottom-section .container {
        display: flex;
        width: 1224px;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }


.contact-bottom {
    display: flex;
    gap: 64px var(--spacing-7xl, 64px);
}

.home-page-text-left img {
    width: 624px;
    border-radius: 16px;
}

.contact-bottom-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 48px);
    align-self: stretch;
    width: 561px;
    margin-top: 45px;
}

.footer-center-right span {
    color: var(--text-soft-400, #868C98);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.contact-form-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xl, 20px);
}

    .contact-form-title h3 {
        width: 448px;
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 39px */
    }

    .contact-form-title h5 {
        color: var(--colors-text-text-tertiary-600, #475467);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        margin-bottom: 0;
    }


.contact-form-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xl, 32px);
    align-self: stretch;
}

.contact-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.form-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 6px);
    align-self: stretch;
    gap: var(--spacing-3xl, 24px);
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm, 6px);
    width: 100%;
}

    .form-group label {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm, 6px);
        align-self: stretch;
        color: var(--text-main-900, #242526);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

.form-control {
    display: flex;
    padding: 10px 14px;
    align-items: center;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 8px);
    color: var(--text-soft-400, #868C98);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
}

    .form-control:focus {
        border: 1px solid #A6CE39 !important; /* Odaklandığında sınır rengi değişecek */
        box-shadow: none !important;
    }

.checkout-form-row input:focus {
    border: 1px solid #A6CE39 !important; /* Odaklandığında sınır rengi değişecek */
    box-shadow: none !important;
}


.contact-form-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 48px);
    align-self: stretch;
}


textarea.form-control {
    padding: var(--spacing-lg, 12px) 14px;
    height: 132px;
}

.check-group {
    align-items: flex-start;
    gap: var(--spacing-lg, 12px);
    align-self: stretch;
    flex-direction: row !important;
}

    .check-group #ContentPlaceHolder1_CheckBox1 {
        border-radius: var(--spacing-sm, 6px);
        border: 1px solid var(--text-disabled-300, #CDD0D5);
        width: 20px;
        height: 20px;
    }

.room-detail-header {
    display: flex;
    padding: var(--spacing-3xl, 24px) 108px;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

.room-images {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

.first-image {
    width: 600px;
    height: 600px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

    .first-image img {
        /* position: absolute; */
        /* top: 50%; */
        /* left: 50%; */
        /* transform: translate(-50%, -50%); */
        /* border-top-left-radius: 16px; */
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.other-image {
    display: flex;
    width: 600px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px var(--spacing-3xl, 24px);
    flex-wrap: wrap;
}

.mobil-images {
    display: none;
}

.single-image {
    width: 288px;
    height: 288px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}


.other-image img {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.other-image .single-image:nth-child(2) {
    border-top-right-radius: 16px;
}

.other-image .single-image:nth-child(4) {
    border-bottom-right-radius: 16px;
}


.room-desc {
    flex-direction: column;
    gap: 10px;
    display: flex;
    align-items: flex-start;
    gap: 0px var(--spacing-3xl, 24px);
    flex-wrap: wrap;
}

.room-desc-content {
    display: flex;
    width: 808px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

.room-desc-title {
    display: flex;
    width: 704px;
    flex-direction: column;
    align-items: flex-start;
    gap: 38px;
}

    .room-desc-title h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 62.4px */
        width: 600px;
    }

.room-desc-text p {
    color: var(--Bunker, var(--text-main-900, #242526));
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */
    letter-spacing: 0.36px;
    margin-bottom: 1rem;
}

.room-fixed-reservastion {
    display: flex;
    width: 392px;
    padding: var(--spacing-3xl, 24px);
    flex-direction: column;
    gap: var(--spacing-3xl, 24px);
    flex-shrink: 0;
    border-radius: var(--radius-2xl, 16px);
    border: 1px solid var(--Atlantis, #E7E7E7);
    top: 20px;
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-start;
}

.reservastion-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.reservastion-form-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 8px);
    flex: 1 0 0;
    position: relative;
}

    .reservastion-form-group label {
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

.footer-link ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 12px);
    margin-left: -40px;
}

.reservastion-form-group input {
    color: var(--black, #000);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.18px;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    display: flex;
    padding: var(--spacing-lg, 6px);
    width: 100%;
    padding-left: 40px;
    border: none;
}


.reservastion-form-group select {
    color: var(--black, #000);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.18px;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    display: flex;
    padding: var(--spacing-lg, 12px);
    width: 100%;
}


.reservastion-button-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    width: 100%;
}

    .reservastion-button-group .left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .reservastion-button-group .left span {
            color: #000;
            text-align: center;
            font-variant-numeric: lining-nums proportional-nums;
            /* P3 */
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px; /* 150% */
            letter-spacing: 0.32px;
        }

        .reservastion-button-group .left label {
            color: #000;
            text-align: center;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 30px; /* 166.667% */
            letter-spacing: 0.36px;
        }

.reservastion-form-group span {
    position: absolute;
    z-index: 9999;
    bottom: 12px;
    left: 10px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    z-index: 9999;
    bottom: 9px;
    left: 5px;
    width: 24px;
    height: 24px;
    filter: grayscale(10%);
    display: block;
}



.room-desc .container {
    display: flex;
    justify-content: space-between;
}


.room-calender {
    display: flex;
    padding: 44px 0px 44px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.room-feature {
    display: flex;
    width: 916px;
    padding: 40px 0px 40px 0px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px var(--spacing-3xl, 24px);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.feature-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

    .feature-title h3 {
        color: var(--Watercourse, #006948);
        font-family: Kalnia;
        font-size: 30px;
        font-weight: 500;
        line-height: 130%; /* 39px */
        width: 489px;
    }

.feature-content {
    display: flex;
    width: 916px;
    padding: 0px 0px 0px 0px;
    align-items: flex-start;
    align-content: flex-start;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 24px var(--spacing-3xl, 24px);
}

.feature-card {
    display: flex;
    width: 392px;
    height: 150px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 12px;
    border: 1px solid var(--Atlantis, #E7E7E7);
    background: var(--text-white-0, #FFF);
    gap: var(--spacing-md, 8px);
}

.feature-card-title {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl, 16px);
}

.feature-card-icon {
    display: flex;
    width: 44px;
    height: 44px;
    padding: 3px 5px 5.381px 5px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--Ivory, #F6F8FA);
}

.feature-card-title h3 {
    color: var(--Watercourse, #006948);
    font-family: Kalnia;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%; /* 23.4px */
    margin-bottom: 0;
}


.feature-card-desc p {
    color: var(--Bunker, var(--text-main-900, #242526));
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    align-self: stretch;
}

.room-gallery {
    display: flex;
    padding: 44px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}


#tabs ul.ui-tabs-nav {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    margin-bottom: 24px;
    padding-left: 0;
}

#tabs li.ui-state-default {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
}

    #tabs li.ui-state-default a {
        color: #868C98;
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }


#tabs li.ui-tabs-active a {
    color: #006948 !important;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    border-bottom: 1px solid #A6CE39;
    height: 35px;
}


.masonry2 {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    flex-flow: wrap;
}

.masonry-item2 {
    width: 288px;
    height: 288px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

    .masonry-item2 img {
        width: 100%;
        border-radius: var(--radius-2xl, 16px);
        height: 100%;
        object-fit: cover;
    }

.places {
    display: flex;
    padding: 44px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}

.places-title {
    display: flex;
    width: 288px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

    .places-title h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 39px */
    }

.places-content {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 128px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.place-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
}

    .place-block h4 {
        color: var(--Watercourse, #006948);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

.place-row {
    display: flex;
    width: 288px;
    justify-content: space-between;
    align-items: flex-start;
}

    .place-row p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

.rules {
    display: flex;
    padding: 44px 0px 44px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.rules-title {
    display: flex;
    width: 489px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

    .rules-title h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 39px */
    }

.rules-content {
    display: flex;
    width: 808px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px var(--spacing-3xl, 24px);
    flex-wrap: wrap;
    margin-top: 32px;
}

.rules-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    flex: 1 0 0;
}

.rules-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    flex: 1 0 0;
}

.rules-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
}

    .rules-row span {
        width: 24px;
        height: 24px;
    }

    .rules-row p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: 0.36px;
        flex: 1 0 0;
    }

.map-section {
    display: flex;
    padding: 44px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-7xl, 64px);
    align-self: stretch;
}

.map-title {
    display: flex;
    width: 489px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

    .map-title h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 39px */
    }

.map-content {
    display: flex;
    padding: 44px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-7xl, 64px);
    align-self: stretch;
}

.register-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 48px);
    align-self: stretch;
}

.register-section {
    display: flex;
    padding: var(--spacing-7xl, 64px) 0px var(--spacing-9xl, 96px) 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
}

.register-content {
    display: flex;
    width: 1016px;
}

.register-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 12px);
    align-self: stretch;
    position: relative;
}

    .register-header h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 39px */

        width: 489px;
    }

.register-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.form-group {
    width: 392px;
    flex-direction: column;
    gap: var(--spacing-sm, 6px);
}


    .form-group .form-control {
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--text-disabled-300, #CDD0D5);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }


.error-group {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
}

    .error-group p {
        color: var(--text-soft-400, #868C98);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 150% */
        letter-spacing: 0.32px;
        flex: 1 0 0;
    }


    .error-group.success p {
        color: var(--Green, #00AD4B);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    }

.checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-lg, 12px);
    align-self: stretch;
    height: 24px;
    align-items: center;
    width: 100%;
}

    .checkbox-group #ContentPlaceHolder1_CheckBox1 {
        border-radius: 6px;
        border: 1px solid #CDD0D5;
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
    }


.checked-style {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    border-radius: var(--spacing-sm, 6px);
    background: var(--Green, #00AD4B);
}

    .checked-style #ContentPlaceHolder1_CheckBox1 {
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 20px;
        height: 20px;
        background-color: none;
        border: none;
        border-radius: 2px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0;
    }



input[type='checkbox']:checked:after {
    content: '\2713';
    color: white;
    width: 100%;
    /* border-radius: 6px; */
    height: 100%;
    /* margin: 3px; */
}



.checkbox-group p {
    color: var(--Bunker, #242526);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    width: 75%;
}

.checkbox-group a {
    text-decoration-line: underline;
    color: var(--Bunker, #242526);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    /* font-weight: 500; */
    /* line-height: 24px; */ /* 150% */
    /* letter-spacing: 0.32px; */
    /* text-decoration-line: none !important; */
    text-decoration: underline !important;
}

    .checkbox-group a:hover {
        cursor: pointer;
    }

.register-btn {
    display: flex;
    flex-direction: column;
    width: 392px;
    margin-top: 8px;
}


.google-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 0;
    padding: 0;
    width: 392px;
    margin-bottom: 48px;
}

    .google-btn a {
        display: flex;
        padding: var(--spacing-lg, 12px) var(--spacing-xl, 16px);
        justify-content: center;
        align-items: center;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--text-soft-400, #868C98);
        color: var(--text-sub-500, #525866);
        text-align: center;
        font-feature-settings: 'clig' off, 'liga' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 125% */
        letter-spacing: 0.178px;
    }


.form-footer {
    display: flex;
    width: 392px;
    height: 24px;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -24px;
}

    .form-footer p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

    .form-footer a {
        color: #00AD4B !important;
        text-align: right;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

.register-right img {
    height: 950px;
    border-radius: var(--radius-2xl, 16px);
}

.login-right img {
    width: 100% !important;
    height: 100% !important;
    border-radius: var(--radius-2xl, 16px);
    object-fit: cover;
}




.checkbox-group.login-form a {
    text-decoration: none !important;
}

.login-form label a {
    color: var(--text-soft-400, #868C98);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    width: 100%;
    /* align-items: center; */
}


.sifremi-unuttum {
    display: flex;
    height: 816px;
    padding: 80px 0px var(--spacing-9xl, 96px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
    flex-shrink: 0;
}

.sifremi-unuttum-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 48px);
}

    .sifremi-unuttum-panel .form-footer {
        display: flex;
        width: 392px;
        height: 24px;
        justify-content: center;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
        margin-top: 24px;
    }

        .sifremi-unuttum-panel .form-footer a {
            color: #242526 !important;
            text-align: right;
            font-variant-numeric: lining-nums proportional-nums;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px; /* 150% */
            letter-spacing: 0.32px;
        }





.hesap-dogrulama {
    display: flex;
    height: 816px;
    padding: 80px 0px var(--spacing-9xl, 96px) 0px;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
    flex-shrink: 0;
}

.hesap-dogrulama-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 48px);
}

    .hesap-dogrulama-panel .form-footer {
        display: flex;
        width: 392px;
        height: 24px;
        justify-content: center;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
        margin-top: 20px;
    }

.hesap-dogrulama .form-footer a {
    color: #242526 !important;
    text-align: right;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    /* margin-top: 20px; */
}

.hesap-dogrula-mail {
    color: var(--text-soft-400, #868C98);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
}

.hesap-dogrula-desc {
    color: var(--colors-text-text-tertiary-600, #475467);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    width: 392px;
}

.input-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.input-row-control {
    display: flex;
    width: 80px;
    height: 80px;
    padding: 10px 14px;
    align-items: center;
    gap: var(--spacing-md, 8px);
    border-radius: var(--radius-md, 8px);
    border: 2px solid var(--text-disabled-300, #CDD0D5);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    overflow: hidden;
    color: var(--Watercourse, #006948);
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 100% */
    letter-spacing: 0.64px;
}

.hesap-dogrulama-panel .form-footer2 {
    display: flex !important;
    width: 392px !important;
    height: 24px !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-top: 20px;
}

.footer-t-menu {
    display: none;
}

.hesap-dogrulama-panel .form-footer2 a {
    color: #00AD4B !important;
    text-align: right;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.32px;
}

.profile-content {
    margin-top: 32px;
    margin-bottom: 32px;
}

.profile .left-menu {
    display: flex;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--Colors-Border-border-secondary, #EAECF0);
    background: var(--Colors-Background-bg-primary, #FFF);
    box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
    display: flex;
    padding: var(--spacing-xs, 4px) 0px;
    position: absolute;
}

    .profile .left-menu ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 4px;
        margin-top: 4px;
        width: 100%;
        padding: 9px 10px;
    }

        .profile .left-menu ul li {
            display: flex;
            padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
            align-items: center;
        }

            .profile .left-menu ul li a {
                display: flex;
                padding: 9px 10px;
                align-items: center;
                gap: var(--spacing-lg, 12px);
                font-variant-numeric: lining-nums proportional-nums;
                font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
                font-family: Inter;
                font-size: 14px;
                font-style: normal;
                font-weight: 600;
                line-height: 20px; /* 142.857% */
                letter-spacing: 0.28px;
                color: #344054 !important;
            }

            .profile .left-menu ul li.ui-tabs-active {
                display: flex;
                align-items: center;
                gap: var(--spacing-lg, 12px);
                border-radius: var(--radius-sm, 6px);
                background: var(--Atlantis-Tints, #F6F8FA);
                width: 100%;
            }

#tabsProfile .ui-tabs-panel {
    margin-left: 320px;
}

#tabsProfile .tabs-content {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xl, 20px);
    display: flex;
    padding-bottom: 120px;
}

.tabs-container {
    display: flex;
    width: 912px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xl, 20px);
}

.tabs-header {
    display: flex;
    width: 392px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-lg, 12px);
}

    .tabs-header h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 39px */
    }

.tabs-container hr {
    width: 912px;
    height: 1px;
    border-radius: var(--radius-none, 0px);
    background: var(--stroke-soft-200, #E2E4E9);
    margin: 0;
}

.tabs-content .profile-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
    width: 100%;
}

.profile-row-left {
    display: flex;
    width: 392px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
}

.profile-row-right {
    display: flex;
    width: 496px;
    padding: 10px 14px;
    align-items: center;
    gap: var(--spacing-md, 8px);
    flex-shrink: 0;
    align-self: stretch;
}

.profile-row-left h4 {
    color: var(--text-main-900, #0A0D14);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.56px;
    margin-bottom: 0px;
}

.profile-row-left p {
    color: var(--text-sub-500, #525866);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.profile-row-right input {
    display: flex;
    width: 480px;
    padding: 10px 14px;
    align-items: center;
    gap: var(--spacing-md, 8px);
    flex-shrink: 0;
    align-self: stretch;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.profile-row-right textarea {
    display: flex;
    width: 480px;
    padding: 10px 14px;
    align-items: center;
    gap: var(--spacing-md, 8px);
    flex-shrink: 0;
    align-self: stretch;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.btn-default {
    display: flex;
    width: 184px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 10px;
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    background: var(--bg-white-0, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
}

    .btn-default:hover {
        display: flex;
        width: 184px;
        padding: 12px 16px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 10px;
        border: 1px solid var(--text-disabled-300, #CDD0D5);
        background: var(--bg-white-0, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }


.profile-button-content {
    display: flex;
    gap: 25px;
    float: right;
    margin-top: 40px;
    align-self: flex-end;
}

.settings-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.general-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.general-row-left {
}

.general-row-right {
    display: flex;
    width: 392px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
}

.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
        width: 44px;
        height: 24px;
    }

.slider2 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    width: 44px;
    height: 24px;
}

    .slider2:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider2 {
    background-color: #00AD4B;
    width: 44px;
    height: 24px;
}

input:focus + .slider2 {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider2:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(17px);
}

/* Rounded sliders */
.slider2.round {
    border-radius: 34px;
}

    .slider2.round:before {
        border-radius: 50%;
    }


.general-row-right h4 {
    color: var(--text-main-900, #0A0D14);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.56px;
}

.general-row-right p {
    color: var(--text-sub-500, #525866);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.general-row2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.general-row2-left {
    display: flex;
    width: 392px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
}

    .general-row2-left h4 {
        color: var(--text-main-900, #0A0D14);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
    }

    .general-row2-left p {
        color: var(--text-sub-500, #525866);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

.general-row2-right .default-button {
    width: 78px;
    height: 32px;
    display: flex;
    padding: var(--spacing-sm, 6px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xxs, 2px);
    font-weight: 500;
    color: var(--text-sub-500, #525866);
    text-align: center;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
}

.w-122 {
    width: 122px !important;
}

.w-100 {
    width: 100% !important;
}

.profile-button-content .btn-orange {
    width: 184px;
}


.order-card {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.order-card-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
}

    .order-card-column span {
        color: var(--text-main-900, #0A0D14);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
    }

    .order-card-column p {
        color: var(--text-sub-500, #525866);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

.order-buttons {
    display: flex;
    gap: var(--spacing-lg, 12px);
    flex-direction: row;
}

    .order-buttons .default-button {
        display: flex;
        padding: var(--spacing-sm, 6px);
        justify-content: center;
        align-items: center;
        color: var(--text-sub-500, #525866);
        text-align: center;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 142.857% */
        letter-spacing: -0.084px;
    }

.danger-button {
    display: flex;
    padding: var(--spacing-sm, 6px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xxs, 2px);
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--Pumpkin, #F36B21);
    background: var(--Pumpking-Tint, #FDE1D3);
    box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--Pumpkin, #F36B21);
    background: var(--Pumpking-Tint, #FDE1D3);
    box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
    color: var(--Pumpkin, #F36B21);
    text-align: center;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.084px;
}

    .danger-button:hover {
        display: flex;
        padding: var(--spacing-sm, 6px);
        justify-content: center;
        align-items: center;
        gap: var(--spacing-xxs, 2px);
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--Pumpkin, #F36B21);
        background: var(--Pumpking-Tint, #FDE1D3);
        box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--Pumpkin, #F36B21);
        background: var(--Pumpking-Tint, #FDE1D3);
        box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
        color: var(--Pumpkin, #F36B21);
        text-align: center;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 142.857% */
        letter-spacing: -0.084px;
    }


.summary-card {
    display: flex;
    width: 392px;
    padding: var(--spacing-3xl, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
    border-radius: var(--radius-2xl, 16px);
    border: 1px solid var(--Atlantis, #E7E7E7);
    background: var(--text-white-0, #FFF);
}

.summary-header {
    color: var(--Watercourse, #006948);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Kalnia;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 39px */
}

.summary-images {
    height: 234px;
    align-self: stretch;
    position: relative;
}

.summary-card h4 {
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
}

.summary-content {
    display: flex;
    padding: var(--spacing-xl, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    background: #F6F8FA;
}

.summary-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px)
}

.sumary-row span {
    color: var(--text-main-900, #0A0D14);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.56px;
}

.summary-row p {
    color: var(--text-main-900, #0A0D14);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.summary-row label {
    color: var(--text-sub-500, #525866);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.summary-row2 {
    display: flex;
    width: 180px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
}

    .summary-row2 span {
        color: var(--text-main-900, #0A0D14);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
    }

    .summary-row2 p {
        color: var(--text-sub-500, #525866);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

.summary-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    width: 250px;
}

    .summary-bottom-row label {
        color: var(--text-soft-400, #868C98);
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

    .summary-bottom-row span {
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: right;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: 0.36px;
    }

.summary-total-row {
    display: flex;
    padding: var(--spacing-xl, 16px);
    align-items: center;
    align-self: stretch;
    border-radius: var(--radius-md, 8px);
    background: var(--Atlantis-Tints, #F6F8FA);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
}

.ui-datepicker {
    width: 304px !important;
    padding: 0.2em 0.2em 0;
    display: none;
}

.summary-total-row label {
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
}

.summary-total-row span {
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    letter-spacing: 0.24px;
}

.register-tab {
    display: flex;
    width: 600px;
    padding: var(--spacing-6xl, 48px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-6xl, 48px);
    border-radius: var(--radius-2xl, 16px);
    border: 1px solid var(--Atlantis, #A6CE39);
    height: 100%;
}

    .register-tab .register-left {
        width: 500px;
    }

    .register-tab .form-group {
        width: 100% !important;
    }

    .register-tab .checkbox-group label {
        width: 40%;
    }


    .register-tab .register-header a {
        position: absolute;
        right: 0;
        color: var(--Green, #00AD4B);
        text-align: right;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.32px;
        top: 15px;
    }


.public-register-form .google-btn {
    margin-bottom: 0;
}

.checkout-section {
    display: flex;
    padding: var(--spacing-7xl, 64px) 0px var(--spacing-9xl, 96px) 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-7xl, 64px);
}

.checkout-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
}

.checkout-card {
    display: flex;
    width: 600px;
    padding: 26px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--radius-2xl, 16px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    gap: 32px;
}

    .checkout-card.active {
        border-radius: var(--radius-2xl, 16px);
        border: 1px solid var(--Atlantis, #E7E7E7);
    }

    .checkout-card.active {
    }

.checkout-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 12px);
    align-self: stretch;
}

.checkout-step {
    display: flex;
    width: 48px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 99px;
    background: var(--text-soft-400, #868C98);
}

.checkout-card.active .checkout-step {
    background: var(--Green, #00AD4B);
}

.checkout-step h1 {
    color: var(--Ivory, #F6F8FA);
    text-align: center;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Kalnia;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 39px */
    margin-bottom: 0;
}

.checkout-header h3 {
    color: var(--Watercourse, #006948);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Kalnia;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 39px */
    flex: 1 0 0;
    gap: 8px;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}


.checkout-section hr {
    width: 100%;
    height: 1px;
    border-radius: var(--radius-none, 0px);
    background: #CDD0D5;
    /* margin-top: 32px; */
    /* margin-bottom: 32px; */
    margin: 0;
}


.checkout-form-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 6px);
    flex: 1 0 0;
    align-self: stretch;
}

    .checkout-form-row label {
        color: var(--text-main-900, #242526);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

    .checkout-form-row input {
        display: flex;
        padding: 10px 14px;
        align-items: center;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--text-disabled-300, #CDD0D5);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        overflow: hidden;
        color: var(--text-main-900, #242526);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        text-overflow: ellipsis;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

.checkout-form-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.checkout-content-left {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.checkout-info-row {
    display: flex;
    width: 504px;
    padding: var(--spacing-xl, 16px);
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
}

.checkout-info-row-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
}

.checkout-info-row-right {
    display: flex;
    width: 180px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 4px);
    flex-shrink: 0;
}

.checkout-info-row-left p {
    color: var(--text-main-900, #0A0D14);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.56px;
    width: 274px !important;
}

.checkout-info-row-left label {
    color: var(--text-sub-500, #525866);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.checkout-info-row-right label {
    color: var(--text-sub-500, #525866);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

.checkout-info-row-right p {
    color: var(--text-main-900, #0A0D14);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.56px;
}

.checkout-extra-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.checkout-extra-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.checkout-extra-row-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 6px);
    flex: 1 0 0;
    align-self: stretch;
    position: relative;
}

    .checkout-extra-row-left p {
        color: var(--text-main-900, #242526);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

.checkout-extra-row-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 6px);
    flex: 1 0 0;
    position: relative;
}

    .checkout-extra-row-right p {
        color: var(--text-main-900, #242526);
        /* S1 */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

.txtPrice {
    overflow: hidden;
    color: var(--Bunker, var(--text-main-900, #242526));
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 10px 14px;
    align-items: center;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
    width: 100%;
}

.checkout-extra-row-left .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 55%;
}

.txtMinusPlus {
    display: -webkit-box !important;
    width: 26px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center !important;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 9px;
    letter-spacing: 0.32px;
    display: flex !important;
    align-items: center;
    gap: var(--spacing-md, 8px);
    border: none;
    background: none;
}

.txtMinusPlus22 {
    display: -webkit-box !important;
    width: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center !important;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 9px;
    letter-spacing: 0.32px;
    display: flex !important;
    align-items: center;
    gap: var(--spacing-md, 8px);
    border: none;
    background: none;
    padding: 0 !important;
}

.yemek-row.show {
    display: flex;
}

.yakacak-row.show {
    display: flex;
}


.txtMinusPlus33 {
    display: -webkit-box !important;
    width: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center !important;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 9px;
    letter-spacing: 0.32px;
    display: flex !important;
    align-items: center;
    gap: var(--spacing-md, 8px);
    border: none;
    background: none;
    padding: 0 !important;
}

.txtMinusPlus2 {
    display: -webkit-box !important;
    width: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    color: var(--Bunker, var(--text-main-900, #242526));
    text-align: center !important;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 9px;
    letter-spacing: 0.32px;
    display: flex !important;
    align-items: center;
    gap: var(--spacing-md, 8px);
    border: none;
    background: none;
}



.input-group-btn .btn-pluss {
    border: none;
}

.btn-minuse {
    border: none;
}

.txtMinusPlus:focus-visible {
    border: 0 !important;
}

.txtMinusPlus2:focus-visible {
    border: 0 !important;
}



.checkout-extra-row-right .input-group {
    position: relative;
    display: flex;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 10px;
    left: 55%;
}


.checkout-extra-textarea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 6px);
    flex: 1 0 0;
}

    .checkout-extra-textarea p {
        color: var(--text-main-900, #242526);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

    .checkout-extra-textarea label {
        color: var(--text-soft-400, #868C98);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

    .checkout-extra-textarea textarea {
        display: flex;
        height: 132px;
        padding: 10px 14px;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--text-disabled-300, #CDD0D5);
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    }


        .checkout-extra-textarea textarea:focus-visible {
            display: flex;
            height: 132px;
            padding: 10px 14px;
            align-items: flex-start;
            gap: var(--spacing-md, 8px);
            align-self: stretch;
            border-radius: var(--radius-md, 8px);
            border: 1px solid var(--text-disabled-300, #CDD0D5);
            box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
            outline: none;
        }

.checkout-form-row2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-sm, 13px);
    flex: 1 0 0;
    align-self: stretch;
    flex-direction: row;
    /* position: relative; */
}

    .checkout-form-row2 label {
        color: var(--text-main-900, #242526);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .checkout-form-row2 .column .form-control {
        margin-top: 6px;
        height: 46px;
    }


.tridi-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-lg, 12px);
    align-items: center;
}

    .tridi-row p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        padding: 0;
        margin: 0;
    }




.checkout-button-panel {
    display: flex;
    padding: var(--spacing-xl, 16px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: var(--radius-md, 8px);
    background: var(--Atlantis-Tints, #F6F8FA);
}

.checkout-button-panel-right {
    display: flex;
    width: 240px;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
}

.checkout-button-panel-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .checkout-button-panel-left p {
        color: #000;
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }


    .checkout-button-panel-left label {
        color: #000;
        text-align: center;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.24px;
    }

.checkout-button-panel-right .btn-orange {
    width: 100%;
}

.order-success-section {
    display: inline-flex;
    padding-top: var(--spacing-6xl, 48px);
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-items: center;
    align-content: center;
    align-self: center;
    width: 100%;
    padding-bottom: var(--spacing-6xl, 48px);
}

.order-success-card {
    border-radius: var(--radius-xl, 12px);
    border: 1px solid var(--Atlantis, #A6CE39);
    display: flex;
    width: 392px;
    padding: 16px;
    flex-direction: column;
    gap: var(--spacing-3xl, 24px);
    margin: 0 auto;
}

.order-success-header {
    display: flex;
    width: 80px;
    height: 80px;
    padding: 10.909px;
    justify-content: center;
    align-items: center;
}

.order-success-title h2 {
    color: var(--Green, #00AD4B);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Kalnia;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 62.4px */
}

.order-success-card p {
    color: var(--Cyprus, #0A3C35);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    letter-spacing: 0.24px;
}

.order-success-card label {
    color: var(--Cyprus, #0A3C35);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.28px;
    display: block;
    width: 328px;
}

.success-order-detail-card {
    border-radius: var(--radius-2xl, 16px);
    border: 1px solid var(--Atlantis, #A6CE39);
    background: var(--text-white-0, #FFF);
    display: flex;
    width: 1224px;
    padding: var(--spacing-3xl, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 38px;
}

.success-order-detail-card-header {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
}

    .success-order-detail-card-header p {
        color: var(--Watercourse, #006948);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 122.222% */
        letter-spacing: 0.36px;
        flex: 1 0 0;
    }


.order-share-panel {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
}

.success-order-content {
    display: flex;
    align-items: center;
    gap: var(--spacing-xl, 16px);
    align-self: stretch;
}

    .success-order-content img {
        width: 102px;
        align-self: stretch;
        border-radius: var(--radius-md, 8px);
        height: 102px;
    }

.nonelogin-user {
    display: flex;
    width: 116px;
    height: 40px;
}

    .nonelogin-user > a {
        display: flex;
        padding: var(--spacing-xs, 4px) var(--spacing-md, 8px) var(--spacing-xs, 4px) var(--spacing-xs, 4px);
        align-items: center;
        gap: var(--spacing-sm, 6px);
        border-radius: var(--radius-lg, 10px);
        border: 1px solid var(--stroke-soft-200, #E2E4E9);
        background: var(--bg-white-0, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(228, 229, 231, 0.24);
        width: 116px;
        height: 40px;
    }

        .nonelogin-user > a img {
            width: 32px;
            height: 32px;
            fill: var(--yellow-light, #FBDFB1);
        }

        .nonelogin-user > a span {
            color: var(--Component-colors-Components-Buttons-Secondary-button-secondary-fg, #344054);
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 13px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: 0.56px;
        }

.success-order-row {
    display: flex;
    padding: var(--spacing-xl, 16px);
    align-items: flex-start;
    gap: 32px;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    background: #F6F6F6;
    height: 102px;
}

    .success-order-row .left {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
    }

        .success-order-row .left p {
            color: var(--text-main-900, #0A0D14);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px; /* 142.857% */
            letter-spacing: 0.56px;
            width: 260px;
        }

        .success-order-row .left span {
            color: var(--text-main-900, #0A0D14);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
        }

        .success-order-row .left label {
            color: var(--text-sub-500, #525866);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }

    .success-order-row .right p {
        color: var(--text-main-900, #0A0D14);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
        color: var(--text-main-900, #0A0D14);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        color: var(--text-main-900, #0A0D14);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
    }

    .success-order-row .right label {
        color: var(--text-sub-500, #525866);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }


    .success-order-row .right {
        display: flex;
        width: 116px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
    }

.success-order-row2 {
    display: flex;
    height: 102px;
    padding: var(--spacing-xl, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md, 8px);
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    background: #F6F6F6;
}


    .success-order-row2 p {
        color: var(--Cyprus, #0A3C35);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
    }

    .success-order-row2 span {
        color: var(--Cyprus, #0A3C35);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }


.success-order-row3 {
    height: 102px;
    padding: var(--spacing-xl, 16px);
    align-items: flex-start;
    gap: 60px;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--text-disabled-300, #CDD0D5);
    background: #F6F6F6;
    width: 250px;
}


    .success-order-row3 p {
        color: var(--Cyprus, #0A3C35);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.56px;
        gap: var(--spacing-xs, 4px);
    }

    .success-order-row3 span {
        color: var(--Cyprus, #0A3C35);
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

.success-order-row4 {
    display: flex;
    height: 102px;
    padding: var(--spacing-xl, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    flex: 1 0 0;
    border-radius: var(--radius-md, 8px);
    border: 1px solid var(--Atlantis, #A6CE39);
    background: var(--Atlantis-Tints, #F6F8FA);
    width: 164px !important;
}

    .success-order-row4 p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

    .success-order-row4 label {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 122.222% */
        letter-spacing: 0.36px;
    }

.order-failed-card {
    display: flex;
    width: 392px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
    border-radius: var(--radius-xl, 12px);
    border: 1px solid var(--Pumpkin, #F36B21);
    margin: 0 auto;
}

.order-failed-title h2 {
    color: var(--Pumpkin, #F36B21);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Kalnia;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 62.4px */
}

.order-failed-card p {
    color: var(--Cyprus, #0A3C35);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 133.333% */
    letter-spacing: 0.24px;
}

.order-failed-card label {
    display: flex;
    padding: var(--spacing-xs, 4px);
    align-items: flex-start;
    gap: var(--spacing-md, 8px);
    align-self: stretch;
    border-radius: var(--radius-sm, 6px);
    background: var(--Pumpking-Tint, #FDE1D3);
    color: var(--Cyprus, #0A3C35);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.28px;
}

.order-failed-card .success-button {
    width: 100%;
}


.contrat-content {
    width: 917px;
    margin: 0 auto;
    gap: 16px;
    padding-top: 80px;
    padding-bottom: 80px;
}

    .contrat-content h1 {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; /* 133.333% */
        letter-spacing: 0.24px;
    }

    .contrat-content p {
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        line-height: 24px;
        letter-spacing: 0.32px;
        margin-top: 1rem;
    }

.slider-content {
    display: flex;
    width: 608px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-xl, 16px);
    position: absolute;
    /* top: 265px; */
    /* top: calc(100vh - 550px); */
    top: 38%;
}

.slider h1 {
    color: var(--Ivory, #F6F8FA);
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Kalnia;
    font-size: 72px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 93.6px */
    width: 633px;
}

.slider p {
    color: var(--Ivory, #F6F8FA);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 133.333% */
    letter-spacing: 0.48px;
    flex: 1 0 0;
}

.slider-footer {
    display: flex;
    align-items: center;
    gap: var(--spacing-3xl, 24px);
    align-self: stretch;
}

.speed-search-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    /* align-items: center; */
}

.speed-search {
    display: flex;
    padding: var(--spacing-lg, 12px) 17px var(--spacing-lg, 12px) 32px;
    align-items: center;
    gap: 100px;
    position: absolute;
    /* margin-left: 215px; */
    border-radius: 60px;
    background: var(--text-main-900, #242526);
    z-index: 99;
    position: absolute;
    /* left: 326px; */
    /* bottom: 727px; */
    /* width: 764px; */
    height: 82px;
    /* left: 15%; */
    /* top: calc(100vh - 180px); */
    top: 75%;
}

    .speed-search .start-date {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
        /* width: 111px; */
    }

    .speed-search .finish-date {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
        width: 111px;
    }



    .speed-search .start-date input {
        color: var(--Ivory, #F6F8FA);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        background: #242526;
        border: none;
        /* width: 160px; */
    }

    .speed-search .start-date label {
        display: flex;
        align-items: center;
        gap: var(--spacing-xs, 4px);
        color: var(--Ivory, #F6F8FA);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: 0.36px;
    }



    .speed-search input[type="date"]::-webkit-calendar-picker-indicator {
        color: white;
        visibility: hidden;
    }

    .speed-search .finish-date input {
        color: var(--Ivory, #F6F8FA);
        font-variant-numeric: lining-nums proportional-nums;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        background: #242526;
        border: none;
    }

    .speed-search .finish-date label {
        display: flex;
        align-items: center;
        gap: var(--spacing-xs, 4px);
        color: var(--Ivory, #F6F8FA);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */
        letter-spacing: 0.36px;
    }


    .speed-search .person {
        /* width: 115px; */
    }

        .speed-search .person h6 {
            color: var(--Ivory, #F6F8FA);
            /* font-variant-numeric: lining-nums proportional-nums; */
            /* font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off; */
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 150% */
            letter-spacing: 0.32px;
            background: #242526;
            border: none;
            display: flex;
            /* width: 100%; */
            width: 150px;
        }

        .speed-search .person label {
            display: flex;
            align-items: center;
            gap: var(--spacing-xs, 4px);
            color: var(--Ivory, #F6F8FA);
            font-variant-numeric: lining-nums proportional-nums;
            font-family: Inter;
            font-size: 17px;
            font-style: normal;
            font-weight: 500;
            line-height: 25px; /* 166.667% */
            letter-spacing: 0.36px;
            margin-right: 3px;
            margin-left: 3px;
        }

.search-buton img {
    display: flex;
    width: 48px;
    height: 48px;
    /* padding: var(--spacing-md, 8px); */
    justify-content: center;
    align-items: center;
    gap: 10px;
}



.dropdown-menu {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    top: 45px;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    z-index: 999999999;
}



    .dropdown-menu li {
        display: flex;
        padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
        align-items: center;
        width: 100%;
    }

        .dropdown-menu li a {
            display: flex;
            padding: 9px 10px;
            align-items: center;
            gap: var(--spacing-lg, 12px);
            color: var(--colors-text-text-secondary-700, #344054);
            font-variant-numeric: lining-nums proportional-nums;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px; /* 142.857% */
            letter-spacing: 0.28px;
        }

        .dropdown-menu li:last-child {
            border-top: 1px solid #EAECF0;
        }





.calender-left .ui-datepicker.ui-datepicker-multi {
    width: 800px !important;
    display: flex !important;
    padding-left: 10px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--Atlantis, #A6CE39) !important;
    border-radius: 16px !important;
    background: #fff;
    border-bottom: none !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.room-desc .ui-datepicker.ui-datepicker-multi {
    width: 800px !important;
    display: flex !important;
    padding-left: 10px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--Atlantis, #A6CE39) !important;
    border-radius: 16px !important;
    background: #fff;
}

.hamburger-menu {
    display: none;
    padding: var(--spacing-lg, 12px) var(--spacing-xs, 4px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.mobile-menu {
    display: none;
}


    .mobile-menu.opened {
        --tw-bg-opacity: 1;
        --tw-text-opacity: 1;
        align-items: center;
        background-color: #fff;
        color: rgb(255 255 255/var(--tw-text-opacity));
        display: flex;
        height: 100vh;
        padding-top: 50px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9999;
        display: flex;
        padding: 40px 32px;
        justify-content: space-between;
        align-items: flex-start;
        top: 80px;
        position: fixed;
        left: 0;
    }

.mobile-rez {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    margin-top: 44px;
    width: 100%;
}

.mobile-menu.opened ul {
    display: flex;
    width: 345px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-3xl, 24px);
}

    .mobile-menu.opened ul li {
        list-style: none;
    }


        .mobile-menu.opened ul li a {
            color: var(--Cyprus, #0A3C35);
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Kalnia;
            font-size: 30px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%; /* 39px */
        }

            .mobile-menu.opened ul li a:active {
                text-decoration: underline;
                text-decoration-color: #A6CE39; /* Alt çizginin rengini buradan ayarlayın */
                text-underline-offset: 3px; /* Alt çizgi ile yazı arasındaki boşluğu buradan ayarlayın */
            }

            .mobile-menu.opened ul li a:focus {
                text-decoration: underline;
                text-underline-offset: 3px; /* Alt çizgi ile yazı arasındaki boşluğu buradan ayarlayın */

                text-decoration-color: #A6CE39; /* Alt çizginin rengini buradan ayarlayın */
            }


            .mobile-menu.opened ul li a:visited {
                text-decoration: underline;
                text-decoration-color: #A6CE39; /* Alt çizginin rengini buradan ayarlayın */
                text-underline-offset: 3px; /* Alt çizgi ile yazı arasındaki boşluğu buradan ayarlayın */
            }

header.opened {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
    background: #ffffff;
    position: fixed;
    /* height: 100%; */
}

.mobile-menu-logo {
    display: none;
    position: absolute;
}

.hamburger-close {
    display: none;
}

header.opened .hamburger-close {
    display: block;
}

header.opened .header-logo {
    display: none;
}

header.opened .mobile-menu-logo {
    display: block;
    width: 164.766px;
    height: 44px;
}

.footer-top-left .footer-mobile-logo {
    display: none;
}


/*tablet tasarım*/


@media (min-width: 350px) and (max-width: 768px) {

    .bungalov-list-section {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

        .bungalov-list-section .bungalov-list {
            align-items: flex-start;
            align-content: flex-start;
            gap: 32px var(--spacing-3xl, 24px);
            display: block;
            width: auto;
        }

    .room-fixed-reservastion .btn-rez {
        width: 275px;
    }

    .room-fixed-reservastion {
        position: sticky;
    }

    .customer-comment-section .container {
        width: 100%;
    }

    .mobile-hide {
        display: none !important;
    }

    .footer-top-left .footer-desktop-logo {
        display: none;
    }

    .footer-top-left .footer-mobile-logo {
        display: block;
    }


    .mobil-header-logo {
        /* display: block; */
    }

    footer .social-link {
        padding-top: 0;
    }

    .blog-page-section .blog-page-list .blog-card {
        /* width: 328px; */
    }

    .footer-center-left {
        margin-bottom: 24px;
    }

    .footer-center {
        width: 720px;
        margin: 0 auto;
    }

    .reservastion-button-group .right {
        width: 100%;
    }

    .girisDiv, .cikisDiv {
        width: 100% !important;
    }

    .footer-bottom-container {
        /* width: 100%; */
        max-width: 720px;
    }



    .mobil-block {
        display: none;
    }

    .hamburger-menu {
        display: flex;
    }

    .main-menu ul {
        display: none;
    }

    header {
        padding: 0;
    }

        header .container {
            display: flex;
            /* width: 100%; */
            /* padding-top: 20px; */
            /* padding-bottom: 20px; */
            padding: 20px 24px;
        }




    .header-right-menu {
        align-items: center;
    }

    .slider {
        width: 100%;
        height: 511px;
        /* background-position: 50% 50%; */
        /* display: block; */
        /* overflow: hidden; */
        /* position: relative; */
        /* object-fit: cover; */
        /* background: red; */
    }

        .slider .slider-img {
            border-radius: var(--radius-none, 0px);
            width: 100%;
            /* height: 100%; */
            object-fit: cover;
            height: 511px;
        }

    .slider-content {
        width: 328px;
        /*top: 162px;*/
        top: 30%;
    }

        .slider-content h1 {
            width: 328px;
            font-size: 30px;
            padding-bottom: 0;
            margin-bottom: 0;
        }

    .slider-footer {
        flex-direction: column;
        align-items: flex-start;
    }

        .slider-footer p {
            font-size: 18px;
            line-height: 30px; /* 166.667% */
            letter-spacing: 0.36px;
        }

    .speed-search {
        gap: 60px !important;
        right: 60px !important;
        bottom: 32px !important;
        width: 90% !important;
        left: 20px !important;
    }

        .speed-search .start-date {
            width: 117px;
        }

            .speed-search .start-date input {
                width: 117px;
            }

        .speed-search .finish-date {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: var(--spacing-xs, 4px);
            width: 117px;
        }

            .speed-search .finish-date input, .person input {
                width: 117px;
            }

    .features {
        width: 744px;
        padding: 24px 40px;
        gap: 80px;
    }

    .welcome-section-left {
        display: flex;
        width: 328px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
    }

    .welcome-section-right img {
        /* width: 44px; */
        /* height: 44px; */
        padding: 2px 2.795px 2px 2px;
    }

    .welcome-section-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        flex: 1 0 0;
    }

    .welcome-section-text {
        margin-top: 0px;
        width: 328px;
    }

    .welcome-head {
        width: 328px;
        gap: var(--spacing-xl, 16px);
    }

        .welcome-head h1 {
            width: 328px;
            font-size: 30px;
        }


    .calender-section {
        padding: 80px 32px;
    }


    .calender-head h1 {
        font-size: 30px;
        width: 602px;
    }

    .custom-calendar-mobile {
        display: block;
        border-radius: 16px;
        background: var(--bg-white-0, #FFF);
        box-shadow: 0px 16px 32px -12px rgba(88, 92, 95, 0.10);
    }

    .ui-datepicker-footer {
        display: flex;
        width: 327px;
        flex-direction: column;
        align-items: flex-start;
        border: none;
        display: flex;
        padding: var(--spacing-xl, 16px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
        border-radius: var(--radius-none, 0px);
        border-top: 1px solid var(--stroke-soft-200, #E2E4E9);
        background: var(--bg-white-0, #FFF);
    }

    .custom-calendar {
        display: none;
    }

    .ui-datepicker .ui-datepicker-title {
        border-radius: 8px !important;
        background: var(--bg-100, #F6F8FA) !important;
        display: flex !important;
        padding: 6px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        align-self: stretch !important;
    }

    .ui-datepicker .ui-datepicker-header {
        background: var(--bg-100, #F6F8FA) !important;
    }

    .calender-left {
        gap: var(--spacing-md, 8px);
        align-self: stretch;
        width: 335px;
    }

    .ui-datepicker.ui-datepicker-multi {
        display: flex !important;
        padding: 0 !important;
        border-radius: 16px !important;
        border: none !important;
        border-bottom: none !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        width: 100% !important;
    }

    .ui-datepicker {
        width: 335px !important;
    }

    .date-picker-selectDay {
        display: flex;
        padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
        /* justify-content: center; */
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: var(--radius-md, 8px);
        background: var(--bg-100, #F6F8FA);
    }

    .calender-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .calender-shadow {
        display: none;
    }

    .calender-buttons .default-button {
        /* width: 132px; */
        width: 100%;
    }

    .calender-buttons .success-button {
        /* width: 147px; */
        width: 100%;
    }

    .calender-right ul {
        display: flex;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
        padding: 0;
    }


        .calender-right ul li {
            font-size: 14px;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
            letter-spacing: 0;
        }

    .homepage-text-content {
        display: flex;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
        align-self: stretch;
    }

    .home-page-text-left img {
        width: 328px;
        height: 200px;
    }

    .home-page-text-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
        flex: 1 0 0;
    }

        .home-page-text-right img {
            width: 80px;
            height: 78.832px;
            transform: rotate(-10.135deg);
            margin-top: 0;
        }

        .home-page-text-right > div {
            margin-left: 0;
            width: 100%;
        }

    .content-head {
        gap: var(--spacing-3xl, 16px);
    }

    .home-page-text-right h1 {
        font-size: 30px;
    }

    .home-page-text-right > div > p {
        font-size: 16px;
        letter-spacing: 0.32px;
    }

    .instagram-feed-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

        .instagram-feed-head h1 {
            color: var(--Watercourse, #006948);
            text-align: center;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Kalnia;
            font-size: 30px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%; /* 39px */
        }

        .instagram-feed-head p {
            color: var(--Bunker, var(--text-main-900, #242526));
            text-align: center;
            font-variant-numeric: lining-nums proportional-nums;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 150% */
            letter-spacing: 0.32px;
        }

    .instagram-feed-content img {
        width: 178.767px;
        height: 290.367px;
        flex-shrink: 0;
    }

    .blog-section-head {
        max-width: var(--width-xl, 768px);
        gap: var(--spacing-xl, 16px);
        width: 100%;
    }

        .blog-section-head h3 {
            font-size: 30px;
            line-height: 130%; /* 39px */
        }

        .blog-section-head p {
            font-size: 16px;
            line-height: 24px; /* 150% */
            letter-spacing: 0.32px;
        }

    .blog-list {
        width: 100%;
        max-width: 100%;
        gap: 72px;
    }

    .blog-card {
        width: 100%;
        height: auto;
    }

        .blog-card img {
            width: 100%;
            max-height: 194px;
        }


    .blog-content p {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.32px;
    }

    .sss-section {
        padding-bottom: 80px;
        padding-top: 0;
    }

        .sss-section .container {
            padding: 0px;
        }

    .sss-head-content {
        max-width: var(--width-xl, 768px);
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .sss-head h3 {
        font-size: 30px;
        line-height: 130%; /* 39px */
    }

    .sss-head p {
        font-size: 16px;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

    .sss-container {
        width: 504px;
    }


    #accordion h4 {
        gap: var(--spacing-3xl, 24px);
        width: 100%;
    }

    .accordion-icon {
    }

    footer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

        footer .container {
            flex-direction: column;
            align-items: flex-start;
            gap: var(--spacing-3xl, 24px);
            align-self: stretch;
        }

    .footer-top {
        flex-direction: column;
        gap: var(--spacing-3xl, 24px);
        padding-bottom: 0;
    }


    .footer-top-right {
        padding: 0;
        flex-direction: column-reverse;
        min-width: 100% !important;
        margin-left: 0;
        gap: var(--spacing-7xl, 24px);
        position: relative;
        border-top: 1px solid #F6F8FA;
    }

        .footer-top-right .footer-link:nth-child(4) {
            order: 1;
            justify-content: space-between;
            width: 100%;
            /* margin-top: 20px; */
            /* margin-bottom: 20px; */
            margin-top: 24px;
        }

        .footer-top-right .footer-link:nth-child(1) {
            order: 1;
        }

    .footer-link {
        display: flex;
        left: 0;
    }

    .contact-links li:nth-child(1) {
        order: 4;
        position: absolute;
        right: 0px;
        top: 24px;
    }

    .contact-links li:nth-child(2) {
        order: 3;
    }

    .contact-links li:nth-child(3) {
        order: 2;
        position: absolute;
    }

    .contact-links li:nth-child(4) {
        order: 1;
        display: flex;
        width: 246px !important;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        margin-top: 32px;
    }




    .footer-link .contact-links {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        position: relative;
        gap: 70px;
        margin-bottom: 0;
    }

    .social-link svg {
        width: 40px;
        height: 40px;
    }

    .t-none {
        display: none;
    }

    .footer-t-menu {
        display: block;
        display: flex;
        /* width: 680px; */
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
    }

    .t-link-column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-lg, 12px);
        border-top: 1px solid #DBEBB0;
        width: 100%;
        padding-top: 24px;
        padding-bottom: 24px;
    }


    .footer-t-menu li {
        list-style: none;
    }

    .t-link-column ul {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-lg, 12px);
        margin-bottom: 16px;
    }

        .t-link-column ul li a {
            color: var(--Cyprus, #0A3C35);
            font-variant-numeric: lining-nums proportional-nums;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px; /* 142.857% */
            letter-spacing: 0.56px;
        }

    .footer-center-container {
        display: block;
        width: 720px;
    }

    .footer-center-right {
        padding-top: 24px;
        border-top: 1px solid var(--Atlantis-Tints, #DBEBB0);
    }



    .blog-section .container {
        width: 100% !important;
        max-width: 100%;
    }

    .feature-marque {
        padding: 0;
    }

    .room-detail-header {
        padding: 13.377px 30.878px;
        gap: 13.377px;
    }

    .first-image {
        width: 334.433px;
        height: 334.433px;
    }

        .first-image img {
            width: 100%;
            height: 100%;
        }

    .other-image {
        width: 334.433px;
        gap: 13.377px;
    }

    .single-image {
        width: 160.528px;
        height: 160.528px;
        flex-shrink: 0;
    }

    .room-detail-header .container {
        width: 100%;
    }

    .other-image img {
        width: 160.528px;
        height: 160.528px;
    }

    .room-desc {
        padding: 40px 32px 0px 32px;
    }

        .room-desc .container {
            display: flex;
            align-items: flex-start;
            gap: var(--spacing-3xl, 24px);
            align-self: stretch;
        }

    .room-fixed-reservastion {
        padding: var(--spacing-xl, 16px);
        gap: var(--spacing-xl, 16px);
        flex: 1 0 0;
        width: 240px;
    }

    .reservastion-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        flex: 1 0 0;
    }

    .reservastion-form-group {
        width: 100%;
    }

        .reservastion-form-group input {
            width: 100%;
        }

    .room-desc-title h3 {
        font-size: 30px;
        width: 328px;
    }

    .room-desc-title {
        width: 100%;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .room-desc-content {
        width: 416px;
        padding-bottom: 80px;
    }

    .room-desc-text p {
        font-size: 16px;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

    .room-fixed-reservastion {
       
    }

    .reservastion-button-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .room-feature {
        width: 680px;
    }

    .feature-card {
        width: 328px;
        gap: 40px;
        justify-content: center;
        gap: var(--spacing-md, 8px);
    }

    .room-gallery {
        display: none;
    }

    .places {
        display: none;
    }

    .rules {
        display: none;
    }

    .map-section {
        display: none;
    }

    .feature-content {
        width: 100%;
    }

    .about-header-section {
        padding: 80px 32px;
        gap: 44px;
        align-self: stretch;
    }

        .about-header-section h1 {
            text-align: start;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-size: 30px;
            width: 100%;
        }

        .about-header-section h4 {
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0.32px;
            width: 100%;
        }

    .about-img {
        display: flex;
        padding: 0px 32px;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        width: 100%;
        height: 230px;
    }

    .about-content {
        padding: 44px 32px 120px 32px;
        width: 100%;
    }

        .about-content p {
            font-size: 16px;
            line-height: 24px; /* 150% */
            letter-spacing: 0.32px;
        }

    .blog-page-section {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

    .featured-blog {
        width: 680px;
        height: 400px;
    }

        .featured-blog .head {
            display: flex;
        }

    .blog-page-list {
        /* display: flex; */
        width: 680px;
        align-items: flex-start;
        align-content: flex-start;
        gap: 32px var(--spacing-3xl, 24px);
    }

    .blog-detail-section {
        padding: 80px 32px;
        align-items: flex-start;
        gap: 80px;
    }

    .blog-detail-header {
        gap: var(--spacing-lg, 12px);
        width: 592px;
    }

        .blog-detail-header h1 {
            font-size: 30px;
        }

    .blog-gallery {
        margin-top: 64px;
        overflow: hidden;
    }

    .blog-detail-content {
        width: 592px;
        padding-left: 88px;
        align-items: flex-start;
    }

        .blog-detail-content .blog-container {
            width: 100%;
        }

    .rich-text {
        width: 100%;
    }

    .other-blog {
        width: 100%;
        min-width: var(--width-sm, 480px);
        max-width: var(--width-xl, 768px);
        align-items: flex-start;
        gap: var(--spacing-2xl, 20px);
    }

    .other-blog-header {
        height: 91px;
    }

    .contact-top-content {
        padding: 0;
    }

    .contact-top-right {
        width: 680px;
        flex-direction: row;
    }

    .contact-top-right-phone {
        width: 324px !important;
    }

    .contact-map iframe {
        margin-top: -90px !important;
        border-radius: 16px !important;
        width: 680px !important;
        height: 266px !important;
    }

    .contact-bottom {
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
        /* width: 328px; */
    }

    .contact-bottom-container {
        width: 100%;
        margin-top: 0;
    }

    .contact-form-title {
        gap: var(--spacing-xl, 16px);
        width: 100%;
    }

    .contact-bottom-container {
        width: 328px;
        margin-top: 0;
    }

    .form-group {
        width: 100%;
    }

    .contact-form-image img {
        width: 328px;
        height: 438px;
    }

    .contact-form .form-group {
        width: 100%;
    }

    .contact-top-left h3 {
        margin-bottom: 0;
    }

    .register-content {
        width: 680px;
        align-items: flex-start;
        gap: var(--spacing-3xl, 48px);
    }

    .register-right img {
        width: 328px !important;
        /* height: 359px !important; */
        max-height: 556px;
    }

    .register-btn {
        width: 100%;
    }

    .google-btn {
        width: 100%;
    }

    .form-footer {
        width: 100%;
    }



    .checkbox-group p {
        font-size: 14px;
        /* width: 41%; */
    }

    .checkbox-group label {
        font-size: 14px;
        width: 100% !important;
    }

    .profile .left-menu {
        display: none;
    }

    #tabsProfile .ui-tabs-panel {
        margin-left: 0 !important;
    }

    #tabsProfile {
        width: 100%;
    }

    .profile-content {
        display: flex;
        padding: 80px 32px 44px 32px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-2xl, 20px);
        margin-top: 0;
        margin-bottom: 0;
    }

    .tabs-header {
        display: flex;
        width: 328px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-lg, 12px);
    }



    .tabs-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-2xl, 20px);
        align-self: stretch;
    }

    .tabs-container {
        width: 100%;
    }

    .profile-row-left {
        display: flex;
        width: 328px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
    }

    .profile-row-right {
        display: flex;
        padding: 0;
        align-items: center;
        gap: var(--spacing-md, 8px);
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;
    }

        .profile-row-right input {
            width: 100%;
        }

        .profile-row-right textarea {
            width: 100%;
        }

    .profile-button-content {
        display: flex;
        width: 327px;
        justify-content: flex-end;
        align-items: flex-start;
        gap: var(--spacing-2xl, 20px);
    }


    .tabs-content .profile-row {
        gap: 0;
    }

    .tabs-container hr {
        width: 100%;
    }

    .order-card {
        position: relative;
        height: 154px;
    }

    .order-buttons {
        position: absolute;
        bottom: 0;
    }

    .register-tab {
        width: 328px;
        display: flex;
        border: none;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-6xl, 24px);
        border-radius: var(--radius-2xl, 16px);
        height: 100%;
    }

    .register-header h3 {
        width: 100%;
    }

    .register-tab .register-left {
        width: 100%;
    }

    .register-right.login-right {
        width: 328px;
    }

    .summary-card {
        width: 100%;
        padding: var(--spacing-xl, 16px);
        flex: 1 0 0;
    }

    .summary-images {
        width: 100%;
        height: 100%;
    }

    .checkout-section {
        display: flex;
        padding: 80px 32px;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
        align-self: stretch;
    }

    .checkout-content {
        display: flex;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
        align-self: stretch;
    }

    .checkout-content-left {
        display: flex;
        width: 328px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
    }

    .checkout-card {
        display: flex;
        width: 328px;
        padding: var(--spacing-xl, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
    }

    .checkout-step {
        display: flex;
        width: 24px;
        height: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

        .checkout-step h1 {
            color: var(--Ivory, #F6F8FA);
            text-align: center;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Kalnia;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: 130%; /* 23.4px */
        }

    .checkout-header h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .checkout-section hr {
        width: 100%;
        height: 1px;
        border-radius: var(--radius-none, 0px);
        background: #CDD0D5;
        margin-top: 0;
    }

    .checkout-info-row {
        width: 100%;
        display: flex;
        padding: var(--spacing-xl, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
    }

    .checkout-extra-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
        align-self: stretch;
    }

    .checkout-extra-row-right {
        width: 100%;
    }

    .checkout-form-row2 label {
        width: 140px;
    }

    .checkout-form-row2 {
        gap: var(--spacing-sm, 11px);
        display: flex;
        flex-wrap: wrap;
    }
        /*
        .checkout-form-row2 .column {
            width: 31%;
        }
*/

        .checkout-form-row2 .column {
            float: left; /* Sütunları yan yana yerleştirmek için */
            box-sizing: border-box; /* Kenar boşlukları dahil kutu modeli kullanımı */
        }

            /* İlk iki sütun için %50 genişlik */
            .checkout-form-row2 .column:nth-child(-n+2) {
                width: 48%;
            }

            /* Üçüncü sütun için %100 genişlik */
            .checkout-form-row2 .column:nth-child(3) {
                width: 100%;
            }

    .tridi-row p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

    .checkout-button-panel {
        display: flex;
        padding: var(--spacing-xl, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .checkout-button-panel-right {
        width: 100%;
    }

    .summary-header h3 {
        color: var(--Watercourse, #006948);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
    }

    .success-order-detail-card {
        width: 100%;
    }

    .success-order-detail-card-header p {
        color: var(--Watercourse, #006948);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

    .success-order-content {
        display: flex;
        align-items: center;
        align-content: center;
        gap: 16px var(--spacing-xl, 16px);
        align-self: stretch;
        flex-wrap: wrap;
    }

    .success-order-row {
        display: flex;
        width: 530px;
        padding: var(--spacing-xl, 16px);
        align-items: flex-start;
        gap: 32px;
    }

    .success-order-detail-card svg {
        width: 100%;
    }

    .success-order-row4 {
        align-items: flex-start;
    }


    .checkout-content .register-right img {
        /*width: 100% !important;*/
    }


    .ortalama-fiyat-baslik img {
        width: 24px !important;
        height: 24px !important;
        box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
    }


    /*tablet bitiş*/
}
/*mobil tasarım*/
@media (min-width: 350px) and (max-width: 430px) {


    header {
        gap: 0;
        0px, 0px, 1px, contain-intrinsic-block-size: auto 100px;
        border: 0px, 0px, 1px, 0px;
        height: 85px;
    }

    .main-menu {
        /* flex: 0 0 0; */
        /* width: 165px; */
        height: 40px;
        /* width: 200px; */
        /* position: absolute; */
        display: flex;
        position: relative;
        /* background: gray; */
    }

    .hamburger-menu {
        width: 40px;
        height: 40px;
        float: right;
        right: 0;
    }


    header .container {
        display: flex;
        /* max-width: 375px; */
        padding: 20px 24px;
        align-items: center;
        gap: 16px;
        height: 80px;
        border: 0 0 1 0;
    }


    .header-logo {
        width: 165px;
        height: 40px;
    }


    .header-right-menu {
        /* align-items: end; */
        /* gap: var(--spacing-lg, 12px); */
        width: 146px;
    }

    .header-user {
        width: 42px;
        height: 40px;
    }

        .header-user > a {
            width: 42px;
            height: 40px;
        }

            .header-user > a span {
                display: none;
            }

    .slider {
        width: 100% !important;
        height: 667px !important;
    }

    .slider-content {
        width: 326px;
        justify-content: center;
        position: absolute;
        top: 395px;
        left: 30px;
        /* transform: translate(-50%, -50%); */
        height: 178px;
    }


    .speed-search {
        display: none !important;
    }



    .mobil-block {
        display: block !important;
        /* margin-top: -10px; */
        margin-top: 10px;
    }

    .features {
        padding: 24px;
        gap: 24px;
        width: 100%;
    }

    .feature-marque {
        align-items: flex-start;
        gap: 24px;
    }

    .welcome-section {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

    .welcome-section-right {
        gap: var(--spacing-3xl, 16px);
        align-self: stretch;
    }

    .welcome-section-text {
        font-size: 16px;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
    }

    .calender-section {
        padding: 40px var(--spacing-3xl, 24px);
        gap: 40px;
        align-self: stretch;
    }

    .calender-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
    }

    .ui-datepicker {
        margin-top: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .calender-right {
        gap: 40px;
        align-self: stretch;
        width: 100%;
    }

        .calender-right ul {
            gap: 17px;
            align-self: stretch;
        }

    .homepage-text {
        padding: 40px var(--spacing-3xl, 24px);
    }

    .homepage-text-content {
        flex-direction: column;
    }

    .home-page-text-right > div > p {
        margin-top: 24px;
    }

    .instagram-feed {
        padding: 40px var(--spacing-3xl, 24px);
    }

        .instagram-feed .container {
            display: flex;
            padding: 0px var(--spacing-3xl, 24px);
            flex-direction: column;
            align-items: center;
            gap: var(--spacing-3xl, 24px);
            align-self: stretch;
        }

    .instagram-feed-head img {
        width: 48px;
        height: 48px;
    }

    .instagram-feed-content {
        display: flex;
        padding: 40px 0px 80px 0px;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        align-self: stretch;
    }

    .blog-section {
        padding: 0;
    }

    .blog-section-head {
        max-width: var(--width-xl, 768px);
        align-self: stretch;
    }


    .blog-list {
        padding-bottom: 40px;
        padding-top: 40px;
    }


    .blog-list-footer {
        padding-bottom: 40px;
    }

    .customer-comment-section {
        padding: 40px 32px 80px 32px;
        gap: var(--spacing-md, 8px);
        align-self: stretch;
        overflow: hidden;
    }

    .comments {
        gap: var(--spacing-3xl, 8px);
        overflow: initial;
    }

    .sss-section {
        padding: 0px var(--spacing-3xl, 24px) 80px var(--spacing-3xl, 24px);
        align-self: stretch;
        width: 100%;
    }

    .sss-container {
        align-items: center;
        gap: 72px;
        align-self: stretch;
        width: 100%;
    }


    #accordion h4 {
        align-items: flex-end;
        gap: var(--spacing-3xl, 24px);
        align-self: stretch;
        display: flex;
        align-items: center; /* Dikeyde ortala */
        width: 100% !important;
        position: relative;
    }

        #accordion h4 .title {
            max-width: 279px;
        }

    .sss-container #accordion .ui-accordion-content {
        height: 100% !important;
    }

    footer {
        padding: 40px var(--spacing-3xl, 24px) var(--spacing-3xl, 24px) var(--spacing-3xl, 24px);
        gap: var(--spacing-3xl, 24px);
    }

    .footer-top-right .footer-link:nth-child(4) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 16px);
        align-self: stretch;
    }

    .contact-links li:nth-child(1) {
        order: 2;
        position: absolute;
        top: 36px;
        padding-left: 8px;
        right: 0px;
    }

    .contact-links li:nth-child(2) {
        order: 2;
        position: absolute;
        top: 36px;
        padding-right: 8px;
    }

    .contact-links li:nth-child(4) {
        margin-top: 72px;
        width: 100% !important;
    }

    .footer-link .contact-links {
        width: 100%;
        /* margin-top: 16px; */
    }

    footer .social-link {
        margin-left: 0px;
        padding-left: 0px;
        border-top: 1px solid #E7E7E7;
        border-bottom: 1px solid #E7E7E7;
        width: 100%;
        gap: var(--spacing-3xl, 24px);
        padding-top: 16px;
        padding-bottom: 16px;
        margin-bottom: 0;
    }

    .footer-t-menu {
        flex-direction: column;
        gap: var(--spacing-3xl, 16px);
        align-self: stretch;
        width: 100%;
    }



    .footer-top-right {
        gap: 16px;
    }

    .t-link-column {
        border-bottom: 1px solid #E7E7E7;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        border-top: none;
        padding-bottom: 0;
        padding-top: 0;
    }

    .footer-center {
        border-top: none;
        /* padding: 40px var(--spacing-3xl, 24px) var(--spacing-3xl, 24px) var(--spacing-3xl, 24px) !important; */
        padding: 0;
        width: 100%;
    }

    .footer-center-container {
        width: 100%;
    }


    .footer-bottom-container {
        width: 100%;
    }



    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .footer-center-right {
        flex-wrap: wrap;
        padding-top: 0;
        border-top: none;
    }

        .footer-center-right .border-show {
            gap: var(--spacing-3xl, 24px);
            border-bottom: 1px solid #E7E7E7;
            border-top: 1px solid #E7E7E7;
            padding-top: 24px;
            padding-bottom: 24px;
        }

        .footer-center-right .border-show2 {
            padding-bottom: 24px;
            display: flex;
            align-items: center;
            gap: var(--spacing-lg, 8px);
        }

    .none-scroll {
        overflow: hidden;
    }

    .mobile-menu.opened ul li a {
        color: var(--Cyprus, #0A3C35);
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        font-family: Kalnia;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%; /* 31.2px */
    }

    .mobile-menu.opened {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px) 80px var(--spacing-3xl, 24px);
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
        align-self: stretch;
    }

    .btn-speed-contact {
        display: flex;
        padding: var(--spacing-sm, 6px);
        justify-content: center;
        align-items: center;
        gap: var(--spacing-xxs, 2px);
        border-radius: var(--radius-md, 8px);
        border: 1px solid var(--stroke-soft-200, #E2E4E9);
        background: var(--bg-white-0, #FFF);
        box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06) !important;
        color: var(--text-sub-500, #525866) !important;
        text-align: center !important;
        font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off !important;
        font-family: Inter !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 20px !important; /* 142.857% */
        letter-spacing: -0.084px !important;
    }


    .mobile-menu.opened ul > li.mobile-flex {
        display: flex;
        align-items: center;
        gap: var(--spacing-xl, 16px);
    }

    .dropdown-menu {
        display: none;
        padding: var(--spacing-xs, 4px) 0px;
        flex-direction: column;
        align-items: flex-start;
        top: 55px;
        right: 0;
        position: absolute;
        border-radius: 10px;
        background-color: #fff;
        z-index: 999999999;
    }

    header.opened .mobile-menu-logo {
        display: block;
        /* width: 149.787px; */
        /* height: 40px; */
        top: 0;
    }

    .calender-head h1 {
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .features-section {
        width: 375px;
    }

    .first-image {
        overflow: visible;
        width: 327px;
        height: 183.94px;
        border-radius: 16px;
        display: none;
    }

        .first-image img {
            width: 327px;
            height: 183.94px;
            position: relative;
            border-radius: 16px;
        }


    .room-images {
        gap: 8px;
        overflow: hidden;
    }

    .other-image {
        display: none;
    }

    .single-image {
        width: 327px;
        height: 183.94px;
        border-radius: 16px;
    }

    .other-image img {
        width: 327px;
        height: 183.94px;
    }

    .room-detail-header {
        width: 100%;
        position: relative;
        padding-right: 0;
    }

    .room-desc {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

    .room-desc-content {
        width: 100%;
        padding-bottom: 0;
    }

    .room-fixed-reservastion {
        display: none;
    }

    .room-feature {
        width: 100%;
    }

    .feature-title {
        align-self: stretch;
        width: 100%;
    }

        .feature-title h3 {
            width: 100%;
        }



    .calender-left {
        width: 100%;
    }

        .calender-left .ui-datepicker table {
            margin-left: 0px !important;
            /* width:  90% !important; */
        }



    .mobile-sticky-calender .ui-datepicker table {
        margin-left: 0px !important;
    }

    .ui-datepicker .ui-datepicker-calendar th {
        width: 45px;
    }

    .custom-calendar-mobile {
        width: 100%;
    }

    .ui-datepicker-footer {
        width: 100%;
    }

    .room-calender {
        width: 100%;
    }

    .about-header-section {
        padding: 40px var(--spacing-3xl, 24px) var(--spacing-3xl, 24px) var(--spacing-3xl, 24px);
        gap: var(--spacing-3xl, 24px);
    }

        .about-header-section h1 {
            text-align: center;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
        }

    .about-img {
        width: 100%;
        height: 100%;
    }


    .mobile-hide {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }

    .about-content {
        padding: 44px 32px 80px 32px;
        width: 100%;
    }

    .tursab-logo-mobil {
        display: flex;
        padding: var(--spacing-3xl, 24px) 0px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: var(--spacing-lg, 12px);
        width: 288px;
    }

    .featured-blog {
        display: none;
    }

    .blog-content h3 {
        margin-bottom: 0;
    }

    .blog-detail-section {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px) 80px var(--spacing-3xl, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: 80px;
        align-self: stretch;
    }

    .blog-detail-header {
        width: 100%;
        gap: var(--spacing-3xl, 24px);
    }

        .blog-detail-header .short-desc p {
            font-size: 16px !important;
            line-height: 24px !important;
            letter-spacing: 0.32px !important;
        }

    .blog-detail-content {
        width: 100%;
        padding-left: 0;
        padding-bottom: 0;
    }

    .rich-text p {
        font-size: 16px;
        line-height: 24px; /* 150% */
        letter-spacing: 0.32px;
        margin-top: 20px;
    }

    .blog-gallery {
        margin-top: 0;
    }

    .other-blog {
        display: none;
    }

    .contact-top {
        display: flex;
        padding: 40px 0px var(--spacing-11xl, 160px) 0px;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-7xl, 64px);
        align-self: stretch;
    }

    .contact-top-content {
        display: flex;
        max-width: var(--container-max-width-desktop, 1280px);
        padding: 0px var(--spacing-3xl, 24px);
        align-items: flex-start;
        align-content: flex-start;
        gap: var(--spacing-3xl, 24px) var(--spacing-7xl, 64px);
        align-self: stretch;
        flex-wrap: wrap;
    }


    .contact-top-right {
        flex-direction: column;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .contact-map iframe {
        margin-top: -90px;
        width: 100%;
        height: 480px;
        border-radius: 16px;
        display: flex;
        width: 680px;
        height: 266px;
        align-items: center;
        width: 100% !important;
    }

    .contact-bottom-section {
        padding: 40px var(--spacing-3xl, 24px) 80px var(--spacing-3xl, 24px);
        gap: 40px;
    }

    .contact-form-image {
        display: none;
    }

    .contact-bottom-section .container {
        width: 100%;
    }

    .contact-top-right-email, .contact-top-right-phone {
        width: 100%;
    }



    .contact-form-title h3 {
        width: 100%;
    }

    .contact-top-left {
        width: 100%;
        min-width: 100%;
    }

        .contact-top-left h3 {
            margin-bottom: 0;
            width: 100%;
        }

    .contact-bottom-section .btn-orange {
        width: 100%;
    }

    .register-right {
        display: none;
    }

    .bungalov-list-mobile {
        display: none;
    }


    .register-section {
        padding: 40px var(--spacing-3xl, 24px) 80px var(--spacing-3xl, 24px);
        gap: var(--spacing-6xl, 48px);
        align-self: stretch;
    }

    .register-content {
        width: 100%;
    }

    .sifremi-unuttum {
        display: flex;
        padding: 40px 0px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        flex: 1 0 0;
        align-self: stretch;
        width: 100%;
        height: 100%;
    }

    .sifremi-unuttum-panel {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-6xl, 48px);
        align-self: stretch;
        padding: 0px var(--spacing-3xl, 24px);
    }

        .sifremi-unuttum-panel .form-footer {
            width: 100%;
        }

    .hesap-dogrulama {
        display: flex;
        padding: 40px 0px;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .hesap-dogrulama-panel {
        padding: 0px var(--spacing-3xl, 24px);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
    }

    .input-row-control {
        display: flex;
        width: 76.466px;
        height: 76.466px;
        padding: 9.558px 13.382px;
        align-items: center;
        gap: 7.647px;
    }


    .hesap-dogrula-desc {
        color: var(--colors-text-text-tertiary-600, #475467);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16.098px;
        font-style: normal;
        font-weight: 600;
        line-height: 24.147px;
        letter-spacing: 0.322px;
        width: 100%;
    }

    .register-form .form-footer p {
        color: var(--Bunker, var(--text-main-900, #242526));
        font-family: Inter;
        font-size: 14.086px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.135px; /* 157.143% */
    }

    .register-form .form-footer2 a {
        color: var(--Green, #00AD4B);
        text-align: right;
        font-family: Inter;
        font-size: 14.086px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.135px; /* 157.143% */
    }

    .hesap-dogrulama-panel .form-footer2 {
        width: 100% !important;
    }

    .hesap-dogrulama-panel .form-footer {
        width: 100% !important;
    }

    .profile-content {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-2xl, 20px);
    }

    .tabs-content .profile-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .profile-button-content {
        display: flex;
        width: 100%;
        padding: var(--spacing-3xl, 24px) 0px 40px 0px;
        justify-content: flex-end;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        margin-top: 0;
    }

    .general-row2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .general-row-right, .general-row2-left {
        width: 100% !important;
    }

    .order-card {
        display: flex;
        width: 327px;
        align-items: flex-start;
        align-content: flex-start;
        gap: 24px var(--spacing-3xl, 24px);
        flex-wrap: wrap;
        height: 100%;
    }

    .order-buttons {
        position: relative;
        width: 100%;
    }

    .order-card-column {
        display: flex;
        width: 152px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xs, 4px);
        flex-shrink: 0;
    }


    .checkout-section {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

    .checkout-content {
        flex-direction: column;
        align-items: flex-start;
    }


    .checkout-content-left {
        order: 2;
        width: 100% !important;
    }

    .summary-header h3 {
        font-size: 18px;
        line-height: normal;
    }

    .register-right.login-right {
        width: 100%;
    }

    .checkout-card {
        width: 100%;
    }

    .bungalov-card {
        display: none;
    }

    bungalov-list {
        display: none;
    }

    .bungalov-list-mobile {
        display: flex;
        /* padding: 8px; */
        gap: 10px;
        width: 100%;
        flex-direction: column;
        padding-bottom: 50px;
    }

    .bungalov-card-mobile {
        width: 100%;
        border: 1px solid #E7E7E7;
        border-radius: 8px;
        /* height: 100px; */
        gap: 8px;
        display: flex;
    }

        .bungalov-card-mobile.active {
            box-shadow: 0 0 0 4px rgba(166, 206, 57, 0.3); /* Drop-shadow efekti */
            border: 1px solid #A6CE39;
        }

    .bungalov-card-content-mobile {
        padding: 8px;
        display: flex;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        /* flex-wrap: wrap; */
        /* flex-direction: row; */
    }

    .bungalov-card-mobile img {
        width: 138px;
        border-radius: 4px;
        height: 92px;
        object-fit: cover;
    }

    .bungalov-card-mobile.pasif {
        background: #F6F8FA;
    }

        .bungalov-card-mobile.pasif .btn-green {
            border: 1px solid #CDD0D5 !important;
            color: #868C98 !important;
            pointer-events: none; /* Tıklamayı engeller */
            background: #F6F8FA;
        }

        .bungalov-card-mobile.pasif .btn-green:hover {
            border: 1px solid #CDD0D5 !important;
            color: #868C98 !important;
            background: #F6F8FA;
            pointer-events: none; /* Tıklamayı engeller */
        }

    .bungalov-card-mobile .bungalov-card-right {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 8px;
        flex-direction: column;
    }

    .bungalov-card-mobile .bungalov-card-header {
        width: 100%;
        gap: 8px;
        display: flex;
        justify-content: space-between;
    }

    .bungalov-card-mobile .bungalov-card-footer {
        width: 100%;
        gap: 8px;
        height: 32px;
    }

    .bungalov-card-mobile .bungalov-card-header .bungalov-card-title {
        width: 49.46px;
        height: 37.46px;
        border-radius: 4px;
        background: #A6CE39;
        align-items: center;
        justify-content: center;
        display: flex;
        /* margin: 0; */
        /* padding: 0; */
    }

        .bungalov-card-mobile .bungalov-card-header .bungalov-card-title h1 {
            width: 26px;
            height: 25px;
            font-family: Inter;
            font-size: 20.98px;
            font-weight: 500;
            line-height: 25.39px;
            letter-spacing: 0.02em;
            text-align: left;
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 0;
        }

    .bungalov-card-header-content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        display: grid;
        justify-content: flex-start;
        height: 42px;
    }

        .bungalov-card-header-content span {
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
            /* text-align: center; */
            color: #868C98;
            /* height: 22px; */
        }


        .bungalov-card-header-content label {
            width: 91px;
            height: 20px;
            font-family: Inter;
            font-size: 14px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: 0.04em;
            /* text-align: center; */
            color: #000000;
        }
    /*   .checkout-extra-row-left .input-group {
        display: flex;
        bottom: 10px;
        left: 65%;
        width: 100px;


    }*/
    .checkout-extra-row-left .input-group {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: auto;
        position: relative;
        /* bottom: 10px; */
        left: calc(80% - 15%);
        top: -45px;
    }

    .checkout-extra-row-right .input-group {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: auto;
        position: relative;
        /* bottom: 10px; */
        left: calc(80% - 15%);
        top: -45px;
    }

    .back-button {
        display: flex;
        height: 24.147px;
        align-items: flex-start;
        gap: 4.025px;
        align-self: stretch;
        color: var(--Bunker, var(--text-main-900, #242526));
        text-align: right;
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 16.098px;
        font-style: normal;
        font-weight: 600;
        line-height: 24.147px; /* 150% */
        letter-spacing: 0.322px;
    }

    .checkout-back {
        display: flex;
        height: 24.147px;
        align-items: flex-start;
        gap: 4.025px;
        align-self: stretch;
    }

    .order-success-section {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

    .order-success-card {
        width: 100% !important;
        display: flex;
        padding: var(--spacing-3xl, 24px) var(--spacing-xl, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

    .order-success-title h2 {
        font-size: 30px;
    }

    .order-success-card p {
        color: var(--Cyprus, #0A3C35);
        font-variant-numeric: lining-nums proportional-nums;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px; /* 122.222% */
        letter-spacing: 0.36px;
    }

    .order-success-card label {
        width: 100%;
    }

    .success-order-detail-card {
        display: flex;
        padding: var(--spacing-xl, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

        .success-order-detail-card img {
            width: 100% !important;
            height: 100% !important;
        }

    .success-order-row {
        display: flex;
        padding: var(--spacing-xl, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
        width: 100%;
        height: 100%;
    }

    .success-order-row2 {
        width: 100%;
        height: 100%;
    }

    .success-order-row3 {
        width: 100%;
        height: 100%;
    }

        .success-order-row3 span {
            font-size: 14px;
        }

    .bungalov-list-section {
        display: flex;
        padding: 40px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
    }

    .bungalov-list {
        width: 100% !important;
    }

    .bungalov-card {
        width: 100%;
    }



    .contrat-content {
        display: flex;
        padding: 40px var(--spacing-3xl, 24px) 80px var(--spacing-3xl, 24px);
        flex-direction: column;
        gap: 10px;
        align-self: stretch;
        width: 100%;
    }

    .blog-page-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-3xl, 24px);
        align-self: stretch;
        width: 100%;
    }

    .blog-paging {
        display: none;
    }


    .sticky-reser-row {
        display: flex;
        align-items: center;
        gap: var(--spacing-lg, 12px);
        align-self: stretch;
    }

    .sticky-reser-left {
        display: flex;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        flex: 1 0 0;
    }



        .sticky-reser-left label {
            color: var(--text-soft-400, #868C98);
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.048px;
        }

        .sticky-reser-left a {
            color: var(--text-main-900, #242526);
            font-family: Inter;
            cursor: pointer;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }


    .sticky-reser-right {
        display: flex;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
        flex: 1 0 0;
    }

        .sticky-reser-right label {
            color: var(--text-soft-400, #868C98);
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: -0.048px;
        }

    .slider .swiper-container {
        width: 100% !important;
    }

    .mobil-header-logo {
        display: block;
        width: 165px;
        /* height: 40px; */
        /* margin-top: 8px; */
        /* margin-left: 8px; */
        position: absolute;
        top: 0;
    }

    .header-logo {
        display: none;
    }

    header.opened .mobil-header-logo {
        display: none;
    }

    .sticky-reser-right a {
        color: var(--text-main-900, #242526);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /*telefon bitiş*/
    }

    .bungalov-list-section .container {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .sticky-checkout-final {
        height: 85px;
        border-radius: 16px 16px 0px 0px;
        box-shadow: 0px -16px 32px -12px #585C5F4D;
        position: sticky;
        width: 100%;
        position: fixed;
        width: 100%;
        bottom: 0;
        box-sizing: border-box;
        z-index: 9999;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        width: 100%;
        background: #fff;
        display: flex;
        /* gap: 16px; */
        padding: 16px;
    }

    .sticky-checkout-final-container {
        height: 44px;
        gap: 16px;
        display: flex;
        flex-direction: row;
        /* justify-content: space-between; */
        width: 100%;
    }

    .sticky-checkout-final-left {
        display: flex;
        flex-direction: column;
        width: 170px;
    }

        .sticky-checkout-final-left label {
            font-family: Inter;
            font-size: 12px;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: 0.02em;
            /* text-align: center; */
        }

        .sticky-checkout-final-left span {
            font-family: Inter;
            font-size: 14px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: 0.04em;
            /* text-align: center; */
        }



    .checkout-button-panel {
        display: none;
    }

    .sticky-checkout-final-right {
        width: 100%;
    }



        .sticky-checkout-final-right .btn-rez {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .summary-images img {
        height: 200px !important;
    }
    /* İlk 2 kart mavi */
    .bungalov-card-mobile:nth-of-type(-n+2) .bungalov-card-title {
        background-color: #A6CE39;
    }

    /* Sonraki 2 kart yeşil */
    .bungalov-card-mobile:nth-of-type(n+3):nth-of-type(-n+4) .bungalov-card-title {
        background-color: #00AD4B;
    }

    /* Son 2 kart kırmızı */
    .bungalov-card-mobile:nth-of-type(n+5):nth-of-type(-n+6) .bungalov-card-title {
        background-color: #F36B21;
    }

    .sticky-footer-left .bungalov-card-title {
        width: 37.46px;
        height: 37.46px;
        border-radius: 4px;
        background: #A6CE39;
        align-items: center;
        justify-content: center;
        display: flex;
    }

        .sticky-footer-left .bungalov-card-title h1 {
            width: 26px;
            height: 25px;
            font-family: Inter;
            font-size: 20.98px;
            font-weight: 500;
            line-height: 25.39px;
            letter-spacing: 0.02em;
            text-align: left;
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 0;
        }

    .footer-top-left .footer-desktop-logo {
        display: none;
    }

    .footer-top-left .footer-mobile-logo {
        display: block;
    }

    .footer-top-left img {
        width: 172px;
        /* height: 41px; */
        margin-left: 2px;
        margin-top: -4px;
    }

    .header-lang {
        width: 40px;
        height: 40px;
    }

    .welcome-section-right img {
        width: 44px;
        height: 44px;
        padding: 2px 2.795px 2px 2px;
    }

    .features span {
        width: 120px;
    }

    .footer-bottom-left {
        width: 100%;
    }

    .footer-center-left p {
        width: 40% !important;
    }

    .blog-detail-section .container {
        gap: var(--spacing-7xl, 32px);
    }

    .blog-detail-footer {
        margin-top: 0;
    }



    .calender-section .ui-datepicker-footer {
        display: none;
    }


    .slider .slider-img {
        display: none;
    }

    .slider .slider-mobil-img {
        display: block;
        width: 100%;
        height: 667px;
        /* height: 100%; */
    }

    .mobil-images {
        display: block;
        width: 100%;
        margin-left: -17px;
    }

        .mobil-images .swiper-slide-active {
            width: 327px !important;
        }



        .mobil-images .single-image img {
            width: 327px;
            /* height: 183.94px; */
        }

    .nonelogin-user {
        /* width: 100% !important; */
        width: 42px;
    }

        .nonelogin-user > a {
            width: 100% !important;
        }

        .nonelogin-user span {
            display: none;
        }


    .reser-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .sticky-reser-footer {
        display: flex;
        align-items: center;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .sticky-footer-left {
        display: flex;
        /* flex-direction: column; */
        align-items: flex-start;
        width: 40%;
        gap: 16px;
        align-items: center;
    }

        .sticky-footer-left label {
            color: var(--text-soft-400, #868C98);
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }

        .sticky-footer-left span {
            color: #000;
            text-align: center;
            font-variant-numeric: lining-nums proportional-nums;
            font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px; /* 142.857% */
            letter-spacing: 0.56px;
        }

    .sticky-footer-right {
        width: 100%;
    }


    .mobile-sticky-calender {
        display: none;
    }

    .room-calender .calender-left .ui-datepicker-footer {
        display: none;
    }

    @-webkit-keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }



    .mobile-sticky-calender.sticky .custom-calendar-mobile {
        display: none !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: var(--spacing-md, 8px) !important;
        align-self: stretch !important;
        box-shadow: none;
        height: 100% !important;
    }

        .mobile-sticky-calender.sticky .custom-calendar-mobile .ui-datepicker-calendar a {
            text-align: center;
            font-family: Inter !important;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }

    .mobile-sticky-calender.sticky {
        display: flex;
        padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) 56px var(--spacing-xl, 16px);
        flex-direction: column;
        /* align-items: center; */
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
        border-radius: var(--radius-none, 0px);
        border-top: 1px solid var(--stroke-soft-200, #E2E4E9);
        background: var(--bg-white-0, #FFF);
        position: fixed;
        width: 100%;
        bottom: 0;
        box-sizing: border-box;
        z-index: 99999999;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
        height: 100%;
    }

    .mobile-sticky-reser.sticky {
        display: flex;
        padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) 36px var(--spacing-xl, 16px);
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
        border-radius: var(--radius-none, 0px);
        border-top: 1px solid var(--stroke-soft-200, #E2E4E9);
        background: var(--bg-white-0, #FFF);
        position: fixed;
        width: 100%;
        bottom: 0;
        box-sizing: border-box;
        z-index: 9999;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
    }

    .mobile-sticky-calender .custom-calendar-mobile .ui-datepicker {
        box-shadow: none !important;
        width: 327px !important;
    }


    .mobile-sticky-calender .ui-datepicker-calendar tr td {
        /* padding: 4px; */
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md, 8px);
    }

    .mobile-sticky-person {
        display: none;
    }

        .mobile-sticky-person.sticky {
            display: flex;
            padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) 40px var(--spacing-xl, 16px);
            flex-direction: column;
            align-items: center;
            gap: var(--spacing-xl, 16px);
            align-self: stretch;
            border-radius: var(--radius-none, 0px);
            border-top: 1px solid var(--stroke-soft-200, #E2E4E9);
            background: var(--bg-white-0, #FFF);
            position: fixed;
            width: 100%;
            bottom: 0;
            box-sizing: border-box;
            z-index: 99999999;
            -webkit-animation: fadeIn 1s;
            animation: fadeIn 1s;
            border-top-right-radius: 16px;
            border-top-left-radius: 16px;
        }

    .sticky-person-top {
        display: flex;
        padding: var(--spacing-2xl, 20px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
    }

    .sticky-person-top-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

        .sticky-person-top-row p {
            color: var(--text-main-900, #242526);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }

        .sticky-person-top-row span {
            color: var(--text-soft-400, #868C98);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
        }

    .label-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }

    .sticky-person-top-row .input-group {
        width: auto !important;
    }

    .sticky-person-info {
        display: flex;
        padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        display: flex;
        padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: var(--radius-md, 8px);
        background: var(--bg-100, #F6F8FA);
    }

        .sticky-person-info p {
            color: var(--text-sub-500, #525866);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }


    .sticky-person-bottom {
        display: flex;
        padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) 0px var(--spacing-xl, 16px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
        border-radius: var(--radius-none, 0px);
        border-top: 1px solid var(--stroke-soft-200, #E2E4E9);
        background: var(--bg-white-0, #FFF);
    }

    .sticky-person-select-person {
        display: flex;
        padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
        border-radius: var(--radius-md, 8px);
        background: var(--bg-100, #F6F8FA);
    }

        .sticky-person-select-person p {
            color: var(--text-sub-500, #525866);
            /* S1 */
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }

    .sticky-person-footer {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-xl, 16px);
        align-self: stretch;
        padding: var(--spacing-xl, 16px) var(--spacing-xl, 16px) 0px var(--spacing-xl, 16px);
    }

        .sticky-person-footer .default-button {
            width: 100%;
        }

        .sticky-person-footer .success-button {
            width: 100%;
        }

    .fixed-wp {
        right: 20px;
    }

    .label-span-container {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    /*telefon bitiş*/
}

/*özel ölçüler*/ /*Dikey*/
@media only screen and (min-width: 1080px) and (orientation: portrait) {

    .profile .left-menu {
        display: none;
    }

    #tabsProfile .ui-tabs-panel {
        margin-left: 0;
    }

    .dropdown-menu {
        right: 0;
    }

    .profile {
        padding: 20px 108px;
    }

    .first-image {
        width: 423px;
        height: 423px;
    }

    .other-image {
        width: 460px;
    }

    .single-image {
        width: 200px;
        height: 200px;
    }

    .room-desc-content {
        width: 500px;
    }

    .calender-buttons {
        align-items: flex-end;
    }

    .blog-page-list .blog-card {
        width: 48%;
    }

    .date-picker-selectDay {
        padding: 0;
    }

    .welcome-section-text {
        margin-top: 0;
    }


    .contact-top-content {
        flex-wrap: nowrap;
    }

    .contact-bottom-container {
        width: 100%;
    }

    .contact-form-image img {
        width: 100%;
    }

    .speed-search {
        left: 0;
        /* Diğer özel stiller buraya gelebilir */
    }

    .welcome-head {
        width: 100%;
    }

    .calender-left {
        width: 425px;
    }

    .home-page-text-left img {
        width: 100%;
    }

    .blog-card, .comment-card {
        width: 100%;
        /* width: 48%; */
    }

    .footer-center-container {
        width: 100%;
        justify-content: space-around;
    }

    .footer-bottom-container {
        width: 100%;
        justify-content: space-around;
    }

    .footer-top-right {
        width: 100%;
        /* min-width: 100%; */
        /* max-width: 100%; */
        gap: 10px;
        margin-left: 0px;
    }
}

@media screen and (min-width: 1152px) and (max-width: 1280px) {

    .speed-search {
        /* left: 0; */
    }

    .welcome-head {
        width: 100%;
    }

    /*  .calender-left {
        width: 500px;
    }*/

    .home-page-text-left img {
        width: 400px;
    }

    .blog-section-head {
        width: 100%;
    }

    .blog-card {
        width: 100%;
        height: 100%
    }

    .comment-card {
        width: 100%;
    }

    .footer-top {
        gap: 0;
    }

    .footer-top-right {
        margin-left: 20px;
    }

    .footer-center-container, .footer-bottom-container {
        width: 100%;
    }

    .single-image {
        width: 47%;
    }

    .room-desc-content {
        width: 550px;
    }

    .feature-content {
        width: 550px;
    }

    .contact-form-image img {
        width: 100%;
    }
}


/* Orta Boyutlu Laptoplar */
@media (min-width: 1024px) and (max-width: 1366px) {
    .bungalov-list-section {
        padding: 40px 108px 32px 108px;
    }
}
/*laptop ölçüsü*/
@media (min-width: 768px) and (max-width: 1024px) {

    .bungalov-list-section {
        padding: 40px 108px 32px 108px;
    }
        .bungalov-list-section .bungalov-list{
            width:100%;
        }
    .room-fixed-reservastion {
        width: 100%;
        position: sticky;
        display: block;
        gap: 16px;
        display: flex;
    }

    .bungalov-list-section .container {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
    }

    .bungalov-list-section .room-fixed-reservastion {
        width: 392px;
    }




    .speed-search {
        /* gap: 75px; */
        /* margin-left: 5px; */
        bottom: 55px;
        z-index: 99;
        /* left: 20px; */
    }

    .slider-content {
        display: flex;
        width: 608px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: var(--spacing-xl, 16px);
        position: absolute;
        top: 28%;
    }

    .dropdown-menu {
        right: 0px;
    }

    .checkout-content {
        width: 100%;
    }

    .checkout-extra-row-left .input-group, .checkout-extra-row-right .input-group {
        left: 50% !important;
    }

    .checkout-info-row-left p {
        width: 215px !important;
    }

    .checkout-info-row {
        width: 100%;
    }

    .checkout-card {
        width: 100%;
    }

    .profile-row-left {
        width: 300px;
    }

    .profile-row-right {
        width: 400px;
    }

        .profile-row-right input {
            width: 370px;
        }

    .tabs-container {
        width: 100%;
    }

    #tabsProfile .tabs-content {
        width: 100%;
    }

    .register-left {
        width: 50%;
    }

    .register-header h3 {
        width: 100%;
    }

    #tabsProfile .ui-tabs-panel {
        margin-left: 250px;
    }

    .register-content {
        /* width: 100%; */
        width: 680px;
    }


    .contact-form-image img {
        /* width: 480px; */
        height: 438px;
    }

    .contact-top-content {
        /* flex-wrap: nowrap; */
    }

    .contact-bottom-container {
        /* width: 100%; */
    }

    .blog-swiper .blog-card {
        width: 100%;
    }

    .contact-bottom {
        gap: 64px var(--spacing-7xl, 16px) !important;
    }

    .room-desc-content {
        /* width: 600px; */
    }

    header {
        padding: 20px 30px;
    }


    .room-fixed-reservastion {
        width: 300px;
    }

    .room-detail-header {
        padding: var(--spacing-3xl, 24px) 30px;
    }

    .reservastion-row {
        display: block;
    }

    .girisDiv {
        width: 100%;
    }

    .cikisDiv {
        width: 100%;
    }

    .room-feature {
        width: 600px;
    }

    .feature-content {
        width: 600px;
    }

    .first-image {
        /* width: 490px; */
        /* height: 465px; */
    }

    .other-image {
        /* width: 500px; */
    }

    .single-image {
        /* width: 220px; */
        /* height: 220px; */
    }

    .feature-card {
        width: 48%;
    }

    .feature-card-desc p {
        line-height: 18px;
    }

    .footer-top-left img {
        width: 170px;
    }

    .home-page-text-right > div {
        flex-shrink: 0;
        margin-left: 30px;
        width: 90%;
    }

    .blog-card {
        width: 48%;
    }

    .footer-top-right {
        gap: var(--spacing-7xl, 24px);
    }

    .footer-top {
        gap: var(--spacing-7xl, 32px);
    }

    .footer-top-right {
        /* min-width: 100%; */
    }

    .footer-top-right {
        margin-left: 0;
    }

    .footer-center-container {
        width: 95%;
        margin: 0 auto;
    }

    .footer-bottom-container {
        width: 95%;
    }

    .blog-section-head {
        width: 100%;
    }

    .homepage-text .home-page-text-left img {
        /* width: 328px; */
        width: 100%;
    }

    .calender-left {
        /* width: 630px; */
        width: 50%;
    }

    .calender-shadow {
        display: none;
    }

    .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-datepicker-current-day {
        width: 44px !important;
    }

    .ui-datepicker .ui-datepicker-calendar td:not(.start-range).ui-datepicker-today a {
        width: 44px !important;
    }

    .ui-datepicker-footer {
        /* width: 650px; */
    }

    .calender-left .ui-datepicker.ui-datepicker-multi {
        width: 650px !important;
    }

    .custom-calendar .ui-datepicker table {
        margin-left: 0 !important;
    }

    .ui-datepicker .ui-datepicker-title {
        justify-content: center;
    }

    .custom-calendar .ui-datepicker .ui-datepicker-calendar td:not(.ui-datepicker-today) {
        height: 45px !important;
        width: 44px !important;
    }

    .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
        height: 45px !important;
        width: 40px !important;
    }


    .calender-section {
        padding: 80px 0px;
    }

    .welcome-section-left {
        width: 50%;
    }

    .welcome-head h1 {
        font-size: 40px;
    }

    .welcome-section-text {
        margin-top: 40px;
    }
}


@media (min-width: 350px) and (max-width: 430px) {
    .features-section {
        width: 100%;
        position: relative;
        height: 96px;
    }

    .slider {
        /* width: 100%; */
        /* height: 100%; */
    }

    .accordion-icon {
        float: right;
        right: 0px;
        position: absolute;
        top: 25px;
    }

    footer {
        width: 100%;
    }
}


.toplam-gece {
    color: #525866;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.secilen-gunler {
    color: #0A0D14;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}




.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
    transition: all 0.1s linear;
}

    .loader svg {
        width: 450px !important;
    }


.total-payment-row {
    height: 64px;
    padding: 16px;
    gap: 0px;
    border-radius: 8px;
    background: #F6F8FA;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .total-payment-row span {
        font-family: Inter;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0.02em;
        text-align: center;
        color: #242526;
    }


    .total-payment-row label {
        font-family: Inter;
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0.01em;
        text-align: center;
        color: #242526;
    }

body.loaded .loader {
    opacity: 0;
    visibility: hidden;
}

.basket-right .bungalov-card-title {
    position: absolute;
    background: #A6CE39;
    border-radius: 4px;
    width: 37px;
    height: 37px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    left: 12px;
    top: 12px;
}

    .basket-right .bungalov-card-title h1 {
        font-family: Inter;
        font-size: 20.98px;
        font-weight: 500;
        line-height: 25.39px;
        letter-spacing: 0.02em;
        text-align: center;
        color: #FFFFFF;
        margin: 0;
    }

.ortalama-fiyat-alani {
    width: 100%;
    padding: 8px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #E7E7E7;
}

.ortalama-fiyat-baslik {
    display: flex;
    height: 30px;
    gap: 0px;
    justify-content: space-between;
    align-items: center;
}

    .ortalama-fiyat-baslik label {
        font-family: Inter;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
        color: #868C98;
        height: 22px;
        gap: 0px;
    }


    .ortalama-fiyat-baslik span {
        font-family: Inter;
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0.02em;
        text-align: right;
        color: #242526;
    }

    .ortalama-fiyat-baslik img {
        width: 24px !important;
        height: 24px !important;
        box-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
    }

.contact-form .check-group label {
    justify-content: center;
    /* width: 100%; */
    flex-direction: row;
}

.ortalama-fiyat-alani hr {
    display: none;
}

.ortalama-fiyat-alani.rotate hr {
    width: 100%;
    margin-top: 16px;
    background: #E7E7E7;
    display: block;
}
/* Apply rotation animation */
.arrow-icon.rotate {
    animation: rotateArrow 0.3s linear forwards; /* Use the defined animation */
}
/* Define a rotation animation */
@keyframes rotateArrow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
    }
}


.input-error {
    border: 1px solid red !important;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5) !important;
}