body {
    font-family: 'Inter';
}
.navbar-custom {
  background-color: transparent;
  border-bottom: 1px solid #a1a0a0;
    padding: 15px;
    z-index: 9999;
}

.navbar-brand img {
  height: 40px;
}

.navbar-nav .nav-link {
  color: white;
}

.navbar-nav .nav-link:hover {
  color: #ddd;
}

.dropdown-menu {
  min-width: auto;
}

.btn-login {
  color: #fff;
  background-color: #fff;
  border: 2px solid #fff;
  color: black;
	font-weight:600;
  border-radius:50px;
    padding-right: 20px;
    padding-left: 20px;
}
.dropdown-toggle::after{
	display:none;
}
.btn-login:hover {
  background-color: #ddd;
}

.topalan .navbar-toggler{
	color:white;
	border-color:white;
}
.topalan{
	background:url(../img/topbg.svg);
	background-size:cover;
	background-position:center;
	height:110vh;
	color:White;
}
.topalan .nav-link{
	font-weight:600;
}
.countryflag{
	height:20px;
	width:20px;
	border-radius:100%;
}

body{
    overflow-x: hidden;
}
.float-right{
	float:right;
}
.toprimg{
	position:absolute;right: 0;height: 180%;top:-40px;
}
@media screen and (max-width: 992px) {
	.txtmobcheck{
		margin-top:320px;
		text-align:center !important;
	}
	.textalan2,.textalan{
		font-size: 9px !important;
	}
.efekt1{
	top: 50px;
}
.efekt2{
	top: 155px !important;
}
.efekt3{
        margin-top: -30px;
}

.efekt1 img, .efekt2 img{
	height:100px !important;
}
.efekt3 img{
	height:270px !important;
}
.toprimg{
        height: 40%;
        top: 0px;
        right: -20px;
        position: relative;
}
	.posabtop{
		    margin-top: 30px !important;
	}
	.cevimgs .resimalan {
    height: 250px !important;
    margin-bottom: 10px;
    width: 90% !important;
    margin-left: 5%;
	}
.topalan{
	height:100vh;
}
  .mgizle{
	  display:none;
  }
  .toptxt {
    font-size: 40px !important;
  }
  .fstit {
    font-size: 40px !important;
}
.alan2{ height:auto !important; }
}

.uyindir{
	margin-right:20px;
}
.toptxt{
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 20px;
}
.topalt{
	font-size:18px;
}
.alan1{
	background:#F6CC5B;
	    padding-top: 75px;
    padding-bottom: 75px;
}
.alan2{
	background:#FAF8F1;
	    padding-top: 75px;
    padding-bottom: 75px;
	height:650px;
}
.cevimgs .resimalan{
	height:450px;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.text-right{
	text-align:right;
}

.footer i{
color:#D2D2D0;
}
.footer{
	background:#1F1D14;
	    padding-top: 55px;
    padding-bottom: 15px;
	color:white;
}

.footerbottom{
	margin-top:150px;
}
.footer a{
	text-decoration:none;
	color:white;
}

.fstit{
	font-size:50px;
	font-weight:600;
}

.fsp-alt{
	font-size:20px;
	font-weight:600;
}


.efekt1{
	animation: moveUpDown 1.5s infinite;
}
    @keyframes moveUpDown {
      0%, 100% {
        top: 50px; 
      }
      50% {
        top: 40px; 
      }
    }

.efekt2{
	animation: moveUpDown2 1.5s infinite;
}
    @keyframes moveUpDown2 {
      0%, 100% {
        left: 0px; 
      }
      50% {
        left: -10px; 
      }
    }

.efekt3{
	animation: moveUpDown3 1.5s infinite;
}
    @keyframes moveUpDown3 {
      0%, 100% {
        top: 130px; 
      }
      50% {
        top: 140px; 
      }
    }
	
	.posabtop{
		    margin-top: -70px;
	}
	
	@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

.textalan {
    position: absolute;
    top: 85%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 13px;
    text-align: center;
    width: 130px;
}
.efekt1 img, .efekt2 img{
	height:150px;
}
.efekt3 img{
	height:400px;
}
.efekt1{
	position: absolute;left: 0px;top: 50px;
}
.efekt2{
	position: absolute;left: 0px;top: 215px;
}
.efekt3{
	position: absolute;left: 0px;top: 130px;
}
.textalan2 {
    position: absolute;
    top: 95%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 13px;
    text-align: center;
    width: 130px;
}
.txta1 {
    left: 80%;
}
.txta2 {
    left: 37%;
}
.txta3 {
    left: 83%;
}
.txta4 {
    left: 45%;
}
.txta5 {
    left: 85%;
}
.txta6 {
    left: 54%;
}
.txta7 {
    left: 22%;
}
.txta8 {
    left: 8%;
}
.txta9 {
    left: -6%;
}