@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

html, body, div, span, applet, object, iframe,blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body{
    overflow-x: hidden;
    text-rendering: optimizeSpeed;
    background: #FFF;
	font-size:15px;
	font-family: 'Poppins', sans-serif;
}

html {
  font-size: 24px;
  font-weight: 100;
  line-height: 1.5;
}

/*====================================================
    2. TYPOGRAPHY. 
  ====================================================*/
h1, h2, h3, h4, h5, h6, p, ul,ol{
    margin-top: 0;
    margin-bottom: 1rem;
    color: #323B3C;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    line-height: 1.1;
    font-family: 'Poppins', sans-serif;
}

h1, .h1 {
    font-size: 1.602rem;
    font-weight: 600;
}

h2, .h2 {
    font-size: 1.424rem;
    font-weight: 600;
    color: #35414b;
}

h3, .h3 {
    font-size: 0.90rem;
    color: #35414b;
    font-weight: 600;
}

h4, .h4 {
    font-size: 0.85rem;
    color: #35414b;
    margin-bottom: 5px;
}

h5, .h5 {
    font-size: 0.70rem;
    color: #b4665c;
    font-weight: 500;
    text-transform: uppercase;
}

h6, .h6 {
    font-size: 0.889rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #262626;
}

p {
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  color: #6e6e6e;
  font-weight: 400;
  line-height: 2;
   margin-bottom: 0px;
}
p + p {margin-top:10px;}
p + h3 {margin-top:20px;text-decoration: underline;font-size: .8rem;}
table {font-size: 14px;font-family: 'Poppins', sans-serif;}
a {
	color: #FFF;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
	color: #3AB3DF;
    text-decoration: none;
}
b, strong {font-weight:600;color:#696976;}
select.form-control{
	font-size:15px;
	font-family: 'Poppins', sans-serif;
}
/*====================================================
    3. SPACE AND ALIGMENT. 
  ====================================================*/
.container, .container-fluid{
    margin: 3rem auto 3rem auto;
}

section{
    position: relative;
}

.inner-color{
    padding: 1px 0px;
    background-color: #F7FAFA;   
	background-image: url(/images/pattern-1.png);
    background-position: 0 0;
    background-repeat: repeat;
}

/*====================================================
    4. PRELOADER 
  ====================================================*/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1031;
  background-color: #F2F2F2;
}

.loader2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.loader {
  max-width: 150px;
  width: 100%;
  height: auto;
  stroke-linecap: round;
}

circle {
  fill: none;
  stroke-width: 3.5;
  -webkit-animation-name: preloader;
          animation-name: preloader;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-transform-origin: 170px 170px;
          transform-origin: 170px 170px;
  will-change: transform;
}

circle:nth-of-type(1) {
  stroke-dasharray: 550px;
}

circle:nth-of-type(2) {
  stroke-dasharray: 500px;
}

circle:nth-of-type(3) {
  stroke-dasharray: 450px;
}

circle:nth-of-type(4) {
  stroke-dasharray: 300px;
}

circle:nth-of-type(1) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

circle:nth-of-type(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

circle:nth-of-type(3) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

circle:nth-of-type(4) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

@-webkit-keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader {
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*====================================================
    5. BUTTONS.
  ====================================================*/
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 0.90rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  border: none;
  border-radius: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
    
.btn-custom {
  color: #FFF;
  transition: 0.9s;
  padding: 0.25rem 1rem;
  font-size: 0.60rem;      
  background: #b4665c;
  border: solid 2px #b4665c;
}

.btn-custom:hover {
  /*color: #FFF;
  background: #3AB3DF; 
  border: solid 2px #3AB3DF;*/
  color: #333;
  background: #e5e5e5;
  border: solid 2px #e5e5e5;
}

.btn-custom:focus, .btn-custom.focus {
  box-shadow: none;
}

.btn-custom.disabled, .btn-custom:disabled {
  color: #fff;
  background-color: #3AB3DF;
  border-color: #3AB3DF;
}

.btn-custom:not(:disabled):not(.disabled):active, .btn-custom:not(:disabled):not(.disabled).active,
.show > .btn-custom.dropdown-toggle {
  color: #fff;
  background-color: none;
  border-color: none;
}

.btn-custom:not(:disabled):not(.disabled):active:focus, .btn-custom:not(:disabled):not(.disabled).active:focus,
.show > .btn-custom.dropdown-toggle:focus {
  box-shadow: none;
}

a.btn-slider {
  display: inline-block;
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  padding: 0.5rem 2rem;
  overflow: hidden;
  transition: 0.3s ease;
  margin-bottom: 0px;
  font-family: 'Poppins', sans-serif;
  background-color: #b4665c;
}

a.btn-slider:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border-bottom: 2px solid #b4665c;
  border-left: 2px solid #b4665c;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.3s ease;
}

a.btn-slider:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border-top: 2px solid #b4665c;
  border-right: 2px solid #b4665c;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s ease;
}
    
a.btn-slider:hover:before,
a.btn-slider:hover:after {
  width: 1rem;
  height: 1rem;
  border-color: #FFF;
}


a.btn-slider:focus, .a.btn-slide.focus {
  box-shadow: none;
}

a.btn-slider.disabled, .a.btn-slide:disabled {
  color: #fff;
  background-color: #3AB3DF;
  border-color: #3AB3DF;
}

.btn-reply {
    color: #FFF;
    transition: 0.9s;
    padding: 4px 10px;
    font-size: 0.60rem;      
    background: #eb662d;
    border: solid 2px #eb662d;
    font-size: 13px;
    border-radius: 0px;
    position: absolute;
    right: 0;
}

.btn-reply:hover {
  color: #FFF;
  background: #3AB3DF; 
  border: solid 2px #3AB3DF;
}

.btn-reply:focus, .btn-reply.focus {
  box-shadow: none;
}

.btn-reply.disabled, .btn-reply:disabled {
  color: #fff;
  background-color: #3AB3DF;
  border-color: #3AB3DF;
}

.btn-reply:not(:disabled):not(.disabled):active, .btn-reply:not(:disabled):not(.disabled).active,
.show > .btn-reply.dropdown-toggle {
  color: #fff;
  background-color: none;
  border-color: none;
}

.btn-reply:not(:disabled):not(.disabled):active:focus, .btn-reply:not(:disabled):not(.disabled).active:focus,
.show > .btn-reply.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-booking {
    color: #FFF;
    transition: 0.9s;
    padding: 0.375rem 0.70rem;
    font-size: 0.60rem;      
    background: #eb662d;
    border: solid 2px #eb662d;
    font-size: 13px;
    border-radius: 20px;
    text-transform: none;
}

.btn-booking:hover {
  color: #FFF;
  background: #e95516; 
  border: solid 2px #e95516;
}

.btn-booking:focus, .btn-reply.focus {
  box-shadow: none;
}

.btn-booking.disabled, .btn-booking:disabled {
  color: #fff;
  background-color: #EF8354;
  border-color: #EF8354;
}

.btn-booking:not(:disabled):not(.disabled):active, .btn-booking:not(:disabled):not(.disabled).active,
.show > .btn-booking.dropdown-toggle {
  color: #fff;
  background-color: none;
  border-color: none;
}

.btn-booking:not(:disabled):not(.disabled):active:focus, .btn-booking:not(:disabled):not(.disabled).active:focus,
.show > .btn-booking.dropdown-toggle:focus {
  box-shadow: none;
}
    
/*====================================================
    6. HEADER.
  ====================================================*/
.top-header{
    background-color: #3c3c3c;
    height: 50px;
    width: 100%;
    clear: both;
    position: fixed;
    top: 0;
    z-index: 99;
}

.top-header .container{
    padding: 0px;
}

.top-header p{
    margin-bottom: 0px;  
    color: #fff; 
    font-size: 14px;
}
.header-left a:hover{  
    color: #000;
}
.header-right a:hover{  
    color: #b4665c;
}
.header-left{
    float: left;
    margin-bottom: 5px;
    background-color: #b4665c;
    width: 680px;
    margin-left: -450px;
    text-align: right;
    padding: 10px 20px 12px 0px;
}
    
.header-left p::before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f095";
    margin-right: 10px;
}
    
.header-left strong{
    font-weight: 600;
}

.header-right{
    float: right;
    padding: 9px 0px;
}

.ht-right-email{
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 15px;
}
  
.ht-right-email p::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0";
    margin-right: 10px;
}

.ht-right-search{
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 15px;
}
  
/*.ht-right-search p::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002";
    margin-right: 10px;
}*/

.ht-right-language{
    display: inline-block;
    margin-right: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 15px;
} 
.ht-right-language a{margin-right: 5px;}
.ht-right-language a:last-child{margin-right: 0;}
.ht-right-language input {width: 24px;margin-bottom: -9px;position: relative;top: -1px;margin-left: 5px;}
.ht-right-language a {width: 24px;margin-bottom: -9px;position: relative;display: inline-block;margin-left: 5px;}
.ht-right-language img {width:100%;}
.ht-right-language p::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0ac";margin-right: 10px;}

.ht-right-social{
    display: inline-block;
    margin-right: 10px;
    color: #FFF;
    font-size: 15px;
} 
    
header{
    position: relative;
    height: 100%;
    z-index: 100;
}

header .container{
    margin: auto;
}

/*====================================================
    7. FOOTER.
  ====================================================*/
footer{
    background-color: #f6f6f6;
    padding: 2rem 0rem;
    /*margin-top: 1rem;*/
	background: url(img/footer-bg.jpg);
    background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
} 

footer a:hover {color:#b4665c;}

footer .container{
    margin: 1rem auto;
}

.footer-col .footer-logo{
    width: 240px;
}

.footer-col .footer-logo img{
    width: 100%;
}

.footer-col h4{
    color: #333;
    font-size: 17px;
	text-transform: uppercase;
}

.footer-col h4:after {
	background: #b4665c; 
	content: '';
	display: block;
	height: 3px;
	margin: 15px 0px 20px;
	width: 60px;
}

.footer-col p{
    line-height: 1.5;
    margin-top: 15px;
    font-weight: 13px;
    color: #333;
}

.fi-fas{
    float: left;
    margin-right: 15px;
    color: #b4665c;
    line-height: 0.5;
    margin-bottom: 24px;
}

.fi-fas .fas{
    font-size: 14px;
	margin-top: 2px;
}

.span-fi{
    clear: both;
    margin: 20px 0px;
}

.span-fi p{
    font-size: 13px;
}

.span-fi a {
    color:#333;
}

.media-post{
    clear: both;
    height: 70px;
}

.media-thumb{
    width: 70px;
    float: left;
    margin-right: 15px;
}

.media-thumb img{
    width: 100%;
}

.media-caption h5{
    color: #FFF;
    font-size: 14px;
    line-height: 1.3;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.media-caption p{
    margin-top: -5px;
    font-size: 13px;
}

footer hr.divider{
    margin: 30px auto 20px;
    border-top: 1px solid #333;
}

.footer-col hr.divider{
    margin: 20px auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
}

.popular-links ul li{
    font-family: 'Poppins', sans-serif; 
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.5;
    list-style-type:none;
}

.popular-links ul li a{
    color: #333;
}

.popular-links ul li:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f101";
    margin-right: 10px;
}

.footer-grid-box{
    padding: 10px;
}

.gb-photos{
    padding: 3px;
}

.gb-photos img{
    width: 100%;
	height: auto;
}

.footer-bottom{
    padding: 10px 0px;
}

.fb-copyright{
    float: left;
}

.fb-copyright p{
    color: #333;
    font-size: 14px;
}
.fb-copyright a{
    color: #333;
}
.fb-social{
    float: right;
    color: #FFF;
    font-size: 15px;
}

.fb-social a{color:#333;}

.span-fb-social{
    display: inline-block;
    margin-right: 20px;
}

.last-box{
    margin-right: 0px;
}

/*====================================================
    8. PAGES STYLES.
  ====================================================*/
.sections{
    background-image: url("img/pages-bg.jpg");
    height: 430px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.sections:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #b4665c, #b4665c);
  opacity: 0.6;
}

.sections .container{
    margin: 0px auto;
}

.pages-title{
    position: absolute;
    bottom: 30px;
    color: #FFF;
}

.pages-title span{
    font-weight: 600;
    font-size: 2rem;
}

.pages-title h1{
    font-size: 1rem;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 5px;
}

.pages-title p{
    color: #FFF;
}

.breadcrumb{
    background: transparent;
    padding: 0px;
    position: relative;
}

.breadcrumb li{
    display: inline-block;
    float: left;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #FFF;
}

.breadcrumb li::after {
    display: inline-block;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
    margin: 10px;
    color: #FFF;
    font-size: 14px;
    line-height: 2;
    margin: 0 0.80rem;
}

.breadcrumb li:last-of-type::after {
    display: none;
}

.breadcrumb li.current {
    margin-top: 2px;
}

.section-title{
    width: 50%;
    margin: auto auto 1.7rem;
    text-align: center;
}

.section-title h2{
    margin-bottom: 5px;
    font-weight: 600;
}

.section-title h2:before {
	background: url(/images/favicon.png);
    background-size: 100%;
    content: '';
    display: block;
    height: 40px;
    width: 40px;
    margin: 0 auto;
}

.section-title p{
    line-height: 1.8;
}

/*====================================================
    9. ABOUT US.
  ====================================================*/
.about-info h5{
    font-size: 16px;
}    
    
.about-info h2{
    font-size: 1rem;
    line-height: 1;
}  
     
.about-info h2:after{
   background-color: #b4665c;
   content: '';
   display: block;
   height: 5px;
   margin: 15px 0px;
   width: 80px;
}  
    
.about-info p{
    margin-bottom: 0.80rem;
}  

.about-info p strong{
    font-weight: 500;
    color: #333;
    font-style: italic;
    font-size: 16px;
}
    
.about-img img{
    width: 100%;
}

.about-bar{
    margin: 3rem 0rem;
}

.circle-box{
    text-align: center;
    cursor: pointer;
}
    
.circle-box h4{
    margin: 20px 0px 10px;
    font-weight: 500;
}  
    
.circle-box p{
    line-height: 1.8;
}

.cb-circle{
    width: 80px;
    height: 80px;
    background-color: #F7FAFA;
    border-radius: 50%;
    margin: auto;
    position: relative;
    transition: 0.3s;
} 
    
.circle-box:hover .cb-circle{
    background-color: #3AB3DF;
} 
    
.circle-box .icon-hover{
    display: none;
}
      
.circle-box:hover .icon-default{
    display: none;
}  
    
.circle-box:hover .icon-hover{
    display: inherit;
}
    
.cb-icon{
    width: 45px;
    height: 45px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
    
.cb-icon img{
    width: 100%;
}

.parallax-side{
    background-image: url("../img/images/img6.jpg");
    height: 500px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
    
.content-side{
    width: 100%;
    height: auto;
    background-color: #35414b;
    margin-top: 3rem;
    margin-left: -4rem; 
}
    
.inner-content{
    padding: 3rem 2rem 1.5rem;
    width: 80%;
}

.inner-content p{
    color: #FFF;
}
    
.panel-title{
    margin-bottom: 20px;
    border-left: solid 6px #3AB3DF;
}

.panel-title h2{
    color: #FFF;
    margin-left: 20px;
}

.panel-title h5{
    color: #FFF;
    margin-left: 20px;
    margin-bottom: 2px;
}
    
hr.divider{
    margin: 1.5rem auto 2rem;
    border-top: 1px solid rgba(58, 179, 223, 0.5);
}
    
.sp-icon-box{
    width: 50px;
    height: 120px;
    margin-right: 20px;;
    float: left;
}
    
.sp-icon{
    width: 50px;
}

.sp-icon img{
    width: 100%;
}

.sp-caption h4{
    color: #FFF;
}

.sp-caption p{
    color: #FFF;
    font-size: 14px;
    line-height: 1.7;
    margin-top: 10px;
}
    
/* ---------- COUNTER ----------*/

.counter-section{
    background-color: #3AB3DF;
    padding: 2rem 0rem 1rem;
    margin-top: -130px;
    background-image: url("img/denta-patterm.jpg");
     background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    z-index: -2;
}

.counter-section:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #3AB3DF, #3AB3DF);
  opacity: 0.9;
}

.counter-section-alt{
    background-color: #3AB3DF;
    padding: 1.5rem 0rem 0.75rem;
    background-image: url("img/denta-patterm.jpg");
     background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    z-index: -2;
}

.counter-section-alt:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #b4665c, #b4665c);
  opacity: 0.9;
}
    
.counter-icon{
    width: 50px;
    margin: auto;
}

.counter-icon img{
    width: 100%;
}
    
.counter-statistics .counter{
    font-size: 1.5rem;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-align: center;
    margin: 10px 0px;
}
       
.counter-statistics p{
    color: #FFF;
    text-align: center;
    margin-top: -10px;
}
    
/*====================================================
    10. ABOUT US  ALT.
  ====================================================*/
.about-alt-title{
    border-left: solid 5px #b4665c;
    margin-bottom: 1rem;
}

.about-alt-title h5{
    margin-left: 15px;
    margin-bottom: 5px;
}

.about-alt-title h2{
    margin-left: 15px;
}

.about-us-alt-info p{
    margin-bottom: 1rem;
}

.about-us-alt-info strong{
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 16px;
}

.about-us-alt-img img{
    width: 100%;
	height: auto;
}

.signature{
    width: 150px;
}

.signature img{
    width: 100%;
}

.box-layer{
    padding: 30px 25px 35px;
    transition: 0.3s;
    cursor: pointer;
} 
    
.box-layer h4{
    margin: 20px 0px 10px;
    transition: 0.3s;
    font-weight: 600;
}  
       
.box-layer p{
    font-size: 14px;
    line-height: 1.8;
    transition: 0.3s;
}  
    
.active-layer{
    background-color: #3AB3DF;
    border-radius: 5px;
}
    
.bl-icon-active{
    width: 40px;
} 

.bl-icon-active img{
    width: 100%;
}
    
h4.active{
    color: #FFF;
}    

p.active{
    color: #FFF;
}
    
.box-layer .bl-icon{
    width: 40px;
}   

.box-layer .bl-icon img{
    width: 100%;
}
  
.box-layer .bl-icon-hover{
    width: 40px;
    display: none;
}
    
.box-layer .bl-icon-hover img{
    width: 100%;
}
    
.box-layer:hover{
    background-color: #3AB3DF;
    border-radius: 5px;
}    
    
.box-layer:hover .bl-icon{
    display: none;
}   
    
.box-layer:hover .bl-icon-hover{
    display: inherit;
}  
    
.box-layer:hover h4{
    color: #FFF;
}    
    
.box-layer:hover p{
    color: #FFF;
}

.og-section-tittle{
    width: 100%;
    margin-bottom: 1.5rem;
    border-left: solid 6px #3AB3DF;
}
      
.og-section-tittle h5{
    color: #DDD;
    margin-bottom: 10px;
    margin-left: 20px;
} 
    
.og-section-tittle h2{
    margin-left: 20px;
}
    
.og-about-alt p{
    margin-bottom: 1rem;
}   
    
.og-about-alt strong{
    font-weight: 600;
    color: #333;
    font-style: italic;
}
    
.og-accordion{
    margin-top: 1.5rem;
}
    
.og-accordion .accordion {
   border-top: 1px solid #FFF;
   background: #F7FAFA;
   padding: 0px 20px;
}

.og-accordion .accordion li {
    border-bottom: 2px solid #fff;
    position: relative;
    list-style-type:none;
}

.og-accordion .accordion li p {
    display: none;
    padding: 10px 20px 20px;
    color: #516163;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.og-accordion .accordion a {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    display: block;
    cursor: pointer;
    font-weight: 500;
    line-height: 3;
    font-size: 16px;
    user-select: none;
}

.og-accordion .accordion li a.active{
    color: #3AB3DF;
}

.og-accordion .accordion a.hover{
    color: #3AB3DF;
}

.og-accordion .accordion a:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid #3AB3DF;
    border-bottom: 2px solid #3AB3DF;
    position: absolute;
    right: 5px;
    content: " ";
    top: 20px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.og-accordion a.active:after {
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #3AB3DF;
    border-bottom: 1px solid #3AB3DF;
}

.og-accordion .accordion .last-item{
    border-bottom: none;
}
    
.worker-portrait img{
    width: 100%;
}

.testimonials-parallax-alt{ 
    background-image: url("../img/images/img2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 1rem 0rem 0.50rem;
}

.testimonials-parallax-alt:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #35414b, #35414b);
  opacity: 0.9;
}

.about-testimonials{
    padding: 1rem 0rem;
}

.about-testimonials h5{
    text-transform: none;
    color: #FFF;
    font-style: italic;
    font-size: 15px;
}
    
.about-testimonials h2:after{
   background-color: #3AB3DF;
   content: '';
   display: block;
   height: 5px;
   margin: 0.80rem 0rem;
   width: 80px;
}   
    
.about-testimonials h2{
   font-size: 1.3rem;
    color: #FFF;
} 

.about-testimonials strong{
    font-weight: 600;
    font-style: italic;
}
    
.about-testimonials p{
    font-size: 14px;
    color: #FFF;
    line-height: 1.9;
    margin-bottom: 0.70rem;
}

.testimonials-box{
    padding: 1.5rem;
    margin: 20px;
    background-color: #FFF;
}
    
.testimonials-box p{
    font-size: 14px;
    line-height: 1.5;
    color: #737373;
    font-style: italic;
}
    
.tb-client-details{
    margin-top: 1.5rem;
}
    
.tb-client-avatar{
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px;
}

.tb-client-avatar img{
    width: 100%;
    border-radius: 50%;
}
    
.tb-client-details .caption{
    padding: 10px 0px;
}  
    
.tb-client-details .caption h4{
    font-size: 15px;
    font-weight: 400;
}  
    
.tb-client-details .caption strong{
    font-weight: 600;
}
    
.span-rating{
    margin-top: -10px;
}
    
.inner-star{
    display: inline-block;
    margin-right: 2px;
}
    
.inner-star .fas{
    font-size: 13px;
    color: #eb662d;
}
    
.groucho:after {
  content: '\201D';
  position: absolute;
  top: 3rem;
  right: 2.5rem;
  font-size: 6em;
  font-style: italic;
  color: #e7e6e4;
  z-index: 1;
}

/*====================================================
    11. SERVICES.
  ====================================================*/
.service-box{
    background-color: #FFF;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    padding: 1rem .5rem;
    cursor: pointer;
	text-align: center;
}   

.service-box .fullLink,
.dental-col-1 .fullLink,
.dental-col-2 .fullLink,
.dental-col-3 .fullLink,
.dental-col-4 .fullLink {position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index: 9;}
.dental-col-1:hover,
.dental-col-2:hover,
.dental-col-3:hover,
.dental-col-4:hover {background: #b4665c;outline: 1px solid #fff;
    outline-offset: -10px;border-radius: 0;}
.dental-col-1:hover h3,
.dental-col-2:hover h3,
.dental-col-3:hover h3,
.dental-col-4:hover h3 {color: #fff;}
.cb-circle{
    width: 80px;
    height: 80px;
    background-color: #F7FAFA;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    transition: 0.3s;
	top: -50px;
    left: 10px;
    box-shadow: 0 10px 10px -10px #000;
} 
    
.service-box:hover .cb-circle{
    background-color: #b4665c;
} 
    
.service-box .icon-hover{
    display: none;
}
      
.service-box:hover .icon-default{
    display: none;
}  
    
.service-box:hover .icon-hover{
    display: inherit;
}
    
.cb-icon{
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
    
.cb-icon img{
    width: 100%;
}
    
.sb-caption h4{
    margin: 0 0rem 0.25rem;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	height: 45px;
}   

.sb-caption h4 a {color: #35414b;}
.service-box:hover .sb-caption h4 a {color: #35414b;}
.sub-category-list .service-box {background-color: #F7FAFA;}
  
.sb-caption p{
    line-height: 1.6;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
} 
    
.sb-caption h5{
    margin-top: 0.5rem;
    font-weight: 400;
    color: #b4665c;
    font-weight: 600;
    margin-bottom: 0;
} 
    
.sb-caption a {
	color: #b4665c;
    text-decoration: none;
    transition: 0.3s;
}

.sb-caption a:hover,
.service-box:hover .sb-caption a {
	color: #3AB3DF;
    text-decoration: none;
}
    
.sb-desktop-view{
    margin-bottom: 2rem;
}

.sb-desktop-view-box {position:relative;}

/*====================================================
    12. 404 ERROR PAGE.
  ====================================================*/
.error-page-container{ 
    background-image: url("../img/images/denta-patterm.jpg");
    height: 900px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.error-page-container:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #FFF, #FFF);
  opacity: .9;
}

.ep-content{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.ep-content h1{
    font-size: 4rem;
    font-weight: 600;
    color: #002642;
}

.ep-content h5{
    color: #333;
}

.ep-content p{
    color: #808080;
    font-size: 16px;
}

/*====================================================
    13. TEAM.
  ====================================================*/
.team-portrait{
    cursor: pointer;
	background:#f6f6f6;
	text-align:center;
	
}
    
.tp-avatar img{
    width: 100%;
    transition: 0.3s;
} 
.tp-avatar a {
    display:block;
    transition: 0.3s;
} 
.team-portrait:hover .tp-avatar img{
   border: solid 5px #b4665c;
}
 .team-portrait:hover .tp-avatar a{
   border: solid 5px #b4665c;
}   
    
.tp-caption{
    margin: 20px 0px 30px;
	padding-bottom: 20px;
}
       
.tp-caption h3{
    font-weight: 500;
}  
.tp-caption h3 a{
	color: #35414b;
} 
.tp-caption h4{
    font-size: 16px;
    color: #b4665c;
    font-weight: 400;
    margin-bottom: 10px;
}
    
.tp-caption p{
    font-size: 14px;
    line-height: 1.7;
}
    
.span-social{
    margin-top: 15px;
}
    
.span-social .social-icon{
    display: inline-block;
    margin: 0px 3px;
}   
.span-social .social-icon a {
    display: block;width:23px;
} 
.span-social .social-icon .fab,
.span-social .social-icon .fas,
.span-social .social-icon .far{
    font-size: 18px;
    color: #b4665c;
    transition: 0.3s;
}  
    
.span-social .social-icon .fab:hover{
    color: #eb662d;
}  

.d-desktop-view{
    margin-top: 2rem;
}

/*====================================================
    14. DOCTOR SINGLE.
  ====================================================*/
.doctor{
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.doctor-portrait img{
    width: 100%;
}

.doctor-caption{
    padding: 1.2rem;
}

.doctor-caption p{
    line-height: 1.7;
}

.doctor-caption h3{
    font-weight: 600;
    margin-bottom: 5px;
}

hr.d-divider{
    margin: 1rem auto 1rem;
    border-top: 1px solid rgba(53, 65, 75, 0.3);
}

p.profession{
    color: #b4665c;
    font-size: 17px;
}

.doctor-information{
    padding-left: 1rem;
}

.doctor-information p{
    margin: 1rem 0rem;
}

.doctor-information h3{
    font-size: 1.1rem;
    margin-top: 1.5rem;
    margin-bottom: 0rem;
}

.contact-list{
    margin-top: 0.80rem;
}

.contact-list p{
    line-height: 2.2;
}

.contact-list p.office::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f095";
    margin-right: 15px;
    color: #b4665c;
}

.contact-list p.phone::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f3cd";
    margin-right: 20px;
    color: #b4665c;
}

.contact-list p.mail::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f0e0";
    margin-right: 18px;
    color: #b4665c;
}

.d-schedule{
    margin-top: 1rem;
}

.clock-svg{
    width: 50px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.clock-svg img{
    width: 100%;
}

.d-schedule h5{
    margin-bottom: 0px;
}

.d-schedule p{
    font-size: 14px;
    line-height: 1.7;
}

.span-schedule{
    margin-top: 20px;   
}

.span-schedule .list-group-item {
    position: relative;
    display: block;
    padding: 0.50rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #516163;
}

.span-schedule .list-group-item .badge {
    display: inline-block;
    padding: 5px 10px;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    float: right;
    font-family: 'Poppins', sans-serif;
    background: #3AB3DF;
    color: #FFF;
    font-weight: 400;
}

.span-schedule .list-group-item a {
	color: #516163;
    text-decoration: none;
    transition: 0.6s;
}

.span-schedule .list-group-item a:hover {
	color: #3AB3DF;
    text-decoration: none;
}

.d-social-icons{
    display: inline-block;
    text-align: center;
    margin: 0px 5px;
}

.d-social-icons .fab{
    font-size: 18px;
}

.d-social-icons a {
	color: #35414b;
    text-decoration: none;
    transition: 0.3s;
}

.d-social-icons a:hover {
	color: #b4665c;
    text-decoration: none;
}

.doctor-information h4{
    font-size: 18px;
}

.doctor-information h4::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f192";
    margin-right: 15px;
    color: #3AB3DF;   
}

/* ---------- DOCTOR CONTACT FORM ----------*/
.customize-contact {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    border: none;
    border-bottom: solid #DDD 1px;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 3px 0px;
    transition: 0.6s;
    border-radius: 0px;
}

.customize-contact::-ms-expand {
  background-color: transparent;
  border: 0;
}

.customize-contact:focus {
  color: #495057;
  background-color: #FFF;
  border-color: none;
  outline: 0;
  box-shadow: none;
  border-bottom: solid #eec445 2px;
}

.with-errors{
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    text-align: left;
}

.alert-success {
  color: #FFF;
  background-color: #EF8354;
  border-color: #EF8354;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

.close {
  float: right;
  margin-left: 5px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #FFF;
  text-shadow: none;
  opacity: 1;
}

/*====================================================
    15. FAQ.
  ====================================================*/
.accordion-title{
    margin-bottom: 1.5rem;
}

.accordion {
    border-top: 1px solid #d9e5e8;
}

.accordion li {
    border-bottom: 1px solid #d9e5e8;
    position: relative;
    list-style-type:none;
}

.accordion li p {
    display: none;
    padding: 10px 20px 20px;
    color: #516163;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.accordion a {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    display: block;
    cursor: pointer;
    font-weight: 500;
    font-size: 17px;
    user-select: none;
}

.accordion li a.active{
    color: #3AB3DF;
}

.accordion a.hover{
    color: #3AB3DF;
}

.accordion > a:after,
.accordion .btn-link.collapsed:after,
.accordion .btn-link:after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #3AB3DF;
    border-bottom: 1px solid #3AB3DF;
    position: absolute;
    right: 5px;
    content: " ";
    top: 20px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.active:after,
.accordion .btn-link:after {
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #002642;
    border-bottom: 1px solid #002642;
}    
    
.content-box{
    background-color: #F6F6F6;
    height: 100%;
    padding: 40px 10px; 
    text-align: center;
    transition: 0.3s;
}

.content-box p{
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 15px;
}

.content-box .icon-circle{
    width: 70px;
    height: 70px;
    background: #3AB3DF;
    border-radius: 50%;
    position: relative;
    margin: auto auto 20px;
    transition: 0.3s;
}

.content-box:hover .icon-circle{
    background: #EF8354;
}

.content-box .icon-circle .fas{
    font-size: 35px;
    line-height: 70px;
    background: transparent;
    color: #FFF;
    width: 70px;
    height: 70px;
    text-align: center;
    vertical-align: bottom;
}

.content-box h3{
    margin-bottom: 20px;
}

.middle-box{
    border-left: solid 2px #FFF;
    border-right: solid 2px #FFF;
}
    
.content-box h5{
    font-size: 17px;
    line-height: 1.7;
    margin-top: 15px;
    text-transform: none;
    margin-bottom: 0px; 
}
    
.content-box a {
    text-decoration: none;
    position: relative;
    color: #EF8354;
    transition: 0.3s;
}
.content-box a:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-width: 0 0 2px;
    border-style: solid;
}
    
.content-box a:hover{
    color: #35414b;
}

/*====================================================
    16. BLOG PREVIEW.
  ====================================================*/
.thumbnail-box{
    background-color: #FFF; 
    box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -moz-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -webkit-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -o-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
    margin: 0px 10px 10px;
}  
    
.tb-image img{
    width: 100%;
}  
    
.tb-caption{
    background-color: #FFF;
    padding: 0rem 0.7rem 1rem;
}
    
.inner-caption{
    background-color: #FFF;
    margin-top: -50px;
    position: relative;
    z-index: 1;
    padding: 0.80rem 0.80rem 0rem;
}    
    
.inner-caption p{
    font-size: 14px;
    line-height: 1.8;
    clear: both;
    margin-top: -5px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
    
.ic-top{
    position: relative;
    margin-bottom: 20px;
}
    
.ic-top h3{
    font-size: 18px;
    font-weight: 600;
    color: #002642;
    line-height: 1.4;
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
} 
    
.thumbnail-box:hover h3{
    color: #b4665c;
}

.post-date{
    width: 50px;
    height: 50px;
    background-color: #b4665c;
    text-align: center;
    padding: 15px 10px;
    float: left;
    margin-right: 10px;
}

.post-date p{
    margin-bottom: 0px;
    line-height: 0.8;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.post-date span{
    font-weight: 400;
    font-size: 14px;
}
    
.image-hover .tb-image {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow: hidden;
    max-height: 230px;
    position: relative;
}
    
.image-hover .tb-image:hover+span {
	bottom: -36px;
	opacity: 1;
}

.hover-effects .tb-image img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
    
.hover-effects .tb-image:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
    
.tb-bottom{
    background-color: #F7FAFA;
    padding: 0px 20px;
    height: 40px;
}
    
.tbb-inner{
    float: right;
}
    
.tb-bottom p{
    color: #8C8C9E;
    font-size: 15px;
}
    
.comment-box-alt{
    display: inline-block;
}   
    
.user-box{
    display: inline-block;
    margin-right: 10px;
}
    
.comment-box-alt p::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f086";
    margin-right: 5px;
    color: #b4665c;
} 
    
.user-box p::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f007";
    margin-right: 5px;
    color: #b4665c;
}

/*====================================================
    17. BLOG GRID.
  ====================================================*/
.blog-grid{
    margin: 0px;
}

.bg-col-desktop{
    margin-top: 2rem;
}

.site-pagination{
    width: 200px;
    margin: 0rem auto 2rem;
}

.site-pagination .pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0rem;
}

.site-pagination .page-link {
    position: relative;
    display: block;
    padding: 0.3rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #333;
    background-color: #fff;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.site-pagination .page-link:hover {
    z-index: 2;
    color: #3AB3DF;
    text-decoration: none;
    background-color: #F7FAFA;
    border-color: #F7FAFA;
}

.site-pagination .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}

.page-link .fas{
    font-size: 18px;
}

.site-pagination .page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #3AB3DF;
  border-color: #3AB3DF;
}

/*====================================================
    18. BLOG SIDEBAR.
  ====================================================*/
.blog-search{
    display: inline-block;
    position: relative;
    color: #FFF;
    margin-bottom: 2rem;
    width: 100%;
}
     
.blog-search .form-control {
    background-color: #F7FAFA;
    border: none;
    border-radius: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 14px;
    height: 45px;
    font-family: 'Poppins', sans-serif;
    color: #CCC;
    transition: 0.3s;
}
    
.blog-search .form-control:focus {
  color: #CCC;
  background-color: #F7FAFA;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.blog-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2rem;
    height: 45px;
    line-height: 45px;
    text-align: center;
    pointer-events: none;
    color: #CCC;
    right: 0;
    font-size: 16px;
}

.aside-list-group{
    margin-bottom: 1.5rem;
}

.aside-list-group h4{
    margin-bottom: 1rem;
    font-weight: 600;
}

.aside-list-group .list-group-item {
    position: relative;
    display: block;
    padding: 0.50rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #516163;
}

.aside-list-group .list-group-item .badge {
    display: inline-block;
    padding: 5px 10px;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    float: right;
    font-family: 'Poppins', sans-serif;
    background: #3AB3DF;
    color: #FFF;
    font-weight: 400;
}

.aside-list-group .list-group-item a {
	color: #516163;
    text-decoration: none;
    transition: 0.6s;
}

.aside-list-group .list-group-item a:hover {
	color: #3AB3DF;
    text-decoration: none;
}

.aside-related-posts h4{
    margin-bottom: 1rem;
    font-weight: 600;
}

.aside-related-posts .media{
    margin-bottom: 10px;
}

.mr-3{
    width: 80px;
    height: 80px;
}

.mr-3 img{
    width: 100%;
}

h5.mt-0{
    text-transform: none;
    color: #333;
    line-height: 1.3;
    margin-bottom: 0px;
    font-size: 16px;
}

h5.mt-0 a {
	color: #333;
    text-decoration: none;
    transition: 0.3s;
}

h5.mt-0 a:hover {
	color: #3AB3DF;
    text-decoration: none;
}

.media-body p{
    font-size: 14px;
}

.aside-tags{
   margin-top: 1.3rem; 
}

.aside-tags h4{
    margin-bottom: 1rem;
    font-weight: 600;
}

.btn-tags {
    color: #516163;
    transition: 0.6s;
    padding: 0.2rem 0.6rem;
    font-size: 14px;  
    background: #f0f5f5;
    border-radius: 0px;
    text-transform: none;
    font-weight: 400;
}

.btn-tags:hover {
    color: #FFF;
    background-color: #002642;
}

.btn-tags:focus, .btn-tags.focus {
  box-shadow: none;
}

.btn-tags.disabled, .btn-tags:disabled {
  color: #fff;
  background-color: #002642;
  border-color: #002642;
}

/*====================================================
    19. BLOG CONTENT.
  ====================================================*/
.post-preview-img img{
    width: 100%;
}

.pp-caption{
    margin-top: 1.5rem;
}

.pp-caption h3{
    font-size: 1.2rem;
    font-weight: 700;
}

.post-details{
    margin: 15px 0px;
}

.post-details p{
    color: #babac4;
}

.pd-date, .pd-user, .pd-comments{
    display: inline-block;
    margin-right: 20px;
}

.pd-date p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f073";
    margin-right: 10px;
    color: #b4665c;
}

.pd-user p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f007";
    margin-right: 10px;
    color: #b4665c;
}

.pd-comments p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f086";
    margin-right: 10px;
    color: #b4665c;
}

.read-more{
    margin-top: 1rem;
}

hr.post-divider{
    margin: 2rem auto 2rem;
    border-top: 1px solid rgba(53, 65, 75, 0.1);
}

.span-blog-sidebar{
    margin-top: 2rem;
}

/*====================================================
    20. BLOG SINGLE.
  ====================================================*/
.post-picture img{
    width: 100%;
}

.post-content{
    margin-top: 1.5rem;
}

.post-content h3{
    font-size: 1.2rem;
    font-weight: 700;
}

.post-content p{
    margin-bottom: 1rem;
}

.post-content .post-details p{
    margin-bottom: 0rem;
}

.ludwig {
  position: relative;
  padding-left: 1em;
  border-left: 0.2em solid #3AB3DF;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 100;
}
.ludwig:before, .ludwig:after {
  content: '\201C';
  font-family: 'Sanchez';
  color: #3AB3DF;
}
.ludwig:after {
  content: '\201D';
}

.comment-box, .comment-form{
    margin-top: 3rem;
}

.comment-block{
    clear: both;
    position: relative;
}
    
h3.comment-tittle{
    margin-bottom: 2rem;
    font-weight: 600;
}
       
.form-title{
    margin-bottom: 2rem;
}    
    
.form-title h3{
    font-weight: 600;
}
    
.user-avatar{
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
    margin-bottom: 80px;
} 
    
.user-avatar img{
    width: 100%;
    border-radius: 50%;
}

.cb-caption h4{
    font-size: 17px;
}

.cb-caption h6{
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    color: #3AB3DF;
    margin-bottom: 10px;
}
    
.cb-caption p{
    line-height: 1.7;
}
    
.reply-comment{
    margin-left: 2rem;
}

.customize {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #F7FAFA;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 5px 0px;
    transition: 0.6s;
}

.customize::-ms-expand {
  background-color: transparent;
  border: 0;
}

.customize:focus {
  color: #495057;
  background-color: #eff5f5;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.post-comment{
    margin-top: 2rem;
}

/*====================================================
    21. DEPARTMENTS.
  ====================================================*/
.departments .list-group-item, .departments .list-group li a {
    position: relative;
    display: block;
    padding: 10px 5px;
    margin-bottom: -1px;
    background-color: #e5e5e5;
    border: none;
    border-radius: 0px;
    margin-bottom: 5px;
    border-left: solid 5px #b4665c;
    transition: 0.3s ease;
    cursor: pointer;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
	border-radius: 0 5px 5px 0;
} 
.departments .list-group li a {position:relative;}
/*.departments .list-group li a:after {content: ">";position: absolute;font-size: 18px;margin-top: -2px;right: 12px;}*/
.departments .list-group-item .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #333;
    transition: 0.3s ease;
}

.departments .active, .departments .list-group li.active a{
    background-color: #b4665c;
    color: #FFF;
}
.departments .list-group li.active {background-color:transparent;}
.departments .list-group li:first-child {display:none;}
.departments .list-group.list-group-flush li:first-child {display:block;}
.departments .list-group.list-group-flush li {list-style-type:none;}
.departments .list-group.list-group-flush li.year {font-family: 'Poppins', sans-serif;font-size:20px;font-weight: 500;color: #b4665c;}
.departments .active .badge{
    color: #FFF;
}
  
.departments .list-group-item:hover,
.departments .list-group li a:hover{
    color: #FFF;
}    
    
.departments .list-group-item:hover .badge {
    color: #FFF;
} 
    
.departments .list-group-item:hover,
.departments .list-group li a:hover{
    background-color: #b4665c;
} 
    
.brochures{
    margin-top: 1rem;
}   
    
.brochures p{
    font-size: 14px;
    line-height: 1.6;
}
    
.brochures-files .list-group-item {
    position: relative;
    display: block;
    padding: 20px;
    margin-bottom: -1px;
    background-color: #F7FAFA;
    border: none;
    border-radius: 0px;
    margin-bottom: 5px;
    transition: 0.3s ease;
    cursor: pointer;
    text-align: left;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
}
    
.brochures-files .list-group-item:hover {
    background-color: #eb662d;
    color: #FFF;
} 
 
.brochures-files{
    margin-top: 1rem;
}
    
.brochures-files .list-group-item .fas{
    margin-right: 15px;
    color: #eb662d;
    transition: 0.3s ease;
}   
    
.brochures-files .list-group-item:hover .fas{
    margin-right: 15px;
    color: #FFF;
} 

.banner{
    margin: 1.5rem 0rem;
}

.banner img{
    width: 100%;
}

.department-information{
    margin-top: 2rem;
}

.department-img img{
    width: 100%;
}

.department-information h3{
    margin-bottom: 1rem;
}

.department-information p{
    margin-bottom: 1rem;
}

.di-col{
    margin-top: 2rem;
}

.di-col p{
    margin-bottom: 2rem;
}

.di-thumb img{
    width: 100%;
}

.di-bulltets{
    padding: 1rem 0rem;
}

.di-bulltets p{
    line-height: 1.5;
    margin-bottom: 15px;
}

.di-bulltets p::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f00c";
    margin-right: 10px;
    color: #b4665c;
}

.span-accordion{
    margin-top: 2rem;
}

.span-accordion .accordion {
   border-top: 1px solid #FFF;
   background: #F7FAFA;
   padding: 0px 20px;
}

.span-accordion .accordion li {
    border-bottom: 2px solid #fff;
    position: relative;
    list-style-type:none;
}

.accordion li p {
    display: none;
    padding: 10px 20px 20px;
    color: #516163;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.span-accordion .accordion a {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    display: block;
    cursor: pointer;
    font-weight: 500;
    line-height: 3;
    font-size: 16px;
    user-select: none;
}

.accordion li a.active{
    color: #3AB3DF;
}

.accordion a.hover{
    color: #3AB3DF;
}

.span-accordion .accordion a:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid #3AB3DF;
    border-bottom: 2px solid #3AB3DF;
    position: absolute;
    right: 5px;
    content: " ";
    top: 20px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.span-accordion a.active:after {
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-right: 1px solid #3AB3DF;
    border-bottom: 1px solid #3AB3DF;
}

.span-accordion .accordion .last-item{
    border-bottom: 1px solid #F7FAFA;
    padding-bottom: 5px;
}


/*====================================================
    22. CONTACT US.
  ====================================================*/
.contact-info{
    padding-right: 1rem;
}

.contact-info h2:after{
   background-color: #b4665c;
   content: '';
   display: block;
   height: 5px;
   margin: 15px 0px;
   width: 80px;
} 

.contact-info p{
    margin-bottom: 1rem;
}

.customize-contact {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0rem;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    border: none;
    border-bottom: solid #DDD 1px;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 3px 0px;
    transition: 0.6s;
    border-radius: 0px;
}

.customize-contact::-ms-expand {
  background-color: transparent;
  border: 0;
}

.customize-contact:focus {
  color: #495057;
  background-color: #FFF;
  border-color: none;
  outline: 0;
  box-shadow: none;
  border-bottom: solid #b4665c 2px;
}
textarea.customize-contact {min-height:150px;}
.map-iframe{
    width: 100%;
    height: 497px;
    border: none;
    margin: 0px;
}

.contact-box{
    padding: 1.5rem;
    background-color: #F7FAFA;
    text-align: center;
}

.contact-box .phone-icon .fas{
    font-size: 1.5rem;
    color: #3AB3DF;
}

.contact-box h3{
    margin: 15px 0px 10px;
}

/*====================================================
    23. CONTACT US ALT.
  ====================================================*/
.bottom-map{
    line-height: 0;
}

.custom-margin{
    margin-top: 0rem;
}

.map-iframe-alt{
    width: 100%;
    height: 500px;
}

.contact-info-right{
    padding: 1.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.contact-info-right h3{
    font-size: 1.1rem;
}

.contact-info-right p{
    line-height: 1.6;
}

hr.contact-divider{
    margin: 1rem auto 1rem;
    border-top: 1px solid rgba(53, 65, 75, 0.1);
}

.box-contact{
    margin-bottom: 10px;
}

.bc-icon{
    float: left;
    margin-right: 25px;
	margin-bottom: 30px
}
.bc-icon.mail-icon{margin-right:19px;}
.bc-icon .fas{
    color: #b4665c;
}

.bc-caption{
    width: 70%;
    padding: 2px 0px;
}

.bc-caption p{
    color: #333;
}
.bc-caption a{color:#b4665c;}
.bc-caption a:hover{color:#3AB3DF;}
/*====================================================
    24. PRICING TABLE.
  ====================================================*/
.shadow-pricing-table{
    text-align: center;
    font-family: 'Poppins', sans-serif;
    padding: 0px;
    padding-bottom: 1.5rem;
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -moz-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -webkit-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -o-box-shadow: 0 0 10px rgba(204,204,204,0.6);
}

.shadow-pricing-table .table-header{
   padding: 1.5rem 0rem 0.5rem;
}

.shadow-center-table{
    border: none;
}

.shadow-pricing-table .table-header h3{
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 0.80rem;
    margin-bottom: 10px;    
}

.shadow-pricing-table .pt-price{
    margin-top: -15px;
}

.shadow-pricing-table .pt-currency {
    display: inline-block;
    margin-top: 30px;
    vertical-align: top;
    font-size: 18px;
    font-weight: 500;
    color: #c3d0d5;
}

.shadow-pricing-table .pt-value{
    font-size: 2.5rem;
}

.shadow-pricing-table .pt-duration{
    color: #c3d0d5;
    font-weight: 500;
}

.shadow-pricing-table .pt-duration::before {
    content: '/';
    margin-right: 5px;
    color: #c3d0d5;
}

.shadow-pricing-table .pricing-features li {
    list-style-type: none;
    font-size: 15px;
    padding: 12px;
}

.shadow-pricing-table .pricing-features li strong{
    font-weight: 500;
}

.shadow-pricing-table .pricing-features li:nth-of-type(2n+1) {
    background-color: rgba(23, 61, 80, 0.06);
}

/*====================================================
    25. TESTIMONIALS PARALLAX.
  ====================================================*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
    
.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.html) no-repeat center center}

.testimonials-parallax{ 
    background-image: url("img/img2.jpg");
    height: 300px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.testimonials-parallax:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #b4665c, #b4665c);
  opacity: .7;
}
    
.testimonials-parallax .owl-carousel{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: rgb(0 0 0 / 50%);
    max-width: 900px;
    padding: 1.3rem 0rem 1rem; 
}
    
.testimonial{
    margin: auto;
    color: #010446;
    text-align: center;
    position: relative;
    padding: 0px 40px;
}

.testimonial .testimonial-content{
    font-size: 15px;
    line-height: 30px;
    width: 90%;
    margin: auto auto 10px;
}
    
.testimonial .testimonial-content p{
    color: #FFF;
}

.testimonial .client-avatar{
    width: 100px;
    height: 100px;
    margin: auto;
}

.testimonial .client-avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: solid 3px #FFF;
}

.testimonial .testimonial-author{
    margin: 20px 0px 10px;
}

.testimonial .testimonial-author h3{
    margin-bottom: 0px;
    color: #FFF;
	font-weight:500;
}

.testimonial .testimonial-author p{
    color: #eb662d;
    font-weight: 500;
	font-size: 30px;
}

.testimonial .testimonial-author p a {
    color: #eb662d;
    font-weight: 500;
	font-size: 30px;
}

.owl-theme .owl-controls .owl-page span{
    height:15px !important;
    width: 15px !important;
    background-color:#eb662d !important;
    opacity: 0.6 ;
    border-radius: 50%;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background-color: #eb662d !important;
}

/*====================================================
    26. MAGNIFIC POPUP.
  ====================================================*/
.magnific-img {
    width: 100%;
    height: 100%;
}

.magnific-img img {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
    opacity: .65 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
	opacity: 1 !important;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9; 
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; 
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: 'Poppins', sans-serif; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap; 
  font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.magnific-img .image-popup-vertical-fit img a:link {
    text-decoration: none;
    border: solid 2px #000;
}

.magnific-img .image-popup-vertical-fit img a:visited {
    text-decoration: none;
    border: solid 2px #000;
}

.magnific-img .image-popup-vertical-fit img a:hover {
    text-decoration: none;
    border: solid 2px #000;
}

.magnific-img .image-popup-vertical-fit img a:active {
    text-decoration: none;
    color: #000;
    border: solid 2px #000;
}

.mfp-figure button.mfp-close {
    cursor: pointer;
}
.popup-gallery a {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-figure figure {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

/*====================================================
    27. PROJECT GRID 2.
  ====================================================*/
* {-webkit-transform-origin:center!important;transform-origin:center!important;}

.filter-container{
	width:100%;
	margin:0 auto;
	text-align: center;
}

.filter {
	padding: 0;
    list-style: none;
}

.filter li {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    cursor: pointer;
    line-height: 2;
    padding: 0 10px;
    position: relative;
    color: #35414b;
    font-weight: 500;
}

.filter li.active{
    color: #EF8354;
}

#kehl-grid{
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;
	width:100%;
/* 	max-width:1920px; */
}

#kehl-grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-box {
	position:relative;
	float:left;
	display:inline-block;
	overflow: hidden;
	width:calc(100% / 3);
	margin:0;
    padding: 5px;
/* 	 box-sizing: border-box;
	-webkit-transform: translate3d(1px,0,0);
	transform: translate3d(1px,0,0); */
    clear: both;
}

#kehl-grid h3{
	color:#262626;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	font-size: 15px;
	line-height:25px;
	letter-spacing:4px;
	text-transform: uppercase;
}

#kehl-grid p{
	color:#333;
	z-index:4;
	font-size:12px;
	letter-spacing:3px;
	font-family: 'Playfair Display', serif;
	font-weight:400;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-box {
  width: 33.333%;
}

.grid-box {
  float: left;
}

.grid-box img {
  display: block;
  width: 100%;
}

.grid-box .image-mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(256,256,256,0);
	z-index:2;
	transition: all 300ms linear; 
}

.grid-box:hover .image-mask{
	background:rgba(256,256,256,.8);
}
    
.grid-box h3{
	position:absolute;
	width:100%;
	bottom:30%;
	left:0;
	margin-bottom:-16px;
	line-height:26px;
	text-align:center;
	z-index:4;
	opacity:0;
	transition: all 300ms linear; 
}
.grid-box:hover h3{
	bottom:50%;
	opacity:1;
}
.grid-box p{
	position:absolute;
	top:15px;
	left:25px;
	opacity:0;
	font-style: italic;
	line-height:18px;
	transition: all 300ms linear; 
}
.grid-box:hover p{
	top:60px;
	left:25px;
	opacity:0;
}

/*====================================================
   28. YOUTUBE POPUP.
  ====================================================*/
.popup-youtube .video-image {
    position: relative;
    display: inline-block;
}

.popup-youtube .video-image img{
    width: 100%
}

.popup-youtube .video-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent url(img/play-button.html) center center no-repeat;
}

.popup-youtube .video-image img a:link {
    text-decoration: none;
    color: #FFF;
}

.popup-youtube .video-image img a:visited {
    text-decoration: none;
    color: #FFF;
}

.popup-youtube .video-image img a:hover {
    text-decoration: none;
    color: #FFF;
}

.popup-youtube .video-image img a:active {
    text-decoration: none;
    color: #FFF;
}

/*====================================================
    29. MODAL POPUP.
  ====================================================*/
.modal-box{
    text-align: center;
}

.modal-box p{
    margin: 15px 0px 15px 0px;
}

.modal-sm .modal-content{
    background: #FFF;
    border: 1px solid #ddd;
   border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    padding: 10px 20px 10px 20px;
}

.close{
    color: #000;
}

@media (min-width: 992px) {
  .modal-md {
    width: 600px;
  }
}

/*====================================================
    30. PULSE BUTTON EFFECTS.
  ====================================================*/
.pulse-button {
  width: 60px;
  height: 60px;
  border: none;
  box-shadow: 0 0 0 0 rgba(239, 131, 84, 0.7);
  border-radius: 50%;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  background: transparent url(../img/master/play-arrow.png) center center no-repeat;
  background-color: #EF8354;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

    
.organic-pulsing-video .popup-youtube .video-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: none;
} 
    
.youtube-popup{
    position: relative;
}
    
.video-image img{
    width: 100%
}

/*====================================================
    31. SCROLLING TOP.
  ====================================================*/
@media only screen and (min-width: 1024px) {
  main p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #b4665c url(img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;  
  border-radius: 50%;  
  z-index: 99;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.no-touch .cd-top:hover {
  background-color: #3AB3DF;

}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  } 
}

@media only screen and (min-width: 1024px) {

}

/*====================================================
    32. SLIDER.
  ====================================================*/

.home-slider{
    width: calc(100% - 80px); /* yan boşluk: kaynak site ile eşleşme */
    max-width: 1600px;
    margin: 0 auto;
    height: 620px;
    position: relative;
    z-index: 2;
    border-radius: 6px;
    overflow: hidden;
}

.carousel-item {
  height: 620px;
  min-height: 350px;
  background: no-repeat center top scroll; /* üstten başla → doktorun yüzü görünsün */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-item:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #000, #000);
  opacity: 0.12; /* 0.3 → 0.12: daha açık overlay */
}

.carousel-item .container{
    margin: 0rem auto;
}

.slider-caption{
    position: absolute;
    top: 40%;
    text-align: left;
}

.slider-caption h2{
    font-weight: 400;
}

.slider-caption span{
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}

.display-4{
    color: #FFF;
    font-size: 2.5rem;
    line-height: 1.2;
}

.lead{
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    width: 70%; 
}

.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 10%;
  bottom: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: transparent no-repeat center center;
  background-size: 50% 50%;
  background-color: #35414b;
}

.carousel-control-prev-icon {
  background-image: url("img/left-arrow.svg");
}

.carousel-control-next-icon {
  background-image: url("img/right-arrow.svg");
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 40px;
  height: 4px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

.carousel-indicators .active {
  opacity: 1;
    background-color: #EEC344;
}

.btn-more{
    margin-top: 1.5rem;
}

/*====================================================
    33. HOME PAGE ONE.
  ====================================================*/

.front-layers{
    background-color: #FFF;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin-top: -180px;
    z-index: 3;
    position: relative;
}
    
.front-layers .row{
    margin: 0px;
}
    
.thumbnail-col{ 
    background-image: url("../img/images/gallery5.jpg");
    height: 285px; 
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.thumbnail-col:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #3AB3DF, #3AB3DF);
  opacity: 0.6;
} 
    
.info-layer{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    width: 100%;
}
    
.if-icon{
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
}  

.if-icon img{
    width: 100%
}
    
.if-caption{
    width: auto;
}   
    
.if-caption h4{
    color: #FFF;
    font-weight: 400;
    line-height: 1.2;
}
       
.if-caption span{
    font-weight: 600;
}
   
.layer-col{
    padding: 2rem 1.5rem;
    background-color: #FFF;
}

.layer-col .span-schedule{
    margin-top: 20px;   
}

.layer-col .span-schedule .list-group-item {
    position: relative;
    display: block;
    padding: 0.50rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #516163;
}

.layer-col .span-schedule .list-group-item .badge {
    display: inline-block;
    padding: 5px 10px;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    float: right;
    font-family: 'Poppins', sans-serif;
    background: transparent;
    color: #516163;
    font-weight: 400;
}

.layer-col .span-schedule .list-group-item a {
	color: #516163;
    text-decoration: none;
    transition: 0.6s;
}

.layer-col .span-schedule .list-group-item a:hover {
	color: #3AB3DF;
    text-decoration: none;
}
    
.form-col{
    padding: 2rem 1.5rem;
    background-color: #3AB3DF;
}
    
.form-col .row .col-md-6{
    padding: 0px;
    padding-right: 10px;
}

.form-col h3{
    margin-bottom: 1rem;
    color: #FFF;
}
    
.layer-contact {
    display: block;
    width: 100%;
    height: calc(1.5rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #F7FAFA;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 3px 0px;
    transition: 0.6s;
    border-radius: 0px;
    border-radius: 20px;
}

.layer-contact::-ms-expand {
  background-color: transparent;
  border: 0;
}

.layer-contact:focus {
  color: #FFF;
  background-color: #e0ebeb;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.home-about{
    padding-right: 1rem;
}

.home-about h2{
   line-height: 1.2;
   margin-bottom: 1rem;
}

.home-about strong{
    font-weight: 600;
}

.home-about p{
    margin-bottom: 1.5rem;
}

.home-about h5::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f58d";
    color: #3AB3DF;
    margin-right: 10px;
}

.home-about h5 {
    color: #DDD;
  }

.home-about-img img{
    width: 100%;
}

.ha-bullets p{
    margin-bottom: 0px;
    line-height: 2.5;
}

.bullets-left p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f00c";
    color: #3AB3DF;
    margin-right: 10px;
}

.bullets-right p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f00c";
    color: #3AB3DF;
    margin-right: 10px;
}

.bullets-left{
    float: left;
}

.bullets-right{
    float: right;
}

.signature-alt{
    width: 150px;
}

.signature-alt img{
    width: 100%;
    margin-top: 1rem;
}

.services-carousel .slide .service-box{
    margin: 10px;
}

.parallax-section{ 
    background-image: url("../img/images/img65.jpg");
    height: 500px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.parallax-section:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #FFF, #FFF);
  opacity: 0.3;
}

.parallax-label{
    background-color: #FFF;
    border-left: solid 5px #3AB3DF;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 600px;
    padding: 2rem;
    box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -moz-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -webkit-box-shadow: 0 0 10px rgba(204,204,204,0.6);
    -o-box-shadow: 0 0 10px rgba(204,204,204,0.6);
}

.parallax-label h2{
    font-style: italic;  
}

.parallax-label p{
    margin-bottom: 1rem;  
}

/*====================================================
    34. HOME PAGE TWO.
  ====================================================*/

.dental-bar{
    margin-top: -150px;
    position: relative;
    text-align: center;
    z-index: 3;
}

.dental-bar>.row {background: #f6f6f6;
    border-radius: 20px;
	box-shadow: 0 10px 20px -10px #a1a1a1;overflow: hidden;}

.dental-bar h3{
    font-weight: 400;
	margin-bottom:0;
}

.dental-bar p{
    font-size: 13px;
    color: #FFF;
}

.dental-col-1, .dental-col-2, .dental-col-3, .dental-col-4{
    padding: 40px 15px 50px 15px;
    color: #FFF;
	transition: 0.3s ease;
}
.dental-col-1, .dental-col-2, .dental-col-3 {border-right: 1px solid #ccc;}
.dental-col-1, .dental-col-3{
    /*background: #fff;
	outline: 1px solid #b4665c;
    outline-offset: -10px;*/
}

.dental-col-2, .dental-col-4{
	/*background:#fff;
    outline: 1px solid #b4665c;
    outline-offset: -10px;*/
}

.dental-circle{
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #FFF;
    margin: auto auto 20px auto;
	border: 1px solid #b4665c;
}

.dental-icon{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 3px;
}

.dental-icon img{
    width: 100%;
	height: auto;
}

/*====================================================
    35. HOME PAGE THREE.
  ====================================================*/
.front-panels{
    background-color: #35414b;
    margin-top: -75px;
} 
    
.front-panels .container{
    padding: 0px;
} 
    
.fp-layer{
    margin: 0px;
}

.fp-box{
    padding: 40px 10px;
}
    
.center-layer{
    background-color: #3AB3DF;
}

.fp-circle{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #FFF;
    float: left;
    margin-right: 15px;
    position: relative;
}

.fp-icon{
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}   

.fp-icon img{
    width: 100%;
}
    
.fp-caption{
    padding: 10px 0px;
}   
      
.fp-caption h4{
    color: #FFF;
}   
    
.fp-caption p{
    line-height: 1.5;
    color: #FFF;
}

.home-about-alt img{
    width: 100%;
}

.home-about-info h5::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;   
    content: "\f58d";
    color: #3AB3DF;
    margin-right: 10px;
}

.home-about-info h5 {
    color: #DDD;
}

.home-about-info p.strong{
    font-weight: 600;
    margin-bottom: 15px;  
}

.home-about-info p{
    margin-bottom: 1rem;
}

.service-box-alt{
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
}  

.service-box-alt .cb-circle{
    background-color: #FFF;
} 

.service-box-alt:hover .cb-circle{
    background-color: #3AB3DF;
} 
    
.service-box-alt .icon-hover{
    display: none;
}
      
.service-box-alt:hover .icon-default{
    display: none;
}  
    
.service-box-alt:hover .icon-hover{
    display: inherit;
}

.full-thumb-layer{
    background-image: url("../img/images/img68.jpg");
    height: 600px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}   
  
.full-thumb-layer-2{
    background-image: url("../img/images/img69.jpg");
    height: 600px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}   
    
.full-caption-layer{
    background-color: #F7FAFA;
    height: 600px;
}
    
.fc-content{
    margin: 5rem 3rem;
    width: 70%;
}  
    
.fc-content h5{
    color: #3AB3DF;
}  
    
.fc-content h2{
    font-weight: 400;
    font-size: 1.6rem;
    margin: 10px 0px 20px;
}
    
.fc-content span{
    font-weight: 600;
}
    
.span-checklist{
    margin-top: 1.5rem;
}
    
.span-checklist p{
    line-height: 2.3;
    color: #333;
    font-weight: 500;
}

.span-checklist p::before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f560";
    margin-right: 10px;
    color: #3AB3DF;
}
    
.fc-left-align{
    margin: 5rem 7rem; 
}

.breadcrumb-nav a {margin-right: 22px;position:relative;}
.breadcrumb-nav a:after {content: ">";position: absolute;right: -18px;color:#fff !important;}
.breadcrumb-nav a:last-child:after {content: none;}

ul.list-group {}
ul.list-group li {list-style:none;}
ul.list-group li[style="margin-left: 15px"] a {padding-left: 25px !important;}
.category-description ul.accordion li:before {content:none;}

.aside-tags a {display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 0.90rem;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;color: #516163;
    transition: 0.6s;
    padding: 0.2rem 0.6rem;
    font-size: 14px !important;
    background: #f0f5f5;
    border-radius: 0px;
    text-transform: none;
    font-weight: 400;}
.aside-tags a:hover {color: #FFF;
    background-color: #002642;}
.category-description ul {padding: 1rem 0rem 0;}
.category-description ul li,
.doctor-information ul li {line-height: 1.5;margin-bottom: 15px;list-style:none;font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: #8C8C9E;
    font-weight: 400;}
.category-description ul li:before,
.doctor-information ul li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 10px;
    color: #b4665c;
}
.comment-form span,
.send-email.controls span {position:absolute;right: 19px;top: 19px;}
.comment-form textarea {min-height:150px;}

/* WhatsApp icon */
.pulse-button-w {position: relative;width: 70px;height: 70px;border: none;box-shadow: 0 0 0 0 rgba(41, 167, 26, .7);border-radius: 50%;background-color: #29a71a;background-image:url(img/whatsapp-icon.png);background-size:cover;background-repeat: no-repeat;cursor: pointer;-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);position: fixed;bottom:15px;right: 15px;z-index: 9999999999999;}
.pulse-button-w:hover {-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
/* End WhatsApp icon */
.category-description a, .doctor-information a {color: #b4665c;}
.category-description a.btn-custom{color: #fff;}
.category-description a.btn-custom:hover{color: #333;}
.category-description blockquote, .doctor-information blockquote {font-size: 15px;font-family: 'Poppins', sans-serif;color: #8C8C9E;font-weight: 400;line-height: 2;margin-bottom: 0px;font-style: italic;margin-right: 0;padding-left: 1.375em;margin-top: 1em;margin-bottom: 1em;border-left: 0.375em solid #b4665c;}

/*Fixed Instagram*/
.sd-fixed-block {
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 max-width: 1170px;
 margin: 0 auto;
 background: #ced1d1;
 color: #212529;
 border-radius: 10px 10px 0 0;
 z-index: 5;
 transform: translateY(150%);
 transition: all .2s;
 }
.sd-fixed-block__active {
 transform: translateY(0) !important;
}
.sd-fixed-inner {
 position: relative;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: center;
 padding: 20px 50px 30px;
 text-align: center;
}
.sd-fixed-block__icon {
 font-size: 60px;
 color: #aeb1b1;
 position: relative;
}
.sd-fixed-block__text {
 font-size: 18px;
 margin: 5px 0 20px;
 font-family: 'Poppins', sans-serif;
}
 
.sd-fixed-block__text b, .sd-fixed-block__text strong {color:#212529;}
 .sd-fixed-block__go {
 width: 200px;
 }
 .sd-fixed-block__go .btn {
 background: #fff;
 width: 150px;
 height: 50px;
 line-height: 50px;
 padding: 0;
 border-radius: 5px;
 -webkit-box-shadow: 0 3px 15px 5px rgb(0 0 0 / 5%);
 -moz-box-shadow: 0 3px 15px 5px rgba(0, 0, 0, .05);
 box-shadow: 0 3px 15px 5px rgb(0 0 0 / 5%);
 font-size: 16px;
 color: #212529;
 font-weight: 700;
 }
 .sd-fixed-block__close {
 position: absolute;
 top: 5px;
 right: 5px;
 width: 30px;
 height: 30px;
 line-height: 30px;
 padding: 0;
 border: none;
 border-radius: 0;
 color: #333;
 background: transparent;
 font-size: 20px;
 }
 @media (min-width: 992px) {
 .sd-fixed-block {
 bottom: 30px;
 border-radius: 10px;
 overflow: hidden;
 }
 .sd-fixed-inner {
 height: 100px;
 flex-direction: row;
 padding: 0;
 text-align: left;
 }
 .sd-fixed-block__icon {
 width: 230px;
 font-size: 140px;
 }
 .sd-fixed-block__icon i {
 position: absolute;
 top: -70px;
 left: 0;
 right: 0;
 text-align: center;
 }
 .sd-fixed-block__text {
 width: calc(100% - 430px);
 font-size: 22px;
 margin: 0;
 }
 }
/*Fixed Instagram*/

.accordion .card, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:first-of-type {border:none;border-bottom: 1px solid #d9e5e8;border-radius: 0;}
.accordion .card-header {background-color: transparent;padding: 0;border-bottom:none;}
.accordion .card-header h5 .btn {font-size:17px;color: #3AB3DF;text-decoration:none;width: 100%;text-align: left;text-transform: capitalize;letter-spacing: 0;}
.accordion .card-header h5 .btn.collapsed {font-size:17px;color: #8C8C9E;}

.accordion .card-body {    color: #516163;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;font-weight: 400;
    line-height: 2;}
.nav-tabs .nav-link {font-family: 'Poppins', sans-serif;color: #323B3C;font-size: 20px;font-weight: 400;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #b4665c;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.category-description .nav, .contactSection .nav {align-items: center;justify-content: center;}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: 'Öncesi';font-family: 'Poppins', sans-serif; }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: 'Sonrası';font-family: 'Poppins', sans-serif; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }
.twentytwenty-wrapper {margin-bottom:30px;}

.plusAfter:after {content:'+';}
footer .nav-link {padding: 0.1rem 0.2rem;}
footer .nav-tabs .nav-link {
    color: #323B3C;
    font-size: 14px;
    font-weight: 400;
	background: #fff;
	margin-right: 5px;
    border-radius: 0.25rem;
}
footer .nav-tabs .nav-link.active {background: #b4665c;color:#fff;border-color: #b4665c;}
footer .nav-tabs {border-bottom:none;}
.ajax__fileupload {min-height:200px;}
.form-group iframe {min-height:200px;}
.AttacmentFile {margin-bottom:10px;width:50%;}
.AttacmentBtn {margin-bottom:10px;text-transform: capitalize;}
.ajax__fileupload {border:none;border-bottom: #D3D3D3 1px solid;}
.ajax__fileupload_dropzone {font-size:18px;}
.ajax__fileupload_fileItemInfo {font-size:14px;}
.ajax__fileupload_uploadbutton {font-size:14px;}
.contact-info-right.inner-color .customize-contact {padding: 0.375rem;}
.contact-info-right.inner-color .submit-btn p {margin-bottom:0;}
.ht-right-search .btn {padding: 0.15rem 0.25rem 0.1rem;}
.carousel-control-next, .carousel-control-prev {width:8%;}
.ha-ihe-fig.ha-effect-apollo .ha-ihe-caption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-109%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-109%,0);
}
.about-us-alt-img {border-radius: 50px 150px 100px 200px;overflow: hidden;}
.sb-image {position: relative;overflow:hidden;}
.sb-image img {width:100%;height:auto;}
.sb-desktop-view-box .sb-image:after {content:'';background-color: #b4665c;opacity:0;position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:9;-webkit-transition-duration: .35s;transition-duration: .35s;}
.sb-desktop-view-box:hover .sb-image:after {opacity:.6;}
.sb-desktop-view-box .sb-image:before {position: absolute;
z-index:99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-109%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-109%,0);}
.sb-desktop-view-box:hover .sb-image:before {:before 
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,109%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,109%,0);
}
.gallery img {width:100%;}

/**** Transitions for Masonry ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

.fotogaleri .gallery .item {
    width: 24%;
    float: left;
	padding-bottom:1%;
}

.fotogaleri .gallery .item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.fotogaleri .gallery .item img {
    display: block;
    width: 100%;
}

.fotogaleri .gallery .item span {
    display: block;
    text-align: center;
}

.fotogaleri .gallery .item a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fotogaleri .gallery .item a:after {
    content: '\f002';
        font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    opacity: 0;
}

.fotogaleri .gallery .item a:hover:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
}

.fotogaleri .gallery .item a:hover:after {
    content: '\f002';
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    opacity: 1;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    left: 50%;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
}
.button.is-play {
  background-color: #fff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
      display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button.is-play .button-outer-circle {
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.button.is-play .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 35px;
  transform: translate(-50%, -50%);
}
.button.is-play .button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
          animation: fadeIn 7s ease;
}
.button.is-play .button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: triangleStroke 3s;
          animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.has-scale-animation {
  -webkit-animation: smallScale 3s infinite;
          animation: smallScale 3s infinite;
}
.has-delay-short {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes triangleStroke {
  from {
    stroke-dashoffset: 90;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(1.5);
    opacity: 0;
  }
}
.sub-category-list .sb-desktop-view {padding-left:25px;padding-right:25px;}
.custom-control {padding-left:1rem;}
.custom-control-label::before {width: 0.75rem;height: 0.75rem;left: -1rem;top: 0.1rem;}
.custom-control-label::after {width: 0.75rem;height: 0.75rem;left: -1rem;top: 0.1rem;}

#mobile-contact-bar {display:none;}
.m-go-to {
    position: fixed;
    left: -4px;
    top: 50%;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
	z-index: 9;
}
.m-go-to a {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    min-width: 50px;
}
.m-go-to .mgoto-text {
    margin-right: 1rem;
    vertical-align: middle;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    display: none;
	text-transform: capitalize;
    letter-spacing: 0;
    font-size: 0.70rem;
}
.m-go-to a:hover .mgoto-text {
    display: inline-block;
}
.m-go-to a i {margin-left:.25rem;}
.btn-soft-success {
    color: #b4665c;
    background: rgb(180 102 92 / 10%);
    border-color: transparent;
	color: #fff;
    background: #b4665c;
}
.btn-soft-success[href]:hover {
    color: #fff;
    background: #b4665c;
    -webkit-box-shadow: 0 4px 11px rgb(180 102 92 / 35%);
    box-shadow: 0 4px 11px rgb(180 102 92 / 35%);
}


.send-email.controls .form-control,
.ik .form-control-sm {font-size: 14px;}
.datepicker.dropdown-menu {min-width:160px;}
.table-condensed thead th {font-weight:500;}
.custom-file {height: calc(1.8125rem);}
.custom-file-label::after {height: calc(1.8125rem);
    padding: 0.25rem 0.5rem;
    line-height: 2;
    font-weight: normal;}
.custom-file .custom-file-label {height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    line-height: 2;
    font-weight: normal;}
.send-email.controls.randevuAl .form-group,
.send-email.controls.rontgenGonder .form-group {position:relative;}
.send-email.controls.randevuAl .form-group span,
.send-email.controls.rontgenGonder .form-group span {top:inherit;bottom:5px;right: 10px;font-size: 20px;}
.send-email.controls.randevuAl .form-group label,
.send-email.controls.rontgenGonder .form-group label,
.ik .form-label {font-weight: 500;}
.ik .form-check {padding-left:0;}
.ik .form-check a {color:#b4665c}
.custom-file-input:lang(tr)~.custom-file-label::after {
    content: "Dosya Seç";
}
.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
}
.custom-file-input:lang(fr-FR)~.custom-file-label::after {
    content: "Parcourir";
}
.custom-file-input:lang(de)~.custom-file-label::after {
    content: "Durchsuche";
}
.custom-file-input:lang(ru)~.custom-file-label::after {
    content: "Просматривать";
}
.custom-file-input:lang(fa)~.custom-file-label::after {
    content: "تصفح";
}
.custom-file-input:lang(bg)~.custom-file-label::after {
    content: "Прегледайте";
}
.send-email.controls.randevuAl .form-group label span,
.send-email.controls.rontgenGonder .form-group label span {position:relative;top:inherit;right:inherit;bottom: inherit;font-size: inherit;}
.desc-wrapper {
  margin: 0 auto;
  margin-bottom: 15px;
  max-height: 100px;
  overflow: hidden;
}

.more-info {
  /* Hide more info to begin with and reveal if text inside desc is too long*/
  display: none;
}

/* Only display 'more' to begin with */
.more-info .less,
.more-info.expand .more {
  display: none;
}
.more-info.expand .less {
  display: inline;
}

/* Misc, just to make things look a bit prettier */
.more-info:focus {
  outline: none;
}
.getPrice .form-group {position:relative;}
.getPrice .form-group span {position:absolute;right: 10px;bottom: 6px;font-size: 18px;}
.getPrice select+span {position:absolute;right: 5px;bottom: 6px;font-size: 18px;}
.getPrice .form-group select+span {position:absolute;right: -10px;bottom: 6px;font-size: 18px;}

.services-section {}

@media (max-width: 991px) {
.services-section {
padding-top:10px;
padding-bottom:80px
}
}

@media (max-width: 767px) {
.services-section {
padding-bottom:70px
}
}

.services-section .services-grid {
margin:0 -15px;
background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

@media (max-width: 767px) {
.services-section .services-grid {
margin:0 -7.5px
}
}

.services-section .services-grid .grid2 {
width:calc(33.33% - 30px);
float:left;
margin:15px 15px;
position:relative;
padding-left:100px;
padding-right:25px;
padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 991px) {
.services-section .services-grid .grid2 {
width:calc(50% - 30px)
}
}

@media (max-width: 767px) {
.services-section .services-grid .grid2 {
width:calc(50% - 15px);
margin:0 7.5px 40px;
padding-left:50px;
padding-right:30px
}
}

@media (max-width: 600px) {
.services-section .services-grid .grid2 {
width:calc(100% - 15px);
margin:20px 7.5px;
padding-left:100px;
padding-right:0;
float:none
}
}

.services-section .fi {
position:absolute;
left: 25px;
    top: 13px;
}

.services-section .fi:before {
font-size:50px;
font-size:1.5rem;
background:-webkit-linear-gradient(#f2c6bb,#b4665c);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}

@media (max-width: 767px) {
	.services-section .fi:before {
	font-size:40px;
	font-size:1.75rem;
	}
}

.services-section h2 {
font-size:18px;
/*font-size:.95rem;*/
font-weight:500;
margin:0;
text-transform:capitalize;
line-height: 1.5;
}
html[lang='de-DE'] .services-section .services-grid .grid2 {padding-left:80px;}
html[lang='fa-IR'] .services-section .services-grid .grid2 {padding-left:80px;}
html[lang='bg-BG'] .services-section .services-grid .grid2 {padding-left:65px;}
html[lang='bg-BG'] .services-section .fi{left:5px}
.services-section h2 a {
color:#151221
}

.services-section h2 a:hover {
color:#b4665c
}

.services-section p {
margin:0
}
.homeList {padding-left:30px;}
.homeList li {font-size: 20px;font-weight:500;}

.img-bg {border: 1px solid rgba(0,0,0,.125);border-radius: 0.25rem;}
.healthTourism {background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;}
.healthTourism .card {border:none;box-shadow:none;}
.policy-popup {
                               position: fixed;
                               z-index: 9999;
                               bottom: 0;
                               left: 0;
                               width: 75%;
                               height: auto;
                               padding: 10px 15px;
                               background: rgba(0,0,0,.7);
                               color: #fff;
                               font-size:15px;
                }
                .policy-popup p { color:#fff}
                .policy-popup p a {color:#007bff;font-weight:bold;text-decoration:none;}
                .policy-popup p a:hover {color:#fff;}
                @media (min-width: 768px) {
                               .policy-popup {
                                               -webkit-border-radius: 4px;
                                               -webkit-background-clip: padding-box;
                                               -moz-border-radius: 4px;
                                               -moz-background-clip: padding;
                                               border-radius: 4px;
                                               background-clip: padding-box;
                                               bottom: 16px;
                                               left: 16px;
                                               width: 300px;
                               }
                }
                .btn-kvkk {
                               display: inline-block;
							   font-family: 'Poppins', sans-serif;
                               font-weight: 400;
                               text-align: center;
                               vertical-align: middle;
                               -webkit-user-select: none;
                               -moz-user-select: none;
                               -ms-user-select: none;
                               user-select: none;
                               text-decoration:none;
                               border: 1px solid transparent;
                               color: #fff;
                               background-color: #007bff;
                               border-color: #007bff;
                               padding: .375rem .75rem;
                               font-size:15px;
                               line-height: 1.5;
                               border-radius: .25rem;
                               transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
                .btn-kvkk:hover {
                               color: #fff;
                               background-color: #0069d9;
                               border-color: #0062cc;}
.price-table {
    width: 100%;
    text-align: center;
    border-spacing: 2px;
    border-collapse: separate;
    margin-bottom: 20px;
}
.price-table tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.price-table tr:nth-child(odd) {
    color: #949494;
}
.price-table tr th {
    background-color: #b4665c;
    text-align: center;
    padding: 8px 5px;
    border-radius: 5px;
    color: #fff;
}
.price-table tr td {
    vertical-align: middle;
    padding: 8px 5px;
	text-align:center;
}
.price-table tr .column-1 {
    width: 49%;
}
.price-table tr .column-2, .price-table tr .column-3, .price-table tr .column-4 {
    width: 17%;
}
.slick-slide img {margin:0 auto;}
.getPrice .form-control {
    font-size: 14px;
}
html[lang='ru-RU'] .nav-menu > li > a {font-size:13px;padding:40px 5px;}
.ht-right-language input,
.ht-right-language img {opacity:.65}
.ht-right-language input.active {opacity:1}
.ht-right-language-mobile {display:none;}
#reviews-container .review h3 {margin-bottom:0;}
#reviews-container .review .ReviewAuthorBlock .avatar {float:left;margin-right:15px;}
#reviews-container .review .ReviewAuthorBlock .avatar svg {
	width: 60px;
    display: block;
    background: #f2f2f2;
    border-radius: 50%;
    padding: 5px;}
#reviews-container .review .ReviewAuthorBlock .author {display: inline-block;}
#reviews-container .review .ReviewAuthorBlock .date {font-size:.6rem;}
#reviews-container .review .ReviewAuthorBlock .rating-container {margin-top:-7px;}
.star {
	color: gold;
	font-size: 20px;
}

.half-star::after {
	content: '\\2605';
	position: absolute;
	left: 0;
	width: 50%;
	overflow: hidden;
}

.grey-star {
	color: #ccc;
}

.review {
	margin-bottom: 20px;
	background:#f2f2f2;
	padding: 20px;
	border-radius: 10px;
}
.review p {line-height: 1rem;}
.ratingHeader {background:#f2f2f2;padding:20px;border-radius:10px;margin-bottom:10px;display:flex;align-items: center;}
.ratingHeader .googlerating {display: inline-block;width: 100%;}
.ratingHeader .googlerating svg {width:100px;float:left;margin-right:10px;}
.ratingHeader .googlerating span {font-size: .9rem;margin-top: 6px;display: inline-block;}
.ratingHeader #rating-container {float:left;}
.ratingHeader .reviewText {display:inline-block;position: relative;top: 4px;margin-left: 10px;}
.ratingHeader .commentButton a {color:#fff;background:#197bff;border-radius: 24px;font-weight: bold;padding: 10px 19px;}
.ratingBlock {flex:auto;}
#reviews-container .slick-slide {
    margin: 0 10px;
}
#reviews-container .slick-list {
    margin: 0 -10px;
}
#reviews-container .slick-prev:before {
  content: "<";
  color: #b4665c;
  font-size: 30px;
}

#reviews-container .slick-next:before {
  content: ">";
  color: #b4665c;
  font-size: 30px;
}
#reviews-container .slick-prev {font-size:0;position: absolute;top: 50%;left: -50px;margin-top:-19px;cursor:pointer;border: 1px solid #ccc;width: 38px;height: 38px;display: block;border-radius: 5px;outline: none;}
#reviews-container .slick-next {font-size:0;position: absolute;top: 50%;right: -50px;margin-top:-19px;cursor:pointer;border: 1px solid #ccc;width: 38px;height: 38px;display: block;border-radius: 5px;outline: none;}
#reviews-container .slick-slide {
  height: 0px!important;
 }
#reviews-container .slick-slide.slick-active {
    height: 100% !important;  
 }
.morecontent span {
    display: none;
}
.morelink {
    display: block;
	color:#197bff;
}
@media all and (max-width: 778px) {
	.ratingHeader {display:block}
	.ratingHeader .ratingBlock {display:inline-block;width:100%;}
	.ratingHeader .commentButton {margin-top: 20px;}
	#reviews-container .slick-prev, #reviews-container .slick-next {display:none !important;}
}
.shop-single-section .shop-single-slider .slider-for {
text-align:center
}

.shop-single-section .shop-single-slider .slider-for img {
display:inline-block; max-width: 100%;
}

.shop-single-section .shop-single-slider .slider-nav {
padding:0 25px;
margin-top:35px
}

.shop-single-section .shop-single-slider .slider-nav > i {
position:absolute;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
z-index:100
}

.shop-single-section .shop-single-slider .slider-nav > i:hover {
cursor:pointer
}

.shop-single-section .shop-single-slider .slider-nav .nav-btn-rt {
left:auto;
right:0
}

.shop-single-section .shop-single-slider .slider-nav .slick-slide {
text-align:center;
border:1px solid #e5ecf9;
margin:0 5px
}

.shop-single-section .shop-single-slider .slider-nav .slick-slide img {
display:inline-block;
    max-width: 100%;
}

.shop-single-section .product-details {
padding:0 0 0 30px
}

@media (max-width: 1199px) {
.shop-single-section .product-details {
padding:40px 30px 85px
}
}

@media (max-width: 991px) {
.shop-single-section .product-details {
margin-top:45px;
padding:40px 30px
}
}

@media (max-width: 767px) {
.shop-single-section .product-details {
padding:0
}
}

.shop-single-section .product-details h2 {
font-size:28px;
line-height:1.4em;
margin:0 0 1rem;
}

@media (max-width: 767px) {
.shop-single-section .product-details h2 {
font-size:22px;
font-size:1.46667rem
}
}

.shop-single-section .product-details .price {
font-size:36px;
font-size:2.4rem;
color:#0b5be0;
margin:7px 0 14px
}

@media (max-width: 991px) {
.shop-single-section .product-details .price {
font-size:30px;
font-size:2rem
}
}

@media (max-width: 767px) {
.shop-single-section .product-details .price {
font-size:25px;
font-size:1.66667rem
}
}

.shop-single-section .product-details .price .old {
font-size:24px;
font-size:1.6rem;
font-weight:400;
color:#a0a6b6;
text-decoration:line-through;
display:inline-block;
margin-left:5px
}

@media (max-width: 991px) {
.shop-single-section .product-details .price .old {
font-size:20px;
font-size:1.33333rem
}
}

@media (max-width: 767px) {
.shop-single-section .product-details .price .old {
font-size:18px;
font-size:1.2rem
}
}

.shop-single-section .product-details p {
margin-bottom:1.3em
}

.shop-single-section .product-details p:last-child {
margin:0
}

.shop-single-section .product-details .product-option {
margin-top:45px
}

.shop-single-section .product-details .product-option .product-row {
overflow:hidden
}

.shop-single-section .product-details .product-option .product-row button:after {
display:none
}

.shop-single-section .product-details .product-option .product-row > div {
height:35px;
display:inline-block;
float:left
}

.shop-single-section .product-details .product-option .product-row > div + div {
margin-left:15px
}

.shop-single-section .product-details .product-option .product-row > div:first-child {
width:85px
}

.shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn:hover,.shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn-s2:hover {
background:#0b5be0;
border-color:#0b5be0;
color:#fff
}

.shop-single-section .product-details .product-option .theme-btn,.shop-single-section .product-details .product-option .theme-btn-s2 {
background-color:transparent;
color:#333;
font-size:14px;
font-size:.93333rem;
padding:0 20px;
height:35px;
line-height:32px;
outline:0;
border:2px solid #e6e6e6
}

.shop-single-section .product-details .product-option .theme-btn:hover,.shop-single-section .product-details .product-option .theme-btn-s2:hover {
background-color:#0b5be0;
color:#fff;
border-color:#0b5be0
}

@media (max-width: 767px) {
.shop-single-section .product-details .product-option .theme-btn,.shop-single-section .product-details .product-option .theme-btn-s2 {
font-size:14px;
font-size:.93333rem
}
}

.shop-single-section .product-details .product-option .theme-btn:before,.shop-single-section .product-details .product-option .theme-btn-s2:before {
display:none
}

.shop-single-section .product-details .product-option .heart-btn i {
font-size:15px;
font-size:1rem
}

.shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn,.shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn-s2 {
background-color:#fff;
font-size:18px;
font-size:1.2rem;
color:#687188;
border:1px solid #e6e6e6
}

.shop-single-section .product-details #product-count {
border-radius:0;
border:1px solid #e6e6e6
}

.shop-single-section .product-details #product-count:focus {
-webkit-box-shadow:none;
box-shadow:none;
outline:none
}

.shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,.shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius:0;
border-color:#e6e6e6
}

.shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover,.shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover {
background-color:#0b5be0;
color:#fff
}

.shop-single-section .product-info {
margin-top:75px
}

.shop-single-section .product-info h4 {
font-size:15px;
font-size:1rem;
margin:0;
line-height:1.7em
}

.shop-single-section .product-info p {
margin-bottom:1.3em
}

.shop-single-section .product-info .tab-pane p:last-child {
margin-bottom:0
}

.shop-single-section .product-info .nav-tabs {
border:0
}

@media (max-width: 767px) {
.shop-single-section .product-info .nav-tabs {
margin-bottom:20px
}
}

.shop-single-section .product-info .nav-tabs li {
border:2px solid rgba(11,91,224,0.05);
margin-right:1px
}

.shop-single-section .product-info .nav-tabs li.active a {
border:0;
outline:0
}

.shop-single-section .product-info .nav-tabs a {
font-size:15px;
font-size:1rem;
font-weight:500;
color:#687188;
border:0;
border-radius:0;
margin:0;
display:block;
padding:12px 20px 11px
}

@media (max-width: 767px) {
.shop-single-section .product-info .nav-tabs a {
font-size:14px;
font-size:.93333rem;
font-weight:400;
padding:10px 10px 8px;
text-transform:none
}
}

.shop-single-section .product-info .nav-tabs a:hover,.shop-single-section .product-info .nav-tabs .active a {
background:#0b5be0;
color:#fff
}

.shop-single-section .product-info .nav-tabs .active,.shop-single-section .product-info .nav-tabs li:hover {
border-color:#0b5be0
}

.shop-single-section .product-info .tab-content {
border:2px solid rgba(11,91,224,0.05);
padding:35px 25px;
margin-top:-1px
}

@media (max-width: 767px) {
.shop-single-section .product-info .tab-content {
border:0;
padding:0;
margin:0
}
}

.shop-single-section .product-info .client-rv {
overflow:hidden;
margin-bottom:30px
}

.shop-single-section .product-info .client-rv:last-child {
margin-bottom:0
}

.shop-single-section .product-info .client-rv .client-pic {
width:60px;
float:left
}

@media (max-width: 767px) {
.shop-single-section .product-info .client-rv .client-pic {
width:100%;
float:none;
margin-bottom:10px
}
}

.shop-single-section .product-info .client-rv .details {
width:calc(100% - 80px);
float:right
}

@media (max-width: 767px) {
.shop-single-section .product-info .client-rv .details {
width:100%;
float:none
}
}

.shop-single-section .product-info .client-rv .name-rating-time {
border-bottom:1px solid #e6e6e6
}

@media (max-width: 767px) {
.shop-single-section .product-info .client-rv .name-rating-time {
padding-bottom:3px
}
}

.shop-single-section .product-info .client-rv .name-rating-time > div,.shop-single-section .product-info .client-rv .name-rating > div {
display:inline-block;
font-size:14px;
font-size:.93333rem
}

@media (max-width: 767px) {
.shop-single-section .product-info .client-rv .name-rating-time > div,.shop-single-section .product-info .client-rv .name-rating > div {
font-size:12px;
font-size:.8rem;
display:block
}
}

.shop-single-section .product-info .client-rv .rating {
font-size:12px;
color:#0b5be0;
padding-left:12px
}

@media (max-width: 767px) {
.shop-single-section .product-info .client-rv .rating {
padding-left:0;
margin:4px 0 7px
}
}

.shop-single-section .product-info .client-rv .name-rating-time .time {
float:right;
color:#b3b3b3;
text-transform:uppercase
}

@media (max-width: 767px) {
.shop-single-section .product-info .client-rv .name-rating-time .time {
float:none
}
}

.shop-single-section .product-info .client-rv .review-body {
padding-top:12px
}

@media screen and (min-width: 1200px) {
.shop-single-section .product-info .review-form-wrapper {
padding-left:45px
}
}

@media (max-width: 991px) {
.shop-single-section .product-info .review-form {
margin-top:45px
}
}

.shop-single-section .product-info .review-form h4 {
margin-bottom:1.73em
}

.shop-single-section .product-info .review-form form input,.shop-single-section .product-info .review-form form textarea {
background:#fbfbfb;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
height:40px;
border:2px solid #efefef
}

.shop-single-section .product-info .review-form form input:focus,.shop-single-section .product-info .review-form form textarea:focus {
-webkit-box-shadow:none;
box-shadow:none;
outline:none
}

.shop-single-section .product-info .review-form form textarea {
height:130px
}

.shop-single-section .product-info .review-form form > div {
margin-bottom:27px
}

.shop-single-section .product-info .review-form form > div:last-child {
margin-bottom:0
}

.shop-single-section .product-info .review-form form .rating-wrapper > div {
display:inline-block
}

@media (max-width: 767px) {
.shop-single-section .product-info .review-form form .rating-wrapper > div {
display:block;
float:none!important
}
}

.shop-single-section .product-info .review-form form .rating-wrapper > div:last-child {
float:right
}

@media (max-width: 767px) {
.shop-single-section .product-info .review-form form .rating-wrapper > div:last-child {
margin-top:20px
}
}

.shop-single-section .product-info .review-form form .rating a {
font-size:14px;
color:#ccc;
display:inline-block;
margin-right:10px
}

@media (max-width: 767px) {
.shop-single-section .product-info .review-form form .rating a {
font-size:12px;
margin-right:5px
}
}

.shop-single-section .product-info .review-form form .rating a:last-child {
margin:0
}

.shop-single-section .product-info .review-form form .rating a:hover {
color:#0b5be0
}

.shop-single-section .product-info .review-form form .theme-btn-s4 {
background-color:transparent;
color:#908f8f;
outline:0;
-webkit-box-shadow:none;
box-shadow:none
}

.shop-single-section .product-info .review-form form .theme-btn-s4:hover {
background-color:#0b5be0;
color:#fff
}

@media screen and (min-width: 767px) {
.shop-single-section .product-info .review-form form .theme-btn-s4 {
font-size:15px;
font-size:1rem;
padding:0 20px
}
}

.shop-single-section .slider-nav .slick-slide:focus {
outline:none
}
.slider-for .slick-list .slick-track .slick-slide {
border:1px solid #e5ecf9
}
.theme-accordion-s1 {
margin-bottom:0
}

.theme-accordion-s1 .panel-default {
background:transparent;
border:0;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none
}

.theme-accordion-s1 .panel-heading {
background-color:transparent;
padding:0;
border-radius:0
}

.theme-accordion-s1 .panel {
border:1px solid #e5ecf9;
padding:25px
}

.theme-accordion-s1 .panel + .panel {
margin-top:15px
}

.theme-accordion-s1 .panel-heading a.collapsed:before {
content:"\f067"
}

.theme-accordion-s1 .panel-heading a {
font-size:18px;
font-weight:500;
color: #b4665c;
display:block;
padding:0 0 0 45px;
position:relative
}

@media (max-width: 991px) {
.theme-accordion-s1 .panel-heading a {
font-size:16px;
padding:5px 25px 5px 45px
}
}

@media (max-width: 767px) {
.theme-accordion-s1 .panel-heading a {
padding:5px 25px 5px 45px
}
}

.theme-accordion-s1 .panel-heading a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content:"\f068";
width:35px;
height:35px;
line-height:35px;
text-align:center;
color: #b4665c;
font-size:15px;
border:1px solid #b4665c;
border-radius:50%;
position:absolute;
left:0;
top:-4px
}

@media (max-width: 991px) {
.theme-accordion-s1 .panel-heading a:before {
font-size:18px;
font-size:1.2rem;
left:0
}
}

.theme-accordion-s1 .panel-heading a:focus {
text-decoration:none
}

.theme-accordion-s1 .panel-heading .collapsed {
background-color:transparent;
color:#151221
}

.theme-accordion-s1 .panel-heading .collapsed:before {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body {
background-color:transparent;
border:0;
padding:20px 0 0 25px
}

@media (max-width: 991px) {
.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body {
font-size:15px;
font-size:1rem
}
}

@media (max-width: 767px) {
.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body {
padding:10px 0 0;
font-size:14px;
font-size:.93333rem
}
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body p {
margin-bottom:1.3em
}

.theme-accordion-s1 .panel-heading + .panel-collapse > .panel-body p:last-child {
margin-bottom:0
}
.documentDownload span {
font-size:12px;
font-style:italic;
display:block;
color:#adabab
}
.documentDownload a {color: #b4665c;}
#contact-form-main .form-control {font-size:14px;}
#contact-form-main .form-group {position:relative;}
#contact-form-main .form-group span {position:absolute;right: 5px;top: 14px;font-size: 16px;}
.product-variant-line {
    border: 1px solid #e5ecf9;
    padding: 25px;
}
.product-variant-line ul {
    padding-left: 18px;
}
.product-grid .buttons {display:none;}
.product-grid.product-module .buttons {display:block;}
body .blocker {
    z-index: 999;
}
body .modal {
    overflow: initial;
    height: auto;
    padding: 10px;
}
.modal img {
    width: 100%;
}
#accordion {margin-top:30px;}
#accordion .card {margin-bottom:10px;}
#accordion .card-header {padding-top:0;padding-bottom:0;}
#accordion .card-header a {display:block;text-align: left;}
.videogaleri .video-img {position:relative;}
.videogaleri .video-img:after {content: '\f04b';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #dc1e3b;
    background: #fff;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 50%;
    font-size: 1rem;
    text-align: center;
}
.videogaleri a:hover .video-img:after {opacity:1;box-shadow: 0 0 0 10px rgb(220 30 59 / 70%);}

.ht-right-search {position:relative;}
.ht-right-search  .srch {position: absolute;right: 110%;top: -8px;padding: 7px 20px;display:none;}
.ht-right-search  .srch.open {display:block;}
.ht-right-search  .srch .srcinp {width: 230px;padding: 5px 5px;}
.ht-right-search  .srch .searchboxbutton {display:none;}

#AutoCompleteEx_completionListElem {
max-height:450px;
width:894px;
overflow:auto;
background:#fff!important;
border:1px solid #ebebeb
}

#AutoCompleteEx_completionListElem li {
padding-left:13px;
border-bottom:1px solid #ebebeb;
padding-top:5px;
padding-bottom:5px;
list-style:none
}

li.autocomplete_highlightedListItem {
background-color:#b4665c;
color:#fff!important
}

.search-panel {padding-top:150px;}
.search-input .form-control {font-size:14px;}
.search-results .product-list1 {margin-top:2rem;}
.search-results .product-list1 > div {padding: 15px 0;}
.search-results .product-list1 > div a {color:#b4665c;font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;}
.search-results .product-list1 > div a:hover {color:#3c3c3c;}
.search-results .product-list1 > div+div {border-top:1px solid #ccc;}

.ht-right-search.ht-right-search-mobile {position: absolute;right: 50px;top: 19%;}
.ht-right-search.ht-right-search-mobile a {color: #333;font-size: 22px;}

.ht-right-search.ht-right-search-mobile .srch {top: 70px;width: 100%;left: 0;position: fixed;background: #fff;}
.ht-right-search.ht-right-search-mobile .srch .srcinp {width: 100%;border-radius: 10px;border: 1px solid #ccc;}

.homepagenews .news-item .news-img img {width:100%;}
.homepagenews .news-item h3 a {color:#b4665c;}
.homepagenews .news-item .newsdate {color:#ccc;font-size: 13px;font-style: italic;}
.homepagenews .news-item .readmore {font-weight: 500;margin-top: 10px;display: inline-block;}
.homepagenews .news-item .newsdetails {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 67px;}

.newsitem a {color:#b4665c;}
.newsitem img {width:100%;}
.newsitem .page-title {margin-top:1rem;}
.newsitem .newsdate {color:#ccc;font-size: 13px;font-style: italic;}
.owl-theme .owl-nav {margin: 0 !important;}
.owl-theme .owl-nav [class*=owl-] {position:absolute;top: 50%;width: 26px;height: 26px;margin: -13px 0 0 0 !important;}
.owl-nav button:focus {outline: 0;}
.owl-carousel .owl-nav button.owl-prev {font-size: 38px !important;
line-height:30px !important;
background: #f2f2f2 !important;
    position: absolute;
    top: 50%;
    left: -50px;
    margin-top: -19px;
    cursor: pointer;
    border: 1px solid #ccc !important;
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 5px;
    outline: none;}
.owl-carousel .owl-nav button.owl-next {font-size: 38px !important;
line-height:30px !important;
background: #f2f2f2 !important;
    position: absolute;
    top: 50%;
    right: -50px;
    margin-top: -19px;
    cursor: pointer;
    border: 1px solid #ccc !important;
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 5px;
    outline: none;}
.owl-carousel .owl-nav button.owl-prev:before {
  content: "<";
  color: #b4665c;
  font-size: 30px;
  font-weight: 400;
}
category-description img {max-width:100%;height: auto !important;}

.owl-carousel .owl-nav button.owl-next:before {
  content: ">";
  color: #b4665c;
  font-size: 30px;
  font-weight: 400;
}
.owl-theme .owl-nav span {display:none;}
body .owl-theme .owl-nav [class*=owl-]:hover {background: #13a6c6;}

@media only screen and (min-width: 993px) {
	.mp-menu-toggle {display:none;}
}
.mp-menu-toggle {position:absolute;right:0;top:15px;}
.mp-menu {
	position:fixed;
	top: 0;
	left: auto;
    right: 0;
	width: 80%;
	height: 100vh;
    min-width: 240px;
    max-width: 440px;
	z-index: 99999;
    background: #fff;
	padding: 50px 25px;
	-webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
	-webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.mp-menu.mp-menu-close {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.mp-menu-overlay {
	position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000;
    opacity: .2;
	-webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;}
.mp-menu-overlay.mp-menu-overlay-off {display:none;}
.mp-menu ul {padding:0;}
.mp-menu>ul {overflow-y: auto;overflow-x: hidden;}
.mp-menu ul li {list-style:none;width: 100%;}
.mp-menu>ul>li {border-bottom: 1px solid #c7c7c7;}
.mp-menu ul li a {color:#333;display:block;position: relative;}
.mp-menu>ul>li>a {padding: 10px 0;}
.mp-menu>ul>li>ul {display:none;}
.mp-menu>ul>li>ul a {font-size: 14px;font-weight: 300;display: block;padding: 3px 0 3px 15px;}
.mp-menu>ul>li>ul>a {font-weight:500;}
.mp-menu>ul>li a .caret:after {content: "\f054";
    position: absolute;
    font-size: 10px;
	top:14px;
    right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
	-webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.mp-menu>ul>li.mp-menu-active>a>.caret:after {transform: rotate(90deg);}
.mp-menu ul li.mactive-hover>ul,
.mp-menu>ul>li.mp-menu-active>ul {display:inline-block;margin-bottom: 10px;position:relative;}
.mp-menu>ul>li.mp-menu-active>ul ul {position: relative;
    display: block;
    left: 15px;}
.mp-menu ul li.mactive-hover>a,
.mp-menu ul li a.mactive {color:#dc1e3b}
.mp-menu .ht-right-language {padding-left:0}
#mp-menu-close {position:absolute;top:20px;right:25px;color:#dc1e3b;}
#desc {scroll-padding-top:160px;}

/* ============================================================
   ZEYNEP ARMAY CORPORATE RESTYLE — 2026-04-21
   Source: https://zeyneparmay.com/
   Palette: sage green #6f9684, ink #1e1e1e, body Overpass
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap');

body,
p,
select.form-control,
table {
    font-family: 'Overpass', 'Poppins', sans-serif;
    color: #1e1e1e;
}
body { color: #1e1e1e; }
p { color: #3a3a3a; font-weight: 400; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif;
    color: #1e1e1e;
    letter-spacing: .2px;
}
h1, .h1 { font-weight: 700; }
h2, .h2 { font-weight: 700; color: #2e353e; }
h3, .h3 { font-weight: 600; color: #2e353e; }
h5, .h5 { color: #6f9684; }

/* --- ACCENT COLOR: coral (#b4665c) -> sage green (#6f9684) --- */
.header-left,
.btn.btn-custom,
.btn-custom,
.btn.btn-slider,
.btn-slider,
a.cd-top,
.cd-top,
a#lnkRandevu,
a#lnkBasvuru {
    background-color: #6f9684 !important;
    border-color: #6f9684 !important;
    color: #ffffff !important;
}

.btn.btn-custom:hover,
.btn-custom:hover,
.btn.btn-slider:hover,
.btn-slider:hover,
a.cd-top:hover,
a#lnkRandevu:hover,
a#lnkBasvuru:hover {
    background-color: #5b8271 !important;
    border-color: #5b8271 !important;
    color: #ffffff !important;
}

/* icons / borders / accent texts that were coral */
.about-alt-title,
.fi-fas,
i.fas.fa-phone,
i.fas.fa-envelope,
.footer-widget i,
.footer-widget .fas,
.contact-icon,
.contact-us-widget i {
    color: #6f9684 !important;
    border-color: #6f9684 !important;
}

/* Section titles: underline below h5/about-alt-title */
.about-alt-title::after,
h5::after,
.section-title::after {
    background-color: #6f9684 !important;
}

/* --- CARROT/RED ELEMENTS (-> sage accent for consistency) --- */
.mp-menu ul li.mactive-hover > a,
.mp-menu ul li a.mactive,
#mp-menu-close {
    color: #6f9684 !important;
}
.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before {
    color: #6f9684 !important;
}
body .owl-theme .owl-nav [class*=owl-]:hover {
    background: #6f9684 !important;
}

/* --- NAV LINKS: active + hover in sage --- */
.navigation .nav li > a:hover,
.navigation .nav li.active > a,
.navigation .nav li > a.active,
nav a:hover {
    color: #6f9684 !important;
}

/* generic links hover -> sage (replace legacy #3AB3DF) */
a:hover { color: #6f9684; }

/* --- FIYAT AL (price) pill button — keep as darker sage filled --- */
.btn.p-1.px-2 {
    background-color: #1e1e1e !important;
    border-color: #1e1e1e !important;
    color: #ffffff !important;
}
.btn.p-1.px-2:hover {
    background-color: #6f9684 !important;
    border-color: #6f9684 !important;
}

/* --- HEADER / TOP BAR: softer, source-like look --- */
.top-header {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.top-header a,
.top-header span,
.top-header i {
    color: #ffffff !important;
}
.top-header .header-left {
    background-color: #6f9684 !important;
}
.top-header .header-left a,
.top-header .header-left i {
    color: #ffffff !important;
}

/* Logo area cleaner on white */
header, .main-header, .middle-header {
    background: #ffffff;
}

/* Navigation (main menu) — clean serif-ish vibe */
.navigation .nav li > a {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: .4px;
    color: #1e1e1e;
}

/* --- BUTTONS (general) --- */
.btn {
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 10px 24px;
    font-weight: 500;
}
.btn-custom, .btn-slider {
    padding: 12px 32px;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(111, 150, 132, 0.25);
}

/* --- SECTION SPACING & CARDS --- */
.service-box,
.feature-box,
.info-card,
.about-box {
    border-radius: 10px;
    border: 1px solid #e9ecef;
    box-shadow: 0 4px 22px rgba(0,0,0,0.04);
    transition: box-shadow .3s ease, transform .3s ease;
}
.service-box:hover,
.feature-box:hover,
.info-card:hover,
.about-box:hover {
    box-shadow: 0 10px 32px rgba(111,150,132,0.18);
    transform: translateY(-3px);
}

/* --- FOOTER: replace yellow image with dark corporate tone --- */
footer,
.footer-wrapper,
footer.footer,
#footer {
    background-image: none !important;
    background-color: #2e353e !important;
    color: #b8bbc6 !important;
}
footer, footer * { color: #b8bbc6 !important; }
footer h1, footer h2, footer h3,
footer h4, footer h5, footer h6,
footer .footer-col h4,
footer .widget-title {
    color: #ffffff !important;
}
footer p, footer span, footer li, footer div {
    color: #b8bbc6 !important;
}
footer a {
    color: #d7dae3 !important;
    transition: color .2s ease;
}
footer a:hover {
    color: #6f9684 !important;
}
footer .footer-col h4::after,
footer h4::after,
footer .widget-title::after {
    background-color: #6f9684 !important;
}

/* Footer icons */
footer i,
footer .footer-icon i,
footer .fas,
footer .far,
footer .fab {
    color: #6f9684 !important;
}

/* Make bottom copyright line subtle */
.copyright, .footer-bottom, .footer-copyright {
    background-color: #242a32 !important;
    color: #8a8f9a !important;
    border-top: 1px solid rgba(255,255,255,0.05);
}

/* --- FORMS (contact etc.) --- */
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
    border-color: #6f9684 !important;
    box-shadow: 0 0 0 .15rem rgba(111,150,132,0.25) !important;
}

/* --- RESPONSIVE TWEAKS --- */
@media (max-width: 767px) {
    .btn-custom, .btn-slider { padding: 10px 22px; }
    .top-header { font-size: 13px; }
}

/* ============================================================
   RESTYLE STEP 2 — MATCH ZEYNEPARMAY HEADER EXACTLY
   ============================================================ */

/* FONTS — Playfair Display for menu items, Overpass body, Poppins headings */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Hide the entire top bar — source has single-row header */
.top-header { display: none !important; }

/* Main nav row — white, clean, taller */
.main-nav,
header > .main-nav {
    background: #ffffff !important;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    box-shadow: 0 2px 12px rgba(0,0,0,0.03);
}

/* Body text sizes match source */
body {
    font-family: 'Overpass', sans-serif !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    color: #1e1e1e !important;
}
p {
    font-family: 'Overpass', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    color: #1e1e1e !important;
    font-weight: 300;
}

/* Headings — Poppins like source */
h1, .h1 { font-family: 'Poppins', sans-serif !important; font-size: 41px !important; font-weight: 700 !important; color: #1e1e1e !important; }
h2, .h2 { font-family: 'Poppins', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #2e353e !important; }
h3, .h3 { font-family: 'Poppins', sans-serif !important; font-size: 20px !important; font-weight: 600 !important; color: #2e353e !important; }
h4, .h4 { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; }
h5, .h5 { font-family: 'Poppins', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; color: #6f9684 !important; text-transform: uppercase; letter-spacing: .6px; }

/* Main menu — Playfair Display serif like source */
.navigation .nav-menu > li > a,
.navigation .nav-menu a,
#navigation1 .nav-menu > li > a {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    color: #1e1e1e !important;
    padding: 20px 20px !important;
}
.navigation .nav-menu > li > a:hover,
.navigation .nav-menu > li.active > a,
.navigation .nav-menu > li.current-menu-item > a {
    color: #6f9684 !important;
}

/* Logo alignment — vertical center on white header */
.nav-header .nav-logo img,
.nav-logo img {
    max-height: 70px;
    width: auto;
    height: auto;
}

/* Bize Ulaşın CTA button in main-nav */
.nav-cta-item { display: inline-flex; align-items: center; margin-left: 12px; }
.nav-cta-item a.btn,
.nav-cta-item a.btn.btn-custom,
.nav-cta-btn {
    font-family: 'Overpass', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    background: #6f9684 !important;
    color: #ffffff !important;
    padding: 19px 38px !important;
    border-radius: 5px !important;
    text-transform: none !important;
    letter-spacing: .3px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    border: none !important;
}
.nav-cta-btn:hover {
    background: #5b8271 !important;
    color: #ffffff !important;
}

/* Hide the floating left-side calendar/upload icons (not in source design) */
.m-go-to { display: none !important; }

/* Mobile nav preserves centered/tidy look */
@media (max-width: 991px) {
    .nav-cta-item { margin: 8px 14px; }
    .nav-cta-btn { padding: 14px 24px !important; display: inline-block; }
    .main-nav { padding: 8px 0; }
}
/* ========== END STEP 2 ========== */

/* --- Lightwidget Instagram homepage section (sage banner like source) --- */
.za-ig-section {
    background: #6f9684;
    padding: 60px 0;
    margin: 40px 0 0;
}
.za-ig-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}
.za-ig-title {
    color: #ffffff !important;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 22px !important;
    font-weight: 500 !important;
    margin-bottom: 28px;
    letter-spacing: .3px;
    text-transform: uppercase;
}
.za-ig-container iframe.lightwidget-widget {
    background: #ffffff;
    border-radius: 4px;
    min-height: 220px;
}
@media (max-width: 767px) {
    .za-ig-section { padding: 36px 0; }
    .za-ig-title { font-size: 18px !important; }
}

/* ============================================================
   RESTYLE STEP 3 — PIXEL-MATCH SOURCE HEADER + FEATURE BOXES
   ============================================================ */

/* Main nav — STATIC (not fixed/sticky), flush to top */
header, .main-nav, header > .main-nav {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
}
.main-nav {
    padding: 25px 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    border-bottom: none !important;
}
body { padding-top: 0 !important; margin-top: 0 !important; }
header { margin: 0 !important; padding: 0 !important; }

/* Menu spacing — preserve theme display (inline-block) for dropdowns */
.navigation .nav-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    text-align: right;
}
.navigation .nav-menu > li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.navigation .nav-menu > li > a {
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #1e1e1e !important;
    padding: 12px 25px !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    position: relative;
    line-height: 1.4 !important;
}
.navigation .nav-menu > li > a:hover {
    color: #6f9684 !important;
}

/* Active menu item: sage text + orange underline (source match) */
html body #navigation1 .nav-menu > li.active > a,
html body #navigation1 .nav-menu > li.active > a.active,
html body #navigation1 .nav-menu > li.current-menu-item > a,
html body #navigation1 .nav-menu > li > a.active,
html body .navigation .nav-menu > li.active > a,
html body .navigation .nav-menu > li.current-menu-item > a,
html body .navigation .nav-menu > li > a.active,
.mp-menu ul li a.mactive,
.mp-menu ul li.mactive-hover > a {
    color: #6f9684 !important;
}
/* Active underline — use a custom inner span injected by JS for reliability */
.za-active-underline {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    width: calc(100% - 20px);
    max-width: 90px;
    min-width: 40px;
    height: 2px;
    background: #e3893f;
    border-radius: 1px;
    pointer-events: none;
}
/* Never show on CTA */
.nav-cta-item .za-active-underline { display: none !important; }

/* Bize Ulaşın CTA — pixel-match source (19px 52px, 14px Overpass) */
.navigation .nav-menu > li.nav-cta-item { margin-left: 22px; }
html body #navigation1 .nav-menu > li.nav-cta-item > a,
#navigation1 .nav-menu > li.nav-cta-item > a,
.navigation .nav-menu > li.nav-cta-item > a,
.nav-cta-item a.btn,
.nav-cta-item a.btn.btn-custom,
.nav-cta-item a.nav-cta-btn,
a.nav-cta-btn {
    height: auto !important;
    font-family: 'Overpass', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    background: #6f9684 !important;
    color: #ffffff !important;
    padding: 19px 52px !important;
    border-radius: 4.8px !important;
    text-transform: none !important;
    letter-spacing: .3px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    border: none !important;
    display: inline-block !important;
    text-align: center;
}
.navigation .nav-menu > li.nav-cta-item > a:hover,
a.nav-cta-btn:hover {
    background: #5b8271 !important;
    color: #ffffff !important;
}
/* Active styling should NOT apply to the CTA */
.navigation .nav-menu > li.nav-cta-item > a::after,
.navigation .nav-menu > li.nav-cta-item.active > a::after {
    display: none !important;
    content: none !important;
}

/* Logo sizing — slightly larger / matches source */
.nav-header { display: flex; align-items: center; }
.nav-header .nav-logo img,
.nav-logo img {
    max-height: 86px !important;
    height: auto !important;
    width: auto !important;
}

/* Hide slider GÖRÜNTÜLE button (keep markup for future use) */
.btn-slider,
.slider .btn,
.banner .btn-slider,
.slide .btn-slider,
.owl-carousel .btn-slider,
#slider .btn,
section[class*="slider"] a.btn {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ============================================================
   FEATURE BOXES (3-column: Psikolog / Psikoonkoloji / İletişim)
   ============================================================ */
.za-features {
    padding: 70px 0;
    background: #ffffff;
}
.za-features-container {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.za-feature-box {
    background: #ffffff;
    border: 1px solid #ececec;
    padding: 55px 30px 38px;
    text-align: center;
    border-radius: 2px;
    transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
    cursor: default;
}
.za-feature-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(50, 146, 159, 0.15);
    border-color: #b9dcd4;
}
.za-feature-box .za-fb-icon {
    color: #32929f;
    font-size: 32px;
    margin-bottom: 25px;
    display: inline-block;
    transition: transform .4s ease;
}
.za-feature-box:hover .za-fb-icon {
    transform: scale(1.12) rotate(-4deg);
}
.za-feature-box .za-fb-title {
    color: #1d1d1d;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    letter-spacing: .2px;
}
.za-feature-box a.za-fb-link {
    text-decoration: none;
    display: block;
    color: inherit;
}
@media (max-width: 991px) {
    .za-features-container { grid-template-columns: 1fr; gap: 20px; }
    .za-features { padding: 45px 0; }
    .za-feature-box { padding: 40px 20px 28px; }
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 991px) {
    .navigation .nav-menu {
        flex-direction: column;
        align-items: stretch;
    }
    .navigation .nav-menu > li.nav-cta-item { margin: 10px 0 0; }
    .nav-cta-btn { padding: 14px 28px !important; width: 100%; }
}
/* ========== END STEP 3 ========== */

/* ============================================================
   RESTYLE STEP 4 — VERTICAL ALIGN + KVKK + DROPDOWN POLISH
   ============================================================ */

/* Force #navigation1 container to flex, vertically center everything */
#navigation1.navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
}
#navigation1 .nav-header {
    float: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    height: auto !important;
}
#navigation1 .nav-menus-wrapper {
    float: none !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: auto !important;
}
#navigation1 .nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap;
    width: auto !important;
    height: auto !important;
    text-align: right;
}
#navigation1 .nav-menu > li {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    float: none !important;
}
#navigation1 .nav-menu > li > a {
    height: auto !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}

/* Logo vertical centering + proper sizing on all screens */
#navigation1 .nav-logo {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    padding: 0 !important;
}
#navigation1 .nav-header {
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}
#navigation1 .nav-logo img,
#navigation1 .nav-logo .white-logo {
    max-width: 100%;
    max-height: 86px;
    height: auto !important;
    width: auto !important;
    object-fit: contain;
    display: block !important;
}
@media (max-width: 991px) {
    /* Mobile header — logo fully visible + space between menu toggle */
    #navigation1.navigation {
        flex-wrap: wrap !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 0 12px !important;
    }
    #navigation1 .nav-header {
        padding: 10px 0 !important;
        min-height: 70px;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        flex: 0 0 100% !important;
    }
    #navigation1 .nav-logo {
        flex: 1 1 auto !important;
        max-width: calc(100% - 100px) !important;
    }
    #navigation1 .nav-logo img,
    #navigation1 .nav-logo .white-logo {
        max-height: 50px !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }
    .main-nav { padding: 0 !important; }

    /* Mobile iletişim 3 cols → stack vertically with equal spacing */
    .contactSection .contact-info-right,
    .contactSection .col-md-6:has(.box-contact) {
        flex-direction: column !important;
        gap: 24px !important;
    }
    .contactSection .box-contact {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 16px 10px !important;
    }

    /* Mobile footer bar: kill extra border/shadow "layer" */
    #mobile-contact-bar,
    #mobile-contact-bar-outer {
        box-shadow: none !important;
        border-top: none !important;
    }
    #mobile-contact-bar { border-top: none !important; }

    /* Scroll-to-top button — lift above the mobile contact bar */
    .cd-top,
    a.cd-top,
    .cd-top.cd-is-visible,
    .scroll-to-top,
    .back-to-top {
        bottom: 88px !important;
        right: 16px !important;
        z-index: 9990 !important;
    }
    /* WhatsApp floating button also above mobile bar */
    .pulse-button-w,
    a.pulse-button-w {
        bottom: 88px !important;
        right: 16px !important;
        z-index: 9990 !important;
    }
}
@media (min-width: 992px) {
    /* Desktop: scroll-to-top fully visible */
    .cd-top,
    a.cd-top,
    .cd-top.cd-is-visible {
        bottom: 30px !important;
        right: 30px !important;
        z-index: 9990 !important;
    }
}

/* Dropdown submenu — clean white panel like source */
#navigation1 .nav-menu > li .nav-submenu,
#navigation1 .nav-menu > li .sub-menu,
#navigation1 .nav-menu > li ul {
    background: #ffffff !important;
    border: 1px solid #ececec !important;
    border-radius: 2px !important;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08) !important;
    padding: 8px 0 !important;
    margin-top: 0 !important;
    min-width: 220px !important;
}
#navigation1 .nav-menu > li .nav-submenu li a,
#navigation1 .nav-menu > li .sub-menu li a,
#navigation1 .nav-menu > li ul li a {
    font-family: 'Playfair Display', serif !important;
    font-size: 16px !important;
    color: #1e1e1e !important;
    padding: 10px 20px !important;
    display: block !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    background: transparent !important;
    height: auto !important;
    line-height: 1.4 !important;
}
#navigation1 .nav-menu > li .nav-submenu li a:hover,
#navigation1 .nav-menu > li .sub-menu li a:hover,
#navigation1 .nav-menu > li ul li a:hover {
    color: #6f9684 !important;
    background: #f6faf8 !important;
}

/* Hide theme's built-in carets (.caret + .submenu-indicator) — we use our own */
#navigation1 .nav-menu > li > a > .caret,
#navigation1 .nav-menu > li > a > .submenu-indicator,
#navigation1 .nav-menu > li > a > .submenu-indicator-chevron,
.navigation .nav-menu > li > a > .caret,
.navigation .nav-menu > li > a > .submenu-indicator {
    display: none !important;
}

/* Our single caret — shown only when submenu exists */
#navigation1 .nav-menu > li.has-submenu > a::after,
#navigation1 .nav-menu > li:has(> ul) > a::after {
    content: "\f107"; /* FontAwesome caret-down */
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome, sans-serif;
    font-weight: 900;
    margin-left: 8px;
    font-size: 11px;
    opacity: .65;
    position: static;
    background: none !important;
    width: auto;
    height: auto;
    display: inline;
    color: currentColor;
    line-height: 1;
    vertical-align: middle;
}
#navigation1 .nav-menu > li.nav-cta-item > a::after { content: none !important; }

/* ============================================================
   KVKK COOKIE BANNER — fixed full-width bar (match source)
   ============================================================ */
.policy-popup,
#divKvk,
[id*="divKvk"] {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    background: #ffffff !important;
    color: #333333 !important;
    padding: 18px 28px !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px;
    border-top: 1px solid #ececec;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.06);
    font-size: 14px;
    font-family: 'Overpass', sans-serif;
}
.policy-popup p,
#divKvk p {
    margin: 0 !important;
    flex: 1 1 auto;
    color: #333333 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.policy-popup p a,
#divKvk p a {
    color: #6f9684 !important;
    text-decoration: underline !important;
}
.policy-popup .btn-kvkk,
#divKvk .btn-kvkk,
.policy-popup a.btn-kvkk,
.policy-popup input.btn-kvkk {
    flex: 0 0 auto;
    background: #6f9684 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 4.8px !important;
    font-family: 'Overpass', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: .3px !important;
    cursor: pointer;
    line-height: 1 !important;
}
.policy-popup .btn-kvkk:hover,
#divKvk .btn-kvkk:hover {
    background: #5b8271 !important;
    color: #ffffff !important;
}
@media (max-width: 767px) {
    .policy-popup, #divKvk {
        flex-direction: column;
        align-items: stretch;
        padding: 14px 18px !important;
        gap: 10px;
    }
}

/* ============================================================
   MOBILE RE-ADJUST
   ============================================================ */
@media (max-width: 991px) {
    #navigation1.navigation {
        flex-direction: column;
        align-items: stretch !important;
    }
    #navigation1 .nav-menu {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* ============================================================
   STEP 5 — SLIDER PADDING/HEIGHT + DROPDOWN POSITION
   ============================================================ */

/* Slider / hero banner — yan boşluk + yükseklik + görsel konumu */
.home-slider,
.home-slider.d-none.d-lg-block {
    padding: 0 40px !important;       /* yan boşluk — kaynak site ile eşleşme */
    background: #ffffff !important;
    height: 620px !important;
    max-height: 620px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;           /* base CSS override — padding ile zaten yan boşluk var */
    max-width: none !important;
    border-radius: 0 !important;
}
.home-slider .carousel,
.home-slider .carousel.slide,
.home-slider > div,
#carouselExampleIndicators {
    height: 620px !important;
    max-height: 620px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.home-slider .carousel-inner,
.home-slider .carousel-item,
.home-slider .carousel-item.active,
.home-slider .carousel-item > * {
    height: 620px !important;
    max-height: 620px !important;
}
/* Görsel konumu: üstten başlasın → doktorun yüzü görünsün */
.home-slider .carousel-item,
.home-slider .carousel-item.active {
    background-position: center top !important;
    background-size: cover !important;
}
/* Overlay'i aç: 0.3 → 0.12 */
.home-slider .carousel-item::before,
.home-slider .carousel-item:before {
    opacity: 0.12 !important;
}
.home-slider .carousel-item img,
.home-slider img {
    width: 100% !important;
    height: 620px !important;
    max-height: 620px !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 8px !important;
}

@media (max-width: 991px) {
    .home-slider,
    .home-slider.d-none.d-lg-block {
        padding: 0 16px !important;
        height: 440px !important;
        max-height: 440px !important;
    }
    .home-slider .carousel, .home-slider .carousel-inner, .home-slider .carousel-item,
    .home-slider .carousel-item.active, .home-slider img,
    #carouselExampleIndicators { height: 440px !important; max-height: 440px !important; }
}
@media (max-width: 575px) {
    .home-slider,
    .home-slider.d-none.d-lg-block {
        padding: 0 10px !important;
        height: 280px !important;
        max-height: 280px !important;
    }
    .home-slider .carousel, .home-slider .carousel-inner, .home-slider .carousel-item,
    .home-slider .carousel-item.active, .home-slider img,
    #carouselExampleIndicators { height: 280px !important; max-height: 280px !important; }
}

/* --- Dropdown positioning — below the item, centered, no hover gap --- */
#navigation1 .nav-menu > li.has-submenu,
#navigation1 .nav-menu > li:has(> ul) {
    position: relative;
}
#navigation1 .nav-menu > li.has-submenu > ul,
#navigation1 .nav-menu > li:has(> ul) > ul,
#navigation1 .nav-menu > li > ul.nav-submenu,
#navigation1 .nav-menu > li > ul.sub-menu,
#navigation1 .nav-menu > li > ul {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    /* padding-top bridges the visual gap AND keeps the hover alive */
    padding: 14px 0 8px 0 !important;
    z-index: 9999 !important;
    /* background applied only to the visible panel area via background-clip */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Inner wrapper gets the white panel styling */
#navigation1 .nav-menu > li > ul::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 2px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08);
    z-index: -1;
    pointer-events: none;
}
#navigation1 .nav-menu > li > ul > li {
    position: relative;
    z-index: 1;
}

/* Keep dropdown OPEN while hovering over item OR over the dropdown itself */
#navigation1 .nav-menu > li.has-submenu:hover > ul,
#navigation1 .nav-menu > li.has-submenu.focus > ul,
#navigation1 .nav-menu > li.has-submenu.active-menu > ul,
#navigation1 .nav-menu > li.has-submenu.mp-menu-active > ul,
#navigation1 .nav-menu > li.has-submenu.hover > ul,
#navigation1 .nav-menu > li:hover > ul,
#navigation1 .nav-menu > li.focus > ul,
#navigation1 .nav-menu > li > ul:hover {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* ============================================================
   STEP 6 — INNER CONTENT PAGES (Özgeçmiş, Hakkımda, Psikoonkoloji, KVKK, İletişim)
   ============================================================ */

/* Hide the top "sections" banner with family/house image on inner pages */
.sections,
#ctl00_ctl00_cph1_divSection,
[id*="cph1_divSection"] {
    display: none !important;
}

/* Hide breadcrumb block (Anasayfa > Hakkımda > Özgeçmis) */
.breadcrumb,
.breadcrumbs,
.breadcrumb-wrapper,
.breadcrumb-area,
ul.breadcrumb,
ol.breadcrumb,
nav.breadcrumb,
[class*="breadcrumb"] {
    display: none !important;
}

/* Kill the bordo "h2::after" decorative 5px lines inside content */
.about-info h2:after,
.about-info h2::after,
.contact-info h2:after,
.contact-info h2::after,
.category-description h2:after,
.category-description h2::after,
.topic-html-content h2:after,
.topic-html-content h2::after,
.about-testimonials h2:after,
.about-testimonials h2::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    height: 0 !important;
    width: 0 !important;
}

/* Constrain content images to responsive centered */
.category-description img,
.topic-html-content img,
.about-info img,
.contact-info img,
.page-content img,
.column1 img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 0 auto !important;
    border-radius: 4px;
}
/* HERO image inside content — break out of container to full viewport width */
.category-description h2 > img:only-child,
.category-description > .row:first-child h2 > img,
.about-info h2 > img:only-child {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    height: auto !important;
    border-radius: 0 !important;
    display: block;
}

/* ---- TYPOGRAPHY on inner pages: match source ---- */
.category-description,
.topic-html-content,
.about-info,
.contact-info {
    font-family: 'Overpass', sans-serif !important;
    font-size: 17px !important;
    color: #1e1e1e !important;
    line-height: 1.5;
}
.category-description h1, .category-description h2,
.category-description h3, .category-description h4,
.category-description h5, .category-description h6,
.about-info h1, .about-info h2, .about-info h3,
.topic-html-content h1, .topic-html-content h2 {
    font-family: 'Poppins', sans-serif !important;
    color: #2e353e !important;
    letter-spacing: .2px;
}
.category-description h2,
.about-info h2,
.topic-html-content h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #2e353e !important;
    text-align: center !important;
    margin: 18px 0 12px !important;
}
.category-description p,
.about-info p,
.topic-html-content p {
    font-family: 'Overpass', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    color: #1e1e1e !important;
    font-weight: 400 !important;
    margin: 0 0 14px !important;
    text-align: left;
}
.category-description strong,
.about-info strong,
.topic-html-content strong {
    font-weight: 600 !important;
    color: #1e1e1e !important;
}
.category-description a,
.about-info a,
.topic-html-content a {
    color: #6f9684 !important;
}
.category-description a:hover,
.about-info a:hover,
.topic-html-content a:hover {
    color: #5b8271 !important;
}

/* Inner content page layout — reasonable max-width, centered */
.column1 > .container,
.column1 > .container-fluid,
main > .container,
main > .container-fluid {
    max-width: 1140px !important;
    margin: 40px auto !important;
}

/* Page title area — add a simple page title above content (replaces hidden banner) */
.category-description::before {
    content: none;
}

/* Full-width content on inner pages: override col-lg-7 narrow column */
.category-description > .row,
.topic-html-content > .row {
    display: block !important;
    margin: 0 !important;
}
.category-description .col-lg-7,
.category-description .col-lg-5,
.topic-html-content .col-lg-7,
.topic-html-content .col-lg-5 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}
/* Content wrappers should center-stretch */
.about-info,
.category-description .about-info,
.category-description > .row > div {
    max-width: 100%;
    width: 100%;
}

@media (max-width: 767px) {
    .category-description p, .about-info p, .topic-html-content p { font-size: 16px !important; }
    .category-description h2, .about-info h2, .topic-html-content h2 { font-size: 20px !important; }
}


/* ============================================================
   STEP 7 — SLIDER FULL-WIDTH, İLETİŞİM, FOOTER, SIDE BUTTONS, MOBILE BAR
   ============================================================ */

/* 1) Slider edge-to-edge (remove padding, keep height, no border-radius) */
.home-slider,
.home-slider.d-none.d-lg-block {
    padding: 0 !important;
    background: transparent !important;
}
.home-slider .carousel,
.home-slider .carousel-inner,
.home-slider .carousel-item,
.home-slider img,
#carouselExampleIndicators {
    border-radius: 0 !important;
}

/* 2) Side go-to buttons (Randevu / Röntgen gönder) — FORCE HIDE */
.m-go-to,
.m-go-to.d-none,
.m-go-to.d-md-block,
#lnkRandevu,
#lnkBasvuru,
a#lnkRandevu,
a#lnkBasvuru,
.btn-soft-success {
    display: none !important;
    visibility: hidden !important;
}

/* 3) Footer — hide ONLY Instagram column (done via JS adding .za-hide-ig class) */
footer .za-hide-ig,
footer .instagram-widget,
footer .footer-instagram,
footer [class*="instagram-wrap"] {
    display: none !important;
}
/* Also hide any col containing lightwidget iframe */
footer [class*="col-"]:has(.lightwidget-widget) {
    display: none !important;
}

/* Remove the dark footer-bottom bar */
footer .footer-bottom,
footer .copyright,
.footer-bottom {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    padding: 14px 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Footer overall sizing & tidy */
footer {
    padding: 60px 0 20px !important;
}
footer .container {
    max-width: 1140px;
    margin: 0 auto;
}

/* 4) Mobile bottom contact bar — ONLY phone + whatsapp, sage green bg */
#mobile-contact-bar,
#mobile-contact-bar-outer {
    background: #6f9684 !important;
    background-color: #6f9684 !important;
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: 8px 0 !important;
}
#mobile-contact-bar-outer ul {
    display: flex !important;
    justify-content: space-around !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
/* Hide Fiyat Al and Randevu list items (first 2 children) */
#mobile-contact-bar-outer ul > li:nth-child(1),
#mobile-contact-bar-outer ul > li:nth-child(2) {
    display: none !important;
}
#mobile-contact-bar-outer ul > li {
    flex: 1 1 50% !important;
}
#mobile-contact-bar-outer ul > li a {
    display: block !important;
    text-align: center !important;
    padding: 8px 0 !important;
    color: #ffffff !important;
    background: transparent !important;
}
#mobile-contact-bar-outer ul > li a .fa-stack {
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 auto 2px !important;
    display: block !important;
}
#mobile-contact-bar-outer ul > li a i {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    position: static !important;
}
#mobile-contact-bar-outer ul > li a .screen-reader-text {
    display: block !important;
    position: static !important;
    height: auto !important;
    width: auto !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 2px !important;
    clip: auto !important;
    overflow: visible !important;
    font-family: 'Overpass', sans-serif !important;
    text-transform: none !important;
    letter-spacing: .3px !important;
}

/* 5) İLETİŞİM PAGE — match source (3 icons, big sage, evenly distributed) */
.contactSection {
    padding: 70px 0 90px !important;
    background: #ffffff !important;
}
.contactSection .col-md-6 > .contact-info-right,
.contactSection .contact-info-left,
.contactSection .col-md-6:has(.box-contact),
.contactSection > .container > .row > .col-md-12 > .tab-content > .tab-pane > .row > .col-md-6:first-child {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 0 !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    flex: 0 0 100% !important;
}
/* Hide empty clear:both divs and non-content children inside contact-info-right */
.contactSection .contact-info-right > div:empty,
.contactSection .contact-info-right > div[style*="clear"],
.contactSection .contact-info-right > .clearfix,
.contactSection .contact-info-left > div:empty,
.contactSection .contact-info-left > div[style*="clear"] {
    display: none !important;
}
/* Only box-contact items visible in ICONS container (col-md-6 child only) */
.contactSection .col-md-6 > .contact-info-right > *:not(.box-contact) {
    display: none !important;
}
.contactSection .col-md-6 > .contact-info-right > h3,
.contactSection .col-md-6 > .contact-info-right > h5,
.contactSection .col-md-6 > .contact-info-right > hr,
.contactSection .col-md-6 > .contact-divider {
    display: none !important;
}

/* Each contact box — icon big sage, label below, content below (equal 1/3 width) */
.contactSection .box-contact {
    flex: 1 1 33.333% !important;
    max-width: 33.333% !important;
    min-width: 0 !important;
    background: transparent !important;
    text-align: center !important;
    padding: 28px 10px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
.contactSection .box-contact .bc-icon,
.contactSection .box-contact .phone-icon {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 18px !important;
    color: #6f9684 !important;
}
.contactSection .box-contact .bc-icon i,
.contactSection .box-contact i {
    color: #6f9684 !important;
    font-size: 45px !important;
    line-height: 1 !important;
}
.contactSection .box-contact .bc-caption {
    text-align: center !important;
    padding: 0 !important;
}
.contactSection .box-contact .bc-caption::before {
    content: attr(data-label);
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #1d2127;
    margin-bottom: 6px;
}
.contactSection .box-contact .bc-caption p,
.contactSection .box-contact .bc-caption a {
    font-family: 'Overpass', sans-serif !important;
    font-size: 15px !important;
    color: #6f9684 !important;
    text-decoration: underline !important;
    margin: 0 !important;
    line-height: 1.8 !important;
}

/* İletişim form styling — match source bg + size exactly */
.contactSection .contact-form,
.contactSection .form-all,
.contactSection .send-email,
.contactSection [id*="pnlContactUs"],
.contactSection form,
.contactSection #mainContactForm,
.contactSection [id*="contactForm"],
.contactSection .col-md-6:last-child {
    background: #e5edf1 !important;
    padding: 70px 60px !important;
    border-radius: 0 !important;
    margin: 50px auto 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
}
.contactSection .contact-form .row,
.contactSection .form-all .row,
.contactSection .send-email .row {
    max-width: 1100px;
    margin: 0 auto !important;
}
.contactSection .contact-form,
.contactSection .form-all {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Outer wrapper gets the gray panel */
.contactSection .send-email,
.contactSection [id*="pnlContactUs"] {
    background: #e5edf1 !important;
    padding: 70px 60px !important;
    margin: 50px 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.contactSection .col-md-6:last-child h3,
.contactSection .col-md-6:last-child h5 {
    text-align: center !important;
}
.contactSection .col-md-6:last-child h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1d2127 !important;
    text-align: center !important;
    margin-bottom: 28px !important;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.contactSection .col-md-6:last-child h5 {
    display: none !important;
}
.contactSection input[type="text"],
.contactSection input[type="email"],
.contactSection textarea,
.contactSection .form-control {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #c5ced6 !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    font-family: 'Overpass', sans-serif !important;
    font-size: 15px !important;
    box-shadow: none !important;
    width: 100% !important;
    margin-bottom: 20px;
}
.contactSection input:focus,
.contactSection textarea:focus,
.contactSection .form-control:focus {
    border-bottom-color: #6f9684 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* GÖNDER button — sage outline */
.contactSection button[type="submit"],
.contactSection input[type="submit"],
.contactSection .btn-send,
.contactSection .btn-contact,
.contactSection .col-md-6:last-child a.btn {
    display: inline-block !important;
    background: transparent !important;
    color: #1e1e1e !important;
    border: 1px solid #1e1e1e !important;
    padding: 14px 32px !important;
    font-family: 'Overpass', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 0 !important;
    margin: 10px auto 0 !important;
    cursor: pointer;
}
.contactSection button[type="submit"]:hover,
.contactSection .btn-send:hover {
    background: #1e1e1e !important;
    color: #ffffff !important;
}


/* Social Media icons in İletişim — match source colors (FB/IG/LinkedIn squares 37x37) */
.contactSection .za-social-box .bc-icon i {
    color: #6f9684 !important;
    font-size: 45px !important;
}
.contactSection .za-social-box .bc-caption::before {
    content: "Sosyal Medya";
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #1d2127;
    margin-bottom: 14px;
}
.contactSection .za-social-box .za-social-links {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 6px;
}
.contactSection .za-social-box .za-social-links a {
    width: 37px;
    height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: opacity .2s ease, transform .2s ease;
}
.contactSection .za-social-box .za-social-links a:hover {
    opacity: .85;
    transform: translateY(-2px);
}
.contactSection .za-social-box .za-social-links a i {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1 !important;
}
.contactSection .za-social-box .za-social-links .za-soc-fb { background: #3b5a9a; }
.contactSection .za-social-box .za-social-links .za-soc-ig { background: #7c4a3a; }
.contactSection .za-social-box .za-social-links .za-soc-li { background: #0073b2; }


/* ============================================================
   STEP 8 — GLOBAL MOBILE POLISH
   ============================================================ */
@media (max-width: 991px) {
    /* Prevent horizontal scroll from 100vw hero images */
    body { overflow-x: hidden !important; }

    /* Keep hero full-width images edge-to-edge on mobile */
    .category-description h2 > img:only-child,
    .about-info h2 > img:only-child,
    .category-description > .row:first-child h2 > img {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }

    /* Feature boxes (3-column home) → stack */
    .za-features-container {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 16px !important;
    }
    .za-features { padding: 40px 0 !important; }

    /* Footer: stack cols nicely */
    footer .row > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        margin-bottom: 24px;
        text-align: center;
    }
    footer .footer-col, footer .footer-logo {
        text-align: center !important;
    }
    footer .footer-logo img { margin: 0 auto; max-width: 200px; }
    footer .footer-col h4::after { margin-left: auto; margin-right: auto; }
    footer ul { padding-left: 0 !important; }
    footer ul li { list-style: none; }

    /* Lightwidget section on mobile */
    .za-ig-section { padding: 36px 0 !important; }
    .za-ig-title { font-size: 18px !important; }
    .za-ig-container iframe.lightwidget-widget { min-height: 180px; }

    /* Kvkk popup on mobile: stack */
    .policy-popup, #divKvk {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 12px 16px !important;
        text-align: center;
        bottom: 60px !important; /* above mobile contact bar */
    }

    /* Header CTA button — shrink but keep visible when menu is open */
    .navigation .nav-menu > li.nav-cta-item > a,
    .nav-cta-btn {
        padding: 12px 22px !important;
        font-size: 13px !important;
    }

    /* Form styling on mobile */
    .contactSection .send-email,
    .contactSection [id*="pnlContactUs"] {
        padding: 40px 20px !important;
        margin: 30px 0 0 !important;
    }
    .contactSection { padding: 40px 0 60px !important; }
}

@media (max-width: 575px) {
    /* Smaller logos and nav */
    #navigation1 .nav-logo img { max-height: 42px !important; }
    #navigation1 .nav-header { min-height: 60px; }

    .za-feature-box { padding: 30px 16px 22px !important; }

    /* Mobile bar — keep compact but visible */
    #mobile-contact-bar-outer ul > li a i {
        font-size: 22px !important;
    }
    #mobile-contact-bar-outer { height: 60px !important; }
    .cd-top, .pulse-button-w { bottom: 78px !important; }
}
/* ========== END STEP 8 ========== */
/* ========== END STEP 7 ========== */
/* ========== END STEP 6 ========== */
/* ========== END STEP 5 ========== */
/* ========== END STEP 4 ========== */

/* ============================================================
   STEP 9 — FORM GÖRÜNÜRLÜK DÜZELTME
   Form container da .contact-info-right class'ına sahip;
   STEP 7 kuralları flex + display:none uyguluyordu — override edildi.
   ============================================================ */

/* Form dış container — block, flex yok */
.contactSection .contact-form.contact-info-right,
.contactSection .col-md-12 > .contact-info-right {
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    flex: unset !important;
    flex-direction: unset !important;
}

/* Form üst başlık h3 "İletişim Formu" */
.contactSection .contact-form.contact-info-right > h3 {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1d2127 !important;
    text-align: center !important;
    margin: 40px 0 0 !important;
    padding-top: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
/* Form alt başlık h5 — gizle */
.contactSection .contact-form.contact-info-right > h5 {
    display: none !important;
}

/* send-email.controls (form alanları) — gri kutu */
.contactSection .contact-form.contact-info-right .send-email.controls,
.contactSection .contact-form.contact-info-right #pnlContactUs {
    display: block !important;
    background: #e5edf1 !important;
    padding: 50px 60px !important;
    margin: 20px 0 60px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .contactSection .contact-form.contact-info-right .send-email.controls,
    .contactSection .contact-form.contact-info-right #pnlContactUs {
        padding: 32px 20px !important;
        margin: 16px 0 40px !important;
    }

    /* İletişim ikonları mobilde alt alta */
    .contactSection .col-md-6 > .contact-info-right,
    .contactSection .col-md-6:has(.box-contact) {
        flex-direction: column !important;
        align-items: center !important;
    }
    .contactSection .box-contact {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 30px 16px !important;
        border-bottom: 1px solid #e8eef2;
    }
    .contactSection .box-contact:last-child {
        border-bottom: none !important;
    }
}
/* ========== END STEP 9 ========== */

/* ============================================================
   STEP 10 — VİDEO PLAY BUTONU KALDIR (anasayfa hakkımızda bölümü)
   İçerik veritabanında; CSS ile gizleniyor + link devre dışı.
   ============================================================ */
/* Play butonunu tamamen gizle */
.button.is-play,
.organic-pulsing-video .button.is-play,
a.popup-youtube .button.is-play,
.has-scale-animation {
    display: none !important;
}
/* popup-youtube linkini tıklanamaz yap (görsel kalır, link çalışmaz) */
a.popup-youtube,
.popup-youtube {
    pointer-events: none !important;
    cursor: default !important;
}
/* ::before play overlay'i de kaldır */
.popup-youtube .video-image::before {
    display: none !important;
    content: none !important;
}
/* ========== END STEP 10 ========== */

/* ============================================================
   STEP 11 — KATEGORİ SAYFASI: ALT KATEGORİ KART STİLİ
   ProductsInGrid2 şablonu → .sub-category-list .service-box
   Tasarım referansı: birartibir.org makale kart düzeni
   2 kolonlu ızgara, büyük görsel, kalın başlık, özet metin
   ============================================================ */

/* Sub-kategori liste konteyneri */
.category-page .sub-category-list {
    margin: 30px 0 60px !important;
    padding: 0 !important;
}

/* Her kart sütunu: DLL col-lg-4 (3-kolon) → 2-kolon override */
.category-page .sub-category-list .sb-desktop-view {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 44px !important;
}

/* Kart üst görsel — 16:9 benzeri yüksek görsel */
.category-page .sub-category-list .sb-desktop-view > img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    border-radius: 4px 4px 0 0 !important;
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    transition: opacity .3s !important;
}
.category-page .sub-category-list .sb-desktop-view:hover > img {
    opacity: .92 !important;
}

/* Kart içerik kutusu — çerçevesiz, sade beyaz */
.category-page .sub-category-list .service-box {
    background-color: #fff !important;
    border: none !important;
    border-top: 3px solid #b4665c !important;
    border-radius: 0 !important;
    padding: 20px 2px 10px !important;
    transition: none !important;
    position: relative !important;
    box-shadow: none !important;
}

/* Kart başlık — büyük, kalın, normal case (uppercase kaldırıldı) */
.category-page .sub-category-list .service-box .sb-caption h4 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-transform: none !important;
    letter-spacing: -.2px !important;
    margin: 0 0 12px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: auto !important;
}
.category-page .sub-category-list .service-box .sb-caption h4 a {
    color: #1a1a2e !important;
    text-decoration: none !important;
}
.category-page .sub-category-list .service-box .sb-caption h4 a:hover {
    color: #b4665c !important;
}

/* Özet açıklama — okunabilir, 4 satır */
.category-page .sub-category-list .service-box .sb-caption p {
    font-family: 'Overpass', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
    margin: 0 0 16px !important;
    line-height: 1.7 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* "Görüntüle" / Devamını oku bağlantısı */
.category-page .sub-category-list .service-box .sb-caption h5 {
    margin: 0 !important;
    padding-top: 14px !important;
    border-top: 1px solid #f0f0f0 !important;
}
.category-page .sub-category-list .service-box .sb-caption h5 a {
    color: #b4665c !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}
.category-page .sub-category-list .service-box .sb-caption h5 a::after {
    content: "→" !important;
    font-size: 13px !important;
}
.category-page .sub-category-list .service-box .sb-caption h5 a:hover {
    color: #6f9684 !important;
}

/* Navigasyon sidebar: aktif kategori coral */
.departments .list-group li.active a {
    background-color: #b4665c !important;
    color: #fff !important;
    border-color: #b4665c !important;
}
.departments .list-group li a {
    border-left: 3px solid transparent;
    transition: border-color .2s, background-color .2s;
}
.departments .list-group li.active a,
.departments .list-group li a:hover {
    border-left-color: #b4665c !important;
}

/* Responsive: tablet (768–991) → 2 kolon koru */
@media (min-width: 768px) and (max-width: 991px) {
    .category-page .sub-category-list .sb-desktop-view {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .category-page .sub-category-list .sb-desktop-view > img {
        height: 220px !important;
    }
}

/* Responsive: mobil → tek kolon, tam genişlik */
@media (max-width: 767px) {
    .category-page .sub-category-list .sb-desktop-view {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 32px !important;
    }
    .category-page .sub-category-list .sb-desktop-view > img {
        height: 200px !important;
        border-radius: 4px !important;
    }
    .category-page .sub-category-list .service-box {
        padding: 16px 0 10px !important;
    }
    .category-page .sub-category-list .service-box .sb-caption h4 {
        font-size: 18px !important;
    }
}
/* ========== END STEP 11 ========== */

/* ========== STEP 12: WhatsApp & Scroll-to-top Ayırma ========== */
/* WhatsApp butonu (pulse-button-w): bottom:15px, right:15px, 70x70px  */
/* Üst ok (cd-top): base CSS'de bottom:20px/right:20px — üst üste biniyor */
/* Çözüm: cd-top'u WhatsApp'ın üstüne taşı                              */
.cd-top {
    bottom: 95px !important;  /* 15px (wa) + 70px (wa height) + 10px boşluk */
    right: 18px !important;
}

@media only screen and (max-width: 767px) {
    .cd-top {
        bottom: 95px !important;
        right: 12px !important;
    }
}
/* ========== END STEP 12 ========== */
/* ========== END ZEYNEP ARMAY CORPORATE RESTYLE ========== */