/* anasayfa */

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

body {
    background: var(--kurumsal);
}

.container-fluid.sayfa.p0 {
    padding: 5rem 1rem;   
    min-height: 100vh;
    /*transform: rotate(-10deg);*/
}

.anasayfaArkaplan { 
    position:fixed; width:100%; height:100%; top:0; left:0; z-index:1;    
    background: url(../kurumsal/img/anasayfaarkaplan.jpg);
    background-size: cover; 
    background-position: center center;
    background-attachment:fixed;
    background-repeat: no-repeat;       
     min-height: 100vh;
    /*filter: grayscale(100%) blur(3px);*/
}

.anasayfaArkaplan:after { 
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        circle at center,
        rgba(63, 76, 131, 0) 0%,
        rgba(63, 76, 131, 0.5) 10%,
        rgba(63, 76, 131, 0.8) 20%,
        rgba(63, 76, 131, 1) 40%
    );
    pointer-events: none;
    z-index: 2;
}



.sloganKapsayan { position:relative; z-index:99; }
.sloganKapsayan h1.slogan {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.5rem;
    /*max-width: 900px;*/
    color: #fff; background:#00000070; backdrop-filter:blur(3px); 
    border-left: 5px solid var(--gray-200);
    padding: 1rem;
}


.sloganKapsayan h1.slogan span {
    color: white;
    font-weight: bold;
    border-bottom: 1px dashed;
}


.ortaKusak { position:relative; z-index:99;  }
.ortaKusak .kutular { /*max-width:1000px;*/ margin:1rem auto;  backdrop-filter:blur(3px); padding:0 0.1rem; background: #00000090; border-radius:0.4rem;}
.ortaKusak .kutular .kutu { margin:0.5rem; color:#fff; text-align: center; padding:0rem 0rem 0.2rem 0; width:150px; }
.ortaKusak .kutular .kutu:nth-child(1) h1 { color:var(--cyan-300); }
.ortaKusak .kutular .kutu:nth-child(2) h1 { color:var(--blue-300); }
.ortaKusak .kutular .kutu:nth-child(3) h1 { color:var(--yellow-500); }
.ortaKusak .kutular .kutu:nth-child(4) h1 { color:var(--green-300); }
.ortaKusak .kutular .kutu:nth-child(5) h1 { color:var(--green-300); }
.ortaKusak .kutular .kutu:nth-child(6) h1 { color:var(--green-300); }

.ortaKusak .kutular .kutu h1 { font-family: 'Roboto'; font-size:2rem; line-height:3rem; margin:0rem 0 0.5rem 0; border-bottom:1px solid}
.ortaKusak .kutular .kutu h3 { font-size:1rem; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; 
    margin:0; padding:0.2rem; width:100%; border:1px solid #ffffff25;
    color:var(--gray-400); background:var(--gray-900);  
}

.ortaUstuKusak { position:relative; z-index:99; }

.rezervasyonlarKapsayan { overflow:hidden; }
.rezervasyonlarKapsayan .swiper-wrapper { /*cursor: default!important;*/} 
.rezervasyonlarKapsayan div img { width:100%; height:100%; object-fit: cover}
.swiper { /*width: 300px;*/ height: 200px; }
.swiper-slide { border-radius: 0.5rem; box-shadow: 0px 0px 10px #00000050; background:white; border:1px solid #ccc; }

.rezervasyonlarKapsayan .bilgi {  color:white; position:absolute; width:100%; left:0; bottom:0; padding:0.8rem 0.8rem; background:#000000aa;  }
.rezervasyonlarKapsayan .bilgi .tarih { color:var(--yellow-500); margin-right:0.5rem;  } 
.rezervasyonlarKapsayan .bilgi .girisCikis { color:var(--yellow-500)  } 
.rezervasyonlarKapsayan .bilgi .salon { color:var(--yellow-500)  } 

@media screen and (max-width:992px) {

   
  
}

/* anasayfa */