@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600;700&display=swap");

:root {
	--sare: My princess;
	--poppins-font: "Poppins", sans-serif;
	--bg-color: #fffff;
	--color-white: #fff;
	--color-black: #000;
	--color-green: #20a2ad;
	--color-blue: #194e7b;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: var(--color-black);
	font-family: var(--poppins-font);
}

html {
	font-family: var(--poppins-font);
	scroll-behavior: smooth;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

select,

input {
	padding: 0px;
}

input[type="tel"] {
	font-size: 16px;
}

::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	background: #e1e1e1;
	border: 0px none var(--color-white);
	border-radius: 50px;
}

/* Temel stiller korunuyor */
.text-center {
    text-align: center;
}
.green-text {
    color: green !important;
}
.green-text2 {
    color: #194e7b !important;
}
.review-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    margin-bottom: 10px;
}
.green-star {
    color: green;
    font-size: 1.0em;
    margin-right: 10px;
}
.green-yellow {
    color: #F4B400;
    font-size: 1.0em;
    margin-right: 10px;
}
.stars {
    font-size: 1.0em;
}
.review-title {
    font-size: 1.5em;
    margin: 10px 0;
}
.review-text {
    font-size: 1em;
    color: #202124;
    margin: 10px 0;
    word-wrap: break-word;
}
.review-author {
    font-size: 1em;
    font-weight: bold;
    margin-top: 10px;
}
.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

/* Geliştirilmiş arka plan için yeni stiller */
.tab3Detail .swiper-slide .baImageItem.review-box {
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 20px;
    border-radius: 12px;
    background: linear-gradient(145deg, #ffffff, #f8f9ff);
    margin: 10px;
    position: relative;
    overflow: hidden;
}

.tab3Detail .swiper-slide .baImageItem.review-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(25, 78, 123, 0.03) 0%, transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(0, 128, 0, 0.03) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.tab3Detail .swiper-slide .baImageItem.review-box:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    background: linear-gradient(145deg, #ffffff, #f0f8ff);
    transition: all 0.3s ease;
}

.tab3Detail .swiper-slide.review-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* 375px için özel ayarlar */
@media only screen and (width: 375px) {
    .review-heading {
        font-size: 1.6em;
        margin-bottom: 8px;
    }
    
    .review-title {
        font-size: 1.2em;
        margin: 8px 0;
    }
    
    .review-text {
        font-size: 0.95em;
        margin: 8px 0;
        padding: 0 5px;
    }
    
    .tab3Detail .swiper-slide .baImageItem.review-box {
        padding: 15px;
        margin: 8px;
        background: linear-gradient(145deg, #ffffff, #f8f9ff);
    }
}

/* 360px için özel ayarlar */
@media only screen and (width: 360px) {
    .review-heading {
        font-size: 1.5em;
        margin-bottom: 8px;
    }
    
    .review-title {
        font-size: 1.1em;
        margin: 8px 0;
    }
    
    .review-text {
        font-size: 0.9em;
        margin: 8px 0;
        padding: 0 5px;
    }
    
    .tab3Detail .swiper-slide .baImageItem.review-box {
        padding: 12px;
        margin: 6px;
        background: linear-gradient(145deg, #ffffff, #f8f9ff);
    }
}

/* 320px için özel ayarlar */
@media only screen and (width: 320px) {
    .review-heading {
        font-size: 1.4em;
        margin-bottom: 6px;
    }
    
    .review-title {
        font-size: 1em;
        margin: 6px 0;
    }
    
    .review-text {
        font-size: 0.85em;
        margin: 6px 0;
        padding: 0 4px;
    }
    
    .tab3Detail .swiper-slide .baImageItem.review-box {
        padding: 10px;
        margin: 5px;
        background: linear-gradient(145deg, #ffffff, #f8f9ff);
    }
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-white);
}
::-webkit-scrollbar-thumb:active {
    background: var(--color-black);
}
::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none var(--color-white);
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: #666666;
}
::-webkit-scrollbar-track:active {
    background: #333333;
}
::-webkit-scrollbar-corner {
    background: transparent;
}

/* Masaüstü ve büyük ekranlar için genel stiller */
@media only screen and (min-width: 992px) {
    .desktop {
        display: block;
    }
    .mobile {
        display: none;
    }
}

/* Tablet ve mobil ekranlar için genel stiller */
@media only screen and (max-width: 991px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
}

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

a,

a:hover {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	text-decoration: none;
}

button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.transition03 {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.row-no-gutter {
	margin: 0;
}

.row-no-gutter > * {
	padding: 0;
}

.row-5-gutter {
	margin-left: -5px;
	margin-right: -5px;
}

.row-5-gutter > * {
	padding-left: 5px;
	padding-right: 5px;
}

.row-small-gutter {
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.row-small-gutter > * {
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.row-middle-gutter {
	margin-left: -20px;
	margin-right: -20px;
}

.row-middle-gutter > * {
	padding-left: 20px;
	padding-right: 20px;
}

.row-large-gutter {
	margin-left: -50px;
	margin-right: -50px;
}

.row-large-gutter > * {
	padding-left: 50px;
	padding-right: 50px;
}

.row-10-gutter {
	margin-left: -10px;
	margin-right: -10px;
}

.row-10-gutter > * {
	padding-left: 10px;
	padding-right: 10px;
}

.mapaHeader {
	color: var(--color-white);
	position: relative;
	background: linear-gradient(to right, var(--color-blue) 50%, var(--color-green) 50%);
	width: 100%;
	height: 100vh;
 /* Ekranın tamamını kaplaması için */;
}

@media (max-height: 815px) {
	.mapaHeader, .headerImg {
		height: calc(118vh + 45px) !important;
 /* %10 azaltıldı */;
	}
}

@media (max-height: 680px) {
	.mapaHeader, .headerImg {
		height: calc(126vh + 45px) !important;
 /* %10 azaltıldı */;
	}
}

@media (max-height: 1000px) {
	.mobile .seperatorTextItem {
		padding: 45px !important;
 /* 5px azaltıldı */;
	}
}

.headerLeft {
	background-color: var(--color-blue);
	height: calc(100vh + 50px);
}

.headerRight {
	background-color: var(--color-green);
	height: calc(100vh + 50px);
}

.headerImg {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	background: url(../img/headerIMG.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: calc(100vh + 50px);
	width: 100%;
}

.headerImg img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.mapaLogo {
	position: absolute;
	left: 50px;
	top: 30px;
	z-index: 3;
}

.mapaSocial {
	position: absolute;
	left: 220px;
	top: 60px;
	z-index: 3;
}

.mapaSocial ul {
	margin: 0;
	padding: 0;
}

.mapaSocial ul li {
	float: left;
	list-style: none;
	margin-right: 10px;
	font-size: 22px;
}

.mapaSocial ul li a {
	color: var(--color-white);
}

.mapaLogo img {
	width: 150px;
	height: auto;
}

.headerForm {
	position: absolute;
	left: 50px;
	top: 125px;
	z-index: 4;
	background-color: var(--color-white);
	padding: 20px 40px;
	width: 310px;
	border-radius: 10px;
}

.headerFormFooter {
	-webkit-box-shadow: 0px 0px 10px -4px rgb(0 0 0 / 75%);
	-moz-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px -4px rgb(0 0 0 / 75%);
	background-color: var(--color-white);
	padding: 20px 40px;
	border-radius: 20px;
}

.headerFormBG {
	position: absolute;
	left: 0;
	top: 155px;
	background-color: var(--color-green);
	width: 380px;
	height: 450px;
	z-index: 3;
}

.mapaSliderTitle {
	position: absolute;
	left: 450px;
	top: 350px;
	z-index: 4;
	width: 250px;
}

.mapaSliderTitle .mapaSliderTitle1 {
	font-size: 25px;
	margin-left: -25px;
	text-transform: none;
	font-weight: 500;
}

.mapaSliderTitle .mapaSliderTitle2 {
	font-size: 65px;
	line-height: 105px;
	text-transform: none;
}

.mapaSliderTitle .mapaSliderTitle2 span {
	color: var(--color-white);
	background-color: var(--color-green);
	box-shadow: 0.5em 0 0 var(--color-green), -0.5em 0 0 var(--color-green);
	padding: 3px 3px;
}

.sliderBadge {
	position: absolute;
	right: 75px;
	bottom: 75px;
	z-index: 99;
}

.cornerBadge {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}

.cornerBadge img {
	height: 200px;
}

.sliderBadge img {
	height: 200px;
}

.headerContactForm {
	margin-top: 15px;
}

.headerContactFormItemLabel {
	color: var(--color-green);
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 10px;
	text-transform: none;
}

.headerContactFormItem input {
	width: 100%;
	border: 1px solid #e1e0e3;
	outline: none;
	border-radius: 10px;
	font-size: 13px;
	padding: 10px;
	margin-bottom: 10px;
}

.headerContactFormItem textarea {
	width: 100%;
	border: 1px solid #e1e0e3;
	outline: none;
	border-radius: 10px;
	font-size: 14px;
	padding: 10px;
	height: 80px;
	max-height: 80px;
	margin-bottom: 10px;
}

.headerContactFormItemSend {
}

.headerContactFormItemSend button {
	width: 100%;
	background-color: var(--color-green);
	outline: none;
	border: none;
	text-transform: none;
	color: var(--color-white);
	border-radius: 10px;
	padding: 10px;
	font-weight: 700;
	font-size: 14px;
}

.formTitle1 {
	color: var(--color-green);
	text-transform: none;
	font-weight: 400;
	font-size: 25px;
}

.formTitle2 {
	color: var(--color-blue);
	text-transform: none;
	font-weight: 700;
	font-size: 25px;
}



/* Section(s) */



.generalTitle {
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	color: var(--color-blue);
	text-transform: none;
}

.generalTitle span {
	color: var(--color-green);
}

/* Ana stiller */
.featured-item {
    background-color: var(--color-green);
    padding: 30px 20px;
    min-height: 275px;
}

.featured-item.next {
    background-color: var(--color-blue);
}

.featured-title {
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    color: var(--color-white);
    word-wrap: break-word;
    line-height: 1.2;
}

.featured-text {
    font-size: 14px;
    font-weight: 300;
    color: var(--color-white);
    margin-top: 10px;
}

.featured-link {
    margin-top: 10px;
}

.featured-link a {
    font-size: 15px;
    color: var(--color-white);
    font-weight: 500;
}

/* Tablet ve altı için genel düzenlemeler */
@media (max-width: 768px) {
    .featured-text-container {
        display: flex;
    }
    
    .featured-text {
        flex-grow: 1;
        min-height: 140px;
    }
}

/* 375px için özel ayarlar */
@media only screen and (width: 375px) {
    .featured-item {
        padding: 20px 15px;
        min-height: 240px;
    }

    .featured-title {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .featured-text {
        min-height: 120px;
        line-height: 1.4;
    }
    
    /* Kolonlar arası boşluk ayarları */
    .col-4 {
        padding-right: 8px;
    }
    
    .col-8 {
        padding-left: 8px;
    }
}

/* 360px için özel ayarlar */
@media only screen and (width: 360px) {
    .featured-item {
        padding: 18px 12px;
        min-height: 230px;
    }

    .featured-title {
        font-size: 17px;
        line-height: 1.2;
        margin-bottom: 6px;
    }

    .featured-text {
        min-height: 110px;
        line-height: 1.3;
    }
    
    /* Kolonlar arası boşluk ayarları */
    .col-4 {
        padding-right: 6px;
    }
    
    .col-8 {
        padding-left: 6px;
    }
}

/* 320px için özel ayarlar */
@media only screen and (width: 320px) {
    .featured-item {
        padding: 15px 10px;
        min-height: 220px;
    }

    .featured-title {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 5px;
    }

    .featured-text {
        min-height: 100px;
        line-height: 1.3;
    }
    
    /* Kolonlar arası boşluk ayarları */
    .col-4 {
        padding-right: 5px;
    }
    
    .col-8 {
        padding-left: 5px;
    }
}

/* İçeriklerin taşmasını engellemek için */
.featured-icon img {
    max-width: 100%;
    height: auto;
}

.beforeAfterTab {
	padding: 50px 0px;
}

.beforeAfter {
	margin-top: 30px;
}

.baImage {
	padding: 30px 0px;
}

.baImageItem img {
	border-radius: 25px;
}

.baImage .swiper-pagination {
	bottom: 0px;
}

.baImage .swiper-pagination .swiper-pagination-bullet {
	background-color: var(--color-green);
}

.beforeAfterTab ul {
	margin: 0;
	padding: 0;
}

.beforeAfterTab::after {
	content: "";
	clear: both;
	display: table;
}

.beforeAfterTab ul li {
	list-style: none;
	float: left;
	margin-right: 35px;
	text-transform: none;
	color: #b5c4d1;
	font-size: 16px;
	cursor: pointer;
	font-weight: 700;
}

.beforeAfterTab ul li div.active {
	color: var(--color-green);
	position: relative;
}

.beforeAfterTab ul li div.active:before {
	content: "";
	position: absolute;
	left: -15px;
	top: 8px;
	width: 10px;
	height: 7px;
	background-color: var(--color-green);
}

.doctors {
	margin-top: 50px;
}

.doctorsItems {
	margin-top: 100px;
	max-width: 1000px;
}

.doctorImage {
	width: 400px;
	display: table;
	margin: 0 auto;
	position: relative;
}

.doctorImage img {
	border-radius: 20px;
}

.doctorItemsLeft {
	position: relative;
}

.doctorItemsLeft:before {
	content: "";
	position: absolute;
	top: 110px;
	height: 300px;
	width: 100%;
	background-color: var(--color-green);
	z-index: -1;
}

.doctorItemsRight {
	position: relative;
}

.doctorItemsRight:before {
	content: "";
	position: absolute;
	top: 110px;
	height: 300px;
	width: 100%;
	background-color: var(--color-blue);
	z-index: -1;
}

.doctorName {
	position: absolute;
	bottom: 20px;
	left: -20px;
	width: 200px;
	font-size: 18px;
	line-height: 50px;
	text-transform: none;
	font-weight: 600;
}

.doctorName span {
	color: var(--color-white);
	background-color: var(--color-green);
	box-shadow: 0.5em 0 0 var(--color-green), -0.5em 0 0 var(--color-green);
	padding: 10px 8px;
}

/* Temel stil - tüm cihazlar için */
.doctorJob {
	position: absolute;
	top: 50%;
 /* Sayfanın dikey ortasından başlar */
	transform: translateY(-50%) rotate(90deg);
 /* Kendi yüksekliğinin yarısı kadar yukarı çıkar ve 90 derece döndür */
	background-color: var(--color-blue);
	color: var(--color-white);
	padding: 5px 10px;
	text-transform: none;
	box-shadow: 0px 0px 10px -4px rgb(0 0 0 / 75%);
}

/* Ekran genişliği 600px'den büyükse (masaüstü cihazlar) */
@media (min-width: 601px) {
    .doctorJob {
        right: -100px; /* Yatay olarak sağdan -100px */
        font-size: 14px;
    }
}

/* Ekran genişliği 600px veya daha küçükse (mobil cihazlar) */
@media (max-width: 600px) {
    .doctorJob {
        right: -80px; /* Yatay olarak sağdan -80px */
        width: 185px;
        font-size: 12px;
    }
}


.statistics {

    margin-top: 80px;

}



.statisticsItem {

    text-align: center;

    position: relative;

}



.statisticsItem:after {

    content: "";

    background-color: var(--color-green);

    height: 40px;

    width: 2px;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translate(0, -50%);

}



.statisticsItemLast:after {

    content: none;

}



.statisticsItemTitle {

    color: var(--color-green);

    display: table;

    max-width: 100px;

    margin: 0 auto;

    font-size: 16px;

    font-weight: 600;

    text-transform: none;

}

.statisticsItemValue {

    color: var(--color-blue);

    font-size: 50px;

    font-weight: 600;

    text-align: center;

}



.hotel {

    margin-top: 100px;

    position: relative;

}


#hotel img {
    
    border-radius: 25px;
}


.hotel:before {

    content: "";

    position: absolute;

    right: 0;

    top: 200px;

    height: 200px;

    width: calc(50% + 100px);

    background-color: var(--color-green);

    z-index: -1;

}



.hotelTitle {

    text-align: center;

}

.hotelTitle .hotelTitle1 {

    color: #3f6090;

    font-size: 19px;

    text-transform: none;

    font-weight: 600;

}

.hotelTitle .hotelTitle2 {

    color: var(--color-green);

    font-size: 35px;

    text-transform: none;

    font-weight: 600;

    margin-top: 5px;

}



.hotelDescription {

    font-size: 15px;

    line-height: 24px;

    color: #3f6090;

    font-weight: 300;

}



.operation {

    margin-top: 100px;

    position: relative;

}

.operationTitle {

    text-align: center;

}

.operationTitle .operationTitle1 {

    color: #3f6090;

    font-size: 19px;

    text-transform: none;

    font-weight: 600;

}

.operationTitle .operationTitle2 {

    color: var(--color-green);

    font-size: 35px;

    text-transform: none;

    font-weight: 600;

    margin-top: 5px;

}





.operationImage {

    padding: 30px 0px;

    position: relative;

}



.operationBG {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    border: 1px solid #ddd;

    width: calc(100% - 30px);

    height: 380px;

    margin-top: 30px;

    z-index: -1;

}



.operationSubTitle {

    position: absolute;

    left: 50%;

    transform: translate(-50%, 0);

    bottom: -30px;

    color: #3f6090;

    font-size: 14px;

}



.operationImage a:hover .operationBG {

    border: 1px solid var(--color-green);

}

.operationImage a:hover .operationSubTitle {

    color: var(--color-green);

}



.pricing {
    margin-top: 100px;
    position: relative;
}

.pricing:before {
    content: "";
    position: absolute;
    right: 0;
    top: -30px;
    height: 250px;
    width: 100%;
    background-color: var(--color-green);
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

.pricingTable {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    border-radius: 30px;
    border: 2px solid #e0e0e0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.pricingTable:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.pricingTable.next {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.pricingTableTitle {
    background-color: var(--color-green);
    padding: 8px 15px;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
    border-radius: 15px;
    margin: 0 auto 15px;
    display: inline-block;
}

.pricingTableList {
    margin-top: 20px;
}

.pricingTableList::before {
    content: '';
    display: block;
    width: 70%;
    height: 1px;
    background-color: var(--color-green);
    margin: 0 auto 15px;
}

.pricingTable.next .pricingTableList::before {
    background-color: rgba(255, 255, 255, 0.3);
}

.pricingTableList ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.pricingTableList ul li {
    margin-bottom: 10px;
    color: #555;
    font-size: 13px;
    padding-left: 20px;
    position: relative;
}

.pricingTableList ul li:before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: var(--color-green);
    font-weight: bold;
}

.pricingTablePrice {
    font-size: 28px; /* Boyutu küçülttük */
    color: var(--color-green);
    margin: 15px auto; /* Marjini biraz azalttık */
    text-align: center;
    font-weight: 700;
    background-color: #ffffff;
    padding: 6px 20px; /* Padding'i azalttık */
    border-radius: 30px; /* Daha az oval görünüm için */
    display: inline-block;
    border: 2px solid var(--color-green);
}

.pricingTable.next .pricingTablePrice {
    color: #ffffff;
    background-color: var(--color-blue);
    border-color: #ffffff;
}

.pricingTable.next .pricingTableList ul li {
    color: var(--color-white);
}

.pricingTable.next .pricingTableList ul li:before {
    color: var(--color-white);
}

@media (max-width: 768px) {
    .pricing {
        margin-top: 60px;
    }
    
    .pricingTable {
        margin-bottom: 20px;
    }

    .pricingTablePrice {
        font-size: 20px; /* Mobil için daha da küçülttük */
        padding: 4px 12px; /* Padding'i daha da azalttık */
        margin: 10px auto; /* Marjini azalttık */
    }
}



.partner {

    margin-top: 100px;

}



.partnerSlider {

    margin-top: 30px;

}



.partnerImage {

    height: 170px;

    -webkit-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.75);

    padding: 30px;

    margin: 10px;

}



.partnerImage img {

    margin: 0 auto;

    display: table;

}



.footer {

    margin-top: 100px;

    padding-bottom: 80px;

}



.footerWidgetTitle {

    color: #3f6090;

    font-size: 16px;

    text-transform: none;

    font-weight: 600;

}



.footerWidgetDescription {

    font-size: 14px;

    font-weight: 300;

    color: #3f6090;

    position: relative;

}



.footerWidgetDescription::after {

    content: "";

    position: absolute;

    left: -10px;

    top: 0;

    height: 40px;

    width: 3px;

    background-color: var(--color-green);

}



.footerWidgetIcon img {

}



.footerWidgetBulten {

    margin-top: 20px;

    position: relative;

}



.BultenBox {

    width: 100%;

    border: 1px solid var(--color-green);

    outline: none;

    border-radius: 10px;

    font-size: 14px;

    padding: 10px;

}



.BultenBox a {

    color: #3f6090;

}



.footerWidgetBulten input {

    width: 100%;

    border: 1px solid var(--color-green);

    outline: none;

    border-radius: 10px;

    font-size: 14px;

    padding: 10px;

}



.footerWidgetBulten button {

    position: absolute;

    right: 5px;

    top: 9px;

    outline: none;

    border: none;

    background-color: transparent;

    font-size: 17px;

    color: #8c9dac;

}



.footerWidgetPhone {

    font-size: 20px;

    margin-top: 10px;

    font-weight: 700;

}



.footerWidgetPhone a {

    color: var(--color-green);

}

.footerWidgetPhone a span {

    color: var(--color-blue);

}



.fixedBarItem {

    background-color: var(--color-green);

    padding: 13px 0px;

    text-align: center;

    font-size: 12px;

    border-top: 1px solid rgb(255 255 255 / 15%);

    position: relative;

}

.fixedBarItem.whatsapp {
    background: linear-gradient(-30deg, #25d366 50%, #25d366 50%);
}



.fixedBarItemIcon {

    position: absolute;

    top: 55%;

    left: 30px;

    font-size: 25px;

    transform: translate(0, -50%);

}



.fixedBarItem {

    text-transform: none;

}



.fixedBarItem.active {

    background-color: var(--color-blue);

}



.fixedBarItem.blue {

    background-color: var(--color-blue);

}



.fixedBarItem.gray {

    background-color: #a9b5bc;

}



.fixedBarItem a {

    color: var(--color-white);

}



.fixedBar {

    width: 100%;

    left: 0;

    bottom: 0;

    z-index: 999;

}



.fx36 {

    display: none;

}



.tab1DetailDescription {

    font-size: 15px;

    line-height: 24px;

    color: #3f6090;

    font-weight: 400;

}



.tab2Detail {

    margin-top: 30px;

}



.tab2DetailTitle {

    font-size: 18px;

    line-height: 40px;

    text-transform: none;

    font-weight: 600;

    margin-left: 10px;

}



.tab2DetailTitle span {

    color: var(--color-white);

    background-color: var(--color-green);

    box-shadow: 0.5em 0 0 var(--color-green), -0.5em 0 0 var(--color-green);

    padding: 5px 8px;

}



.tab2DetailDescription {

    font-size: 15px;

    line-height: 24px;

    color: #3f6090;

    font-weight: 400;

}



.tab2DetailDescription span {

    font-weight: 700;

    color: var(--color-green);

}



.tab2Image {

    position: relative;

}



.tab2Image img {

    border-radius: 10px;

}



.tab2Play {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 80px;

    height: 80px;

    line-height: 80px;

    border-radius: 50%;

    font-size: 80px;

    color: var(--color-green);

    background-color: var(--color-white);

}



.tab3Detail {

    max-width: 750px;

    margin-top: 30px;

}



.tab3Description {

    font-size: 15px;

    line-height: 24px;

    color: #3f6090;

    font-weight: 400;

    text-align: center;

}



.doctorDetail1 {

    background-color: #a9b5bc;

    max-height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0px;

    z-index: 999;

    color: var(--color-white);

    padding: 20px;

    overflow-y: scroll;

    display: none;

}



.closeDoctorDetail {

    position: absolute;

    right: 10px;

    top: 10px;

    color: var(--color-white);

    z-index: 999;

    cursor: pointer;

    font-size: 25px;

}



.doctorDetailTitle {

    font-weight: 600;

    font-size: 15px;

    text-transform: none;

}



.doctorDetailDescription {

    font-size: 14px;

    margin-top: 10px;

}



.doctorDetail2 {

    background-color: #a9b5bc;

    max-height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    right: -50px;

    z-index: 999;

    color: var(--color-white);

    padding: 20px;

    overflow-y: scroll;

    display: none;

}



.doctor2link,

.doctor1link {

    cursor: pointer;

}



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

    .mobile {

        display: none;

    }

}



/* Mobil Template */



.mobileHeaderTop {

    background-color: #fff;

    border-bottom: 1px solid var(--color-blue);

    padding: 15px 0px;

}



.mobileHeaderLogo {

    display: table;

    margin: 0 auto;

}



.mobileHeaderLogo img {

    height: 50px;

}



.mobileHeaderSliderItem {

    background: url(../img/headerIMG.png) no-repeat center center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height: 550px;

    background-color: var(--color-blue);

    position: relative;

}



.mobileHeaderSliderTitle1 {

    position: absolute;

    left: 15px;

    bottom: 160px;

    font-size: 20px;

    color: var(--color-white);

}

.mobileHeaderSliderTitle2 {
    position: absolute;
    left: 25px;
    bottom: 65px;
    font-size: 23px;
    line-height: 45px;
    width: 250px;
    color: var(--color-white);
    text-transform: none;
}

.mobileHeaderSliderTitle2 span {
    color: var(--color-white);
    background-color: var(--color-green);
    box-shadow: 0.5em 0 0 var(--color-green), -0.5em 0 0 var(--color-green);
    padding: 2px 2px;
}

/* Sadece 360px civarı ekranlar için */
@media screen and (min-width: 350px) and (max-width: 380px) {
    .mobileHeaderSliderTitle2 {
        font-size: 20px;
        width: 210px;
    }
}



.mobileForm {

    position: relative;

    background-color: var(--color-green);

    height: 525px;

}

.mobileForm .headerForm {

    position: absolute;

    left: 50%;

    top: -50px;

    transform: translate(-50%, 0);

    z-index: 4;

    background-color: var(--color-white);

    padding: 20px 40px;

    width: calc(100% - 40px);

    -webkit-box-shadow: 0px 0px 26px -12px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 26px -12px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 26px -12px rgba(0, 0, 0, 0.75);

    border-radius: 20px;

}



.mobilePricingModule {

    margin-top: 100px;

}






.mobileOperation .swiper-wrapper {

    padding: 30px 10px;

}



.seperatorTextItem {

    background-color: #a9b5bc;

    color: #fff;

    padding: 20px;

    text-align: center;

}

.seperatorTextItem1 {

    text-transform: none;

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;

}

.seperatorTextItem2 {

    text-transform: none;

    font-size: 60px;

    line-height: 50px;

    font-weight: 700;

}



.mobileFeaturedSlider .swiper-pagination-bullet-active {

    background: var(--color-white);

}



.mobileFeaturedSlider .swiper-pagination {

    bottom: 5px;

}



.mobileFixedBar {

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: 99;

}

         .mobileFixedMessage,
        .mobileFixedWhatsapp {
            padding: 12px 15px; /* Padding'i azalttık: 14px -> 12px */
            font-size: 14px;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin: 0;
            font-weight: bold;
            color: white;
        }

        .mobileFixedMessage {
            background-color: var(--color-blue);
            border-top-right-radius: 20px;
            border-bottom: none;
            border-right: none;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .mobileFixedWhatsapp {
            background-color: var(--color-green);
            border-top-left-radius: 20px;
            border-top: none;
            border-bottom: none;
            border-left: none;
            transition: border-radius 0.05s linear, 
                        background-color 0.05s linear, 
                        border-color 0.05s linear;
            animation: pulse 0.2s infinite;
        }

        .mobileFixedWhatsapp a,
        .mobileFixedMessage a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 20px; /* Yüksekliği azalttık: 24px -> 20px */
            font-size: 12px;
            padding: 6px; /* Padding'i azalttık: 8px -> 6px */
            color: var(--color-white);
            line-height: 1.2;
        }

        .ri-whatsapp-line,
        .ri-mail-open-line {
            padding-right: 5px;
            font-size: 18px; /* İkon boyutunu azalttık: 20px -> 18px */
        }

        .mobileFixedMessage + .mobileFixedWhatsapp {
            margin-left: -1px;
        }

        @media only screen and (max-width: 400px) {
            .mobileFixedWhatsapp,
            .mobileFixedMessage {
                padding: 10px 8px; /* Padding'i azalttık: 12px -> 10px */
                letter-spacing: 1px;
            }

            .mobileFixedWhatsapp a,
            .mobileFixedMessage a {
                font-size: 10px;
                padding: 5px;
                height: 18px; /* Yüksekliği azalttık: 22px -> 18px */
                white-space: nowrap;
            }

            .ri-whatsapp-line,
            .ri-mail-open-line {
                font-size: 16px; /* İkon boyutunu azalttık: 18px -> 16px */
                padding-right: 3px;
            }
        }

        @media only screen and (max-width: 320px) {
            .mobileFixedWhatsapp a,
            .mobileFixedMessage a {
                font-size: 9px;
                padding: 4px;
                height: 16px; /* Yüksekliği azalttık: 20px -> 16px */
            }

            .ri-whatsapp-line,
            .ri-mail-open-line {
                font-size: 14px; /* İkon boyutunu azalttık: 16px -> 14px */
            }
        }

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

    .desktop {

        display: none;

    }



    .generalTitle {

        font-size: 35px;

    }

    .tab2DetailDescription {

        font-size: 14px;

    }

    .doctorsItems {

        max-width: 100%;

    }

    .doctorImage {

        width: 100%;

    }

    .doctorName {

        left: 0;

    }

    .doctorDetail1 {

        left: 0;

    }

    .doctorDetail2 {

        right: 0;

    }



    .statisticsItem {

        margin-bottom: 25px;

    }



    .statisticsItem:after {

        height: 100px;

        right: -15px;

    }

    .statisticsItem:before {

        content: "";

        background-color: var(--color-green);

        width: 100px;

        height: 2px;

        position: absolute;

        left: 30px;

        bottom: -20px;

    }

    .noBottom:before {

        content: none;

    }



    .mobileOperation {

        padding: 30px 0px;

    }

    .operationWidth {

        max-width: 100%;

    }



    .operationImage img {

        display: table;

        margin: 0 auto;

    }

    .operationBG {

        height: 250px;

    }

    .operationSubTitle {

        font-size: 17px;

        font-weight: 600;

    }

    .doctorItemsLeft,

    .doctorItemsRight {

        display: none;

    }



    .doctorsItems {

        margin-top: 20px;

    }

    .pricingTablePrice {

        font-size: 40px;

    }

    .partnerImage {

        height: 110px;

        padding: 0px 20px;

    }

    .footer {

        margin-top: 35px;

        padding-bottom: 80px;

    }

    .operation {

        margin-top: 30px;

    }

    .featured-text {

        font-size: 13px;

    }

    .featured-title {

        font-size: 15px;

    }


    .cornerBadge {

        position:fixed;

        z-index:99;

    }

    .cornerBadge img {

        height:120px;

    }

    .sliderBadge {

        right:5px;

        bottom:50px;

        z-index:99;

    }

    .sliderBadge img {

        height:150px;

    }

}



.iti {

    width: 100%;

}

input[type="tel"] {
    font-size: 16px !important; /* iOS'ta otomatik zoom'u engeller */
    width: 100%;
}

/* Tüm form elemanları için */
.headerContactFormItem input,
.headerContactFormItem select,
.headerContactFormItem textarea {
    font-size: 16px !important;
}

/* Ülke seçici için */
.iti__country {
    font-size: 16px !important;
}

.iti__country.iti__highlight,

.iti__flag-box,

.iti__country-name {

    color: #000;

}

.iti__country-list {

    width: 100%;

}



/* Thank You Page */



.tyPage {

    margin-top: 30px;

}

.tyPageTitle1 {

    font-size: 25px;

    font-weight: 600;

    text-transform: none;

    text-align: center;

    color: var(--color-green);

}

.tyPageTitle2 {

    font-size: 17px;

    font-weight: 500;

    text-transform: none;

    text-align: center;

    color: var(--color-blue);

}

.fixedBarItem.whatsapp,.mobileFixedWhatsapp {
	background: linear-gradient(-45deg, #075e54, #128c7e, #25d366, #34b7f1);
	background-size: 400% 400%;
	animation: gradient 3.5s ease infinite;

}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}