@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('flaticon.css');
@import url('fontawesome-all.css');

:root{--main-color: #3891ca;--main-color2: #e05875;--text-color: #777777;--text-white: #ffffff;--text-black: #000000;--color-whatsapp: #25d366;--color-phone: #00ced1;--color-eposta: #000000;--color-facebook: #3b5998;--color-twitter: #00aced;--color-instagram: #dd2a7b;--color-pinterest: #cb2027;--color-linkedin: #007bb5;--color-youtube: #bb0000;--color-telegram: #0088cc;--color-grey: #e5e5e5;--bg-white: #ffffff;}

.wow:first-child {
visibility: hidden;
}

.modal-backdrop {
background-color: rgba(0, 0, 0, 0.5);
}

.modal-open .modal {
backdrop-filter: blur(5px);
}

.modal.fade .modal-dialog {
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
transform: translateY(-100px);
opacity: 0;
}

.modal.show .modal-dialog {
transform: translateY(0);
opacity: 1;
}

#loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items:center;
justify-content:center;
background-color: #fff;
z-index: 999
}

*{margin:0px;padding:0px;border:none;outline:none;font-size: 100%;}

html {
font-family: sans-serif;
line-height: 1.15;
-webkit-font-smoothing: antialiased;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
max-width: 1024px;
margin: 0 auto;
overflow-x: hidden;
}

body {
font-size: 15px;
line-height: 27px;
color: #4C4C4D;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
touch-action: manipulation;
}

a{
text-decoration:none;
cursor:pointer;
}

a:hover,
a:focus,
a:visited{
text-decoration:none;
outline:none;
}

h1,h2,h3,h4,h5,h6 {
position:relative;
margin:0px;
background:none;
line-height:normal;
font-weight: 600;
}

h1 {font-size: 50px; }
h2 {font-size: 40px; }
h3 {font-size: 30px; }
h4 {font-size: 24px; }
h5 {font-size: 20px; }
h6 {font-size: 17px; }

section{
position: relative;
}

textarea{
overflow:hidden;
resize: none;
}

button{
background-color: transparent;
outline: none !important;
cursor: pointer;
min-width: auto;
}

p,.text{
font-size: 15px;
line-height: 27px;
color: #4C4C4D;
margin: 0;
}


.page-wrapper{
margin:0 auto;
width:100%;
min-width:300px;
overflow: hidden;
z-index: 99;
background-color: #ffffff;
}

ul,li{
list-style:none;
padding:0px;
margin:0px;
}

.modal-backdrop {
z-index: 1040 !important;
}
.modal-content {
z-index: 1050 !important;
}
.modal {
z-index: 1050 !important;
}

/***

====================================================================
Main Header Style
====================================================================

***/

.main-header{
margin: 0 auto;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
z-index: 99;
background: rgba(0,0,0,0.2);
}

.main-header .main-box{
position: relative;
display: block;
padding: 0 30px;
z-index: 999;
}

.main-header .nav-outer{
position: static;
display: flex;
justify-content: space-between;
align-items: center;
}

.main-header .logo{
position: relative;
z-index: 9;
padding: 15px 0;
}

.main-header .logo img{
max-height: 52px;
transform: rotate(63deg);
}

.main-header .menu-box{
position: static;
display: flex;
justify-content: space-between;
align-items: center;
}

.main-menu{
position:static;
}

.main-menu .navbar-collapse{
padding:0px;
}

.main-menu .navigation{
position:static;
display: flex;
}

.main-menu .navigation > li{
position:relative;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

.main-menu .navigation > li > a{
position:relative;
display:block;
text-align:center;
opacity:1;
font-size: 16px;
line-height: 36px;
font-weight:500;
color:#ffffff;
padding: 23px 16px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

.main-menu .navigation > li.dropdown > a:after{
position: absolute;
right: 5px;
top: 50%;
margin-top: -10px;
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f107";
display: block;
line-height: 20px;
font-size: 16px;
color: #ffffff;
z-index: 5;
}

.main-menu .navigation > li > a:before{
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0%;
background: #1C8CCB;
content: "";
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
width: 100%;
opacity: 1;
visibility: visible;
}

.main-menu .navigation > li > a > span{
position: relative;
display: block;
padding-right: 10px;
}

.main-menu .navigation > li > ul{
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
border-radius: 8px;
padding: 17px 30px;
z-index: 1;
min-width: 220px;
margin-top: 8px;
display: none;
-webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
-o-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
}

.main-menu .navigation > li > ul:before{
display: table;
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 10px;
}

.main-menu .navigation > li > ul > li{
position:relative;
display: block;
z-index: 1;
border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
z-index: 1;
font-weight:500;
font-size: 15px;
line-height: 28px;
color:rgba(0,0,0,0.74);
padding: 10px 0;
white-space: nowrap;
text-transform:capitalize;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li.current.dropdown > a:before,
.main-menu .navigation > li li.current li.current > a,
.main-menu .navigation > li > ul > li.current > a{
color: #1C8CCB;
}

.main-menu .navigation > li > ul > li > ul{
position: absolute;
top: 0;
left: 100%;
background-color: #fff;
border-radius: 8px;
padding: 17px 30px;
z-index: 1;
min-width: 150px;
margin-top: -10px;
margin-left: 30px;
display: none;
-webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
-o-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
}

.main-menu .navigation > li > ul > li > ul:before{
position: absolute;
left: -30px;
top: 0;
height: 100%;
width: 30px;
content: "";
}

.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}

.main-menu .navigation > li > ul > li  > ul > li > a{
position:relative;
display:block;
padding: 10px 0;
z-index: 1;
font-weight:500;
font-size: 15px;
line-height: 28px;
color:rgba(0,0,0,0.74);
white-space: nowrap;
text-transform:capitalize;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li.dropdown > a:before{
position: absolute;
right: -5px;
top: 50%;
margin-top: -10px;
font-family: 'Font Awesome 5 Free';
content: "\f105";
display: block;
line-height: 20px;
font-size: 14px;
font-weight: 900;
color: #000000;
z-index: 5;
opacity: .75;
}

.main-menu .navigation > li.dropdown.active > ul{
display: block;
opacity: 1;
visibility: visible;
z-index: 99;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.main-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:8px;
width:34px;
height:30px;
border:1px solid #ffffff;
text-align:center;
font-size:16px;
line-height:26px;
color:#ffffff;
cursor:pointer;
z-index:5;
display:none;
}

.main-header .outer-box{
position: relative;
margin-left: -140px;
}

.main-header .outer-box{
position: relative;
display: flex;
align-items: center;
}

/***

====================================================================
Sticky Header
====================================================================

***/

.sticky-header {
position: fixed;
visibility: hidden;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
z-index: 99;
background: rgba( 255, 255, 255, 1);
-webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
-moz-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.fixed-header .sticky-header{
opacity:1;
z-index: 99;
visibility:visible;
}

.sticky-header .search-box .search-btn,
.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li > a{
color: #000000;
}

.sticky-logo{
display: none;
}

.sticky-header .main-logo{
display: none;
}

.sticky-header .sticky-logo{
display: block;
}

/***

====================================================================
Mobile Header
====================================================================

***/

.mobile-header{
position: relative;
margin: 0 20px;
padding: 20px 0;
display: none;
}

.mobile-header:after{
display: table;
clear: both;
content: "";
}

.mobile-header .logo{
margin: 0 auto;
position: relative;
float: left;
margin: 0;
padding: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 38px;
margin-right: -1000px;
}

.mobile-header .logo2{
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 38px;
}

.mobile-header .nav-outer{
position: relative;
float: right;
}

.mobile-header .outer-box{
position: relative;
float: right;
}

.mobile-sticky-header{
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 20px 15px;
opacity: 0;
visibility: hidden;
background-color: #ffffff;
z-index: 999;
-webkit-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
-moz-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
}

.mobile-sticky-header:after{
display: table;
clear: both;
content: "";
}

.mobile-sticky-header .logo{
position: relative;
float: left;
margin: 0;
padding: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
vertical-align: middle;
height: 38px;
}

.mobile-sticky-header .nav-outer{
position: relative;
float: right;
}

.mobile-sticky-header .outer-box{
position: relative;
float: right;
}

/***

====================================================================
Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
position: absolute;
right: 10px;
top: 0;
margin-top: -40px;
font-size: 33px;
cursor: pointer;
color: var(--main-color);
display: none;
transition: all 300ms ease;
}

.mobile-menu-back-drop{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.5);
transition: all 200ms ease;
}

.mobile-menu{
position: fixed;
right: 0;
left: 0;
top: 0;
max-width:100%;
height: 100%;
margin: 0 auto;
overflow-y: auto;
opacity: 0;
visibility: hidden;
z-index: 9999;
transition: all 300ms ease;
}

.mobile-menu .nav-logo{
position:relative;
padding:20px 25px;
text-align:left;
border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .nav-logo img{
height: 52px;
transform: rotate(63deg);
}

.mobile-menu-visible{
overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
opacity: 1;
visibility: visible;
}

.mobile-menu .menu-outer{
position: fixed;
left: 0px;
top: 0;
bottom: 0;
width: 300px;
height: 100%;
overflow-y: auto;
padding: 0px 0px;
z-index: 5;
display: block;
background-color: #ffffff;
transform: translateX(-100%);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.mobile-menu-visible .mobile-menu .menu-outer{
transform: translateX(0%);
}

.mobile-menu .menu-box{
position: relative;
left: 0px;
top: 0;
bottom: 0;
width: 100%;
height: auto;
padding: 0px;
z-index: 5;
display: block;
background-color: #ffffff;
}

.mobile-menu .navigation{
position: relative;
display: block;
padding: 20px 0;
border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .navigation > li{
position: relative;
display: block;
}

.mobile-menu .navigation li > a{
position: relative;
display: block;
font-size: 17px;
line-height: 20px;
color: #000000;
padding: 10px 25px;
border-bottom: 1px dashed #e5e5e5;
border-top: 1px solid transparent;
font-weight: 500;
}

.mobile-menu .navigation li:last-child > a{
border-bottom: 0;
}

.mobile-menu .navigation li.current > a{
color: var(--main-color);
}

.mobile-menu .navigation li li > a{
padding: 10px 0px;
font-size: 14px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:5px;
top:0px;
width:42px;
height:42px;
text-align:center;
line-height:42px;
font-size: 18px;
color: #000000;
-webkit-transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
cursor:pointer;
z-index:5;
}

.mobile-menu .navigation li.current.dropdown .dropdown-btn{
color: #363636;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.mobile-menu .navigation li > ul{
display: none;
padding-left: 40px;
}

.mobile-menu .navigation li > ul > li > ul{
display: none;
padding: 0 25px;
}

.mobile-menu .header-post-widget{
padding-left: 40px;
}

.menu-search{
position: relative;
padding: 25px 25px;
}

.menu-search .form-group{
position: relative;
}

.menu-search .form-group .input{
position: relative;
width: 100%;
padding: 10px 50px 10px 10px;
outline: none;
border: 1px solid #e5e5e5;
font-size: 15px;
color: #333;
font-weight: 400;
line-height: 23px;
height: 45px;
}

.menu-search .form-group button{
position: absolute;
right: 0;
top: 0;
height: 45px;
line-height: 45px;
width: 45px;
text-align: center;
}

/***

====================================================================
Header Style Three
====================================================================

***/

.header{
position: relative;
background: #ffffff;
border-bottom: 1px solid #1c8ccb;
}

.header .search-box .search-btn,
.header .main-menu .navigation > li.dropdown > a:after,
.header .main-menu .navigation > li > a{
color: #000000;
}

.header .outer-box{
margin-left: 60px;
}


.header .main-box{
padding: 0 15px;
}

.header .sticky-header .menu-box,
.header .sticky-header .auto-container{
max-width: 100%;
padding: 0;
}

.header .sticky-header .outer-box{
margin-left: -170px;
}

.slider-bg {
background-color: #ffffff00;
}

.slider-header {/* background-image: url(../images/slider-bg.jpg); */background-position: center;background-size: cover;width: 100%;/* height: 150px; */text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 20px;padding-bottom: 2px;/* box-shadow: inset rgb(0 0 0 / 94%) 0px 18px 36px -18px; */}

.slider-header h1 {font-family: "Anton", sans-serif;font-weight: 400;font-style: normal;color: var(--main-color2);font-size: 20px;/* text-shadow: 1px 1px 1px #000,
1px 1px 1px white; */}

.slider-header h1 span {color: var(--main-color2);}

.kaydir {

}

.vip-bayan {
margin: 0 auto;
margin-top: 50px;
}

.vip-bayan h2 {
font-size: 24px;
font-family: "Anton", sans-serif;
font-weight: 400;
font-style: normal;
color: var(--main-color);
text-align: center;
}

.container-vip {
width: 100%;
max-width: 100%;
overflow: hidden;
overflow-x: hidden;
}

.container-vip .strip {
display: flex;
overflow: hidden;
overflow-x: hidden;
}

.container-vip .item-slider {
display: flex;
animation: slide 20s linear infinite;
}

@keyframes slide {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(calc(-400%));
}
}

.container-vip .content {
display: flex;
overflow-x: hidden;
}

.container-vip .item {

}

.container-vip .item:last-child {
margin-right: 0;
}

.container-vip .item-slider::after {
content: "";
width: 20px; /* Son item ile ilk item arasındaki boşluk */
flex-shrink: 0;
}

@keyframes slide {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-40% - 15px)); } /* 100% geniÅŸlik ve saÄŸ kenar boÅŸluÄŸu */
}

.vip-bayan-content {
display: flex;
align-items: center;
margin-left: 25px;
margin-top: 50px;
margin-bottom: 50px;
width: 225px;
height: 105px;
background-color: white;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
overflow-x: hidden;
}

.vip-bayan-content img {
margin-left: 15px;
margin-right: 15px;
width: 90px;
height: 90px;
border-radius: 100px;
border: 3px solid #27aaff;
float: left;
}

.vip-bayan-content .isim {
font-size: 15px;
color: var(--main-color);
font-weight: 700;
text-align: left;
}

.vip-bayan-content .yas {
font-size: 12px;
color: var(--text-color);
font-weight: 500;
text-align: left;
}

.vip-bayan-content .profili-incele {
width: 88px;
height: 20px;
display: flex;
align-items: center;
margin-top: 10px;
font-size: 9px;
background-color: var(--main-color2);
border: 0px;
outline: none;
color: white;
}

.vip-bayan-content .profili-incele:hover {
color: var(--text-white);
}

.vip-bayan-content .profili-incele i {
margin-left: 2px;
width: 20px;
height: 16px;
background-color: white;
color: var(--main-color2);
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
}

.basvuru-formu {
margin: 0 auto;
margin-top: 20px;
}

.basvuru-formu h3 {text-align: center;color: var(--text-color);font-size: 15px;font-weight: 500;}

.basvuru-formu h3 span {
color: var(--main-color);
font-weight: 800;
}

.basvuru-formu form {
margin-top: 35px;
padding-left: 25px;
padding-right: 25px;
width: 100%;
font-size: 12px;
}

.basvuru-formu form input {
width: 100%;
border: 1px solid rgba(112, 112, 112, 0.5);
margin-top: 10px;
padding: 10px;
padding-left: 15px;
transition: 0.5s;
}

.basvuru-formu form input:focus {
border: 1px solid rgba(28, 140, 203, 1.0);
transition: 0.5s;
}

.basvuru-formu form select {
background-color: white;
width: 100%;
border: 1px solid rgba(112, 112, 112, 0.5);
margin-top: 10px;
padding: 10px;
padding-left: 15px;
}

.basvuru-formu .form-control {
font-size: 12px;
padding: 10px;
padding-left: 15px;
min-height: 50px;
border-radius: 0px;
outline: none;
}

.basvuru-formu .gonder {
background-color: var(--main-color);
color: var(--text-white);
font-weight: 600;
}

.basvuru-formu .gonder {
width: 100%;
margin-top: 10px;
padding: 10px;
}


.orta-bg {
width: 100%;
height: 115px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 50px;
background-image: url(../images/background.png);
background-size: cover;
border-radius: 20px;
}

.orta-bg h4 {
color: var(--text-white);
font-weight: 600;
font-size: 16px;
}

.neden-biz {
padding: 0px;
margin: 0 auto;
margin-top: 50px;
}

.neden-biz h2 {
font-size: 24px;
font-family: "Anton", sans-serif;
font-weight: 400;
font-style: normal;
color: var(--main-color);
text-align: center;
margin-bottom: 30px;
}

.neden-biz p {
text-align: center;
font-size: 12px;
font-weight: 500;
}

.neden-biz p span {
font-weight: 600;
font-size: 14px;
}

.neden-biz-bg {
background-image: url(../images/neden-biz-bg.jpg);
background-size: cover;
background-position: center;
height: 260px;
}

.neden-biz-icon {
margin: 0 auto;
margin-top: 50px;
text-align: center;
}

.neden-biz-icon i {
margin: 0 auto;
margin-bottom: 15px;
width: 99px;
height: 88px;
background-color: var(--main-color2);
border-radius: 20px;
color: var(--text-white);
font-size: 48px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

.neden-biz-icon .mavi i {
background-color: var(--main-color);
}

.neden-biz-icon h6 {
font-size: 12px;
font-weight: 600;
margin-bottom: 10px;
}

.neden-biz-icon p {
padding: 0px;
line-height: normal;
font-size: 10px;
}

.neden-biz .yasal .p1 {
font-size: 16px;
font-weight: 700;
margin-top: 35px;
margin-bottom: 20px;
line-height: normal;
}

.neden-biz .yasal .p2 {
color: var(--main-color);
font-weight: 600;
font-style: italic;
margin-bottom: 20px;
font-size: 14px;
line-height: normal;
}

.neden-biz button {
margin: 0 auto;
margin-top: 25px;
margin-bottom: 50px;
width: 178px;
height: 36px;
background-color: var(--main-color);
color: var(--text-white);
text-align: left;
padding: 0px;
display: flex;
align-items: center;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}

.neden-biz button i {
width: 31px;
height: 31px;
color: var(--main-color);
background-color: var(--bg-white);
display: flex;
align-items: center;
justify-content: center;
margin-left: 3px;
margin-right: 15px;
}

.neden-biz .partner {
width: 100%;
height: 285px;
background-image: url(../images/partner-bg.png);
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
}

.neden-biz .partner p {
padding-top: 10px;
padding-bottom: 10px;
line-height: normal;
color: var(--color-grey);
}

.neden-biz .partner .p1 {
color: var(--text-white);
font-weight: 600;
font-style: italic;
}

.yorumlar {
padding: 0px;
margin: 0 auto;
margin-top: 50px;
}

.yorumlar h2 {
font-size: 24px;
font-family: "Anton", sans-serif;
font-weight: 400;
font-style: normal;
color: var(--main-color);
text-align: center;
margin-bottom: 30px;
}

.slider-container {
overflow: hidden;
padding: 0px;
margin: 0 auto;
}

.slider {
display: flex;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 100%;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 10px;
}

.yorum-bg {
margin: 0 auto;
width: 95%;
min-height: 175px;
padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 25px;
background-image: url(../images/yorum-bg.png);
background-position: top right;
background-size: 90px;
background-repeat: no-repeat;
}

.yorum-header {
margin-top: 15px;
}

.yorum-header img {
width: 60px;
height: 60px;
border-radius: 100px;
float: left;
}

.yorum-header .isim {
font-size: 12px;
font-weight: 600;
margin-left: 10px;
}

.yorum-header .yildiz {
color: #ffd700;
font-size: 12px;
font-weight: 600;
margin-left: 10px;
}

.yorum-header .baslik {
font-size: 10px;
font-style: italic;
margin-left: 10px;
}

.yorum-content p {
font-size: 10px;
line-height: normal;
text-align: center;
margin-top: 15px;
}

.belgeler {
margin-top: 50px;
margin-bottom: 50px;
}

.belgeler img {
width: 100%;
}

.footer .istatisik {
margin: 0 auto;
text-align: center;
margin-bottom: 25px;
}

.footer .istatisik span {
color: var(--main-color);
font-size: 12px;
font-weight: 600;
}

.footer .istatisik p {
margin-top: -5px;
font-size: 12px;
line-height: normal;
}

.footer .copy {
background-color: var(--main-color);
font-size: 12px;
font-size: 500;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--text-white);
}

.vip-bayan-modal .modal-content {
padding-left: 20px;
padding-right: 20px;
border: 0px;
border-radius: 20px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.vip-bayan-modal .modal-header {
display: flex;
align-items: center;
border: none;
}

.vip-bayan-modal .modal-header img {
width: 60px;
height: 60px;
border-radius: 100px;
border: 2px solid #00AF06;
}

.vip-bayan-modal .modal-header .detay .isim {
font-size: 15px;
color: var(--main-color2);
font-weight: 600;
margin-left: 15px;
line-height: normal;
}

.vip-bayan-modal .modal-header .detay .yas {
font-size: 12px;
margin-left: 15px;
line-height: normal;
}

.vip-bayan-modal .modal-header button {
color: var(--main-color2);
font-size: 37px;
opacity: 1;
}


.vip-bayan-modal .modal-body img {
width: 100%;
border: 5px solid var(--main-color);
border-radius: 20px;
}

.vip-bayan-modal .modal-footer2 {
margin: 0 auto;
text-align: center;
}

.vip-bayan-modal .modal-footer2 button {
width: 235px;
height: 36px;
background: rgb(28,140,203);
background: linear-gradient(90deg, rgba(28,140,203,1) 24%, rgba(233,109,171,1) 100%);
font-size: 12px;
color: var(--text-white);
font-weight: 600;
margin-top: 25px;
text-align: left;
display: flex;
align-items: center;
}

.vip-bayan-modal .modal-footer2 button i {
width: 32px;
height: 32px;
background-color: white;
font-size: 16px;
color: var(--main-color);
display: flex;
align-items: center;
justify-content: center;
margin-left: 2px;
margin-right: 20px;
}

.vip-bayan-modal .modal-footer2 img {
width: 85px;
}

.partner {font-size: 18px;color: var(--main-color);font-weight: 700;margin-left: 10px;}

.ajans {
font-size: 24px;
color: var(--main-color2);
font-weight: 700;
}

.partnerajans {
font-size: 24px;
font-weight: 800;
background: rgb(28,140,203);
background: linear-gradient(90deg, rgba(28,140,203,1) 24%, rgba(233,109,171,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.zoomed {
transform: scale(1);
transform-origin: top left;
}

.numaraonay .modal-content {
padding: 25px 25px 0px 25px;
border: 0px;
border-radius: 25px;
}

.numaraonay .basarili {
margin: 0 auto;
text-align: center;
justify-content: center;
align-items: center;
}

.numaraonay .basarili i {
font-size: 120px;
color: var(--main-color);
}

.numaraonay .basarili .title {
font-size: 15px;
color: var(--main-color2);
font-weight: 600;
margin-top: 25px;
}

.numaraonay .basarili p {
margin-top: 15px;
font-size: 12px;
line-height: normal;
}

.numaraonay button {
width: 100%;
background-color: var(--main-color);
color: var(--text-white);
text-transform: uppercase;
margin-top: 10px;
padding: 7px;
}

.numaraonay .header {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}

.numaraonay img {
width: 75px;
}