* {
    p { margin: 0; }
    h2 { margin: 0; }
    a { text-decoration: none; }
}

/*---------------- whatsapp sabit icon ---------------*/
.whatsapp-helper {
    width: auto;
    position: fixed;
    z-index: 9999999;
    right: 12px;
    bottom: 30px;
    text-shadow: rgba(0, 0, 0, .3) 0 1px 1px;
    color: #fff;
    background-color: #159d49;
    padding: 10px;
    border-radius: 50px;
    i {
        font-family: "FontAwesome";
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        -webkit-font-smoothing: antialiased;
        font-size: 24px;
    }
    i::before {
        content: "\f232";
    }
}
/*--------------------------------------------------*/


.ust-carousel {
    position: relative;
    display: flex;
    justify-content: center;
    .inan_kardes-header-ana{
        position: absolute;
        top: 0;
        width: 1600px;
        .inan_kardesler-header{
            position: relative;
            top: 0;
            display: flex;
            z-index: 2;
            flex-wrap: nowrap;
            justify-content: space-between;
            font-family: 'Poppins', sans-serif !important;
            align-items: center;
            .inan_kardesler-header-left{
                .inan_kardesler-header-left-ust{
                    font-size: 14px;
                    transition: 0.3s ease-in-out;
                    font-weight: 500;
                    text-align: left;
                    display: flex;
                    gap: 10px;
                    .phone-number,.mail-addres{
                        display: flex;
                        gap: 10px;
                        text-underline-position: from-font;
                        text-decoration-skip-ink: none;
                        color: #fff;
                        align-items: center;
                        transition: .5s all !important;
                    }
                    .phone-number:hover,.mail-addres:hover{
                        color: #F47B34 !important;
                        transition: .5s all !important;
                    }
                }
            }
            .inan_kardesler-header-right{
                .inan_kardesler-header-right-ust{
                    font-size: 14px;
                    transition: 0.3s ease-in-out;
                    font-weight: 500;
                    display: flex;
                    gap: 20px;
                    .star-site-name{
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        .star-site-name-icon,.star-site-name-text{
                            text-underline-position: from-font;
                            text-decoration-skip-ink: none;
                            color: #fff;
                            transition: .5s all !important;
                        }
                        .star-site-name-text:hover{
                            color: #F47B34 !important;
                            transition: .5s all !important;
                        }
                    }
                    .site-rating{
                        position: relative;
                        img{
                        }
                        .point-rating{
                            font-size: 18px;
                            font-weight: 500;
                            color: #fff;
                            position: absolute;
                            top: 20%;
                            left: 20%;
                        }
                    }
                }
            }
        }
        .inan_kardesler-header-down{
            position: relative;
            display: flex;
            z-index: 2;
            flex-wrap: nowrap;
            justify-content: space-between;
            font-family: 'Poppins', sans-serif !important;
            align-items: center;

            .inan_kardesler-header-down-left,.inan_kardesler-header-down-right{
                width: 40%;
                color: #fff;
                .inan_kardesler-header-down-left-cizgi,.inan_kardesler-header-down-right-cizgi{
                    padding: 10px 0 0 0;
                    border-top: 1px solid #ffffff57;
                    margin-top: 10px;
                    width: 100%;
                }
                .text-dropdawn{
                    display: flex;
                    gap: 50px;
                    justify-content: center;
                    padding: 10px 0 0 0;
                    position: relative;
                    a{
                        text-decoration: none;
                        color: #fff;
                        font-size: 18px;
                    }
                    .down-icon{
                        content: "";
                        display: inline-block;
                        height: 6px;
                        width: 6px;
                        border: 2px solid currentColor;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        border-left: 0;
                        border-top: 0;
                        margin-left: 6px;
                        position: relative;
                        top: -5px;
                        border-radius: 0 0 2px 0;
                    }
                    .down-box-1{
                        position: relative;
                    }
                    .down-box-1:hover span:first-child::after{
                        content: "Biz Kimiz?";
                        color: black;
                        padding: 20px;
                        background: #fff;
                        position: absolute;
                        font-size: 14px;
                        z-index: 3;
                        border-bottom-right-radius: 5px;
                        border-bottom-left-radius: 5px;
                        left: 0;
                        bottom: -60px;
                        width: 100%;
                        transition: .5s all !important;
                        span:first-child:hover::after{
                            color: #F47B34 !important;
                            transition: .5s all !important;
                        }


                    }
                    .down-box-2{
                        .odalarımız-drop-dawn{
                            display: none;
                            color: black;
                            padding: 20px;
                            background: #fff;
                            position: absolute;
                            font-size: 14px;
                            z-index: 3;
                            border-bottom-right-radius: 5px;
                            border-bottom-left-radius: 5px;
                            left: 345px;
                            bottom: -205px;
                            ul{
                                padding: 0;
                                margin: 0;
                                list-style-type: none;
                                display: flex;
                                gap: 15px;
                                flex-direction: column;
                                li{
                                    width: 150px;
                                    transition: .5s all !important;
                                }
                                li:hover{
                                    color: #F47B34 !important;
                                    transition: .5s all !important;
                                }
                            }
                        }
                    }
                    .down-box-2:hover .odalarımız-drop-dawn{
                        display: block;
                    }
                }
            }
            .inan_kardesler-header-down-right{
                width: 40%;
                .inan_kardesler-header-down-right-cizgi{
                    padding: 10px 0 0 0;
                    border-top: 1px solid #ffffff57;
                    margin-top: 10px;
                    width: 100%;
                }
            }
        }
        .inan-kardes-logo{
            z-index: 2;
            position: relative;
            img{
                height: 120px;
                width: 185px;
                object-fit: contain;
                margin: 0;
                padding: 0;
                position: absolute;
                top: -100px;
                left: 44%;
            }
        }
    }


    .item {
        .metin {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            gap: 1rem;
            width: 50rem;
            z-index: 2;

            p {
                font-size: 16px;
                color: #F47B34;
                font-weight: 500;
                text-transform: uppercase;
            }
            h2 {
                font-size: 30px;
                color: #fff;
                text-transform: uppercase;
            }
            a {
                font-size: 20px;
                padding: .5rem 2rem;
                color: #fff;
                border: 1px solid #fff;
                border-radius: 10px;
            }
            a:hover { color: #F47B34; }
        }
    }

    .search-rezervasyon {
        width: 1600px ;
        position: absolute;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: .5rem 5rem;
        background: #D9D9D933;
        backdrop-filter: blur(20px);
        border-radius: 5px;
        bottom: 3rem;
        z-index: 2;
        justify-items: center;
        gap: 3rem;

        .search-rezervasyon-grid {
            position: relative;
            display: flex;
            gap: 1rem;
            width: 100%;
            justify-items: center;
            align-items: center;

            .search-rezervasyon-flex {
                p { color: #fff; }
                p:first-child { font-weight: 700; }
            }
        }

        .search-rezervasyon-grid-button {
            button {
                background-color:#F47B34;
                color:#fff;
                padding:.7rem 3rem;
                border-radius:5px;
                border:none;
                font-weight:500;
                cursor:pointer;
            }
        }
    }
}

/* Gizli takvim input */
.gizli-takvim {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}

.container {
    max-width: 1600px !important;
}

/* Dropdown özelleştirme */
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    width: 150px;
}

.btn-secondary {
    --bs-btn-bg: none;
    --bs-btn-border-color: none;
}

.btn {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
}

.btn:hover {
    --bs-btn-hover-bg: none;
    --bs-btn-hover-border-color: none;
}

.tarih-etiket { cursor: pointer; }

.dropdown-menu.show {
    border: 1px solid #F47B34;
}

/* Flex konteyner */
.search-rezervasyon-flex {
    position: relative;
    cursor: pointer;
}

/* Yetişkin / Çocuk açılır panel */
.kisi-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 2px solid #ff6600;
    border-radius: 5px;
    padding: 15px;
    width: 250px;
    z-index: 999;
    margin-top: 5px;
    color: #333;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.active .kisi-panel {
    display: block;
}

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

.sayac-butonlari {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
}

.sayac-butonlari button {
    cursor: pointer;
    background: none;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Alt yazı stilleri */
.durum-metni,
.cocuk-durum-metni,
#dropdownMenuLink,
.tarih-etiket {
    font-size: 14px;
    opacity: 0.7;
    width: 140px;
    text-align: left;
}

/* İkinci section */
.ikinci-counter_fluid-arkaplan {
    background: #f9f9f9;
    padding: 50px 0;

    .ikinci-counter-arkaplan {
        background: #ffffff;
        height: 100%;
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 60px;

        .doganin-ici-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            .doganin-ici-grid-left {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;
                gap: 1rem;
                font-family: "Playfair Display", serif;
                .doganin-ici-grid-left-button:hover {
                    background: #F47B34;
                }
                .doganin-ici-grid-left-button{
                    height: 54px;
                    line-height: 54px;
                    position: relative;
                    display: inline-block;
                    text-transform: uppercase;
                    font-weight: 600;
                    border-radius: 4px;
                    color: #F47B34 !important;
                    background: #272535;
                    transition: all .3s ease-in-out;
                    z-index: 9999999;
                    a{
                        position: relative;
                        z-index: 999999999;
                        width: 238px;
                        height: 54px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: #F47B34 !important;
                        font-family: "poppins", serif !important;
                    }
                    a:hover {
                        color: #000 !important;
                    }
                    a::before {
                        content: '';
                        position: absolute;
                        top: -10px;
                        left: -10px;
                        right: -10px;
                        bottom: -10px;
                        border-radius: 4px;
                        border: 1px dotted #ddd;
                        transition: all .3s ease-in-out;
                    }
                    a:hover::before {
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;

                    }
                }
                .doganin-ici-grid-left-egimli-yazi-p{
                    font-style: italic;
                    color: #F47B34;
                    font-size: 15px;
                    font-weight: 500;
                }
                .doganin-ici-grid-left-h2{
                    font-size: 49px;
                }
                .doganin-ici-grid-left-uzun-yazi{
                    font-size:14px;
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;

                    p:first-child::first-letter {
                        font-size: 36px;
                        color: #F47B34;
                        font-weight: 700;
                        padding: 10px 10px 10px 0;
                    }
                    p {
                        text-align: left;
                        font-size: 14px;
                        line-height: 24px;
                        padding-bottom: 20px;
                        font-weight: 400;
                        color: #5e646a;
                    }
                }
            }
            .doganin-ici-grid-right{
                background: unset;
                overflow: hidden;
                border-radius: 10px;
                .doga-tatil-corusel {
                    height: 100%;
                    .owl-stage-outer {
                        height: 100%;
                        .owl-stage{
                            height: 100%;
                            .owl-item{
                                height: 100%;
                            }
                        }
                    }
                    .item{
                        height: 100%;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
        }
    }
}

.doga-tatil-corusel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    padding: 15px 18px ;
    border-radius: 50px;
    border: .5rem solid rgba(250, 250, 250, 0.22);
}

.doga-tatil-corusel .owl-dot {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 20px;
    height: 20px;
}

.doga-tatil-corusel .owl-dot span {
    display: block;
    width: .5rem;
    height: .5rem;
    background: #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
}


.doga-tatil-corusel .owl-dot.active span {
    background: #F37021 !important;
    width: .5rem;
    height: .5rem;
}

.doga-tatil-corusel .owl-dot.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
}



.ucuncu-counter_fluid-arkaplan{
    background: #272535;
    padding: 50px 0;
    .ucuncu-counter-arkaplan{
        height: 100%;
        padding: 60px 0px;
        .tercih-edilenler-grid::before{
            content: "";
            background: url(/upload/images/inan-kardes-otel/map_bg5.png);
            width: 362px;
            height: 210px;
            background-repeat: no-repeat;
            opacity: 1;
            position: absolute;
            top: 25%;
            left: 40%;
        }
        .tercih-edilenler-grid{
            position: relative;
            img{
                max-height: 461px;
            }

            .tercih-edilenler-grid-left::before{
                content: '\25CF\25CF\25CF\25CF\25CF\25CF';
                position: absolute;
                font-size: 5px;
                height: 4px;
                background: #272535;
                width: 100px;
                margin-left: -50px;
                z-index: 2;
                letter-spacing: 8px;
                color: #F47B34;
                left: 51%;
                text-align: center;
                top: -2px;
            }
            .tercih-edilenler-grid-left{
                position: relative;
                border: 1px solid #3d3b4a;
                border-radius: 10px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 40px;
                height: 461px;
                .arka-gorsel{
                    img{
                        width: 300px;
                        height: 300px;
                        position: absolute;
                        top: 15%;
                        left: 13%;
                        opacity: .2;
                    }
                }
                h2{
                    font-size: 35px;
                    color: #FFF;
                    font-weight: 400;
                    text-align: center;
                    font-family: 'Playfair', serif !important;
                }
                p{
                    font-family: 'Playfair', serif !important;
                    font-size: 18px;
                    font-weight: 500;
                    padding-bottom: 10px;
                    position: relative;
                    color: #F47B34;
                }
                .mid-icon  {
                    position: relative;
                    display: flex;
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                    .diamond-svg{
                        display: flex;
                        align-items: center;
                    }
                    .diamond-svg::before {
                        content: '';
                        position: absolute;
                        width: 70px;
                        height: 2px;
                        background: #eee;
                        left: 3rem;
                    }
                    .diamond-svg::after {
                        content: '';
                        position: absolute;
                        width: 70px;
                        height: 2px;
                        background: #eee;
                        right: 3rem;
                    }
                }
                .tercih-edilenler-grid-left-button{
                    height: 54px;
                    line-height: 54px;
                    position: relative;
                    display: inline-block;
                    text-transform: uppercase;
                    font-weight: 600;
                    border-radius: 4px;
                    color: #F47B34 !important;
                    background: #32303f;
                    transition: all .3s ease-in-out;
                    border: 1px solid #F47B34;
                    z-index: 9999999;
                    a{
                        font-size: 14px;
                        position: relative;
                        z-index: 999999999;
                        width: 238px;
                        height: 54px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: #F47B34 !important;
                        font-family: "poppins", serif !important;
                    }

                    a::before {
                        content: '';
                        position: absolute;
                        top: -10px;
                        left: -10px;
                        bottom: -10px;
                        right: -10px;
                        border-radius: 4px;
                        border: 1px dotted rgba(255, 255, 255, .2);
                        transition: all .3s ease-in-out;
                    }
                    a:hover::before {
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                    }
                }
                .point{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 20px;
                    margin-top: 20px;
                    .dis_point{
                        width: 8px;
                        height: 8px;
                        background: #fff;
                        border-radius: 50%;
                        display: block;
                    }
                    .ic_point{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    .ic_point::before{
                        content: '';
                        border: 1px dotted #F47B34;
                        top: -12px;
                        right: -12px;
                        bottom: -12px;
                        left: -12px;
                        border-radius: 50%;
                        width: 38px;
                        height: 38px;
                    }
                    .ic_point::after{
                        width: 10px;
                        content: '';
                        height: 10px;
                        background: #F47B34;
                        transform: rotate(45deg);
                        display: inline-block;
                        position: absolute;
                    }
                }
            }
            .tercih-edilenler-grid-right{
                .size-ozel-ayricalik{
                    .owl-nav{
                        position: absolute;
                        top: 43%;
                        right: 5%;
                        button{
                            span{
                                color: #c4a676 !important;
                            }
                        }
                    }
                    .owl-prev{
                        float: left;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        border-radius: 50%;
                        transition: all .3s ease;
                        background: #272535;
                        z-index: 50;
                        cursor: pointer;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .4);
                        margin-left: 20px;
                    }
                    .owl-next{
                        float: left;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        border-radius: 50%;
                        transition: all .3s ease;
                        background: #272535;
                        z-index: 50;
                        cursor: pointer;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .4);
                        margin-left: 20px;
                    }
                    .owl-dot{
                        width: 22px;
                        height: 22px;
                        box-sizing: border-box;
                        border-radius: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        transition: .5s ease;
                        span{
                            margin: 0;
                            width: 6px;
                            height: 6px;
                        }
                    }
                    .owl-dot.active{
                        width: 22px;
                        height: 22px;
                        box-sizing: border-box;
                        border: 1px solid rgba(255, 255, 255, .5);
                        border-radius: 100% !important;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        transition: .5s ease;
                        span{
                            margin: 0;
                            width: 6px;
                            height: 6px;
                            background: #F47B34;
                        }
                    }
                    .owl-dots{
                        position: absolute;
                        bottom: 20px;
                        left: 90%;
                        transform: translateX(-36%);
                        z-index: 10;
                        background: rgba(39, 37, 53, .7);
                        padding: 0 20px;
                        border-radius: 20px;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .1);
                        height: 45px;
                        display: flex;
                        align-items: center;
                        transition: .5s ease;
                    }
                    .oda-card::before {
                        content: '';
                        background: linear-gradient(to bottom, rgba(39, 37, 53, 0) 0%, rgba(39, 37, 53, .99) 100%);
                        width: 100%;
                        height: 235px;
                        display: block;
                        position: absolute;
                        bottom: 0;
                        opacity: 1;
                        z-index: 0;
                    }
                    .oda-card{
                        position: relative;
                        overflow: hidden;
                        border-radius: 10px;
                        .background-img{
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .yazi-favorite{
                            position: absolute;
                            top: 0;
                            left: 0;
                            height: 100%;
                            z-index: 2;
                            width: 100%;
                            .favorite-icon{
                                width: 40px;
                                height: 40px;
                                border-radius: 50%;
                                background: #fff;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                position: absolute;
                                top: 20px;
                                left: 20px;
                            }
                            .yazi-bilgi{
                                position: absolute;
                                padding: 0 20px 20px 20px;
                                bottom: 0;
                                width: 100%;
                                a{
                                    color: #fff;
                                    font-size: 1.5em;
                                    font-family: "Playfair", serif;
                                    font-weight: 700;
                                }
                                a:hover{
                                    color: #F47B34 !important;
                                    transition: .5s all !important;
                                }
                                p{
                                    text-align: left;
                                    font-size: 14px;
                                    font-weight: 400;
                                    color: rgba(255, 255, 255, .7);
                                    font-family: "Playfair", serif;
                                    padding-bottom: 10px;
                                    line-height: 20px;

                                }
                                .info{
                                    display: flex;
                                    justify-content: space-between;
                                    padding-top: 20px;
                                    margin-top: 10px;
                                    border-top: 1px solid rgba(255, 255, 255, .1);
                                    ul{
                                        padding: 0;
                                        display: flex;
                                        gap: 10px;
                                        align-items: center;
                                        width: 70%;
                                        list-style-type: none;
                                        color: #FFF;
                                        font-family: "Playfair", serif;
                                        margin-bottom: 0;
                                        font-size: 12px;
                                        li{
                                            .ozellikler-icon-text{
                                                display: flex;
                                                align-items: center;
                                                justify-content: center;
                                                gap: 5px;
                                                .ozellikler-icon{
                                                    line-height: 1;
                                                }
                                                .ozellikler-text{
                                                    line-height: 1;
                                                }
                                                .text-misafir::after { content: " Misafir"; }
                                                .text-yatak::after { content: " Yatak"; }
                                                .text-m2::after { content: "m²"; }

                                            }
                                        }
                                    }
                                    .text-fiyat-1::after { content: "/Gecelik"; }
                                    .text-fiyat-2::before { content: "₺"; }
                                    .fiyat{
                                        font-size: 15.4px;
                                        position: relative;
                                        float: left;
                                        font-family: "Playfair", serif;
                                        color: #F47B34;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.oda-card::before {
    content: '';
    background: linear-gradient(to bottom, rgba(39, 37, 53, 0) 0%, rgba(39, 37, 53, .99) 100%);
    width: 100%;
    height: 235px;
    display: block;
    position: absolute;
    bottom: 0;
    opacity: 1;
    z-index: 0;
}
.oda-card{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    .background-img{
        img{
            width: 100%;
            height: 100%;
        }
    }
    .yazi-favorite{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 2;
        width: 100%;
        .favorite-icon{
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 20px;
            left: 20px;
        }
        .yazi-bilgi{
            position: absolute;
            padding: 0 20px 20px 20px;
            bottom: 0;
            width: 100%;
            a{
                color: #fff;
                font-size: 1.5em;
                font-family: "Playfair", serif;
                font-weight: 700;
            }
            a:hover{
                color: #F47B34 !important;
                transition: .5s all !important;
            }
            p{
                text-align: left;
                font-size: 14px;
                font-weight: 400;
                color: rgba(255, 255, 255, .7);
                font-family: "Playfair", serif;
                padding-bottom: 10px;
                line-height: 20px;

            }
            .info{
                display: flex;
                justify-content: space-between;
                padding-top: 20px;
                margin-top: 10px;
                border-top: 1px solid rgba(255, 255, 255, .1);
                ul{
                    padding: 0;
                    display: flex;
                    gap: 10px;
                    align-items: center;
                    width: 70%;
                    list-style-type: none;
                    color: #FFF;
                    font-family: "Playfair", serif;
                    margin-bottom: 0;
                    font-size: 12px;
                    li{
                        .ozellikler-icon-text{
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            gap: 5px;
                            .ozellikler-icon{
                                line-height: 1;
                            }
                            .ozellikler-text{
                                line-height: 1;
                            }
                            .text-misafir::after { content: " Misafir"; }
                            .text-yatak::after { content: " Yatak"; }
                            .text-m2::after { content: "m²"; }

                        }
                    }
                }
                .text-fiyat-1::after { content: "/Gecelik"; }
                .text-fiyat-2::before { content: "₺"; }
                .fiyat{
                    font-size: 15.4px;
                    position: relative;
                    float: left;
                    font-family: "Playfair", serif;
                    color: #F47B34;
                }
            }
        }
    }
}

.dort-counter_fluid-arkaplan {
    .dort-counter-arkaplan {
        border: 1px solid #eee;
        border-radius: 10px;
        background: #fff;
        padding: 60px;
        margin-top: 50px;
        position: relative;
        .unutulmaz-ani-header-text{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            margin: 20px 0px;
            p{
                color: rgb(244, 123, 52);
                font-size: 18px;
                font-weight: 500;
                font-family: Playfair, serif;
            }
            h2{
                font-size: 49px;
                color: rgb(50, 50, 70);
                font-family: Playfair, serif;
                line-height: 1;
            }

        }
        .unutulmaz-card-haberler{
            .item:hover .unutulmaz-anilar-on-yuz{
                will-change: transform;
                transform: rotateY(180deg);
            }
            .unutulmaz-anilar-on-yuz:after{
                content: '';
                position: absolute;
                top: 15px;
                left: 15px;
                bottom: 15px;
                right: 15px;
                border: 1px solid rgb(255 255 255 / 55%);
                border-radius: 10px;
                z-index: 1;
            }
            .unutulmaz-anilar-on-yuz{
                transform: rotateY(0deg);
                transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: 0;
                border: 1px solid rgb(81 167 255 / 42%);
                border-radius: 8px;
                height: 100%;
                min-height: 343px;
                backface-visibility: hidden;
                transition-delay: 50ms;
                will-change: transform;
                transform-style: preserve-3d;
                .unutulmaz-anilar-on-yuz-text-img{
                    display: flex;
                    align-items: center;
                    color: rgb(255, 255, 255);
                    justify-content: center;
                    flex-direction: column;
                    width: 100%;
                    min-height: 343px;
                    gap: 10px;
                    .unutulmaz-anilar-on-yuz-text-icon{
                        font-size: 100%;
                        vertical-align: baseline;
                        margin: 0px;
                        padding: 0px;
                        border-width: 0px;
                        border-style: initial;
                        border-color: initial;
                        border-image: initial;
                        outline: 0px;
                        background: transparent;
                        .unutulmaz-anilar-on-yuz-text::before{
                            content: '';
                            width: 40px;
                            height: 1px;
                            background: #F47B34;
                            display: flex;
                        }
                        .unutulmaz-anilar-on-yuz-text{
                            font-size: 23.2px;
                            font-weight: 500;
                            font-family: "Playfair", serif;
                            line-height: 01;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            gap: 10px;
                            z-index: 2;
                            position: relative;
                        }
                        .unutulmaz-anilar-on-yuz-icon{
                            display: flex;
                            align-items: center;
                            gap: 25px;
                            z-index: 2;
                            justify-content: center;
                            position: relative;
                        }
                        .unutulmaz-anilar-on-yuz-icon::before{
                            content: '';
                            width: 70px;
                            height: 1px;
                            background: #EEE;
                            display: flex;
                            opacity: .5;
                        }
                        .unutulmaz-anilar-on-yuz-icon::after{
                            content: '';
                            width: 70px;
                            height: 1px;
                            background: #EEE;
                            display: flex;
                            opacity: .5;
                        }
                    }
                    .unutulmaz-anilar-on-yuz-img{
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        left: 0;
                        border-radius: 8px;
                        overflow: hidden;
                        .img-karartma-eff{
                            background: #272535;
                            opacity: .5;
                            width: 100%;
                            top: 0;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            position: absolute;
                        }
                        img{
                            height: 100%;
                        }
                    }
                }


                .alt-sayi {
                    position: absolute;
                    bottom: 20px;
                    left: 50%;
                    color: #F47B34;
                    z-index: 3;
                    transform: translateX(-50%);
                    font-size: 1em;
                    transition: opacity 0.9s ease, visibility 0.9s ease;
                    font-family: 'Poppins', sans-serif !important;;
                }
            }


            .unutulmaz-anilar-arka-yuz::before{
                content: '';
                position: absolute;
                top: 15px;
                left: 15px;
                bottom: 15px;
                right: 15px;
                border: 1px solid rgb(255 255 255 / 55%);
                border-radius: 10px;
                z-index: 1;
                opacity: .6;
            }
            .unutulmaz-anilar-arka-yuz::after{
                position: absolute;
                content: '\25CF\25CF\25CF';
                width: 50px;
                left: 53%;
                bottom: 30px;
                margin-left: -25px;
                font-size: 8px;
                letter-spacing: 4px;
                color: #c4a676;
            }
            .unutulmaz-anilar-arka-yuz{
                height: 100%;
                background: #272535 !important;
                border-radius: 10px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                position: absolute;
                z-index: -1;
                top: 0;
                left: 0;
                width: 100%;
                .unutulmaz-anilar-arka-yuz-icon{
                    position: relative;
                }
                .unutulmaz-anilar-arka-yuz-icon::before{
                    content: '';
                    width: 80px;
                    height: 20px;
                    border-radius: 20px;
                    background: rgba(255, 255, 255, .1);
                    display: flex;
                    position: absolute;
                    top: 12px;
                    right: 13px;
                }
                .unutulmaz-anilar-arka-yuz-icon::after{
                    content: '';
                    width: 80px;
                    height: 20px;
                    border-radius: 20px;
                    background: rgba(255, 255, 255, .1);
                    display: flex;
                    position: absolute;
                    bottom: 12px;
                    left: -3px;
                }
                .unutulmaz-anilar-arka-yuz-descriraption{
                    font-size: 12px;
                    line-height: 24px;
                    font-weight: 400;
                    color: white;
                    text-align: center;
                    padding: 0 85px;
                }

            }
            .item:hover .unutulmaz-anilar-arka-yuz{
                transform: rotateY(0deg);
                will-change: transform;
                backface-visibility: visible;
            }
            .item .unutulmaz-anilar-arka-yuz{
                transform: rotateY(-180deg);
                transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                backface-visibility: hidden;
                transition-delay: 50ms;
                will-change: transform;
            }
        }
    }
}
/* üsteki kodun devamını ELLEME*/
.item:hover .alt-sayi {
    opacity: 0;
    visibility: hidden;
}
/*------------------------------------- */

.dort-alt-counter-arkaplan{
    border-radius: 10px;
    background: #fff;
    padding: 60px;
    margin-top: 50px;
    position: relative;
    .essiz-konfor-header-text{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin: 20px 0px;
        p{
            color: rgb(244, 123, 52);
            font-size: 18px;
            font-weight: 500;
            font-family: Playfair, serif;
        }
        h2{
            font-size: 49px;
            color: rgb(50, 50, 70);
            font-family: Playfair, serif;
            line-height: 1;
        }
    }
    .tatil-ozellikler-grid{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        margin-top: 40px;
        .tatil-ozellikleri-grid-card:hover{
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }
        .tatil-ozellikleri-grid-card{
            padding: 40px 30px 30px;
            border: 1px solid #eee;
            border-radius: 10px;
            transition: all .3s ease-in-out;
            background: #fff;
            position: relative;
            .tatil-ozellikleri-gorsel{
                width: 100%;
                margin-bottom: 40px;
                .card-number{
                    position: absolute;
                    right: 0;
                    top: 0;
                    font-size: 16.8px;
                    color: #F47B34;
                    width: 60px;
                    height: 60px;
                    line-height: 60px;
                    background: #f9f9f9;
                    border-left: 1px solid #eee;
                    border-bottom: 1px solid #eee;
                    border-radius: 0 10px 0 10px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-family: "Playfair", serif;
                    span{
                        border: none;
                        margin: 0;
                        padding: 0;
                    }
                }
            }
            .tatil-ozellikleri-text{
                h3{
                    vertical-align: inherit;
                    font-size: 22.8px;
                    text-align: left;
                    text-transform: uppercase;
                    margin-bottom: 10px;
                    color: #666;
                    font-weight: 500;
                    font-family: "Playfair", serif;
                }
                span{
                    text-align: left;
                    font-size: 14px;
                    line-height: 24px;
                    padding-bottom: 10px;
                    font-weight: 400;
                    color: #5e646a;
                    font-family: "Playfair", serif;
                }
                .bottom-cizgi{
                    width: 100%;
                    height: 1px;
                    background: #eee;
                    margin-top: 10px;
                }
            }
        }
    }
}

.bes-counter_fluid-arkaplan {
    position: relative;
    background: url(/upload/images/inan-kardes-otel/uzungol-arkaplan2.jpg);
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;

    .bes-counter-arkaplan {
        .ortala{
            display: flex;justify-content: center;align-items: center;
        }
        .karartma-effect-boydan {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #272535;
            opacity: .4;
            z-index: 0;
        }

        .sol-kose-cizgili-dekor {
            width: 70px;
            height: 70px;
            position: absolute;
            left: 30px;
            top: 30px;
            border-top: 1px dashed #EEE;
            border-left: 1px dashed #EEE;
            border-radius: 20px 0 0 0;
        }

        .sag-kose-cizgili-dekor {
            right: 30px;
            top: 30px;
            border-top: 1px dashed #EEE;
            border-right: 1px dashed #EEE;
            border-radius: 0 20px 0 0;
            position: absolute;
            width: 70px;
            height: 70px;
        }

        .img-ustu-left {
            z-index: 2;
            position: relative;

            .kucuk-yazi-cizgi::before {
                content: '';
                width: 40px;
                height: 1px;
                background: #F47B34;
                display: flex;
                margin-bottom: 20px;
            }

            .kucuk-yazi-cizgi {
                text-align: center;
                color: #F47B34;
                font-size: 12.6px;
                text-transform: uppercase;
                padding-bottom: 20px;
                position: relative;
                font-family: "Playfair", serif;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .buyuk-yazi {
                font-size: 42px;
                text-transform: uppercase;
                color: #fff;
                text-align: center;
                font-family: "Playfair", serif;
                line-height: 01;
            }
        }
    }
}

.alti-counter_fluid-arkaplan {
    background-color: rgba(249, 249, 249, 1);
    padding-bottom: 50px;
    .alti-counter-arkaplan {

        .tanitim_aciklama-tanitim-video{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            position: relative;
            margin-top: -90px;
            z-index: 999999;
            margin-bottom: 30px;
            .tanitim_aciklama::before{
                content: '';
                position: absolute;
                top: 30px;
                left: 30px;
                bottom: 30px;
                right: 30px;
                background: #fff;
                border-radius: 10px;
                border: 1px solid #eee;
                z-index: -1;
            }
            .tanitim_aciklama{
                .profile-name{
                    display: flex;
                    justify-content: space-between;
                    margin-top: 10px;
                    align-items: center;
                    .profile-img-text{
                        display: flex;
                        align-items: center;
                        gap: 20px;
                        .profile-img{
                            img{
                                width: 70px;
                                height: 70px;
                                border-radius: 50%;
                            }
                        }
                        .profile-text{
                            .profile-text-name{
                                font-size: 22.9px;
                                font-family: "Playfair", serif;
                                line-height: 01;
                            }
                            .profile-text-rutbe{
                                font-weight: 500;
                                font-family: "Playfair", serif;
                                text-transform: uppercase;
                                font-size: 12px;
                                padding-top: 5px;
                            }
                        }
                    }
                }
                position: relative;
                background: #f9f9f9;
                border: 1px solid #eee;
                border-radius: 10px 0 0 10px;
                padding: 60px;
                z-index: 999;
                display: flex;
                flex-direction: column;
                justify-content: center;
                p{
                    text-align: left;
                    font-weight: 600;
                    font-size: 14.4px;
                    text-transform: uppercase;
                    padding-bottom: 10px;
                    color: #F47B34;
                    font-family: "Playfair", serif;
                }
                h4{
                    text-align: left;
                    font-size: 26.4px;
                    color: #666;
                    padding-bottom: 20px;
                    position: relative;
                    font-family: "Playfair", serif
                }
                .uzun-bilgi-kismi{
                    text-align: left;
                    font-size: 12px;
                    line-height: 24px;
                    padding-bottom: 10px;
                    font-weight: 400;
                    color: #292929;
                    display: grid;
                    grid-template-columns: 1fr;
                    gap: 10px;
                    span:last-child{
                        padding-bottom: 30px;
                        border-bottom: 1px solid #eee;
                    }
                }
            }
            .tanitim-video{
                position: relative;
                .video-izle{
                    position: absolute;
                    bottom: 30px;
                    left: 30px;
                    right: 30px;
                    top: 30px;
                    border: 1px dashed rgba(255, 255, 255, .4);
                    background: rgb(39 37 53 / 67%);
                    z-index: 10;
                    border-radius: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    gap: 20px;
                    .tanitim-video-icon-text{
                        .video-icon{
                            width: 60px;
                            height: 60px;
                            margin: -30px 0 0 -30px;
                            color: #fff;
                            background: #F47B34;
                            box-shadow: 0 0 0 17px rgba(255, 255, 255, .2);
                            border-radius: 50%;
                            transition: all .3s linear;
                            cursor: pointer;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            animation: shadowPulse 5s infinite;
                            img{
                                height: 16px;
                                width: 16px;
                            }
                        }
                        .tanitim-text-video{
                            content: '';
                            height: 1px;
                            width: 50px;
                            background: #F47B34;
                            margin-left: -25px;
                            display: block;
                        }

                    }
                    .tanitim-text-video{
                        color: #fff;
                        font-size: 21.6px;
                        position: relative;
                        text-transform: uppercase;
                        font-family: "Playfair", serif;
                        display: flex;
                        align-items: center;
                        flex-direction: column-reverse;
                        gap: 20px;
                    }
                    .tanitim-text-video::before{
                        content: '';
                        height: 1px;
                        width: 50px;
                        background: #F47B34;
                        margin-left: -25px;
                        display: block;
                    }
                }
                img{
                    width: 100%;
                    height: 100%;
                    border-radius: 0 10px 10px 0;
                }
                .video-pencereli{
                    display: block;
                    .video-kapsayici, .yt-video {
                        display: none;
                    }
                    .video-kapsayici{
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(0, 0, 0, .8);
                        z-index: 99999999999999999999998;
                        .kapat-button{
                            position: absolute;
                            top: 10px;
                            right: 10px;
                            background: transparent;
                            color: white;
                            border: none;
                            font-size: 24px;
                            font-weight: 700;
                            cursor: pointer;
                            z-index: 1002;
                            transition: .5s all;
                        }
                        .kapat-button:hover{
                            color: red;
                            transition: 0.5s;
                        }
                    }
                    .yt-video{
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 999999999999999999999999;
                        width: 845px;
                        height: 475px;
                    }
                }
            }
        }
        .yorum-incelemeler{
            .yorum-inceleme-header-text{
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;
                margin: 20px 0px;
                p{
                    color: rgb(244, 123, 52);
                    font-size: 18px;
                    font-weight: 500;
                    font-family: Playfair, serif;
                }
                h2{
                    font-size: 49px;
                    color: rgb(50, 50, 70);
                    font-family: Playfair, serif;
                    line-height: 1;
                }
            }
            .yorum-cards{
                .owl-stage{
                    padding: 3rem 0 0 0;
                }
                .inceleme-card{
                    background: #fff;
                    border: 1px solid #eee;
                    border-radius: 10px;
                    padding: 13px;
                    height: 318px;
                    .inceleme-card-ici{
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        border-radius: 10px;
                        border: 1px solid #eee;
                        background: #f9f9f9;
                        padding: 25px;
                        height: 100%;
                        justify-content: center;
                        min-height: 270px;
                        .yorum-sahibi-ozellik{
                            .yorum-sahibi-name{
                                font-weight: 600;
                                font-size: 14.6px;
                                font-family: "Playfair", serif;
                                text-align: center;
                                padding-bottom: 20px;
                            }
                            .yorum-sahibi-star{
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                padding-bottom: 20px;
                                img{
                                    width: 13px !important;
                                    height: 12px;
                                }
                            }
                            .yorum-sahibi-yorum{
                                color: #878C9F;
                                font-size: 13.6px;
                                font-family: 'Playfair', serif;
                                text-align: center;
                                font-weight: 500;
                                padding: 0 15px 20px 15px;
                            }
                            .yorum-sahibi-site{
                                text-align: center;
                                a{
                                    position: relative;
                                    display: inline-block;
                                    color: #F47B34;
                                    text-transform: uppercase;
                                    font-size: 9.6px;
                                    font-weight: 600;
                                    text-align: center;
                                }
                            }
                            .yorum-sahibi-site::before{
                                position: absolute;
                                content: '\25CF\25CF\25CF\25CF\25CF';
                                width: 50px;
                                left: 50%;
                                bottom: 60px;
                                margin-left: -25px;
                                font-size: 6px;
                                letter-spacing: 8px;
                                color: #F47B34;
                            }
                        }
                        .yorum-sahibi-gorsel{
                            position: absolute;
                            top: -40px;
                            img{
                                z-index: 2;
                                position: relative;
                                border-radius: 50%;
                                width: 100px;
                                height: 100px;
                            }
                        }
                        .yorum-sahibi-gorsel::before{
                            content: '';
                            position: absolute;
                            border-radius: 100%;
                            right: -5px;
                            top: -6px;
                            border: 1px solid #eee;
                            z-index: 1;
                            background: #fff;
                            box-shadow: 0 10px 24px 0 rgba(0, 0, 0, .09);
                            width: 110px;
                            height: 110px;
                        }
                        .yorum-number{
                            position: absolute;
                            bottom: 30px;
                            left: 35px;
                            color: #999;
                            font-family: 'Playfair', serif;
                            font-size: 18.6px;
                        }
                    }
                }
                .inceleme-card::before{
                    content: '';
                    position: absolute;
                    top: 30px;
                    left: 35px;
                    width: 32px;
                    height: 24px;
                    background-image: url(/upload/images/inan-kardes-otel/icon/cift_t%C4%B1rnak.png);
                    background-repeat: no-repeat;
                }
                .inceleme-card::after{
                    content: '';
                    position: absolute;
                    bottom: 30px;
                    right: 35px;
                    width: 24px;
                    height: 23px;
                    background-image: url(/upload/images/inan-kardes-otel/icon/cift_t%C4%B1rnak.png);
                    background-repeat: no-repeat;
                }
                .owl-nav{
                    button{
                        span{
                            color:#c4a676 ;
                        }
                    }
                    .owl-prev{
                        float: left;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        border-radius: 50%;
                        transition: all .3s ease;
                        background: #272535;
                        z-index: 50;
                        cursor: pointer;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .4);
                        margin-left: 20px;
                        position: absolute;
                        left: -7%;
                        top: 50%;
                    }
                    .owl-next{
                        float: left;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        border-radius: 50%;
                        transition: all .3s ease;
                        background: #272535;
                        z-index: 50;
                        cursor: pointer;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .4);
                        margin-left: 20px;
                        position: absolute;
                        right: -7%;
                        top: 50%;
                    }
                }
            }
        }
        .inan_kardesler-blog{
            border: 1px solid #eee;
            border-radius: 10px;
            background: #fff;
            padding: 60px;
            margin-top: 60px;
            position: relative;
            .blog-header-text{
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;
                margin: 20px 0px;
                p{
                    color: rgb(244, 123, 52);
                    font-size: 18px;
                    font-weight: 500;
                    font-family: Playfair, serif;
                }
                h2{
                    font-size: 49px;
                    color: rgb(50, 50, 70);
                    font-family: Playfair, serif;
                    line-height: 1;
                }
            }
            .blog-cards{
                .blog-card-img:hover .buyutec-icon{
                    opacity: 1;
                    transition: all .4s ease-in-out;
                }
                .blog-card-img{
                    overflow: hidden;
                    position: relative;
                    border-radius: 10px 10px 0 0;
                    max-height: 270px;
                    img{
                        height: 100%;
                        width: 100%;
                        max-width: 485.77px;
                        max-height: 320.6px;
                    }
                    .buyutec-icon{
                        position: absolute;
                        top: 30px;
                        right: 30px;
                        width: 50px;
                        height: 50px;
                        opacity: 0;
                        line-height: 50px;
                        font-size: 1.3em;
                        background: #fff;
                        border-radius: 50%;
                        z-index: 15;
                        transition: all .4s ease-in-out;
                        font-weight: 700;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .2);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;
                    }
                    .buyutec-icon:hover{
                        background: #272535;
                    }
                }
                .blog-card-img::before{
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    left: 0;
                    bottom: 0;
                    background: #272535;
                    z-index: 2;
                    opacity: 0;
                    transition: all .4s ease-in-out;
                }
                .blog-card-img:hover::before{
                    opacity: .7;
                    transition: all .4s ease-in-out;
                }
                .blog-card-general{
                    padding: 30px;
                    border: 1px solid #eee;
                    background: #fff;
                    border-top: none;
                    position: relative;
                    box-sizing: border-box;
                    border-radius: 0 0 10px 10px;
                    transition: .5s all;
                    height: 245px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    .blog-card-general-title{
                        .blog-card-general-title-header{
                            a{
                                display: block;
                                text-align: left;
                                padding-bottom: 12px;
                                color: #333;
                                font-size: 22.6px;
                                position: relative;
                                font-family: "Playfair", serif;
                                transition: .5s all;
                            }
                        }
                        .blog-card-general-title-message{
                            font-size: 12.4px;
                            line-height: 24px;
                            padding-bottom: 10px;
                            font-weight: 400;
                            color: #5e646a;
                            font-family: 'Jost', sans-serif;
                        }
                    }
                    .blog-card-general-date-buton{
                        overflow: hidden;
                        border-top: 1px solid #eee;
                        padding: 10px 0 0;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;
                        .blog-card-date{
                            font-family: "Playfair", serif;
                            font-size: 16.6px;
                            color: #F47B34;
                        }
                        .blog-card-buton{
                            a{
                                height: 35px;
                                width: 100px;
                                display: flex;
                                border: 1px solid #eee;
                                align-items: center;
                                justify-content: center;
                                font-family: "Playfair", serif;
                                color: #333;
                                border-radius: 5px;
                                transition: .5s all;
                            }
                        }
                        .blog-card-buton:hover a{
                            color: #F47B34 !important;
                            transition: .5s all !important;
                        }
                    }
                }
                .owl-nav{
                    button{
                        span{
                            color: #c4a676;
                        }
                    }
                    .owl-prev{
                        float: left;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        border-radius: 50%;
                        transition: all .3s ease;
                        background: #272535;
                        z-index: 50;
                        cursor: pointer;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .4);
                        margin-left: 20px;
                        position: absolute;
                        left: -12%;
                        top: 50%;
                    }
                    .owl-next{
                        float: left;
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        border-radius: 50%;
                        transition: all .3s ease;
                        background: #272535;
                        z-index: 50;
                        cursor: pointer;
                        box-shadow: 0 0 0 6px rgba(255, 255, 255, .4);
                        margin-left: 20px;
                        position: absolute;
                        right: -12%;
                        top: 50%;
                    }
                }

            }
        }
    }
}

.footer_fluid-arkaplan{
    .footer-main-fluid-arkaplan{
        background: rgba(39, 37, 53, 0.95);
        height: 530px;
        .footer-main-counter-arkaplan{
            position: relative;
            .footer-ust-dekor{
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 30px;
                padding-top: 60px;
                padding-bottom: 40px;
                .footer-arkaplan-dekor-text{
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translateY(-50%) translateX(-50%);
                    z-index: 0;
                    font-size: 86px;
                    user-select: none;
                    color: rgba(255, 255, 255, .05);
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
            .footer-ust-cikinti{
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                top: 16px;
                span{
                    width: 36px;
                    height: 36px;
                    background: #f9f9f9;
                    z-index: 1;
                    transform: rotate(45deg);
                    box-shadow: 0 0 0 6px rgba(255, 255, 255, .2);
                    position: absolute;
                    top: -34px;
                }
            }
            .footer-ust-cikinti::before{
                content: '';
                width: 6px;
                height: 6px;
                background: #F47B34;
                border-radius: 50%;
                margin-left: -3px;
                display: block;
                position: absolute;
                top: -18px;
                left: 0;
                z-index: 999999;
            }
            .footer-ust-sol-cizgi{
                width: 200px;
                height: 1px;
                background: rgba(255, 255, 255, .1);
            }
            .footer-ust-sag-cizgi{
                width: 200px;
                height: 1px;
                background: rgba(255, 255, 255, .1);
            }
            .footer-ust-orta-amblemler{
                display: flex;
                align-items: center;
                gap: 30px;
                justify-content: center;
                .yuvarlak{
                    width: 8px;
                    height: 8px;
                    background: #fff;
                    border-radius: 50%;
                    margin-top: -4px;
                    display: flex;
                }
                .dortgen{
                    border: 1px dotted #F47B34;
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .dortgen::before{
                    content: '';
                    width: 10px;
                    height: 10px;
                    background: #F47B34;
                    transform: rotate(45deg);
                    display: flex;
                }
            }
            .footer-mid-grid{
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 20px;
                justify-items: center;
                position: relative;
                z-index: 99999999999999;
                .footer-hakkimizda-baslik-message-devam_oku{
                    a{
                        color: #F47B34;
                        font-size: 14px;
                        margin-top: 6px;
                        position: relative;
                        font-family: "Playfair", serif;
                        transition: all .5s linear;
                        text-align: left;
                        display: block;
                        border-bottom: 1px dotted #F47B34;
                        width: 84px;
                        padding-bottom: 4px;
                    }
                    a:hover{
                        border-bottom: 1px dotted #fff;
                        padding-bottom: 4px;
                        color: #fff !important;
                    }
                }
                .oda-list-kapsayici{
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 10px;
                }
                .footer-baslik{
                    font-size: 27.6px;
                    color: #F47B34 !important;
                    font-family: "Playfair", serif;
                    padding-bottom: 36px;
                }
                .footer-hakkimizda {
                    .footer-hakkimizda-baslik-message{
                        text-align: left;
                        margin-bottom: 15px;
                        color: rgba(255, 255, 255, .7);
                        font-size: 15px;
                        font-family: "Playfair", serif;
                        line-height: 24px;
                        padding-bottom: 25px;
                    }

                }
                .footer-odalar{
                    .footer-oda-list{
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 10px;
                        .footer-oda-list-item{
                            display: flex;
                            align-items: center;
                            .footer-oda-list-item-icon{
                                width: 16px;
                                height: 20px;
                                transform: rotate(270deg);
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                img{
                                    width: 10px;
                                }
                            }
                            .footer-oda-list-item-text{
                                a{
                                    font-size: 15px;
                                    font-weight: 400;
                                    color: rgba(255, 255, 255, .7);
                                    transition: .5s ease;
                                }
                                a:hover{
                                    color: #F47B34 !important;
                                    transition: .5s all !important;
                                }
                            }
                        }
                    }
                }
                .footer-iletisim_bilgi{
                    .bilgiler-main{
                        display: flex;
                        gap: 35px;
                        margin-bottom: 15px;
                        padding-bottom: 41px;
                        .bilgiler-baslik{
                            display: flex;
                            flex-direction: column;
                            gap: 10px;
                            font-size: 15px;
                            color: rgba(255, 255, 255, .7);
                            min-width: 65px;
                        }
                        .bilgiler-aciklama{
                            display: flex;
                            align-items: flex-start;
                            justify-content: center;
                            flex-direction: column;
                            gap: 10px;
                            .bilgiler-number{
                                display: flex;
                                align-items: center;
                                gap: 10px;
                                a:hover:first-child{
                                    color: #F47B34 !important;
                                    transition: .5s all !important;
                                }
                                a:hover:last-child{
                                    color: #F47B34 !important;
                                    transition: .5s all !important;
                                }
                            }
                            a,span{
                                display: flex;
                                flex-direction: column;
                                gap: 10px;
                                font-size: 15px;
                                color: rgba(255, 255, 255, .7);
                                transition: .5s all !important;
                            }
                            .bilgiler-mail:hover{
                                color: #F47B34 !important;
                                transition: .5s all !important;
                            }
                            span:hover:last-child{
                                color: #F47B34 !important;
                                transition: .5s all !important;
                            }
                        }
                    }
                }
            }
        }
    }
    .footer-down-fluid-arkaplan{
        background: #211f2c;
        height: 96px;
        display: flex;
        justify-content: center;
        align-items: center;
        .footer-down-counter-arkaplan{
            .daynex-logo-ssl{
                display: flex;
                align-items: center;
                justify-content: space-between;
                .daynex-text-ssl{
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    .daynex-text-ssl-b2b{
                        line-height: 01;
                        color: white;
                        a{
                            color: #F47B34;
                            font-weight: 500;
                        }
                    }
                    .daynex-text-ssl-sertifika{
                        line-height: 01;
                        display: flex;
                        align-items: center;
                        gap: 10px;
                        color: white;
                        a{
                            color: #F47B34;
                            font-weight: 500;
                        }
                    }
                }
                .daynex-logo{
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    .daynex-logo-bolunmus{
                        display: flex;
                        align-items: center;
                        gap: 20px;
                        img{
                            width: 75px;
                            height: 35px;
                            transition: transform 0.2s ease-in-out;
                        }
                        img:hover{
                            transform: scale(1.1);
                            transition: transform 0.2s ease-in-out;
                        }
                    }
                }
            }
        }
    }
}





/*------------------baş header ve elmas icon----------------*/
.cool-diamond-icon {
    span {
        display: flex;
        align-items: center;
        gap: 10px;

        svg path {
            fill: rgb(244, 123, 52);
        }
    }

    span::before {
        content: "";
        width: 70px;
        height: 1px;
        display: flex;
        background: rgb(238, 238, 238);
    }

    span::after {
        content: "";
        width: 70px;
        height: 1px;
        display: flex;
        background: rgb(238, 238, 238);
    }
}



/*------------------------------------------------------------*/

/*-----------------animasyonlar için keyframe kısmıdır-----------*/

@keyframes shadowPulse {
    0% {
        box-shadow: 0 0 0 17px rgba(255, 255, 255, .2);
    }
    50%{
        box-shadow: 0 0 0 17px rgba(255, 255, 255, .5);
    }
    100% {
        box-shadow: 0 0 0 17px rgba(255, 255, 255, .2);
    }
}


/*------------------------------------------------------------*/




.size-ozel-ayricalik .owl-item .yazi-bilgi,
.size-ozel-ayricalik .owl-item .favorite-icon {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out 0s;
}

.size-ozel-ayricalik .owl-item .yazi-bilgi {
    transform: translateY(-30px);
}








/*------------------------ RESPONSİVE ---------------------------------*/
@media (min-width: 1000px) {

    .size-ozel-ayricalik .owl-item.active .yazi-bilgi,
    .size-ozel-ayricalik .owl-item.active .favorite-icon {
        opacity: 1;
        visibility: visible;
        transition: all 0.5s ease-in-out 1s;
    }

    .size-ozel-ayricalik .owl-item.active .yazi-bilgi {
        transform: translateY(0);
    }

    .size-ozel-ayricalik .owl-item.active ~ .owl-item.active ~ .owl-item.active .yazi-bilgi,
    .size-ozel-ayricalik .owl-item.active ~ .owl-item.active ~ .owl-item.active .favorite-icon {
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease-in-out 0s;
    }

    .size-ozel-ayricalik .owl-item.active ~ .owl-item.active ~ .owl-item.active .yazi-bilgi {
        transform: translateY(-30px);
    }
}

@media (max-width: 999px) {
    .size-ozel-ayricalik .owl-item.active .yazi-bilgi,
    .size-ozel-ayricalik .owl-item.active .favorite-icon {
        opacity: 1;
        visibility: visible;
        transition: all 0.5s ease-in-out 1s;
    }

    .size-ozel-ayricalik .owl-item.active .yazi-bilgi {
        transform: translateY(0);
    }
}
/* -----PC */
@media (min-width: 1025px) {
    #footer_fluid-arkaplan-mobil{
        display: none;
    }
}
/* --- TABLET --- */
@media (min-width: 577px) and (max-width: 992px) {

    body {
        overflow-x: hidden;
        img{
            object-fit: cover;
        }
    }
    .container {
        max-width: 100% !important;
        padding: 0 20px;
    }
    .footer_fluid-arkaplan {
        display: none;
    }
    #footer_fluid-arkaplan-mobil {
        display: block !important;
    }
    .ust-carousel {
        flex-direction: column;
    }
    .ust-carousel .item img {
        height: 50vw;
        object-fit: cover;
        width: 100%;
    }
    .ust-carousel .item .metin {
        width: 85%;
    }
    .ust-carousel .item .metin h2 {
        font-size: 20px;
    }
    .ust-carousel .item .metin p  {
        font-size: 12px;
    }
    .ust-carousel .item .metin a  {
        font-size: 13px;
        padding: .35rem 1rem;
    }

    .search-rezervasyon {
        position: relative !important;
        bottom: auto !important;
        width: 100% !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px !important;
        padding: 20px !important;
        border-radius: 0 !important;
        backdrop-filter: none !important;
        background: #272535 !important;
    }
    .search-rezervasyon-grid {
        width: 100%;
    }
    .search-rezervasyon-grid-button {
        grid-column: 1 / -1;
    }
    .search-rezervasyon-grid-button button {
        width: 100%;
    }

    .ikinci-counter_fluid-arkaplan {
        padding: 40px 20px;
    }
    .ikinci-counter-arkaplan {
        padding: 30px !important;
    }
    .doganin-ici-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .doganin-ici-grid-left-h2 {
        font-size: 30px !important;
    }
    .doganin-ici-grid-right {
        height: 320px;
    }

    .ucuncu-counter-arkaplan {
        padding: 30px 0 !important;
        .tercih-edilenler-grid::before{
            opacity: .2 !important;
        }
    }
    .tercih-edilenler-grid {
        flex-direction: column;
    }
    .tercih-edilenler-grid-left {
        height: auto !important;
        padding: 36px 20px !important;
        width: 100%;
        margin-bottom: 16px;
    }
    .tercih-edilenler-grid-right {
        width: 100%;
    }
    .doga-tatil-corusel .owl-dots{
        padding: 5px 10px !important;
    }
    .size-ozel-ayricalik .owl-nav {
        display: block !important;
        top: 1% !important;
    }
    .size-ozel-ayricalik .owl-dots {
        display: none !important;
    }
    .size-ozel-ayricalik .oda-card .yazi-favorite .yazi-bilgi .info ul{
        font-size: 18px !important;
        .ozellikler-icon{
            svg{
                height: 20px;
                width: 20px;
            }
        }
    }
    .size-ozel-ayricalik .oda-card .yazi-favorite .yazi-bilgi .info .fiyat{
        font-size: 18px !important;
    }
    .size-ozel-ayricalik .oda-card .yazi-favorite .yazi-bilgi {
        p{
            font-size: 18px !important;
        }
        a{
            font-size: 1.5rem !important;
        }
    }

    .dort-counter-arkaplan {
        padding: 30px !important;
        margin-top: 30px !important;
    }
    .unutulmaz-ani-header-text h2 {
        font-size: 28px !important;
    }
    .dort-alt-counter-arkaplan {
        padding: 30px !important;
        margin-top: 30px !important;
    }
    .essiz-konfor-header-text h2 {
        font-size: 28px !important;
    }
    .tatil-ozellikler-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        margin-top: 24px !important;
    }
    .tatil-ozellikleri-grid-card {
        padding: 30px 20px 20px !important;
    }

    .bes-counter_fluid-arkaplan {
        height: auto !important;
        padding: 60px 20px;
    }
    .buyuk-yazi {
        font-size: 26px !important;
    }
    .bes-counter-arkaplan .row {
        flex-direction: column;
        gap: 24px;
    }
    .bes-counter-arkaplan .col-lg-6 {
        width: 100%;
        padding: 0;
    }

    .tanitim_aciklama-tanitim-video {
        grid-template-columns: 1fr !important;
        margin-top: 30px !important;
    }
    .tanitim_aciklama {
        border-radius: 10px !important;
        padding: 50px !important;
    }
    .tanitim-video {
        height: 300px;
    }
    .tanitim-video img {
        border-radius: 10px !important;
    }
    .video-izle {
        top: 16px !important;
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important;
    }

    .yorum-inceleme-header-text h2 {
        font-size: 28px !important;
    }
    .yorum-cards .owl-nav .owl-prev {
        left: -2% !important;
    }
    .yorum-cards .owl-nav .owl-next {
        right: -2% !important;
    }
    .unutulmaz-anilar-arka-yuz{
        font-size: 15px !important;
    }
    .inan_kardesler-blog {
        padding: 30px !important;
        margin-top: 30px !important;
    }
    .blog-header-text h2 {
        font-size: 28px !important;
    }

    .blog-cards .owl-nav .owl-prev {
        left: -4% !important;
    }
    .blog-cards .owl-nav .owl-next {
        right: -4% !important;
    }

    .footer-main-fluid-arkaplan {
        height: auto !important;
        padding-bottom: 40px;
    }
    .footer-mid-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px 20px !important;
        justify-items: start; padding: 0 20px;
    }
    .footer-baslik {
        font-size: 22px !important;
        padding-bottom: 16px !important;
    }
    .footer-ust-sol-cizgi, .footer-ust-sag-cizgi {
        width: 80px !important;
    }
    .footer-down-fluid-arkaplan {
        height: auto !important;
        padding: 20px 0;
    }
    .daynex-logo-ssl {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
    .footer-arkaplan-dekor-text{
        font-size: 60px !important;
    }
    .yorum-sahibi-name{
        margin-top: 2.5rem !important;
    }
    .yorum-sahibi-yorum{
        font-size: 14px;
    }
    .tatil-ozellikleri-text span {
        font-size: 15px !important;
    }
    .daynex-logo-bolunmus {
        flex-wrap: wrap;
        gap: 12px !important;
    }
}

/* --- MOBİL --- */
@media (max-width: 576px) {
    html {
        overflow-x: hidden;
    }
    body {
        overflow-x: hidden;
        img{
            object-fit: cover;
        }
    }
    .container {
        max-width: 100% !important;
        padding: 0 14px;
    }

    .ust-carousel {
        flex-direction: column;
    }
    .ust-carousel .item img {
        height: 80vw;
        object-fit: cover;
        width: 100%;
    }
    .ust-carousel .item .metin {
        width: 90%;
        gap: .3rem;
    }
    .ust-carousel .item .metin h2 {
        font-size: 20px;
    }
    .ust-carousel .item .metin p  {
        font-size: 12px;
    }
    .ust-carousel .item .metin a  {
        font-size: 11px;
        padding: .25rem .8rem;
    }

    .search-rezervasyon {
        position: relative !important;
        bottom: auto !important;
        width: 100% !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 16px !important;
        border-radius: 0 !important;
        backdrop-filter: none !important;
        background: #272535 !important;
    }
    .search-rezervasyon-grid {
        width: 100%;
    }
    .doga-tatil-corusel .owl-dots{
        padding: 5px 10px !important;
    }
    .doganin-ici-grid-left-button{
        height: 40px !important;
        a{
            height: 40px !important;
        }
    }
    .search-rezervasyon-grid-button {
        grid-column: 1 / -1;
    }
    .size-ozel-ayricalik{
        .owl-next,.owl-prev{
            width: 40px !important;
            height: 40px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }
    }
    .search-rezervasyon-grid-button button {
        width: 100%;
        padding: .75rem !important;
    }
    .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
        width: 100%;
    }
    .durum-metni, .cocuk-durum-metni, #dropdownMenuLink, .tarih-etiket {
        width: 100%;
    }
    .kisi-panel {
        width: 240px !important;
    }
    .yorum-sahibi-name{
        margin-top: 2rem !important;
    }
    .ikinci-counter_fluid-arkaplan {
        padding: 30px 15px;
    }
    .ikinci-counter-arkaplan {
        padding: 16px !important;
    }
    .doganin-ici-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .doganin-ici-grid-left-h2 {
        font-size: 24px !important;
    }
    .doganin-ici-grid-left-egimli-yazi-p {
        font-size: 12px !important;
    }
    .doganin-ici-grid-left-uzun-yazi p {
        font-size: 13px !important;
        line-height: 22px !important;
        padding-bottom: 10px !important;
    }
    .doganin-ici-grid-left-button a {
        width: 100px !important;
        font-size: 12px !important;
    }
    .doganin-ici-grid-right {
        height: 240px;
    }

    .ucuncu-counter_fluid-arkaplan {
        padding: 24px 0;
    }
    .ucuncu-counter-arkaplan {
        padding: 16px 0 !important;
        .tercih-edilenler-grid::before{
            display: none;
        }
    }
    .tercih-edilenler-grid {
        flex-direction: column;
    }
    .tercih-edilenler-grid-left {
        height: auto !important;
        padding: 28px 14px !important;
        gap: 24px !important;
        width: 100%;
        margin-bottom: 12px;
    }
    .tercih-edilenler-grid-left h2 {
        font-size: 22px !important;
    }
    .tercih-edilenler-grid-left p  {
        font-size: 13px !important;
    }
    .tercih-edilenler-grid-left-button a {
        width: 150px !important;
        height: 40px !important;
    }
    .tercih-edilenler-grid-left-button{
        height: 40px !important;
    }
    .footer-ust-sol-cizgi,.footer-ust-orta-amblemler,.footer-ust-sag-cizgi{
        display: none !important;
    }
    .tercih-edilenler-grid-right {
        width: 100%;
    }
    .size-ozel-ayricalik .owl-nav {
        display: block !important;
        top: 1% !important;
    }
    .size-ozel-ayricalik .owl-dots {
        display: none !important;
    }

    .dort-counter-arkaplan {
        padding: 16px !important;
        margin-top: 16px !important;
    }
    .unutulmaz-ani-header-text h2 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    .unutulmaz-ani-header-text p  {
        font-size: 13px !important;
    }
    .dort-alt-counter-arkaplan {
        padding: 16px !important;
        margin-top: 16px !important;
    }
    .essiz-konfor-header-text h2  {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    .essiz-konfor-header-text p   {
        font-size: 13px !important;
    }
    .tatil-ozellikler-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 16px !important;
    }
    .tatil-ozellikleri-grid-card {
        padding: 28px 12px 16px !important;
    }
    .tatil-ozellikleri-gorsel {
        margin-bottom: 16px !important;
    }
    .tatil-ozellikleri-text h3 {
        font-size: 14px !important;
    }
    .tatil-ozellikleri-text span {
        font-size: 12px !important;
        line-height: 19px !important;
    }
    .card-number {
        width: 44px !important;
        height: 44px !important;
        font-size: 12px !important;
    }

    .bes-counter_fluid-arkaplan {
        height: auto !important;
        padding: 50px 14px;
    }
    .buyuk-yazi {
        font-size: 18px !important;
    }
    .kucuk-yazi-cizgi {
        font-size: 10px !important;
    }
    .bes-counter-arkaplan .row {
        flex-direction: column;
        gap: 24px;
    }
    .bes-counter-arkaplan .col-lg-6 {
        width: 100%;
        padding: 0;
    }

    .profile-name{
        justify-content: center !important;
    }
    .alti-counter_fluid-arkaplan {
        padding-bottom: 24px;
    }
    .tanitim_aciklama-tanitim-video {
        grid-template-columns: 1fr !important;
        margin-top: 20px !important;
        margin-bottom: 16px !important;
    }
    .tanitim_aciklama::before {
        content: ' ';
        position: absolute;
        top: 10px !important;
        left: 10px !important;
        bottom: 10px !important;
        right: 10px !important;
    }
    .tanitim_aciklama {
        border-radius: 10px !important;
        padding: 25px !important;
    }
    .tanitim_aciklama p {
        font-size: 12px !important;
    }
    .tanitim_aciklama h4 {
        font-size: 20px !important;
    }
    .uzun-bilgi-kismi span {
        font-size: 12px !important;
        line-height: 21px !important;
    }
    .profile-text-name {
        font-size: 18px !important;
    }
    .tanitim-video {
        height: 220px;
    }
    .tanitim-video img {
        border-radius: 10px !important;
    }
    .video-izle {
        top: 12px !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
    }
    .video-icon {
        margin: 0 !important;
    }
    .tanitim-text-video::before{
        margin-left: 0px !important;
    }
    .tanitim-text-video {
        font-size: 14px !important;
    }
    .video-icon {
        width: 46px !important;
        height: 46px !important;
    }

    .yorum-inceleme-header-text h2 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    .yorum-inceleme-header-text p  {
        font-size: 13px !important;
    }
    .yorum-cards .owl-nav {
        display: none;
    }
    .inceleme-card {
        height: auto !important;
        min-height: 300px;
    }
    .yorum-sahibi-yorum {
        font-size: 12px !important;
        padding: 0 6px 14px !important;
    }

    .inan_kardesler-blog {
        padding: 16px !important;
        margin-top: 20px !important;
    }
    .blog-header-text h2 {
        font-size: 20px !important;
        line-height: 1.3 !important;
        text-align: center;
    }
    .blog-header-text p  {
        font-size: 13px !important;
    }
    .blog-cards .owl-nav {
        display: none;
    }
    .blog-card-general {
        height: auto !important;
        padding: 16px !important;
    }
    .blog-card-general-title-header a {
        font-size: 16px !important;
    }
    .blog-card-general-title-message {
        font-size: 12px !important;
    }
    .blog-card-date {
        font-size: 13px !important;
    }
    .blog-card-buton a {
        width: 80px !important;
        font-size: 12px !important;
    }

    .footer-main-fluid-arkaplan {
        height: auto !important;
        padding-bottom: 30px;
    }
    .footer-ust-dekor {
        padding-top: 30px !important;
        padding-bottom: 16px !important;
        gap: 10px !important;
    }
    .footer-ust-sol-cizgi, .footer-ust-sag-cizgi {
        width: 30px !important;
    }
    .footer-arkaplan-dekor-text {
        font-size: 30px !important;
    }
    .footer-mid-grid {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        justify-items: start !important;
        padding: 0 14px;
    }
    .footer-baslik {
        font-size: 20px !important;
        padding-bottom: 12px !important;
    }
    .footer-hakkimizda-baslik-message {
        font-size: 13px !important;
    }
    .footer-oda-list-item-text a {
        font-size: 13px !important;
    }
    .bilgiler-main {
        flex-direction: row !important;
        gap: 8px !important;
        padding-bottom: 0 !important;
    }
    .bilgiler-baslik {
        flex-direction: row;
        gap: 6px !important;
        font-size: 13px !important;
    }
    .bilgiler-aciklama a, .bilgiler-aciklama span {
        font-size: 12px !important;
    }
    .bilgiler-number {
        flex-wrap: wrap;
    }

    .footer-down-fluid-arkaplan {
        height: auto !important;
        padding: 16px 0;
    }
    .daynex-logo-ssl {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
    .daynex-text-ssl-b2b, .daynex-text-ssl-sertifika {
        font-size: 11px !important;
        flex-wrap: wrap;
    }
    .daynex-text-ssl-sertifika{
        display: none !important;
    }
    .daynex-logo-bolunmus {
        flex-wrap: wrap;
        gap: 10px !important;
    }
    .daynex-logo-bolunmus img {
        width: 55px !important;
        height: 26px !important;
    }
    #footer_fluid-arkaplan-mobil {
        display: block !important;
    }
    .footer_fluid-arkaplan {
        display: none ;
    }

    .yt-video { width: 95vw !important; height: 54vw !important; }

    .whatsapp-helper { right: 8px; bottom: 14px; padding: 8px; }
    .whatsapp-helper i { font-size: 20px !important; }
}

/*--------------- RESPONSİVE BİTİŞ  -----------------------*/

/* Genel kapsayıcı */
.adres-dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    max-width: 350px;
    border-radius: 4px;
    width: 350px;
}

/* Tıklanabilir başlık alanı */
.adres-dropdown summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none; /* Varsayılan HTML okunu gizler */
    user-select: none; /* Metnin seçilmesini engeller */
}

/* Webkit (Chrome/Safari) için varsayılan oku gizleme */
.adres-dropdown summary::-webkit-details-marker {
    display: none;
}

/* Başlık metni stili */
.adres-dropdown .title {
    color: #cbb26a; /* Sarı/Gold renk */
    font-weight: 600;
    font-size: 16px;
}

/* İkonun dönme animasyonu */
.adres-dropdown .chevron {
    transition: transform 0.3s ease; /* Yumuşak bir dönüş efekti */
}

/* Tıklanıp açıldığında ikonun 90 derece dönmesi */
.adres-dropdown[open] .chevron {
    transform: rotate(90deg);
}

/* Açılan adres metni stili */
.adres-dropdown .content {
    color: #eaeaea;
    font-size: 14px;
    line-height: 1.6;
    padding: 0 15px 15px 15px; /* Üstten boşluk vermedik, yanlardan ve alttan verdik */
}





/*--------------------------------------------------------------------*/