html{ width:100%;}
body {cursor: url(../img/mouse.png), auto !important;}
body{width:100%; margin:0; overflow-x: hidden; padding-top: 0;  font-size:16px; font-family: 'Poppins', sans-serif;}
a, a img{text-decoration:none;outline:none;border:none;}
a:hover{ text-decoration: none !important;}
.clr{ clear:both; height:0;}
.fancybox-button svg path{color: #fff !important;}
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;text-decoration: none;list-style-type: none;outline: none;color:#E4D1BE; font-family: 'Poppins', sans-serif;}
a:focus {outline: 0;}
a{ text-decoration: none !important;}
.right0{ right:0 !important;}
p{ font-size:16px;}
ul.rounded{ margin:0;margin-top: -20px;}
ul.rounded li{ list-style:disc;}
body {overflow-x: hidden;}
header {padding: 54px 6%;position: absolute;top:0;left:0;width:100%;z-index: 99;transition: 0.5s ease 0s;}
header .online-btn{ color: #E4D1BE; font-size:13px;} 
header .online-btn:hover{color:#fff;}
header .online-btn img{ margin-left:10px; }
header .logo{ display: block; margin:auto; }
.lang-container .drop-lang{position: absolute;left:0;top: 43px;display: flex;flex-direction: column;background:#fff;width:max-content;/* display: none; */opacity: 0;transition: 0.2s ease 0s;}
.lang-container .drop-lang.active{opacity: 1;top: 33px;}
.lang-container .drop-lang a{color: #0E122C;font-weight: 600;width: 70px;text-align: center;margin: 0;font-size: 14px;padding: 3px 0;}
.lang-container .drop-lang a:hover{ background:#E4D1BE; color:#fff;}
.lang-container{ cursor: pointer; margin-right:30px;}
.lang-container span{ margin:0 4px}
.home-slide{position: relative;width:100%;height:100vh;background: #0E122C;display: flex;align-items: center;justify-content: center;padding-top: 90px; overflow: hidden;}
.slide-buttons{ position: absolute; left:50%; transform: translate(-50%,0); bottom:60px; display: flex; z-index:6; }
.slide-buttons a{ background: #fff; border-radius: 10px; width:10px; height:10px; margin:0 10px; opacity: .5; }
.slide-buttons a.active{ opacity: 1;}
.home-slide .owl-nav, .home-slide .owl-dots{ display: none;}
.home-img{position: relative;z-index: -1;width: 28% !important;margin: auto;}
.slide-container .text1{font-weight: 400;font-size: 52px;line-height: 128%;text-align: center;color: #E4D1BE;position: absolute;left: -41%;top:8%;z-index: 4;}
.slide-container .text2{font-weight: 400;font-size: 52px;line-height: 128%;text-align: center;color: #E4D1BE;position: absolute;left: -73%;top:60%;}
.slide-bottom-img{ position: absolute; bottom:-15%; left:50%; transform: translate(-50%,0); }
.blob {width: 600px;height: 600px;position: absolute;left: 50%;top: 54%;transform: translate(-50%, -50%);border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;background-size: cover;background-repeat: no-repeat;-webkit-animation: blob 5s linear 0s infinite;animation: blob 5s linear 0s infinite;border: 1px solid #E4D1BE;pointer-events: none;}
@-webkit-keyframes blob {0%   {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}25%  {border-radius: 70% 30% 32% 68% / 30% 30% 70% 70%;}50%  {border-radius: 50% 50% 32% 68% / 55% 24% 76% 45%;}75%  {border-radius: 28% 72% 57% 43% / 79% 24% 76% 21%;}100% {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}}

.owl-nav-btns .prev{position: absolute;left:8%;top:50%;transform: translate(-50%,0) rotate(-180deg);z-index: 4;cursor: pointer;}
.owl-nav-btns .next{position: absolute;right:5%;top:50%;transform: translate(-50%,0);z-index: 4;cursor: pointer;}
.corporate-home{ background: #E4D1BE; padding: 50px 0; }
.corporate-home h3{margin: 0;font-style: normal;font-weight: 500;font-size: 32px;text-align: center;line-height: 195%;letter-spacing: 0.25em;position: relative;color: #0E122C;margin-bottom: 30px;}
.corporate-home h3::after{ background: #0E122C; height: 2px; width:136px; content: ''; position: absolute; left:50%; bottom:0; transform: translate(-50%,0); }
.corporate-home .text-right{flex-direction: column;padding-right: 12%;line-height: 1.6;}
.corporate-home .text-right p{/* color: #0E122C; */margin-bottom: 40px;}
.corporate-home .text-right h4{ color: #0E122C;font-style: normal; margin-bottom:90px;font-weight: 500;font-size: 32px;color: #0E122C;} 
.corporate-home .text-right .link{display: flex;align-self: flex-end;margin-top: 30px;align-items: center;/* margin: auto; */}
.corporate-home .text-right .link img{ margin-left:12px; position:relative; top:6px;}
.corporate-home .img, .corporate-home .text-right{position: relative; z-index:3}
.corporate-home .img{ padding-left: 5%;}
.corporate-home .img img{ width:100%; display: block;}
.corporate-home .item-row{ position: relative;}
.corporate-home .item-row::after{position: absolute;left:0;top: 28%;width: 0;height: 60%;content: '';background: #0E122C; transition: 0.8s ease 0.4s;}
.corporate-home.active .item-row::after{ width:100%;}

.treatments-home{background: linear-gradient(180deg, #E4D1BE 0%, rgba(228, 209, 190, 0) 100%); padding:0px 0 0 0; }
.treatments-home h3{margin: 0;font-style: normal;font-weight: 500;font-size: 32px;text-align: center;line-height: 195%;letter-spacing: 0.25em;position: relative;color: #0E122C;margin-bottom: 50px;}
.treatments-home h3::after{ background: #0E122C; height: 2px; width:136px; content: ''; position: absolute; left:50%; bottom:0; transform: translate(-50%,0); }
.treatments-home .item-area{ background:#0E122C;  padding: 0 6%;}
.treatments-home .item-area .img img{display: block;width:100%;transform: scale(3);-webkit-transition: all 2.1s cubic-bezier(.23, 1, .38, 1);-o-transition: all 2.1s cubic-bezier(.23, 1, .38, 1);transition: all 2.1s cubic-bezier(.23, 1, .38, 1);}
.treatments-home.active .item-area .img img{ transform: scale(1); }
.treatments-home .item-area .img{ overflow: hidden;}
.treatments-home .item-area .text-left{ display:flex; flex-direction: column; justify-content: center; }
.treatments-home .item-area.face .links a:after{width:0;height:1px;content:'';background:#0E122C;position:absolute;left:0;bottom:-5px;transition: 0.2s ease 0s;}
.treatments-home .item-area .links a{margin-bottom: 25px;display: block;color: #E4D1BE; position:relative;}
.treatments-home .item-area .links a:hover::after{ width:70px;}
.treatments-home .item-area .links a:after{width:0;height:1px;content:'';background:#E4D1BE;position:absolute;left:0;bottom:-5px;transition: 0.2s ease 0s;}
.treatments-home .item-area .text-left h4{margin-bottom: 42px;font-size: 32px !important;}



.item-area.face{ background: #E4D1BE; }
.item-area.face *{ color: #0E122C !important; }

.home-comment{ padding: 124px 0; }
.home-comment .title{text-align: center; position: relative; padding-bottom: 20px; font-style: normal;font-weight: 500;font-size: 24px;letter-spacing: 0.25em;color: #0E122C;position: relative; margin-bottom: 80px;}
.home-comment .title::after{ background: #0E122C; height: 2px; width:136px; content: ''; position: absolute; left:50%; bottom:0; transform: translate(-50%,0); }
.home-comment .items-area{padding: 0 170px;}

.home-comment .items-area .item{margin:auto;padding: 0 0; display: flex; background: linear-gradient(180deg, #E4D1BE 9.54%, rgba(255, 255, 255, 0) 82.39%);filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.25));padding: 2% 0;}
.home-comment .items-area .item .img{ position: relative; left:-20px; z-index:2;}
.home-comment .items-area .item .name-date{display: flex;width: 100%;margin-bottom:10px;align-items: center;justify-content: space-between;margin-top: 9px;}
.home-comment .items-area .item .name-date *{color: #0E122C;font-size: 18px;}
.home-comment .items-area .item .name-date small{ padding-right:40px;}
.home-comment .items-area .item .text-right{width:100%;padding: 0 60px;}
.home-comment .items-area .item p{font-style: normal;font-weight: 300;font-size: 14px;line-height: 24px;color: #0E122C;}
.home-comment .items-area .item .star-img{ margin-top:20px; margin-bottom: 20px;}
.home-comment .items-area .item{position: relative;width: 45%;}
.home-comment .items-area .item::after{width:172px;height:203px;content: '';position: absolute;left:95px;top:35px;background: url(../img/comment-bg.png) no-repeat;pointer-events: none;}
.home-comment .links-btns a{ margin:0 30px; margin-top:60px;}
.home-comment .links-btns a span{color: #0E122C;margin-right:10px;font-weight: 500;}


.blog{ width:100%; height:546px; background: url(../img/blog-bg.jpg) no-repeat;}
.blog .in{ padding: 42px 8%;}
.blog .in .title-top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px;}
.blog .in .title-top .other-blog-link span{ color: #0E122C; font-weight: 500; font-size: 18px; margin-right: 20px;}
.blog .in .title{font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 195%; position: relative;
letter-spacing: 0.25em;
color: #0E122C;  }
.blog .in .title::after{ position: absolute; bottom:0; width:133px; height:2px; content: ''; left:0; background: #000; }
.blog-slider .left-content .title-detail{ font-style: normal;font-weight: 500;font-size: 20px;line-height: 30px;color: #0E122C; margin-bottom: 30px; }
.blog-slider .left-content p{color:#000;margin-bottom: 40px;}
.blog-slider .left-content .link img{height: 40px;width: auto;}
.blog-slider .left-content .link{display: flex; align-items: center;}
.blog-slider .left-content .link span{color: #0E122C;margin-right: 10px;font-weight: 600;}

.blog-slider .item{display: flex;justify-content: space-between;}
.blog-slider .item .left-content{width:50%;padding-right: 80px;display: flex;flex-direction: column;padding-top: 60px;}
.blog-slider .owl-dots{left: -10px;bottom: 27% !important;right: auto !important;width: 100%;display: flex;}
.blog-slider .owl-dots .owl-dot{width:17px;height: 17px;display: flex !important;align-items: center;justify-content: center;}
.blog-slider .owl-dots .owl-dot.active{ border:1px solid #0E122C; }
.blog-slider .owl-dots .owl-dot span{background: #0E122C !important;width: 6px !important;height: 6px !important;margin: 0 !important;}

.space-footer-top{background: linear-gradient(180deg, #E4D1BE 0%, rgba(228, 209, 190, 0) 100%);transform: rotate(-180deg);width:100%;height: 230px;}

.lets-call-you{margin:auto;display: flex;flex-direction: column;background: #E4D1BE;box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);width:100%;max-width: 1268px;height:106px;position: relative;top: -57px;margin-bottom: -110px;justify-content: center;padding: 0 70px;z-index: 4;}
.lets-call-you .title{font-style: normal;font-weight: 600;font-size: 20px;line-height: 30px;color: #0E122C;}
.lets-call-you .in{display: flex;justify-content: center;align-items: center;}
.lets-call-you .in input{margin: 0 36px;background: none;border:0;border-bottom: 1px solid #000;color: #000;height: 29px;padding-bottom: 6px;}
.lets-call-you .in button{ background: none; border:0; color: #000;}
.lets-call-you .in button span{ color:#000;}

footer{background: #0E122C;padding: 170px 10%;padding-bottom:60px;position: relative;} 
footer .col-lg-3{width:20%;display: flex;flex-direction: column;}

.contact-footer a small{width:30px;display: flex;justify-content: flex-start;align-items: flex-start;margin-right: 6px;}
.contact-footer a small img{height: 30px;}
.contact-footer a{display: flex;margin-bottom: 9px;}
footer .title-top{font-style: normal;font-weight: 500;font-size: 16px;line-height: 24px;color: #E4D1BE !important;margin-bottom: 10px;}

.social{display: flex;margin-top: 6px;}
.social a{ margin-right:20px}

footer .col-lg-3 *{ color: #fff;}
footer .col-lg-3 a{margin-bottom:12px;font-size: 14px;}

.time-footer a{display: flex;align-items: flex-start;}
.time-footer a small{width:30px;display: flex;justify-content: flex-start;align-items: flex-start;margin-right: 12px;}
.time-footer a span{ color: #E4D1BE;}
.time-footer a small img{height: 30px;}
.time-footer p{ margin:0; color: #fff; }
footer .col-lg-3 a:hover{ color: #fff; opacity: .8;}
footer .in{border-bottom:1px solid #E4D1BE;padding-bottom: 40px;position: relative;z-index: 2;}

.footer-bottom{ padding-top: 40px; align-items: center; justify-content: center;}
.footer-bottom a{ position: relative; top:-3px; margin:0 5px}
.footer-bottom span{ color: #fff; }

footer::after{ position: absolute; right:0; bottom:0; width:50%; height:100%; content:''; background: url(../img/footer-bg.svg) no-repeat right bottom;  }

.bottom-page-header{width:100%;height: 490px;background:#0E122C;margin-bottom: 230px;position: relative;}
.bottom-page-header::after{ background:url(../img/header-icon.svg) no-repeat; content: ''; width:264px; height:265px; position: absolute; right:5%; bottom:-5%; }
.bottom-page-header .img{margin:auto;padding-top: 212px;margin-bottom: 0;position: relative;}
.bottom-page-header .img img{ display: block; margin:auto; }
.bottom-page-header .img::after{border: 1px solid #E4D1BE;position: absolute;left: 50%;top:0;width:640px;height:398px;content: '';transform: translate(-50%, 62%);}


.certification-corporate h1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 48px;color: #0E122C;text-align: center;}
.certification-corporate h1 *{ color:#0E122C !important;}
.certification-corporate h1::before{ opacity: 0;}
.certification-corporate{background: linear-gradient(180deg, #E4D1BE 0%, rgba(228, 209, 190, 0) 100%);transform: rotate(-180deg);}
.certification-corporate .in{ transform: rotate(180deg); width:70%; margin:auto;}
.certification-corporate .in p{font-style: normal;font-weight:300;font-size: 16px;line-height: 30px;color: #0E122C;}
.certification-corporate .in .text-area{ width:80%; margin:auto;}

.certification-corporate .boxs h2{ font-style: normal;font-weight: 500;font-size: 32px;line-height: 48px; margin-top:108px; position: relative;color: #0E122C;  text-align: center;  margin-bottom: 60px;}
.certification-corporate .boxs h2 *{color: #0E122C; }
.certification-corporate .boxs h2::after{ width:138px; height:2px; background: #0E122C; content: ''; position: absolute; left:50%; transform: translate(-50%,0); bottom:-20px;}
.certification-corporate .boxs a img{ width:90%; margin:auto; display: block;}
.certification-corporate .boxs a {margin-bottom: 140px;display: block;}

.clinic-images{background: #0E122C;padding: 70px;display: flex;flex-direction: column;overflow: hidden;}
.clinic-images h3{font-style: normal;font-weight: 500;font-size: 32px;line-height: 48px;margin-top: 0;position: relative;color: #E4D1BE;text-align: center;margin-bottom: 70px;}
.clinic-images h3::after{ width:138px; height:2px; background: #E4D1BE; content: ''; position: absolute; left:50%; transform: translate(-50%,0); bottom:-20px;}
.clinic-images .boxs{ max-width: 1400px;}
.clinic-images .boxs a img{display: block;width: 100%;margin: auto;margin-bottom: 0;}


.documents{ padding: 62px 0; text-align: center; padding-bottom: 160px;}
.documents .boxs{ max-width: 1430px;}
.documents .boxs a img{width: 70px;}
.documents h4{font-style: normal;font-weight: 500;font-size: 32px;line-height: 195%;letter-spacing: 0.25em;color: #0E122C;text-align: center;position: relative;margin-bottom: 60px;margin-bottom: 50px;}
.documents h4::after{width:138px;height:2px;background: #0E122C;content: '';position: absolute;left:50%;transform: translate(-50%,0);bottom: -10px;}
.documents span{font-style: normal;font-weight: 500;font-size: 16px;line-height: 30px;color: #0E122C;margin-left:10px;}

.bottom-page-content{background: linear-gradient(180deg, #E4D1BE 0%, rgba(228, 209, 190, 0) 100%);transform: rotate(-180deg);padding: 330px 0 0px 0;}
.bottom-page-content .in{ transform: rotate(180deg); width:70%; margin:auto;}
.bottom-page-content h1{font-style: normal;font-weight: 500;font-size: 32px;line-height: 48px;color: #0E122C;text-align: center;}
.bottom-page-content h1 *{color: #0E122C;}
.bottom-page-content .in p{font-style: normal;font-weight:300;font-size: 16px;line-height: 30px;color: #0E122C; margin-bottom: 100px;}
.bottom-page-content .in .text-area {width: 70%;margin: auto;}
.bottom-page-content .in small{ color: #0E122C;}

.treatments-boxs{margin-top: -370px;position: relative;margin-bottom: 0;width: 100%;max-width: 1200px;margin-right: auto;margin-left: auto;left: 0.5%;}
.treatments-boxs a{display: flex;flex-direction: column;margin-bottom: 60px;position: relative;top:0;transition: 0.4s ease 0s;}
.treatments-boxs a:hover{ top:-15px}
.treatments-boxs a img{margin-bottom: 0;filter: drop-shadow(0px 5px 10px rgba(45, 44, 44, 0.3));width: 100%;}
.treatments-boxs a span{font-style: normal;font-weight: 500;font-size: 16px;color: #0E122C;margin-top: 20px;display: block;}
.treatments-boxs h2{font-style: normal;font-weight: 500;font-size: 28px;line-height: 195%;letter-spacing: 0.25em;color: #0E122C;text-align: center;position: relative;margin-bottom: 70px;}
.treatments-boxs h2::after{width:138px;height:2px;background: #0E122C;content: '';position: absolute;left:50%;transform: translate(-50%,0);bottom: -10px;}

.content-in-blue{width:100%;background:#0E122C;padding: 70px 0;margin-top: -100px;}
.content-in-blue .text-area{width: 100%;font-size:16px;max-width: 72%;margin: auto;}
.content-in-blue .text-area p{ margin-bottom: 35px;}
.content-in-blue .text-area h3{font-size: 32px;}
.content-in-blue .text-area ul{ margin:30px 0; padding-left:10px; line-height: 1.6;}
.content-in-blue .text-area ul li{ position: relative; margin:0; }
.content-in-blue .text-area ul li::after{width:5px;height:5px;position: absolute;left:-10px;top:0;content: '';background:#E4D1BE;border-radius: 10px;top: 12px;margin-top:-2.5px;}

.other-treatments{position: relative;max-width:100%;padding: 50px 5%;left: 0;}
.other-treatments::after{ width:100%; height:500px; position: absolute; top:0; left:0; background:#E4D1BE; content: ''; z-index:-1 } 

.blog-header{ position: relative; margin-bottom: 0 !important;}
.blog-header h1{ position: absolute; bottom:70px;font-style: normal;font-weight: 500;font-size: 32px;line-height: 195%;letter-spacing: 0.25em;color: #E4D1BE; text-align: center; width:100%; left:0;}
.blog-header h1::after{width:138px;height:2px;background: #E4D1BE;content: '';position: absolute;left:50%;transform: translate(-50%,0);bottom: -5px;}

.blog-items{padding: 0 6% !important;margin-top:-260px !important;background: linear-gradient(180deg, #e4d1bea1 0%, rgba(228, 209, 190, 0) 100%);transform: rotate(-180deg);}
.blog-items .item{width: 43%;margin: 0 1%;margin-bottom: 90px;}
.blog-items .row{transform: rotate(180deg);align-items: flex-end;display: flex;margin: auto;justify-content: center;} 
.blog-items a img{ width:100%; display: block;}
.blog-items a span{ display: flex;  align-items: center;}
.blog-items a:hover span img{ right:-10px;}
.blog-items a span img{width:67px;margin-left: 20px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;right: 0;}
.blog-items a h4{background: #E4D1BE; color: #0E122C; font-size:20px; width:90%; margin:auto; padding:35px 30px; margin-top:-40px; position: relative;z-index:2;} 
.blog-items a .indent{ padding: 0 5%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin:0 auto; width:93%; margin-top:20px; }
.blog-items a .indent p{font-style: normal;font-weight: 300;font-size: 16px;line-height: 24px;color: #0E122C;margin-bottom: 30px;}
.blog-items a .indent .btn-area small{ font-style: normal;font-weight:600;font-size: 18px;color: #0E122C;}

.blog-detail h2{background:#E4D1BE; width:auto; padding: 30px 30px; color: #0E122C; font-size:24px; width:max-content; padding-right: 80px; font-weight:600; margin-left: 30px; margin-top:-30px; z-index: 4; position: relative; }
.blog-detail img{ width:100%; display: block;}
.blog-detail .indent{width: 93%;margin:auto;display: block;margin-top: 40px;margin-bottom: 110px;}
.blog-detail .indent p{ font-style: normal;font-weight: 300;font-size: 16px;line-height: 24px;color: #0E122C;}

.listen-header{ position: relative; margin-bottom: 0 !important;}
.listen-header h1{ position: absolute; bottom:70px;font-style: normal;font-weight: 500;font-size: 32px;line-height: 195%;letter-spacing: 0.25em;color: #E4D1BE; text-align: center; width:100%; left:0;}
.listen-header h1::after{width:138px;height:2px;background: #E4D1BE;content: '';position: absolute;left:50%;transform: translate(-50%,0);bottom: -5px;}

.comment-page.home-comment .items-area .item{  margin-bottom: 80px; }
.link-blue *{ color: #27358E !important;  }
.link-red *{ color: #CB2626 !important;  }





/* comment */
.commentAddForm{display: flex;flex-direction: column;background: rgba(255, 255, 255, 0.93);/* box-shadow: 0px 8px 12px 4px rgba(0, 0, 0, 0.16); */border-radius: 0;padding: 50px;margin-bottom: 120px;margin-top: 0;display: none;border-radius: 0px;width: 100%;margin: auto;margin-top: 40px;position: relative;background: linear-gradient(180deg, #E4D1BE 9.54%, rgba(255, 255, 255, 0) 82.39%);filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.25));max-width: 1120px;margin-bottom: 100px;}
.commentAddForm::after{width:100%;height:100%;content: '';background: url(../img/comment-bg.png) no-repeat center center;position: absolute;left:0;top:0;opacity: .5;}
.cont{width: 100%;margin-top: 0;text-align: center;overflow: hidden;position: relative;z-index: 3;}
.titleAreaSub{text-align: center;position: relative;z-index: auto;}
.titleAreaSub h4{font-weight: bold;font-size: 24px;line-height: 120%;letter-spacing: -0.01em;text-transform: capitalize;margin-bottom: 15px;color: #000;}
.titleAreaSub p{font-size: 16px;line-height: 120%;letter-spacing: -0.01em;text-transform: capitalize;color: #000;}
div.stars{display: inline-block;}
input.star{display: none;}
label.star {float: right;padding: 10px;font-size: 36px;color: #D1B13C;transition: all .2s;opacity: 1;cursor: pointer;}
input.star:checked ~ label.star:before {content:'\f005';color: #D1B13C;transition: all .25s;opacity: 1;}
input.star-5:checked ~ label.star:before {color: #D1B13C;}
input.star-1:checked ~ label.star:before {color: #f00;}
label.star:before{content:'\f006';font-family: FontAwesome;}
.rev-box{overflow: hidden;height: 0;width: 100%;transition: all .25s;}
textarea.review{background: #000;border: none;width: 100%;max-width: 100%;height: 100px;padding: 10px;box-sizing: border-box;color: #EEE;}
label.review{display: block;transition:opacity .25s;}
input.star:checked ~ .rev-box{height: 125px;overflow: visible;}
.star-container {display: flex;width: 350px;flex-direction: row-reverse;}
.star:before {content: "\f005";font-family: fontAwesome;/* font-size: 60px; */position: relative;display: block;color: #000000;opacity: 1 !important;}
.star:after {content: "\f005";font-family: fontAwesome;position: absolute;top: 7px;font-size: 0;color: gold;opacity: 0;opacity: 1 !important;}
.star:hover:after,
.star:hover ~ .star:after,
.star.star__checked:after,
.star.star__checked ~ .star:after{opacity: 1;}

.formItems{ max-width:822px; width:100%;display: flex;flex-direction: column; margin:auto;position: relative;z-index: 2;}
.formItems textarea, .formItems input{ width:100%; height:65px;background: none;color: #000;padding: 0; border:0;border-radius: 20px;border-bottom: 1px solid #000;border-radius: 0;}
.formItems textarea{height: 120px; resize:none;padding-top: 20px;}
.formItems input::placeholder, .formItems textarea::placeholder{ color:#58595B}
.formItems .row{margin-bottom: 20px;}
.formItems .row button{ width:max-content; border:0;cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: center; background:none;position: relative;width: 284px;margin: auto;display: flex;align-items: center;justify-content: center;background: #000;height: 55px;border-radius: 55px;}
.formItems .row button::after {position: absolute;bottom: -2px;left: 0;width: 0%;content: '';background: #000;height: 1px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;opacity: 0;}
.formItems .row button:hover::after{ width:100%;}
.formItems label{ color: #000;}
.formItems .row button *{color: #fff;font-size: 20px;}
.formItems .row button img{ margin-left:10px;}
#yorum-ekle{ margin-top:-40px}
/* comment */


/* contact content */
.contact-content .in{background: linear-gradient(180deg, #e4d1bea6 9.54%, rgba(255, 255, 255, 0) 62.39%);filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.25));width:80%;margin:auto;padding: 120px 130px;padding-bottom: 170px;margin-top: -10px;}
.contact-content .in h3, .contact-content .in h2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 48px;color: #0E122C;margin-bottom: 15px;margin-top: 50px;}
.iframe-contact{ position: relative; z-index:2; filter: grayscale(1);}
.contact-content  .item-row{ display: flex; }
.contact-content  .item-row .icon{ width:20px; margin-right:15px;}
.contact-content .detail-in .item-row a, .contact-content .detail-in .item-row p{ color: #0E122C; }
.contact-content .detail-in .item-row .map-link img{ margin-left: 10px;}
.social-contact-icons a{ margin-right:15px;}
.work-time{ display: flex;}
.work-time .item{ margin-right:29px;}
.work-time .item, .work-time .item *{ color: #0E122C !important;}
.contact-content .in h4{font-style: normal;font-weight: 500;font-size: 14px;line-height: 21px;color: #0E122C;margin-bottom: 36px;}
.right-content-contact .checkbox-btns label {display: flex;border-radius: 65px;height: 40px;margin-right: 21px;background: #0E122C;text-align: center;align-items: center;justify-content: center;transition: all 0.5s ease-in-out;color: #fff;width: max-content;padding: 0 24px;margin-bottom: 20px;}
.right-content-contact .checkbox-btns input[type=checkbox] {display: none;}
.right-content-contact .checkbox-btns input:checked+label {transition: all 0.5s ease-in-out;color: #000;background:#fff;}
.right-content-contact .checkbox-btns label:hover {cursor: pointer;}
.checkbox-btns{ display:flex; flex-wrap:wrap;}
.right-content-contact .container-fluid{/* padding: 0 !important; */margin-top:50px;}
.right-content-contact input{border:0;background: none;border-bottom: 1px solid #000;padding-bottom: 6px;margin-top:10px;width:100%;color:#0E122C;}
.right-content-contact textarea{border:0;background: none;border-bottom: 1px solid #000;padding-bottom: 6px;margin-top:10px;width:100%;color:#0E122C; resize:none;}
.right-content-contact span{font-style: normal;font-weight: 500;font-size: 14px;line-height: 150%;color: #0E122C;}
.right-content-contact .itemForm{width: 50%;padding: 0 6% 0 0; margin-bottom: 40px;}
.right-content-contact .itemForm.full{width:100%;margin-bottom: 10px;}
.right-content-contact button{ border:0; background:none; }
.right-content-contact button img{ margin-left:10px;}

.checkbox-area{position: relative;margin-bottom: 0px;z-index: 1;}
.checkbox-area label{display: block;position: relative;font-size: 15px;padding: 0px;margin: 0;height: auto;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;padding-left: 25px;padding-top: 17px;font-style: normal;font-weight: normal;font-size: 14px;line-height: 150%;letter-spacing: -0.02em;color: #000;}
.checkbox-area .check{display: block;position: absolute;border: 1px solid rgba(0, 0, 0, 0.2);/* border-radius: 100%; */height: 18px;width: 18px;top: 18px;left: 0;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;border: 1px solid #000000;}
.checkbox-area .check::before {display: block;position: absolute;content: '';/* border-radius: 100%; */height: 16px;width: 16px;top: 0px;left: 0;margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;transform: scale(0.7);}
.checkbox-area input[type=checkbox]:checked ~ .check {border: 1px solid #000;}
.checkbox-area input[type=checkbox]:checked ~ .check::before{background: #000000;}
.checkbox-area input[type=checkbox]{position: absolute;visibility: hidden;}
.checkbox-area label b{color: #000;}


/* menu */
.menu-wrapper{background: #0E122C;position: fixed;left:0;top:0;width:100%;height:100%;opacity: 0;transition: 0.5s ease 0s;visibility: hidden;}
.menu-wrapper nav{position: absolute;left:-10%;top:50%;padding-left: 6%;transform: translate(0, -50%); transition: 0.5s ease 0s;}
.menu-wrapper.active nav{ left:0%;}
.menu-wrapper nav a{font-style: normal;font-weight: 400;font-size: 28px;line-height: 128%;text-align: center;color: #e4d1be82;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.menu-wrapper nav a span{color: #e4d1be82; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  }
.menu-wrapper .itemLink{margin-bottom: 6px;}
.menu-wrapper .drop-content{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;margin-top: 10px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;max-height: 0;overflow: hidden;padding-left: 105px;}
.itemLink.dropLink:hover .drop-content{ max-height:200px;}
.menu-wrapper .drop-content a{font-style: normal;font-weight: 500;font-size: 15px;line-height: 24px;text-align: center;color: #E4D1BE;opacity: 1;margin-bottom:5px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.menu-wrapper .drop-content a:hover{ opacity: .6;}
.menu-wrapper .itemLink .top{ position: relative; padding-left:105px;}
.menu-wrapper .itemLink .top::after{ width:95px; height:1px; background: #E4D1BE; content: ''; position: absolute; left:0; top:50%; width:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }
.menu-wrapper .itemLink:hover .top::after{ width:95px;}
.menu-wrapper .itemLink:hover .top{ padding-left:115px;}
.menu-wrapper .itemLink .top img{ opacity: .4; transform: rotate(0); -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.menu-wrapper .itemLink:hover .top img{ opacity: 1;transform: rotate(-180deg); }
.menu-wrapper .itemLink:hover .top span{ color: #E4D1BE;}
.menu-wrapper .itemLink:hover .top{ color: #E4D1BE;}
.menu-wrapper::after{ position: absolute; background: url(../img/menu-bottom-img.svg) no-repeat; left:50%; bottom:-40px; transform: translate(-50%,0); content: ''; width:265px; height:312px; }
.menu-bg{position: absolute;right:10%;top: 20%;transform: translate(0,-50%);width:35%;pointer-events: none;}
.social-menu{position: absolute;right: 6%;bottom:5%;display: flex;}
.social-menu a{ margin:0 5px; }
.overFlowHidden{ overflow: hidden;}
.menu-icon{position: relative; overflow: hidden; }
.menu-close{ position: absolute; top:-50px; left:0; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.menu-link{ opacity: 1; top:0; position: relative; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.active .menu-close{ opacity: 1; top:0;}
.active .menu-link{ opacity: 0; top:100px;}
.menu-wrapper.active{opacity:1;z-index: 5;visibility: visible;}
header.fixed{position: fixed;background: #0E122C;padding: 10px 6%;}
.logo img{transition: 0.5s ease 0s;height: 108px;}
.fixed .logo img{ height:80px; }
/* menu */

.logo-footer img{width: 90%;}
.bottom-page-header::after, .menu-bg{animation-name: spaceshibImg2;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: alternate;pointer-events: none;}





@keyframes spaceshibImg2 {from {transform: translate(10px, -15px);}to {transform: translate(-10px, 20px);}}



.card2 {position: absolute;transition: transform 1s;transform-style: preserve-3d;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.card2:after{
content:'';
position:absolute;
left:0;top:0;right:0;bottom:0;
background: none;
transform: translateZ(-10px);
}

.card2.roll-TL {
transform: rotate3d(1, -1, 0, 20deg);
}

.card2.roll-TR {
transform: rotate3d(-1, -1, 0, -20deg);
}

.card2.roll-BL {
transform: rotate3d(-1, -1, 0, 20deg);
}

.card2.roll-BR {
transform: rotate3d(1, -1, 0, -20deg);
}


.onlineRandevu{position: fixed;left:0;top:0;width:100%;height:100vh;background: #0E122C;z-index:9;display: none;}
.onlineRandevu .popup-form{padding: 3.5% 5%;width:100%;height:600px;max-width: 1127px;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);background: url(../img/online-randevu-bg.png) no-repeat;background-size: cover;}
.onlineRandevu h5{ font-weight: 500; text-align: center; margin-bottom: 80px; font-size: 32px;line-height: 195%;letter-spacing: 0.25em;color: #E4D1BE; position: relative;}
.onlineRandevu h5::after{ width:136px; position: absolute; left:50%; transform: translate(-50%,0); content: ''; height:2px; background: #E4D1BE; bottom:-4px;}
.onlineRandevu input{width:100%;background: none;border:0;border-bottom: 1px solid #E4D1BE;margin-bottom: 40px;padding-bottom: 14px;}
.onlineRandevu textarea{width:100%;background: none;border:0;border-bottom: 1px solid #E4D1BE;margin-bottom: 20px;padding-bottom: 14px;resize: none;}
.onlineRandevu .checkbox-area label{color: #6E6E72; }
.onlineRandevu .checkbox-area .check{border: 1px solid #E4D1BE;}
.onlineRandevu .checkbox-area input[type=checkbox]:checked ~ .check::before {background: #E4D1BE;}
.onlineRandevu .checkbox-area input[type=checkbox]:checked ~ .check {border: 1px solid #E4D1BE !important;}
.onlineRandevu button{margin: auto;display: block;margin-top: 30px;background: none;border:0;}
.onlineRandevu button span{ margin-right: 15px;}
.onlineRandevu .close{position: absolute;right:80px;top:80px;z-index: 2;}
.onlineRandevu::after{position: absolute;bottom: -10%;left:50%;transform: translate(-50%,0);background: url(../img/form-bg.png) no-repeat;width: 225px;height: 270px;content: '';background-size: 100%;z-index:-1;}

@media screen and (max-width: 1620px){
.corporate-home .item-row::after{ top:25%;}
header {padding: 15px 6%;position: absolute;top: 0;left: 0;width: 100%;}
.home-img {position: relative;z-index: 3;width: 100%;margin: auto;display: block;}
.blob {width: 550px;height: 550px;}
.slide-container .text1 {font-weight: 400;font-size: 48px;line-height: 128%;text-align: center;color: #E4D1BE;position: absolute;left: -31%;top: 8%;z-index: 3;}
.slide-container .text2 {font-weight: 400;font-size: 48px;line-height: 128%;text-align: center;color: #E4D1BE;position: absolute;right: -37%;top: 59%;}
.slide-bottom-img {position: absolute;bottom: -15%;left: 50%;transform: translate(-50%,0);width: 16%;}
.corporate-home .text-right p{ font-size:14px;}
.treatments-home .item-area {padding: 0 3%;}
.home-comment .items-area {padding: 0 2%;}
.home-comment .items-area .item .text-right {width: 100%;padding: 10px 3%;}
.home-comment .items-area .item p {font-style: normal;font-weight: 300;font-size: 12px;line-height: 1.5;color: #0E122C;}
.blog-slider .left-content p {color: #000;margin-bottom: 40px;font-size: 15px;}
.blog-slider .left-content .title-detail{ margin-bottom: 10px;}
.blog .in {
padding: 42px 3%;
}
.blog{ height:486px;}
.blog-slider .item .left-content {
width: 50%;
padding-right: 60px;
display: flex;
flex-direction: column;
padding-top: 30px;
}
.lets-call-you{padding: 0 20px;width: 95%;height: 100px;}
footer .col-lg-3 a {
margin-bottom: 8px;
font-size: 12px;
}
footer {
background: #0E122C;
padding: 100px 4%;
padding-bottom: 60px;
position: relative;
}
.lets-call-you .title{font-size:16px;}
.lets-call-you .in input {margin: 0 26px;}
footer::after {position: absolute;right: 0;bottom: 10%;width: 50%;height: 100%;content: '';background: url(../img/footer-bg.svg) no-repeat right bottom;background-size: 31%;}
.home-comment .links-btns a span{ font-size:14px;}
.bottom-page-header .img img {
display: block;
margin: auto;
width: 40%;
}
.bottom-page-header .img::after {width: 43%;height: 60%;transform: translate(-50%, 61%);}
.bottom-page-header {height: 470px;margin-bottom: 230px;}
.bottom-page-content .in .text-area {width: 88%;margin: auto;}
.bottom-page-header .img {padding-top: 180px;}
.content-in-blue .text-area h3 {font-size: 32px;}
.certification-corporate .in {width: 88%;}
.documents .boxs a img {
width: 60px;
}
.documents span{font-size:13px;margin-left: 5px;}
.treatments-home .item-area .text-left h4, .treatments-home h3, .corporate-home h3, .listen-header h1, .blog-detail h2, .blog-header h1, .blog .in .title, .home-comment .title, .treatments-boxs h2, .certification-corporate h1, .certification-corporate .boxs h2, .clinic-images h3, .documents h4{font-size: 28px;}
.other-treatments::after{ height:440px;}
.other-treatments{ padding-bottom: 0;}
.blog .in .title-top .other-blog-link span{ font-size:16px;}
.bottom-page-header.listen-header, .bottom-page-header.blog-header{ height:360px}
.blog-head-img{ height:300px; object-fit: cover; width:100%; }
.contact-content .detail-in .item-row a, .contact-content .detail-in .item-row p, .blog-detail .indent p, .blog-items a .indent p{ font-size:14px;}
.blog-items {padding: 0 6% !important;margin-top: -210px !important;}
.blog-items a .indent .btn-area small{font-size: 15px;}
.blog-items a h4 {color: #0E122C;font-size: 20px;width: 90%;margin: auto;padding: 20px 30px;margin-top: -40px;font-size: 16px;}
.contact-content .in {background: linear-gradient(180deg, #e4d1bea6 9.54%, rgba(255, 255, 255, 0) 62.39%);filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.25));width: 90%;margin: auto;padding: 40px 30px;padding-bottom: 170px;margin-top: -10px;}
.contact-content .in h3, .contact-content .in h2 {font-size: 22px;line-height: 1.4;}
.iframe-contact {height:300px;}
.right-content-contact .checkbox-btns label {display: flex;border-radius: 65px;height: 40px;margin-right: 8px;background: #0E122C;text-align: center;align-items: center;justify-content: center;transition: all 0.5s ease-in-out;color: #fff;width: max-content;padding: 0 20px;margin-bottom: 20px;font-size: 13px;}
.work-time .item {margin-right: 25px;font-size: 14px;}
.corporate-home .text-right .link{margin-top:0;}
.corporate-home .text-right h4{margin-bottom: 7%;font-size: 22px;}
.footer-bottom span {font-size: 13px;}


}


@media screen and (max-width: 1460px){
	.corporate-home .text-right h4{
		color:#E4D1BE;
	}
.corporate-home .item-row::after {
top: 0;
height: 100%;
}
}

@media screen and (max-width: 920px){
header .online-btn{position: fixed;bottom:0;left:0;display: flex;justify-content: center;align-items: center;width: 100%;background: #0e122c;}
.lang-container.position-relative{position: absolute !important;top:50%; transform: translate(0,-50%); right: 10%;}
.logo img {height: 52px !important;}
.bottom-page-content .in {width: 90%;margin: auto;}
.bottom-page-header {height: 260px;margin-bottom: 130px;}
.content-in-blue .text-area {max-width: 100%;}
.home-img {width: 70% !important;}
.bottom-page-content .in .text-area {
width: 100%;
margin: auto;
}
.other-treatments .col-lg-4{ width:50%;}

.bottom-page-header .img {
padding-top: 100px;
}
.bottom-page-header .img::after {
width: 43%;
height: 64%;
transform: translate(-50%, 52%);
}

.menu-icon{ position: absolute; top:32% !important; right:5%;}
header {height: 70px;padding: 0;}
header .logo{position:absolute;left: 5%;top:50%;transform: translate(0%,-50%);}
.slide-container .text1 {font-size: 40px;line-height: 128%;left: -16%;top: 8%;}
.home-slide{height: 52vh;padding-top: 70px;}
.corporate-home .item-row::after{ opacity: 0;}
.corporate-home .text-right p{ color: #0E122C;}
.corporate-home .text-right h4 {margin-bottom: 5px;font-size: 22px;}
.corporate-home .text-right {padding: 20px 4%;text-align: center;}
.corporate-home .img {padding: 0 40px;}
.corporate-home h3{ margin-bottom: 5px;}
.treatments-home .item-area .text-left h4 {margin-bottom:20px;margin-top: 20px;}
.treatments-home .item-area {padding: 40px 3%;}
.treatments-home .item-area .links a {margin-bottom: 15px;}
.items-area .row{ display: flex; flex-direction: column;}
.home-comment .items-area .item {position: relative;width: 74%;}
.blog-slider .item .left-content {width: 100%;}
.blog {height: 446px;}
.blog-slider .item .left-content {width: 100%;padding-top: 0;}
.blog-slider .left-content p {color: #000;margin-bottom: 20px;font-size: 12px;}
.blog-slider .item .left-content{ padding-right: 30px;}
.blog-slider .owl-dots {left: 50%;bottom: -5% !important;right: auto !important;width: 100%;display: flex;transform: translate(-50%, 16px);justify-content: center;}
.blog-slider .left-content .link span {margin-right: 10px;font-size: 14px;}
.treatments-home .img{ margin-top:20px;}
.home-comment {
padding: 64px 0;
}
.home-comment .title{ margin-bottom: 50px;}
.home-comment .items-area .item{ margin-bottom: 40px;}
.lets-call-you .in input {
margin: 0 13px;
width: 19%;
font-size: 12px;
max-width: 70%;
}
.lets-call-you .title{line-height:1;font-size: 14px;}
.lets-call-you .in button img{ width:50px;}
.lets-call-you .in {flex-wrap:wrap;flex-direction: column;}
.space-footer-top{ height:150px;}
footer .in .row .col-lg-3{ width:25%;}
footer .in .row .col-lg-3:nth-child(1){width:100%;margin-bottom: 20px;}
.logo-footer img {
width: 37%;
margin:auto;
display: block;
margin-bottom: 40px;
}
.footer-bottom {
padding-top: 20px;}
footer::after {
position: absolute;
right: 0;
bottom: 10%;
width: 70%;
height: 100%;
content: '';
background: url(../img/footer-bg.svg) no-repeat right bottom;
background-size: 25%;
}
.corporate-home .text-right .link span{ color: #0e122c;}

.blog {
height: 466px;
}
.onlineRandevu h5{font-size:22px;margin-bottom: 40px;}
.onlineRandevu .popup-form{ background: none;}
.onlineRandevu .close {
position: absolute;
right: 50%;
top: -35px;
z-index: 2;
margin-right: -25px;
}


}


@media screen and (max-width: 640px){
.blob {width: 300px;height: 300px;top: 58%;}
.corporate-home .text-right .link span{ padding-top:8px;}
.lets-call-you .title {font-size: 17px;line-height:1;width: 100%;}

.slide-container .text1 {font-size: 26px;line-height: 128%;left: 6%;top: 0;line-height: 1;}
.slide-container .text2 {font-weight: 400;font-size: 26px;line-height: 128%;text-align: center;color: #E4D1BE;position: absolute;right: 3%;top: 67%;z-index: 3;left: auto;}
.treatments-home h3{ margin-bottom: 30px;}
.treatments-home .item-area .text-left h4, .treatments-home h3, .corporate-home h3, .listen-header h1, .blog-detail h2, .blog-header h1, .blog .in .title, .home-comment .title, .treatments-boxs h2, .certification-corporate h1, .certification-corporate .boxs h2, .clinic-images h3, .documents h4 {font-size: 19px;}
.home-comment .items-area .item {position: relative;width: 100%;flex-direction: column;}
.home-comment .items-area .item .img {position: relative;left:0;z-index: 2;width: 100%;}
.home-comment .items-area .item .img img{ width:100%; padding:5px}
.home-comment {
padding: 64px 0; width:90%; margin:auto;
}
.home-comment .links-btns a {
margin: 0 5px;
margin-top:0px;
}
.home-comment .links-btns a span {
font-size: 12px; margin-bottom:10px; display:block;
}
.row.links-btns .justify-content-center{padding:0 !important;margin:0 !important;justify-content: space-between !important;}

.blog .in .title-top{ flex-direction: column;}
.blog .in {
padding: 22px 3%;
}
.blog-slider .item {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.blog-slider .left-content .title-detail{ font-size:16px;}
.blog {
height: 656px;
}
.blog .img-right{ margin-top: 20px;}
.blog .in .title{width:100%;text-align: center;margin-bottom: 13px;}
.blog .in .title::after{ left:50%; transform: translate(-50%,0);}
.blog .in .title-top .other-blog-link img{ width:50px;}
.blog .in .title-top .other-blog-link span {font-size: 14px; margin-right:4px;}
footer .in .row .col-lg-3 {width:100%; margin-bottom: 40px;}
footer .in .row .col-lg-3 {width: 50%;margin-bottom: 30px;}
.logo-footer img {width: 37%;margin: auto;display: block;margin-bottom: 0;}
footer .in{padding-bottom: 0;}
.menu-wrapper .itemLink .top {padding-left: 0;}
.lets-call-you .in input {margin:0;width: 100%;font-size: 12px;max-width: 70%;margin: 13px 0;}
.lets-call-you {
padding: 20px 20px;
width: 100%;
text-align:center;
height: auto;
}

.bottom-page-header {
height: 240px;
margin-bottom: 80px;
}
.bottom-page-header .img {
padding-top: 100px;
}
.bottom-page-header .img img {
display: block;
margin: auto;
width: 59%;
}
.bottom-page-header .img::after {
width: 63%;
height: 58%;
transform: translate(-50%, 67%);
}
.bottom-page-header::after {
background: url(../img/header-icon.svg) no-repeat right bottom;
content: '';
width: 140px;
height: 140px;
position: absolute;
right: -30px;
bottom: -5%;
background-size: 100% 100%;
}
.treatments-boxs .col-lg-3{ width:50%;}
.listen-header {
position: relative;
margin-bottom: 0 !important;
height: 200px !important;
align-items: flex-end;
display: flex;
}
.blog-header {
position: relative;
margin-bottom: 0 !important;
height: 130px !important;
align-items: flex-end;
display: flex;
}
.blog-header h1, .listen-header h1 {
position: absolute;
bottom: 20px;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 1.5;
letter-spacing: 0.25em;
color: #E4D1BE;
text-align: center;
width: 100%;
left: 0;
}
.blog-items .item {width: 100%;margin: 0 1%;margin-bottom: 90px;padding: 0;}
.blog-head-img {
height: 200px;
object-fit: cover;
width: 100%;
}
.blog-items {padding: 0 3% !important;margin-top: -170px !important;}
.blog-items a .indent{ padding: 0;}
.blog-detail img {
width: 100%;
display: block;
height: 210px;
object-fit: cover;
}
.blog-detail h2{ margin:0; width:100%;}
.blog-detail .col-lg-12{ padding: 0;}
.blog-detail h2{ padding:15px; font-size:16px;}
.blog-detail .indent{margin-top:20px;width: 92%;margin-bottom: 50px;}
.menu-wrapper nav a{ font-size:22px}
.social-menu {
right: 0;
bottom: 9%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.menu-wrapper nav{ text-align: center;}
.menu-bg {position: absolute;left: 10%;top: 10%;width: 85%;}
.contact-content .in h3, .contact-content .in h2 {
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 48px;
color: #0E122C;
margin-bottom: 15px;
margin-top: 20px;
}
.contact-content .in h2 br, .contact-content .in h3 br{ display:none;}
.contact-content .in h3, .contact-content .in h2 {font-style: normal;font-weight: 500;font-size: 17px;line-height: 1.4;color: #0E122C;margin-bottom: 15px;margin-top: 20px;}
.contact-content .in{padding: 10px;margin-bottom: 100px;width: 100%;}
.contact-content .in h4 {margin-bottom: 16px;margin-top: 40px;}
.right-content-contact .checkbox-btns label {display: flex;border-radius: 65px;height: 36px;margin-right: 8px;background: #0E122C;text-align: center;align-items: center;justify-content: center;transition: all 0.5s ease-in-out;color: #fff;width: max-content;padding: 0 13px;margin-bottom: 10px;font-size: 11px;}
.right-content-contact .itemForm {width: 100%;padding: 0 0% 0 0;margin-bottom: 30px;}
footer {
background: #0E122C;
padding: 70px 4%;
padding-bottom: 10px !important;
position: relative;
}
.certification-corporate .in .text-area {
width: 100%;
}
.clinic-images h3::after{ bottom:0;}
.certification-corporate .boxs a {
margin-bottom: 30px;
display: block;
}
.onlineRandevu input{margin-bottom: 20px;font-size: 15px;padding-bottom: 7px;}
.clinic-images {padding: 50px 0;}
.corporate-home .text-right .link{margin:auto;align-items: center;}
.clinic-images h3{ margin-bottom: 40px;}
.documents a{ display: flex; align-items: center; margin-bottom: 20px; justify-content: center;}
.certification-corporate .boxs h2{ margin-top: 40px;}
.certification-corporate .boxs h2::after{ bottom:0;}
.bottom-page-content h1{ font-size:22px;}
.owl-nav-btns{ display: none;}
.corporate-home{ padding: 25px 0; padding-bottom: 50px;}
.onlineRandevu textarea{margin-bottom: 10px;padding-bottom: 0;}
.onlineRandevu button{ margin-top:10px;}
.onlineRandevu{ z-index:999;}
.treatments-home .item-area .img img{ transform: scale(1);}
}
.text:before{ opacity: 0 !important;}
.gsap-marker-scroller-start, .gsap-marker-scroller-end, .gsap-marker-end,.gsap-marker-start{ display: none !important;}




.parallax-window {
min-height: 70vh;
background: transparent;
}

.el .container-illu {
position: relative;
max-height: 648px;
overflow: hidden;
margin-bottom: 0;
}

.el .container-illu:after {
content: '';
position: absolute;
top: 50%;
left: 0px;
height: 120%;
width: 100%;
background-color: #0E122C;
-webkit-transform: translateY(-50%) translateX(0%);
-ms-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
}

.el .container-illu img {
height: 100%;
}

.animasyon2 .container-illu {
right: 0px;
}

.animasyon1 .container-illu {
left: 0px;
}

.animasyon3 .container-illu {
left: 0px;
}

.animasyon3 .container-illu {
left: 0px;
}

.animasyon4 .container-illu {
right: 0px;
}

.animasyon5 .container-illu {
left: 0px;
}

.animasyon6 .container-illu {
right: 0px;
}

.animasyon7 .container-illu {
left: 0px;
}

.animasyon8 .container-illu {
right: 0px;
}

.animasyon9 .container-illu {
left: 0px;
}

.animasyon10 .container-illu {
left: 0px;
}

.animasyon11 .container-illu {
left: 0px;
}

.animasyon12 .container-illu {
left: 0px;
}

.animasyon13 .container-illu {
left: 0px;
}

.animasyon14 .container-illu {
left: 0px;
}

.animasyon1.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon2.anim .container-illu:after {
animation: slideIlluLeft 1s forwards;
-webkit-animation: slideIlluLeft 1s forwards;
}

.animasyon3.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon4.anim .container-illu:after {
animation: slideIlluLeft 1s forwards;
-webkit-animation: slideIlluLeft 1s forwards;
}

.animasyon5.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon6.anim .container-illu:after {
animation: slideIlluLeft 1s forwards;
-webkit-animation: slideIlluLeft 1s forwards;
}

.animasyon7.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon8.anim .container-illu:after {
animation: slideIlluLeft 1s forwards;
-webkit-animation: slideIlluLeft 1s forwards;
}

.animasyon9.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon10.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon11.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon12.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon13.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

.animasyon14.anim .container-illu:after {
animation: slideIlluRight 1s forwards;
-webkit-animation: slideIlluRight 1s forwards;
}

@keyframes slideIlluRight {
0% {
-webkit-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
}
50% {
-webkit-transform: translateY(-50%) translateX(50%) skewX(20deg);
transform: translateY(-50%) translateX(50%) skewX(20deg);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
-webkit-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
}
}

@-webkit-keyframes slideIlluRight {
0% {
-webkit-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
}
50% {
-webkit-transform: translateY(-50%) translateX(50%) skewX(20deg);
transform: translateY(-50%) translateX(50%) skewX(20deg);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
-webkit-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
}
}

@keyframes slideIlluLeft {
0% {
-webkit-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
}
50% {
-webkit-transform: translateY(-50%) translateX(-50%) skewX(20deg);
transform: translateY(-50%) translateX(-50%) skewX(20deg);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
-webkit-transform: translateY(-50%) translateX(-100%);
transform: translateY(-50%) translateX(-100%);
}
}

@-webkit-keyframes slideIlluLeft {
0% {
-webkit-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
}
50% {
-webkit-transform: translateY(-50%) translateX(-50%) skewX(20deg);
transform: translateY(-50%) translateX(-50%) skewX(20deg);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
-webkit-transform: translateY(-50%) translateX(-100%);
transform: translateY(-50%) translateX(-100%);
}
}

@keyframes slideIlluRight {
0% {
-webkit-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
}
50% {
-webkit-transform: translateY(-50%) translateX(50%) skewX(20deg);
transform: translateY(-50%) translateX(50%) skewX(20deg);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
-webkit-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
}
}

@-webkit-keyframes slideIlluRight {
0% {
-webkit-transform: translateY(-50%) translateX(0%);
transform: translateY(-50%) translateX(0%);
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
}
50% {
-webkit-transform: translateY(-50%) translateX(50%) skewX(20deg);
transform: translateY(-50%) translateX(50%) skewX(20deg);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.815, 0.090, 0.885, 0.140);
-webkit-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
}
}



:root {
--speed: 1;
--delay: 0.5;
--font-size: 60;
}
.text {
--clip: 0;
position: relative;
}
.text--north {
--origin: 50% 0;
}
.text--north-east {
--origin: 100% 0;
}
.text--east {
--origin: 100% 50%;
}
.text--south-east {
--origin: 100% 100%;
}
.text--south {
--origin: 50% 100%;
}
.text--south-west {
--origin: 0% 100%;
}
.text--west {
--origin: 0% 50%;
}
.text--north-west {
--origin: 0% 0%;
}
.text > span {
transition: -webkit-clip-path calc(var(--speed) * 1s) calc(var(--delay) * 1s) ease, clip-path calc(var(--speed) * 1s) calc(var(--delay) * 1s) ease;
-webkit-clip-path: circle(calc(var(--clip) * 1%) at var(--origin));
clip-path: circle(calc(var(--clip) * 1%) at var(--origin));
}
.text[data-scroll="in"] > span {
--clip: 150;
}
.text:before {
content: attr(data-word);
position: absolute;
color: rgba(255,255,255,0.15);
top: 0;
left: 0;
font-size: calc(var(--font-size) * 1px);
z-index: -1;
}
/**
* Themeing
*/


/* .text--north .char:nth-of-type(1) {
color: #e6261f;
} */
.text--north-east .char:nth-of-type(1) {
color: #eb7532;
}
.text--east .char:nth-of-type(1) {
color: #f7d038;
}
.text--south-east .char:nth-of-type(1) {
color: #a3e048;
}
.text--south .char:nth-of-type(1) {
color: #49da9a;
}
.text--south-west .char:nth-of-type(1) {
color: #34bbe6;
}
.text--west .char:nth-of-type(1) {
color: #4355db;
}
.text--north-west .char:nth-of-type(1) {
color: #e6261f;
}
.text--north-west .char:nth-of-type(2) {
color: #f7d038;
}
.text--north-west .char:nth-of-type(3) {
color: #49da9a;
}
.text--north-west .char:nth-of-type(4) {
color: #4355db;
}
.text--north-west .char:nth-of-type(5) {
color: #d23be7;
}



.ui-datepicker td {border: 0;padding: 3px 0px !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #000 !important;
background: #000!important;
color: #fff!important;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
background: #000 !important;
}
.ui-datepicker-calendar tr th span{ color: #000 !important;}
.ui-datepicker .ui-datepicker-next span{ width:20px !important; height:20px !important;background: transparent url(../img/next-date.svg) no-repeat center !important;right: 10px !important;left: auto !important;top: 50% !important;margin-top: -10px !important;}
.ui-datepicker .ui-datepicker-prev span{ width:20px !important; height:20px !important;background: transparent url(../img/next-date.svg) no-repeat center !important;right: auto !important;left: 15px !important;top: 50% !important;margin-top: -10px !important;transform: rotate(-180deg) !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
border:1px solid #000 !important;/* background: transparent !important; */font-weight: normal;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
background:none !important
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {font-weight: normal;color: #454545;border: 0 !important;border-bottom: 1px solid #ccc !important;background: none !important;padding: 0 0 !important;margin: 0 !important;text-align: center;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ cursor: pointer !important;}
.boxs .el .container-illu{ margin-bottom: 20px;}



.whatsapp-icon{
	position:fixed;bottom:80px;right:80px;z-index:99;background:#25D366;
	border-radius: 100px;
	animation: pulse 2000ms linear infinite;
  -webkit-animation: pulse 2000ms linear infinite;
  -moz-animation: pulse 2000ms linear infinite;
}

.whatsapp-icon:after,
.whatsapp-icon:before {
  display: inline-block;
  margin: auto;
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-color: #25D366;
}

.whatsapp-icon:after {
	inset:0;
  z-index: -100;
  -webkit-animation: outer-ripple 2000ms linear infinite;
  -moz-animation: outer-ripple 2000ms linear infinite;
  animation: outer-ripple 2000ms linear infinite;
}


.whatsapp-icon:before {
	inset:0;
	z-index: -200;
	-webkit-animation: inner-ripple 2000ms linear infinite;
	-moz-animation: inner-ripple 2000ms linear infinite;
	animation: inner-ripple 2000ms linear infinite;
  }

  @keyframes pulse{
	0% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(0.9);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  @-moz-keyframes pulse{
	0% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(0.9);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  @-webkit-keyframes pulse{
	0% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(0.9);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  
  @keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-moz-keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  /* inner ripple */
  
  @keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-moz-keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }

.whatsapp-icon img{
	padding:5px;width:65px;
}