html {
    scroll-behavior: smooth;
}
img{max-width: 100%;}
*{box-sizing: border-box;}
html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 16px;
    max-width: 100%;
    /* overflow-x: hidden; */
    font-weight: 400;    
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.24px;
    color: #202023;
    background-color: #fff;
}
a{
    text-decoration: none;
    color: inherit;
}
.bold{font-weight: 800;}
.light{font-weight: 300;}
.lato{font-family: "Lato", sans-serif;}
.color-gradient{
    background: linear-gradient(225.00deg, rgb(153, 126, 94),rgb(187, 154, 115),rgb(229, 189, 141));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.color-gradient-green{
    background: linear-gradient(225.00deg, rgb(9, 54, 51),rgb(14, 79, 75),rgb(92, 132, 109));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.color-gold{color: #997E5E;}
.color-grey{color: #BEBEC5;}
.color-green{color: #0E4F4B;}
.bg-grey{background-color: #F7F7F9;}
.line-14{line-height: 1.4;}
ul{margin: 0;padding: 0;}
li{list-style: none}
h1{font-size: 72px;}
h2{font-size: 60px;}
h3{font-size: 36px;}
h4{font-size: 22px;}
h5{font-size: 21px;}
h6{font-size: 17px;}
.responsive-img{width: 100%;height: 100%;object-fit: cover;}
.padding-x{padding-left: 160px;padding-right: 160px;}
.padding-y{padding-top: 120px;padding-bottom: 120px;}

.header-main{
    padding: 24px 36px;
    position: fixed;
    top: 0;
    display: flex;
    width: 100%;
    height: 148px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: all 500ms ease;
    z-index: 10;
}
.logo{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    height: 100px;
    transition: height 500ms ease;
    overflow: hidden;
}
.logo img{height: 100px;}
.header-navv{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.header-navv a{
    font-weight: 600;
    padding: 12px 20px;
    display: block;
}
.header-scroll{
    background-color: #fff;
    height: 76px;
}
.header-scroll .logo{height: 42px;}
.header2{
    background-color: #fff;
    height: 76px;
}
.header2 .logo{height: 42px;}
.lang-sel{
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 600;
    position: relative;
    padding: 12px 0 ;
    cursor: pointer;
}
.header-main ul.lang-menu{
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: -15px;
    gap: 0;
}
.lang-menu li{
    padding: 15px;
}
.header-scroll .lang-menu li{background-color: #fff;}
.header2 .lang-menu li{background-color: #fff;}
.lang-sel:hover ul.lang-menu{display: flex;}
.burger-menu-icon{
    position: relative;
    cursor: pointer;
}
.nav-bg{
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    pointer-events: none;
    transition: all 500ms ease;
}
.nav-bg.active{
    background-color: #000000b0;
    pointer-events: all;

}
.me-nav{
    background: #fff;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 632px;
    height: 100svh;
    z-index: 12;
    position: fixed;
    left: -100%;
    top: 0;
    border-right: 16px solid rgb(187, 154, 115);
    transition: left 500ms ease;
}
.menu-navv{margin-bottom: 50px;}
.menu-navv li{
    font-size: 36px;
    font-weight: 400;
    margin: 30px 0;
}
.menu-navv li:hover{
    color: #997E5E;
}
.me-nav .close{
    position: absolute;
    left: 60px;
    top: 60px;
    cursor: pointer;
}
.menu-ilet{
    position: absolute;
    left: 60px;
    bottom: 60px;
    display: flex;
    flex-direction: column;
    gap: 36px;
    color: #75757E;
}
.menu-ilet a{text-decoration: underline;}
.menu-social{
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.close img:hover{filter: brightness(4) sepia(1);}
.menu-social img:hover{filter: sepia(1);}

.me-nav.active{left: 0;}

.--btn-1{
    color: #202023;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 240px;
    padding: 12px 20px;
    display: inline-block;
    transition: all 250ms ease;
    position: relative;
    z-index: 3;
    white-space: nowrap;
}
.--btn-1:hover{
    color: rgb(124, 103, 77);
}
.--btn-2{
    color: #202023;
    background-color: transparent;
    border: none;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 240px;
    padding: 12px 20px;
    display: inline-block;
    transition: all 250ms ease;
    position: relative;
    z-index: 3;
    white-space: nowrap;
    position: relative;
}
.--btn-2 span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    color: transparent;
    z-index: 1;
    transition: all 500ms ease;
}
.--btn-2::before{
    content: '';
    position: absolute;
    background-color: #BB9A73;
    width: 240px;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 500ms ease;
}
.--btn-2:hover span{
    color: #fff;
}
.--btn-2:hover::before{
    height: 48px;
}

.banner{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.slide-inner{
    padding: 140px 160px 70px;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}
.slide-text{
    padding-right: 135px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}
.slide-img-cover{
    height: 100%;
    width: 49%;
    object-fit: cover;
    border-radius: 60px;
    overflow: hidden;
    box-shadow: 16px 24px 80px 0px rgba(0, 0, 0, 0.05);
    user-select: none;
    pointer-events: none;
    position: relative;
}
.slide-img-cover::after{
    content: '';
    background: radial-gradient(50.00% 50.00% at 50% 50%,rgba(255, 255, 255, 0) 42.5%,rgba(255, 255, 255, 0.6) 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

}
.slide-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    user-select: none;
    pointer-events: none;
}
.golden-ribbon{
    padding: 60px 160px;
    background-color: rgb(187, 154, 115);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: all 500ms ease;
}
.golden-ribbon:hover{
    padding: 60px 200px;
    background-color: rgb(124, 103, 77);
}
.sp-icon-col{
    padding: 36px;
}
.sp-icon-col h4{font-weight: 400;}
.sp-icon{
    position: relative;
    height: fit-content;
    width: fit-content;
    margin-bottom: 36px;
}
.sp-icon img{filter: none;transition: all 500ms ease;position: relative;}
.sp-icon::before{
    position: absolute;
    content: '';
    background-color: #F7F7F9;
    border-radius: 50%;
    width: 82px;
    height: 82px;
    left: -24px;
    top: -24px;
    transition: all 500ms ease;
}
.sp-icon-col:hover .sp-icon::before{
    left: -12px;
    top: -12px;
    background-color: rgb(187, 154, 115);
}
.sp-icon-col:hover .sp-icon img{filter: invert(1) brightness(15);}
.home-slider{overflow: hidden;padding-bottom: 20px;}
.home-slider .slick-list{
    margin: 0 300px;
    overflow: unset;
}
.home-slider-item{
    padding: 18px;
    text-align: center;
}
.home-slider-item img{
    border-radius: 60px;
    height: 512px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.2);
}
.slider-text-box{
    text-align: center;
    padding: 60px 300px;
}
.grey-card span{font-size: 12px;}
.grey-card{
    padding: 60px;
    margin: 1px;
    transition: all 500ms ease;
}
.grey-card:hover{
    background-color: #fff;
    margin: 0;
}
.bottom-sec{
    text-align: center;
    background-image: url(../images/redington.jpg);
    background-position: center;
    background-size: cover;
}
.footer-main{
    padding: 100px 160px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.footer-logo{width: 300px;margin-left: -86px}
.footer-left{
    padding-left: 86px;
    width: 650px;
}
.footer-left p{font-size: 14px;color: #75757E;margin: 24px 0 28px;}
.footer-navv{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    font-size: 13px;
}
.footer-navv li{color: #202023;}
.footer-navv li:hover{color: #BB9A73;}
.footer-right a{text-decoration: underline;}
.footer-right{
    text-align: right;
    color: #75757E;
}
.footer-right .menu-social{justify-content: flex-end;margin-top: 64px;}
.copyright{
    background-color: #BB9A73;
    padding: 24px 160px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.copyright ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    font-weight: 600;
}
.alt-banner{
    padding: 176px 300px 80px;
    text-align: center;
}
.alt-line{display: inline-block;background-color: #BB9A73;width: 32px;height: 1px;}

.proje-card-detail{
    position: relative;
    border-radius: 24px;
    backdrop-filter: blur(36px);
    background: rgba(255, 255, 255, 0.8);
    padding: 32px;
}
.proje-card .line{
    display: block;
    width: 100%;
    height: 1px;
    margin: 8px 0;
    background-color: #202023;
}
.proje-card{
    position: relative;
    display: block;
    padding: 500px 32px 32px;
    margin: 32px;
}
.proje-card.medya-card{margin: 24px;}
.proje-card-img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 500px;
    border-radius: 60px;
    object-fit: cover;
    transition: all 500ms ease;
}
.proje-card:hover .proje-card-img{height: 100%;}
.swiper-slide{padding: 16px;}
.swiper-slide img{
    border-radius: 60px;
    height: 512px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.2);
}
.proje-detail-wrap{overflow: hidden;padding-bottom: 20px;}
.proje-details-slider{margin: 136px 300px 0;}
.swiper-container{overflow: unset !important;}
.pswp__bg{background-color: #00000070 !important;}
.pswp img{border-radius: 60px;}
/* .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right{opacity: 1 !important;}
.pswp__button--arrow--left, .pswp__button--arrow--right{
    top: 50%;
    left: 50% !important;
    right: unset !important;
    margin-top: 270px !important;
    transform: translate(-50% , -50%);
    margin-left: -570px !important;
}
.pswp__button--arrow--left{
    margin-left: -570px !important;
}
.pswp__button--arrow--right{
    margin-left: -550px !important;    
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{
    top: unset !important;
    left: unset !important;
    right: unset !important;
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{
    border-radius: 40px;
    backdrop-filter: blur(24px);
    background: rgba(255, 255, 255, 0.01);
} */
.proje-detay-sec{
    padding: 100px 0;
    display: flex;
    flex-direction: row;
    position: relative;
}
.proje-detay-left{
    width: 375px;
    min-width: 375px;
    position: relative;
}
.sticky{
    position: sticky;
    top: 100px;
    left: 0;
}
.proje-detay-left ul li {
  margin: 3px 0;
  font-size: 14px;
}
.proje-detay-right::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .proje-detay-right {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
.proje-detay-right h4{margin: 32px 0 16px;}
.yol-btn{
    background-color: #BB9A73;
    padding: 8px 16px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
}
.yol-btn:hover{background-color: #997E5E;}

ul.disc li {
  margin: 3px 0;
  list-style: disc;
    list-style-position: outside;
  list-style-position: inside;
  font-size: 14px;
}
.kat-btn{
    display: flex;
    padding: 0 16px;
    height: 60px;
    background-color: #F7F7F9;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    position: relative;
    color: #202023;
    transition: all 500ms ease;
    cursor: pointer;
}
.kat-btn:hover{background-color: #BB9A73;color: #fff;}
.kat-btn::before{
    content: 'Kat Planını Gör';
    position: absolute;
    right: 42px;
    color: #fff;
    font-weight: 600;
    z-index: 1;
    opacity: 0;
    transition: all 500ms ease;
}
.kat-btn::after{
    content: url(../images/svg/arrow-diag.svg);
    position: absolute;
    right: 16px;
    z-index: 1;
    opacity: 0;
    transition: all 500ms ease;
}
.kat-btn:hover::before , .kat-btn:hover::after{opacity: 1;}
.play-btn{
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 250px;
    transform: translate(-50% , -50%);
    border-radius: 50%;
    backdrop-filter: blur(24px);
    background: rgba(255, 255, 255, 0.01);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    transition: all 500ms ease;
}
.play-btn img{width: 45px;}
.medya-card:hover .play-btn{background: rgba(0, 0, 0, 0.5);}


.video-wrap{
    position: relative;
    border-radius: 60px;
    box-shadow: 16px 24px 80px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.video-wrap video{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.video-cover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 1;
    opacity: 1;
    transition: all 250ms ease;
    cursor: pointer;
}
.video-cover .play-btn{top: 50%;background: rgba(0, 0, 0, 0.5);}
.video-cover.in-active{opacity: 0;pointer-events: none;user-select: none;}
.hakk-img{
    width: 100%;
    height: 540px;
    object-fit: cover;
    border-radius: 60px;
    box-shadow: 16px 24px 80px 0px rgba(0, 0, 0, 0.05);
}
.hakk-special{
    position: relative;
}
.hakk-special-text{
    width: 60%;    
    padding: 150px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.hakk-special-text::before{
    content: '';
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 500ms ease;
}
.hakk-special-img{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 60px;
    width: 49%;
    height: calc(100% - 80px);
    object-fit: cover;
    transition: all 500ms ease;
}
.hakk-special:hover .hakk-special-text::before{width: 110%;}
.hakk-special:hover .hakk-special-img{width: 55%;}
.hakk-special .alt-line{transition: all 500ms ease;}
.hakk-special:hover .alt-line{width: 100%;}
.hakk-special .hakk-special-text a{transition: all 500ms ease;}
.hakk-special:hover .hakk-special-text a{color: #BB9A73;}
.hakk-map-wrap{
    border-radius: 60px;
    box-shadow: 0px 16px 60px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.ilet-main-sec{position: relative;}
.ilet-main-sec *{position: relative;}
.ilet-main-sec .sp-icon::before{background-color: #fff;}
.ilet-main-sec::before{
    content: '';
    position: absolute;
    background-color: #F7F7F9;
    height: 50%;
    width: 100%;
    bottom: 0;
}
.ilet-form-sec input , .ilet-form-sec textarea{
    color: #0E4F4B;
    border: 1px solid #E9E9EC;
    width: 100%;
    padding: 8px 16px;
    margin-bottom: 16px;
}
.ilet-form-sec textarea{height: 100px;}
.ilet-form-sec input::placeholder , .ilet-form-sec textarea::placeholder{
    color: #0E4F4B;
}
.popup{
	position: fixed;
	left: 0;
	top: 0;
    right: 0;
    bottom: 0;
	height: 100vh;
    width: 100vw;
    background-color: #000c;
	z-index: 9999;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	transition: opacity 500ms ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.closepopup{
	position: absolute;
	right: 50px;
	top: 30px;
}
.closepopup img{filter: invert(1) brightness(15);}
.popup.active{
	opacity: 1;
	pointer-events: unset;
}

.popup img{
    height: 85%;
}
.float-btn-wrap{
    position: fixed;
    right: -155px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    z-index: 5;
}
.float-btn{
    color: #fff;
    padding: 6px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 175px;
    justify-content: center;
    transition: background-color 500ms ease;
}
.float-btn.call{background-color: #997E5E;}
.float-btn.whatsapp{background-color: #BB9A73;}
.float-btn.call img{width: 25px;}
.float-btn.whatsapp img{width: 20px;}
@media screen and (max-width:1400px) {
    h1{font-size: 60px;}
    h2{font-size: 48px;}
    h3{font-size: 36px;}
    h4{font-size: 24px;}
    h5{font-size: 21px;}
    h6{font-size: 18px;}
    .padding-x{padding-left: 120px;padding-right: 120px;}
    .padding-y{padding-top: 80px;padding-bottom: 80px;}
    .footer-main{padding: 80px 120px;}
    .copyright{padding: 24px 120px;}
    .slide-inner{padding: 140px 120px 60px;}
    .golden-ribbon{padding: 40px 120px;}
    .golden-ribbon:hover {padding: 40px 140px;}
    .slide-text {padding-right: 100px;width: 60%;gap: 12px;}
    .--btn-1{width: 160px;}
    .slider-pagi{bottom: 30px !important;left: 112px !important;}
    .home-slider .slick-list{
        margin: 0 200px;
        overflow: unset;
    }
    .proje-details-slider{margin: 136px 200px 0;}
    .alt-banner{
        padding: 176px 200px 80px;
        text-align: center;
    }
    .slider-text-box{
        text-align: center;
        padding: 60px 200px;
    }
}
@media screen and (max-width:1200px) {
    h1{font-size: 48px;}
    h2{font-size: 36px;}
    h3{font-size: 24px;}
    h4{font-size: 21px;}
    h5{font-size: 18px;}
    h6{font-size: 16px;}
    .line-14{line-height: 1.2;}
    .padding-x{padding-left: 100px;padding-right: 100px;}
    .padding-y{padding-top: 60px;padding-bottom: 60px;}
    .footer-main{padding: 60px 100px;}
    .copyright{padding: 24px 100px;}
    .slide-inner{padding: 140px 100px 60px;}
    .golden-ribbon{padding: 40px 100px;}
    .golden-ribbon:hover {padding: 40px 120px;}
    .slide-text {padding-right: 60px;width: 60%;gap: 12px;}
    .slider-pagi{bottom: 30px !important;left: 92px !important;}
    .sp-icon-col{padding: 24px;}
    .proje-card{margin: 12px;}
    .proje-card-detail{padding: 12px;}
    .grey-card{padding: 20px;}
    .proje-card{padding: 350px 24px 24px;}
    .proje-card-img{border-radius: 40px;height: 350px;}
    .proje-card-detail{font-size: 14px;}
    .play-btn{top: 175px;}
}
@media screen and (max-width:991px) {
    h1{font-size: 36px;}
    h2{font-size: 24px;}
    h3{font-size: 21px;}
    h4{font-size: 18px;}
    h5{font-size: 16px;}
    h6{font-size: 14px;}
    body{font-size: 14px;}
    .line-14{line-height: 1.2;}
    .padding-x{padding-left: 60px;padding-right: 60px;}
    .padding-y{padding-top: 20px;padding-bottom: 20px;}
    .footer-main{padding: 20px 40px 20px 10px;}
    .copyright{padding: 12px 40px;}
    .slide-inner{padding: 140px 60px 20px;}
    .golden-ribbon{padding: 20px 20px;}
    .golden-ribbon h4{font-size: 12px;}
    .golden-ribbon:hover {padding: 20px 30px;}
    .slide-text {padding-right: 40px;width: 60%;gap: 12px;}
    .slider-pagi{bottom: 30px !important;left: 92px !important;}
    .proje-card{margin: 12px;}
    .proje-card-detail{padding: 12px;}
    .grey-card{padding: 20px;}
    .proje-card{padding: 350px 24px 24px;}
    .proje-card-img{border-radius: 40px;height: 350px;}
    .proje-card-detail{font-size: 14px;}
    .play-btn{top: 175px;}
    .slider-container{height: calc(100% - 102px) !important;}
    .--btn-1 , .--btn-2 {font-size: 14px;}
    .sp-icon-col{padding: 0;}
    .home-slider .slick-list{
        margin: 0 100px;
        overflow: unset;
    }
    .popup img{
		width: 95%;
		height: auto;
        max-height: 100vh;
        max-width: 100vw;
	}
    .proje-details-slider{margin: 106px 100px 0;}
    .alt-banner{
        padding: 140px 100px 40px;
        text-align: center;
    }
    .slider-text-box{
        text-align: center;
        padding: 20px 100px;
    }
    .footer-logo {
        width: 200px;
        margin-left: -56px;
    }
    .footer-left{padding-left: 56px;}
    .proje-detay-sec{padding: 40px 0;}
    .proje-detay-left{width: 250px;min-width: 250px;}
    .proje-detay-right{padding-left: 20px;}
}
@media screen and (max-width:767px) {
    .me-nav{width: 100%;padding: 20px;border-right: 8px solid rgb(187, 154, 115);border-left: 8px solid rgb(187, 154, 115);align-items: center;justify-content: start;}
    .menu-navv li{text-align: center;}
    .footer-main{padding: 20px;flex-direction: column;align-items: center;}
    .footer-left{width: 100%;padding-left: 0;text-align: center;margin-bottom: 40px;}
    .footer-logo{margin-left: 0;}
    .footer-navv{justify-content: center;}
    .footer-right{text-align: center;}
    .footer-right .menu-social , .menu-social{justify-content: center;}
    .copyright{flex-direction: column;gap: 16px;padding: 20px;}
    .copyright ul{font-size: 10px;}
    .menu-ilet{left: 50%;transform: translateX(-50%);width: 100%;padding: 20px;text-align: center;bottom: 30px;}
    .me-nav .close{left: 30px;}
    .me-nav .close img{width: 24px;}
    .closepopup img{width: 24px;}
    .menu-navv {margin-bottom: 00px;margin-top: 80px;}
    .header-main{padding: 32px 20px;height: fit-content;}
    .header-navv a{display: none;}
    .header-navv .lang-menu a{display: block;}
    .header-scroll , .header2 {padding: 8px 20px;}
    .golden-ribbon{flex-direction: column;align-items: center;gap: 16px;}
    .golden-ribbon img {width: 40px;}
    .golden-ribbon h4 {font-size: 12px;}
    .golden-ribbon .--btn-1{width: 100%;}
    .--btn-1, .--btn-2 {font-size: 12px;}
    .slider-container {height: calc(100% - 141px) !important;}
    .slide-inner{padding: 140px 20px 20px;flex-direction: column;gap: 24px;}
    .slide-text{padding: 0;width: 100%;}
    .slide-img-cover{width: 100%;border-radius: 20px;}
    .slider-pagi{left: 50% !important;transform: translateX(-50%);}
    h1{font-size: 24px;}
    h2{font-size: 21px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    h6{font-size: 12px;}
    body{font-size: 12px;}
    .line-14{line-height: 1.2;}
    .padding-x{padding-left: 20px;padding-right: 20px;}
    .padding-y{padding-top: 20px;padding-bottom: 20px;}
    .sp-icon-col{display: flex;flex-direction: row;gap: 16px;margin: 20px 0;}
    .sp-icon-col h4{font-size: 12px;}
    .sp-icon{width: 55px;min-width: 55px;margin-bottom: 0;}
    .sp-icon::before{width: 65px;height: 65px;left: -12px;top: -12px;}
    .sp-icon-col:hover .sp-icon::before{left: -5px;top: -5px;}
    .home-slider .slick-list{margin: 0;overflow: hidden;}
    .home-slider-item{padding: 6px 6px 20px;}
    .home-slider-item img{border-radius: 12px;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);height: 350px;}
    .swiper-slide img{border-radius: 12px;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);height: 350px;}
    .slider-text-box{padding: 20px;}
    .alt-banner{padding: 100px 20px 20px;}
    .alt-banner p{margin-bottom: 20px !important;}
    .proje-card , .proje-card.medya-card{margin: 12px 0;}
    .proje-details-slider{margin: 100px 0 0;}
    .pswp img{border-radius: 12px;}
    .proje-detay-sec{flex-direction: column;padding: 0;}
    .proje-detay-left{width: 100%;padding: 20px;}
    .proje-detay-right{width: 100%;padding: 20px;}
    .float-btn-wrap{transform: none;top: unset;right: 0;left: 0;bottom: 0;width: 100%;gap: 0;flex-grow: 1;}
    .float-btn{flex-grow: 1;}
    .banner{height: calc(100svh - 36px);}

    .sanaltur , .proje-map {width: 100%;}/* height: 400px;object-fit: cover;}
    .video-wrap{border-radius: 12px;}
    .video-wrap video{aspect-ratio: 9 / 16;}
    .hakk-special-text{padding: 60px 20px;width: 70%;}
    .hakk-special:hover .hakk-special-img{width: 65%;}
    .hakk-special-img{width: 60%;border-radius: 12px;}
    .hakk-map-wrap{border-radius: 12px;height: 400px;}
    .hakk-map-wrap img{width: 100%; height: 100%;object-fit: cover;}
    .ilet .sp-icon-col{align-items: center;}
    .ilet .sp-icon-col p{margin-bottom: 0;}
    .banner{height: 100svh;}
    .closepopup{
        right: 20px;
        top: 20px;
    }*/
}