.elementor-5978 .elementor-element.elementor-element-7888593{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5978 .elementor-element.elementor-element-83e19bd{width:var( --container-widget-width, 100% );max-width:100%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5978 .elementor-element.elementor-element-6961e8e{width:var( --container-widget-width, 100% );max-width:100%;margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-7888593 *//* GLOBAL AYARLAR VE DEĞİŞKENLER */
:root {
    --primary-blue: #051c33; 
    --accent-gold: #c5a059;  
    --soft-gold: #e2c275;
    --luxury-gradient: linear-gradient(135deg, #c5a059 0%, #f9f295 50%, #c5a059 100%);
}

.ys-master-container { font-family: 'Montserrat', sans-serif; color: #1a1a1a; line-height: 1.8; width: 100%; overflow-x: hidden; }
.ys-master-container h1, .ys-master-container h2, .ys-master-container h3, .ys-master-container h4 {
    font-family: 'Playfair Display', serif !important; font-weight: 700;
}

/* HERO SECTION EFEKTLERİ */
.ys-hero {
    height: 90vh;
    background: linear-gradient(rgba(5, 28, 51, 0.8), rgba(5, 28, 51, 0.4)), 
                url('http://www.ysgrup.com.tr/wp-content/uploads/2026/01/atasehir-2.jpg'); 
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; position: relative;
}

.ys-hero::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px;
    background: linear-gradient(transparent, #ffffff); z-index: 1;
}

.ys-hero-content { position: relative; z-index: 2; }
.ys-hero h1 { font-size: clamp(35px, 6vw, 80px); color: #fff !important; letter-spacing: 10px; text-transform: uppercase; margin: 0; }

/* PREMIUM BUTON */
.ys-btn-premium {
    display: inline-block; padding: 18px 45px; background: var(--primary-blue);
    color: #fff !important; text-decoration: none; letter-spacing: 3px; font-weight: 600; font-size: 12px;
    position: relative; z-index: 1; overflow: hidden; border: none; cursor: pointer; transition: 0.4s;
}
.ys-btn-premium::before {
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--luxury-gradient); transition: 0.5s; z-index: -1;
}
.ys-btn-premium:hover::before { left: 0; }
.ys-btn-premium:hover { color: var(--primary-blue) !important; transform: translateY(-3px); }

/* SLIDER */
.project-slider-main { width: 100%; padding: 50px 0; }
.project-slider-main .swiper-slide { width: 70% !important; height: 550px; border-radius: 20px; overflow: hidden; opacity: 0.4; transition: 0.8s; }
.project-slider-main .swiper-slide-active { opacity: 1; transform: scale(1.03); border: 2px solid var(--accent-gold); }
.project-slider-main img { width: 100%; height: 100%; object-fit: cover; }

/* TEKNİK BAR */
.ys-tech-footer { background: var(--primary-blue); padding: 60px 10%; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 40px; border-top: 3px solid var(--accent-gold); }
.ys-tech-val { display: block; font-family: 'Playfair Display', serif; font-size: 32px; color: var(--accent-gold); margin-bottom: 5px; }
.ys-tech-label { color: #fff; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.7; }

/* RESPONSIVE */
@media (max-width: 991px) {
    .ys-intro-section { grid-template-columns: 1fr !important; padding: 60px 5% !important; }
    .ys-hero { background-attachment: scroll; height: 70vh; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83e19bd *//* GLOBAL AYARLAR VE DEĞİŞKENLER */
:root {
    --primary-blue: #051c33; 
    --accent-gold: #c5a059;  
    --soft-gold: #e2c275;
    --luxury-gradient: linear-gradient(135deg, #c5a059 0%, #f9f295 50%, #c5a059 100%);
}

.ys-master-container { font-family: 'Montserrat', sans-serif; color: #1a1a1a; line-height: 1.8; width: 100%; overflow-x: hidden; }
.ys-master-container h1, .ys-master-container h2, .ys-master-container h3, .ys-master-container h4 {
    font-family: 'Playfair Display', serif !important; font-weight: 700;
}

/* HERO SECTION EFEKTLERİ */
.ys-hero {
    height: 90vh;
    background: linear-gradient(rgba(5, 28, 51, 0.8), rgba(5, 28, 51, 0.4)), 
                url('http://www.ysgrup.com.tr/wp-content/uploads/2026/01/atasehir-2.jpg'); 
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; position: relative;
}

.ys-hero::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px;
    background: linear-gradient(transparent, #ffffff); z-index: 1;
}

.ys-hero-content { position: relative; z-index: 2; }
.ys-hero h1 { font-size: clamp(35px, 6vw, 80px); color: #fff !important; letter-spacing: 10px; text-transform: uppercase; margin: 0; }

/* PREMIUM BUTON */
.ys-btn-premium {
    display: inline-block; padding: 18px 45px; background: var(--primary-blue);
    color: #fff !important; text-decoration: none; letter-spacing: 3px; font-weight: 600; font-size: 12px;
    position: relative; z-index: 1; overflow: hidden; border: none; cursor: pointer; transition: 0.4s;
}
.ys-btn-premium::before {
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--luxury-gradient); transition: 0.5s; z-index: -1;
}
.ys-btn-premium:hover::before { left: 0; }
.ys-btn-premium:hover { color: var(--primary-blue) !important; transform: translateY(-3px); }

/* SLIDER */
.project-slider-main { width: 100%; padding: 50px 0; }
.project-slider-main .swiper-slide { width: 70% !important; height: 550px; border-radius: 20px; overflow: hidden; opacity: 0.4; transition: 0.8s; }
.project-slider-main .swiper-slide-active { opacity: 1; transform: scale(1.03); border: 2px solid var(--accent-gold); }
.project-slider-main img { width: 100%; height: 100%; object-fit: cover; }

/* TEKNİK BAR */
.ys-tech-footer { background: var(--primary-blue); padding: 60px 10%; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 40px; border-top: 3px solid var(--accent-gold); }
.ys-tech-val { display: block; font-family: 'Playfair Display', serif; font-size: 32px; color: var(--accent-gold); margin-bottom: 5px; }
.ys-tech-label { color: #fff; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.7; }

/* RESPONSIVE */
@media (max-width: 991px) {
    .ys-intro-section { grid-template-columns: 1fr !important; padding: 60px 5% !important; }
    .ys-hero { background-attachment: scroll; height: 70vh; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6961e8e *//* GLOBAL AYARLAR VE DEĞİŞKENLER */
:root {
    --primary-blue: #051c33; 
    --accent-gold: #c5a059;  
    --soft-gold: #e2c275;
    --luxury-gradient: linear-gradient(135deg, #c5a059 0%, #f9f295 50%, #c5a059 100%);
}

.ys-master-container { font-family: 'Montserrat', sans-serif; color: #1a1a1a; line-height: 1.8; width: 100%; overflow-x: hidden; }
.ys-master-container h1, .ys-master-container h2, .ys-master-container h3, .ys-master-container h4 {
    font-family: 'Playfair Display', serif !important; font-weight: 700;
}

/* HERO SECTION EFEKTLERİ */
.ys-hero {
    height: 90vh;
    background: linear-gradient(rgba(5, 28, 51, 0.8), rgba(5, 28, 51, 0.4)), 
                url('http://www.ysgrup.com.tr/wp-content/uploads/2026/01/atasehir-2.jpg'); 
    background-size: cover; background-position: center; background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; text-align: center; position: relative;
}

.ys-hero::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px;
    background: linear-gradient(transparent, #ffffff); z-index: 1;
}

.ys-hero-content { position: relative; z-index: 2; }
.ys-hero h1 { font-size: clamp(35px, 6vw, 80px); color: #fff !important; letter-spacing: 10px; text-transform: uppercase; margin: 0; }

/* PREMIUM BUTON */
.ys-btn-premium {
    display: inline-block; padding: 18px 45px; background: var(--primary-blue);
    color: #fff !important; text-decoration: none; letter-spacing: 3px; font-weight: 600; font-size: 12px;
    position: relative; z-index: 1; overflow: hidden; border: none; cursor: pointer; transition: 0.4s;
}
.ys-btn-premium::before {
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--luxury-gradient); transition: 0.5s; z-index: -1;
}
.ys-btn-premium:hover::before { left: 0; }
.ys-btn-premium:hover { color: var(--primary-blue) !important; transform: translateY(-3px); }

/* SLIDER */
.project-slider-main { width: 100%; padding: 50px 0; }
.project-slider-main .swiper-slide { width: 70% !important; height: 550px; border-radius: 20px; overflow: hidden; opacity: 0.4; transition: 0.8s; }
.project-slider-main .swiper-slide-active { opacity: 1; transform: scale(1.03); border: 2px solid var(--accent-gold); }
.project-slider-main img { width: 100%; height: 100%; object-fit: cover; }

/* TEKNİK BAR */
.ys-tech-footer { background: var(--primary-blue); padding: 60px 10%; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 40px; border-top: 3px solid var(--accent-gold); }
.ys-tech-val { display: block; font-family: 'Playfair Display', serif; font-size: 32px; color: var(--accent-gold); margin-bottom: 5px; }
.ys-tech-label { color: #fff; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.7; }

/* RESPONSIVE */
@media (max-width: 991px) {
    .ys-intro-section { grid-template-columns: 1fr !important; padding: 60px 5% !important; }
    .ys-hero { background-attachment: scroll; height: 70vh; }
}/* End custom CSS */