html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/*Header Section Start*/
.navbar-nav .nav-link {
    color: #fff; /* varsayılan beyaz */
}

    .navbar-nav .nav-link.active-link {
        color: #e1ccad !important; /* aktif sayfa rengi */
    }
/*Header Section End*/

/*Index Start*/
.services_box_upper_portion img {
    height: 200px !important;
    object-fit: cover !important;
    background-color: #d1b7a0 !important;
}

.services_box_lower_portion h3 {
    font-size: 18px;
    line-height: 43px;
}

.aboutus_image img,
.aboutpage_aboutus_image img {
    height: 690px !important;
    width: 550px !important;
    border-top-left-radius: 30% !important;
    border-bottom-right-radius: 30% !important;
    object-fit: cover !important;
    box-shadow: 25px 25px 0 0 #d1b7a0;
}

.sub-banner-section {
    background-image: url(../media/subbanner_section_background.png) !important;
}

    .sub-banner-section .banner-section .btn_wrapper {
        background-color: #b08268 !important;
    }

.navbar-nav .nav-item a:hover,
.navbar-nav .nav-link.active-link {
    color: #a18168 !important;
}

.banner-section-image img {
    width: 680px !important;
    height: 730px !important;
    object-fit: cover !important;
    border-top-left-radius: 30% !important;
    border-bottom-right-radius: 30% !important;
    box-shadow: 30px -30px 0 0 #ffffff30;
}

.banner-section-outer {
    background-image: url(../media/background_d1b7a0.png) !important;
}

.get_in_touch_section::after {
    background: url(../media/iletisim-gorsel.jpg) no-repeat bottom center !important;
    background-size: cover !important;
}

.services_box_content:hover .services_box_lower_portion .btn_wrapper i {
    color: var(--e-global-color-white);
    background-color: #efdccd !important;
}

.left_icons ul {
    background-color: #b08268 !important;
    border-radius: 0 30px 30px 0;
}

    .left_icons ul li i {
        background: #dbc2ac !important;
        color: var(--e-global-color-white);
    }

        .left_icons ul li i:hover {
            background-color: var(--e-global-color-white);
            color: #b08268 !important;
        }

.our_specialties_heading_content h5,
.services_content h5,
.message_content h5,
.aboutus_content h5,
.aboutpage_aboutus_content h5,
.discount_content span {
    color: #d1b7a0 !important;
}

.aboutus_content h6 {
    color: #d1b7a0 !important;
}

.aboutus_content .btn_wrapper .get_started_btn:hover,
.blog_posts_section .btn_wrapper .view_blog:hover,
.message_content button:hover,
.message_content button:before,
.discount_content .btn_wrapper .get_started:hover,
.discount_content .btn_wrapper .get_started:before,
.banner-section-outer .btn_wrapper .getstarted_btn:before,
.aboutus_content .btn_wrapper .get_started_btn:before,
.blog_posts_section .btn_wrapper .view_blog:before,
.banner-section-outer .btn_wrapper .getstarted_btn:hover {
    background-color: #efdccd !important;
}

.banner-section-outer .btn_wrapper .getstarted_btn:hover {
    color: #fff !important;
}

.specialties_content::after,
.blog_posts_image_content span {
    background-color: #d1b7a0 !important;
}

.get_in_touch_content h5,
.blog_posts_content h5,
.subscribe_content h5 {
    color: #a18168 !important;
}

.get_in_touch_content button,
.subscribe_content button {
    background-color: #a18168 !important;
}

    .get_in_touch_content button:hover,
    .subscribe_content button:hover {
        color: #a18168 !important;
    }


.testimonial_content i {
    color: #e1ccad !important;
}

#carouselExampleControls .carousel-control-prev,
#carouselExampleControls .carousel-control-next {
    color: #e1ccad !important;
}

.aboutus_content {
    padding-top: 20px !important;
}

    .aboutus_content p {
        font-size: 16px !important;
        line-height: 24px !important;
    }

.comment-part {
    min-height: 300px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*Index End*/
/*About Us Page Start*/

.aboutpage_aboutus_content .box i {
    border: 2px solid #d1b7a0 !important;
    color: #d1b7a0 !important;
}

.our_team_box_content .our_team_box_lower_portion h3 {
    margin-bottom: 40px !important;
    line-height: 30px !important;
}

.aboutpage_aboutus_content p {
    font-size: 16px !important;
    line-height: 24px !important;
}

.aboutpage_aboutus_content {
    padding-top: 20px !important;
}

.aboutpage_aboutus_section {
    background-image: url(../media/aboutus_background.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 100px 0 130px !important;
}

/*About Us Page End*/

/*Services Page Start*/

@media (min-width: 992px) {

    .service-list-page .post-image img {
        height: 370px !important;
    }
}

/*Services Page End*/

/*Studio Page Start*/

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* 250px genişliğe göre yan yana dizer */
    gap: 15px; /* resimler arası boşluk */
}

.lightbox .lb-image {
    filter: brightness(1.3);
}

.gallery img {
    width: 100%;
    height: 355px;
    display: block;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
    object-fit: cover;
    filter: brightness(1.3);
}

    .gallery img:hover {
        transform: scale(1.05);
    }

/* Arka plan overlay ekrana sabitlensin */
.lightboxOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Resim container da ekrana sabitlensin */
.lightbox {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    z-index: 9999 !important;
}

.lb-close {
    position: fixed !important;
    top: 15px !important;
    right: 20px !important;
    z-index: 10000 !important;
}

/*Studio Page End*/

/*Pricing Section Start*/
.pricing_plans_box_lower_portion,
.second_lower_portion,
.third_lower_portion {
    padding: 50px !important;
}

.pricing_plans_box_content {
    min-height: 350px !important;
}

.pricing_plans_box_lower_portion ul {
    min-height: 130px !important;
}

/*Pricing Section End*/

/*Our Specialties Section Start*/
.specialties_image img {
    height: 600px !important;
    width: auto;
    object-fit: cover;
    border-radius: 20px;
}
/*Our Specialties Section End*/

/*Contact Section Start*/

.message_section .box .box_image_content figure {
    background-color: #d1b7a0 !important;
}

.message_section .box:hover .box_image_content figure {
    background-color: #b08268 !important;
}
/*Contact Section End*/

/*Why You Choose Section Start*/

@media (min-width: 992px) {

    .specialties_left_line img,
    .specialties_right_line img {
        height: 300px !important;
    }

    .specialties_image img {
        position: relative !important;
        bottom: 75px !important;
    }

    .s2::after {
        right: -45px !important;
    }


    .s3 {
        padding-right: 40px !important;
    }

        .s3::after {
            top: 10px !important;
            right: -65px !important;
        }


    .s6::after {
        top: 13px !important;
        left: -45px !important;
    }

    .s7 {
        padding-left: 40px !important;
    }

        .s7::after {
            left: -65px !important;
        }
}
/*Why You Choose Section End*/


/*Footer Section Start*/
.footer-section {
    background-color: #d1b7a0 !important;
    padding: 200px 0 0px !important;
    margin-top: 0px !important;
}

.bottom-portion {
    border-top: 1px solid #a18168 !important;
}

.middle-portion ul .icons i {
    background: #b08268 !important;
}

    .middle-portion ul .icons i:hover {
        color: #efdccd !important;
    }

.middle-portion li a:hover,
.middle-portion .contact_col ul .contact_icons:hover i {
    color: #a18168 !important;
}

/*Footer Section End*/