@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&family=Plus+Jakarta+Sans:wght@200;400;700&display=swap');:root{  --bs-primary: 134, 112, 112; /* uygulama ile uyumlu ana renk #867070 */  --bs-secondary: 133, 135, 138; /* uygulama ile uyumlu arkaplan renk #F5EBEB */  --bs-success: 12, 188, 135;  --bs-info: 23, 162, 184;  --bs-warning: 247, 195, 46;  --bs-danger: 214, 41, 62;  --bs-light: 245, 245, 246;  --bs-dark: 11, 10, 18;  --bs-text: 76, 59, 59;}::-webkit-scrollbar {    width: 0;    background: transparent;}* {    margin: 0;    padding: 0;    box-sizing: border-box;    font-family: 'Plus Jakarta Sans', sans-serif;}h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {  font-family: 'Marcellus SC', serif;  font-weight: 700;  text-transform: uppercase;  margin-bottom: 0;}h1, .h1 {  font-size: 80px;  letter-spacing: .7px;}h2, .h2 {  font-size: 60px;  letter-spacing: .7px;}h3, .h3 {  font-size: 40px;  letter-spacing: .4px;}h4, .h4 {  font-size: 30px;  letter-spacing: .35px;}h5, .h5 {  font-size: 24px;}h6, .h6 {  font-size: 20px;}body {    margin: 0;    color: rgba(var(--bs-text),1);}a{    text-decoration: none!important;    border: none!important;    color: rgba(var(--bs-text),1);}.fs-7 {    font-size: 0.8rem!important;}.z-4 {  z-index: 4!important;}.hero {    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    height: 100vh;    background-position: center center!important;    background-size: cover!important;    background-repeat: no-repeat!important;}.hero > div {z-index: 2;}.overlay{    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(var(--bs-dark),0.65);    z-index: 1;}.inner-banner {  height: 40vh;}.form-custom:focus {    border-color: rgba(var(--bs-primary),1);    box-shadow: none;}.nav-link, .nav-link:hover, .nav-link:focus {  color: rgba(var(--bs-primary),1);}#navbar{  width:100%;  text-align:center;  height:100px;  transition: all 0.3s ease;}.navbar-nav .nav-item a {    color: rgba(var(--bs-primary),1);    display: block;    border-radius: 4px;    margin: 10px 0 10px 0;    padding: 10px;    font-size: 12px;    font-weight: bold;    text-transform: uppercase;  }  .navbar-nav .nav-item a:hover {    background-color: rgba(var(--bs-primary),.9);    color: rgba(var(--bs-light),1);    border-color: transparent;  }  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {    color: rgba(var(--bs-light),1);    background-color: rgba(var(--bs-primary),1);}.navbar-toggler:focus {    text-decoration: none;    outline: 0;    box-shadow: none;}  .navbar-nav .nav-item a.dropdown-toggle::after {    font-family: bootstrap-icons;    content: "\F282";    position: relative;    top: 0;    vertical-align: 0;    background-color: none;    color: rgba(var(--bs-primary),1);    border: none;    font-size: 12px;    margin-left: 5px;  }  .navbar-nav .nav-item a.dropdown-toggle:hover::after,  .navbar-nav .nav-item a.dropdown-toggle:focus::after {    color: rgba(var(--bs-light),1);  }  .page-link {    color: rgba(var(--bs-text),1);  }  .page-link:hover, .page-link:focus {    color: rgba(var(--bs-text),1);    background-color: rgba(var(--bs-primary),0.1);    filter:saturate(2);    box-shadow: none;  }  .btn-group .btn:hover {    border: 1px solid rgba(var(--bs-text),1);    transition: all 700ms ease;}@media (min-width: 768px) {  .ratio-4x3 {      --bs-aspect-ratio: 50%  }}@media (min-width: 992px) {  .ratio-4x3 {      --bs-aspect-ratio: 40%  }}@media (min-width: 320px) {  .ratio-16x9 {      --bs-aspect-ratio: 100%  }}@media (min-width: 768px) {  .ratio-16x9 {      --bs-aspect-ratio: 70%  }}@media (min-width: 992px) {  .ratio-16x9 {      --bs-aspect-ratio: 60%  }}.text-truncate {  -webkit-line-clamp: 3;  display: -webkit-box;  -webkit-box-orient: vertical;  overflow: hidden;  width: auto;  white-space: normal;}.text-small {  font-size: 0.75rem!important;}.trans{	transition: all .7s ease;}.top{	display: flex;	width: 80vw;	height: 80vh;	margin-top: 10vh;	margin-left: auto;	margin-right: auto;	margin-bottom: 10vh;}.top ul{	list-style: none;	width: 100%;	height: 100%;	z-index: 1;	box-sizing: border-box;}.top ul li{	position: relative;	float: left;	width: 25%;	height: 25%;	overflow: hidden;}.top ul li::before{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background-color: #000;	content: '';	color: white;	opacity: 0.4;	text-align: center;	box-sizing: border-box;	pointer-events: none;	transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	-webkit-transition: all 0.5s ease;}.top ul li:hover::before{	opacity: 0;	background-color: rgba(0,0,0,0.90);}.top ul li img{	width: 100%;	height: auto;	overflow: hidden;}.lightbox{	position: fixed;	width: 100%;	height: 100%;	text-align: center;	top: 0;	left: 0;	background-color: rgba(0,0,0,0.75);	z-index: 999;	opacity: 0;	pointer-events: none;}.lightbox img{	max-width: 90%;	max-height: 80%;	position: relative;	top: -100%;	/* Transition */	transition: all 0.7s ease;}.lightbox:target{	outline: none;	top: 0;	opacity: 1;	pointer-events: auto;	transition: all 1.2s ease;}.lightbox:target img{	top: 0;	top: 50%;	transform: translateY(-50%);}.slide-in-top {	animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}.slide-out-top {	animation: slide-out-top 0.5s ease-in both;} @keyframes slide-in-top {  0% {    transform: translateY(-1000px);    opacity: 0;  }  100% {    transform: translateY(0);    opacity: 1;  }} @keyframes slide-out-top {  0% {    transform: translateY(0);    opacity: 1;  }  100% {    transform: translateY(-1000px);    opacity: 0;  }}.beko{  height: 100px;  width: auto;}@keyframes scroll {  0% {    transform: translateX(0);  }  100% {    transform: translateX(calc(-250px * 7));  }}