/*
Theme Name: Harpethendo
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the GWM team
License: GNU General Public License v2 or later
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio
Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/


*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative;font-family: "bodoni-moda";  margin: 0; padding: 0;font-weight: normal; } 
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6,textarea{margin:0;padding:0;color:#000000;font-weight:400;}
ul, a, input,textarea{text-decoration: none;text-decoration: none;outline:none;}
body {
    overflow-x: auto;
    overflow-y: scroll;background:#ccd5d6;
}

body, html {
    height: 100%;
}
html{scroll-behavior: smooth;}
@font-face { 
font-family: "bodoni-moda"; 
src: url("./fonts/font-1.woff2") format("woff2"); 
font-style: normal; 
font-weight: 400; 
font-display: swap;  
}

@font-face {
 font-family: "bodoni-moda"; 
src: url("./fonts/font-2.woff2") format("woff2"); 
font-style: normal; 
font-weight: 700; 
font-display: swap;
 }
 
@font-face { font-family: "futura-lt-w01-book"; 
src: url("./fonts/futura-lt-w01-book.woff2") format("woff2"); 
font-style: normal; 
font-weight: 400; 
font-display: swap; 

 } 

@font-face { font-family: "forum"; src: url("./fonts/forum-1.woff2") format("woff2"); 
    font-style: normal; font-weight: 400; font-display: swap;} 
    
.all-scroll{scroll-margin-top: 280px;}

h1{font-size: 56px;line-height: 70px;font-weight: 400;color: #58595b;text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;}
a:hover,a:focus{ text-decoration: none;outline: 0;}
a{ transition: 0.3s;}
p{font-size:17px;line-height:29px;color:#58595b;font-weight:400;font-family: "bodoni-moda"; }
.clear{float:left;width:100%;clear:both;}
.container{width:1235px;margin:0 auto;}
.top-menu-upper{background:#ccd5d6;padding-bottom:68px;box-shadow: 0 0 3px #000;position: relative;z-index: 99;position: fixed;left: 0;top: 0;width: 100%;}
.top-menu-upper .head_logo{position: absolute;left: 0;top: 2px;}
.top-phone_block{text-align:right;padding:18px 0;margin-bottom:4px;position:relative;}
.top-phone_block a{font-size:16px;font-weight:700;color:#58595b;display: flex;justify-content: end;align-items: center;float: right;
  clear: right;}
   .top-phone_block a.head-infor img{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
 .top-phone_block a.head-infor:hover img{-webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);} 

.top-phone_block img.head-icon{width:22px;margin-left:3px;position:relative;top:-2px;}
.top-menus ul{float:right;background:#fff;}
.top-menus ul ul{position: absolute;top: 51px;left: 0;width: 330px;background: #fff;display: none;border-bottom: 1px solid #000;}
.top-menus ul li:hover ul{display: block;}
.top-menus ul > li{float:left;list-style:none;margin-right:6px;background:#fff;position: relative;}
.top-menus ul > li:last-child{margin-right:0;}
.top-menus ul > li > a{font-size:18px;font-weight:400;color:#000;padding:12px 17px;background:#fff;position:relative;display:block;}
.top-menus ul ul li{width: 100%;}
.top-menus ul ul li a{display: block;font-size: 16px;}
.top-menus ul ul li a:after, .top-menus ul ul li a:before{display: none;}
.top-phone_block a.top-phone_second img{top: 0;}

.top-menus ul ul li a:hover{color: #C74300;}
.site-content{margin-top: 281px;}
.primary-menu-container{float:left;width:100%;clear:both;}
.top-phone_second{margin-top:74px;}
.top-menus ul > li.current-menu-item > a:after, .top-menus ul > li > a:hover:after{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background:#000;}
.top-menus ul > li.current-menu-item > a:before, .top-menus ul > li > a:hover:before{position:absolute;content:'';bottom:0;left:0;width:100%;height:1px;background:#000;}
.banner_block{position:relative;}
.bottom_section {position: absolute;bottom: 10px;right: 17px;z-index: 999;line-height:17px;font-size:12px;opacity:0;transition:all 0.7s ease-in-out 0s;}
.banner_block span.banner-title{position: absolute;bottom: 0;left: 0;background: rgba(255, 255, 255, 0.7);
    width: 100%;z-index: 1;color: #58595b;display: block;font-size: 16px; font-family: "futura-lt-w01-book";padding-left: 20px;
    height: 40px;line-height: 40px;opacity:0;transition:all 0.7s ease-in-out 0s;}
 .fancybox__caption{font-size: 16px!important; font-family: "futura-lt-w01-book" !important;} 
 .fancybox__footer{display: none !important;}  
.banner_block .item{line-height:1px;}

.banner_block .owl-nav .owl-next{position:absolute;top:50%;right:10px;margin-top:-35px;width:50px;height:70px;background: url('./images/right-arrow.png' )!important;opacity: .4;transition:all 0.7s ease-in-out 0s;}
.banner_block .owl-nav .owl-prev{position:absolute;top:50%;left:10px;margin-top:-35px;width:50px;height:70px;background: url('./images/left-arrow.png' )!important;opacity: .4;transition:all 0.7s ease-in-out 0s;}
.banner_block .owl-nav span{display:none;}
.banner_block:hover .owl-nav{opacity:1;transition:all 0.7s ease-in-out 0s;}
.banner_block .owl-nav button:hover{opacity:1;transition:all 0.7s ease-in-out 0s;}
.banner_block:hover span.banner-title, .banner_block:hover .bottom_section{opacity:1;transition:all 0.7s ease-in-out 0s;}
.intro-content h1, .intro-content p{display: inline;font-size:18px;line-height:34px;color:#58595b;font-weight:400;font-family: "bodoni-moda"; }

.intro_block{background:#fff;padding:40px 0 44px;text-align:center;box-shadow: 0 0 4px #000;}
.intro-content{padding:0 11%;}
.intro-content p{text-align:justify;}
.foot-bar{background:#fff;padding:13px 0;text-align:center;margin-top:12px;}
.foot-bar li{list-style:none;font-size:20px;line-height:28px;font-weight:400;color:#58595b;width:100%;}
.foot-bar ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;}
.foot-bar li:nth-child(3), .foot-bar li:nth-child(4){width:auto;margin:0 10px;}
.foot-iframe iframe{width:100%;height:352px;}
.foot-iframe p{line-height:1px;}

.patient_block{ background: linear-gradient(90deg, #FBDCDC 0%, #FFFFFF 100%);padding: 30px 0 36px;    }
.all_formating h1, .all_formating h2{font-size: 60px;line-height: 70px;font-weight: 400;color: #58595b;text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;text-align: center;margin-bottom: 25px;}
.all_formating p{padding: 0 10%;text-align:justify;}
.sche_block{ background: linear-gradient(90deg, #FFFFFF 0%, #CCD5D6 100%); padding: 30px 0 36px;}
.office-timing{margin: 20px 0;}
.office-timing p{text-align: center;line-height: 29px;}
.office-sched{margin: 0;}
.office-buttons-flex{display: flex;justify-content: center;align-items: center;margin-top: 15px;flex-wrap: wrap;}
.office-buttons-flex a{transition: all 0.2s ease, visibility 0s; font-size: 17px; font-weight: 400; color: #fff;width: 276px;text-align: center;border: 5px double #CCD5D6;
    display: flex;height: 40px;background: rgba(88, 89, 91, 0.6);margin: 0 45px;justify-content: center;align-items: center;letter-spacing: 0.1em;font-family: "bodoni-moda";}
.office-buttons-flex a:hover {color: #58595b;border: 5px double #fff;background: #FFFFFF;box-shadow: 0 0 0 1px #58595b;}
.office-buttons-pdf .office-buttons-flex a{width: 313px;margin: 0 12px 20px ;} 
.last-box-shadows{box-shadow:0 2px 0px #9b9b9b;}

.referring_block{padding: 40px 0;background: radial-gradient(circle at 71.4697265625% 10.475260416666666%, #F3A78F 0%, 15.75%, rgba(243, 167, 143, 0) 35%), radial-gradient(circle at 88.9599609375% 81.34114583333333%, #FFFFFF 0%, 32.5%, rgba(255, 255, 255, 0) 65%), radial-gradient(circle at 58.8232421875% 11.051432291666668%, #F9C5B4 0%, 41.99999999999999%, rgba(249, 197, 180, 0) 60%), radial-gradient(circle at 38.7548828125% 96.91080729166667%, #828384 0%, 25%, rgba(130, 131, 132, 0) 50%), radial-gradient(circle at 17.003580729166668% 58.362630208333336%, #D2ACF7 0%, 35%, rgba(210, 172, 247, 0) 50%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255, 255, 255, 0) 100%);}
.referring-center{width: 850px;margin: 0 auto;}
.referring-inner{background: #fff;float: left;padding: 40px 30px;}
.referring-inner p{padding:0;margin-bottom: 25px;}

.gallery_block{padding: 60px 40px;}
.gallery_block-flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.gallery_image-width-33{width: 32.5%;}
.gallery_image img{width: 100%;transition: all 0.7s ease-in-out 0s;}
.gallery_image-width-50{width: 49.5%;margin-top: 20px;}
.gallery_image{overflow: hidden;transition: all 0.7s ease-in-out 0s;position: relative;}
.gallery_image:hover img{transform: scale(1.1);transition: all 0.7s ease-in-out 0s;}
.gallery_image a{display: block;}
.gallery_image a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';background: rgba(0,0,0,0.1);opacity: 0;visibility: hidden;}
.gallery_image:hover a:after{opacity: 1;visibility: visible;}

.patient_block{padding: 40px 0;}
.patient_block p{padding: 0 10%;line-height: 22px;}
.procedures-flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.procedures-left{width: 33%;}
.procedures-middle{width: 29%;}
.procedures-right{width: 33%;height: 240px;position: relative;overflow: hidden;}
.procedures-left img{width: 100%;}
.procedures-right iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.04)}
.ane-bg_block{background: linear-gradient(180deg, #CCD5D6 0%, #FFFFFF 100%);}
.sta_outer{margin-top: 20px;}
.sta_flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;padding: 0 10%;align-items: center;}
.sta-title{font-size: 17px;line-height: 24px;color: #58595b;font-weight: 700; }
.sta-left{width: 65%;}
.sta-left p{padding: 0 0 0 5%;}
.sta-right{width: 30%;line-height: 1px;}
.add-title{padding-left: 10%;font-size: 17px;line-height: 24px;color: #58595b;font-weight: 400;}
.sta_inner-second{padding-left: 3%;}
.sta-right img{width: 100%;}
.add-title{margin: 10px 0;}
.sta_flex-second{margin-bottom: 25px;}
.therpt_block p{margin-bottom: 25px;}
.therpy-flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 15px;padding: 0 10%;}
.therpy-box{width: 49%;}
.therpy-box p{padding: 0;}
.therpy-box iframe{height: 330px;}
.patient_block-padd p{padding: 0;}
.ane-marg-bottom p{margin-bottom: 25px;}
.welook_block{background: #fff;}
.welook-flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;align-items: center;}
.welook-left{width: 50%;text-align: center;}
.welook-right{width: 50%;line-height: 1px;}
.welook-right img{width: 100%;}
.welook-left h1, .doctor-infor_block h2, .meet-our_block h2{font-size: 56px;line-height: 70px;font-weight: 400;color: #58595b;text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px; }
.doctor-infor_block h2{margin-bottom: 20px;}
.doctor-infor_block{padding: 40px 60px;}
.drinfo-flex {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;background: #fff;}
.drinfo-left{width: 40%;line-height: 1px;}
.drinfo-left img{width: 100%;}
.drinfo-right{width:60%;padding: 60px 14%;}
.drinfo-right p{text-align: justify;margin-bottom: 40px;}
.social a{float: left;margin-right: 20px;}

.meet-our_block{background: url(./images/bannerteam.jpg) no-repeat;background-size: cover;padding: 40px;}
.meet-our_block h2{text-align: center;margin-bottom: 40px;}
.meet-our-center{width: 918px;margin: 0 auto;}

.meet-our-flex{background: rgba(251, 220, 220, 0.6);display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;align-items: center;padding: 20px 30px;}
.meet-our-left{width: 377px;}
.meet-our-right{width: 50%;}
.meet-name{font-size: 26px;line-height: 36px;color: #58595b;font-weight: 400; }
.meetsub-name{font-size: 22px;line-height: 31px;color: #58595b;font-weight: 400;margin-bottom: 25px; }
.meet-our-right{font-size: 18px;line-height: 25px;color: #58595b;font-weight: 400; }
.meet-our-flex:nth-child(2n + 2){background: rgba(229, 240, 254, 0.6);flex-direction: row-reverse;}
.con-page_block{padding: 60px 0;text-align: center; background-size: cover !important; }
.con-boxr{  background: rgba(251, 220, 220, 0.6);padding: 40px 25px;}
.con-center{width: 748px;margin: 0 auto;}
.con-page_block h1{ font-family: "forum";font-weight: 400; }
.con-page_block h2{font-size: 25px;line-height: 35px;font-weight: 700;color: #58595b;margin-bottom: 12px;}
.contact-infor-con{margin-bottom: 20px;}
.contact-infor a {transition: all 0.2s ease, visibility 0s;font-size: 17px;font-weight: 700;line-height: 30px;color: #fff;background: #CCD5D6;text-align: center;border: 4px double #fff;
    display: inline-block;height: 40px;padding: 0 20px;margin: 0 45px;justify-content: center;align-items: center;letter-spacing: 0.1em;font-family: "bodoni-moda";width: auto;}
.contact-infor a:hover{background: #fff;  color: #58595b;border: 4px double #000;}
.con-social a img{width: 45px;}
.con-social a {display:inline-block;margin: 0 18px;}
.all-page_block{width: 100%;padding: 0;}
.all-page_block img{width: 100%;}
.all-page_info{padding: 40px 0;}
.all-page_info ul {margin: 0;text-align: center;}
.all-page_info ul li {list-style: none;}
.all-page_info ul li a{font-size:18px;font-weight:400;color:#000;padding:12px 17px;background:#fff;position:relative;display:block;}
.sub-menu-toggle{display: none !important;}

#patient-3 p{margin-bottom: 25px;}
#patient-3 p:last-child{margin-bottom: 0;}

.top-menus ul > li.menu-our-team ul{width: 247px;}
.top-menus ul > li.menu-our-team-1 ul{width: 292px;}

.contact-infor a span, .contact-infor a div{color:#fff;font-weight:700;}
.contact-infor a:hover span, .contact-infor a div:hover {color: #58595b;}
.acces_block{padding-top:20px;}

.accessibility-page p a{font-size: 17px;line-height: 22px;color: #58595b;font-weight: 400;font-family: "bodoni-moda";font-weight:700;}
.accessibility-page p{margin-bottom:15px;}
.accessibility-page p a:hover{text-decoration:underline;}



@media (max-width: 1235px){
    .container{width: 96%;}
    .head_logo img{width: 252px;}
    .top-phone_block a.top-phone_second{margin-top: 50px;}
}

@media (max-width: 1199px){
.top-menus{display: none;}
.top-menu-upper .head_logo{left: 50%;top: 2px;margin-left: -77px;}
.top-phone_block a.top-phone_second{margin-top: 0;float: none;clear: none;}
.top-phone_block{display: flex; justify-content: space-between;}
.site-content {margin-top: 82px;}
.head_logo img { width: 154px;}
.mob-menu-header-holder {width: auto !important;background-color: inherit !important;top: 50px !important;}
.mobmenu .headertext{display: none;}
.mobmenur-container i {color: #FFF;background: #000;border-radius: 5px;}
.procedures-left{width: 50%;order: 1;}
.procedures-middle{width: 100%;margin-bottom: 50px;}
.procedures-right{width: 44%;margin-top: 0;}
.procedures-flex{justify-content: space-between;}
.procedures-right{height: 236px;}
.drinfo-right{width: 100%;}
.drinfo-left{margin: 0 auto;padding-top: 40px;}
.welook-right{height: 300px;}
.welook-right img {height: 100%;object-fit: cover;}
.mobmenu-right-alignment #mobmenuright li a{font-family: "bodoni-moda !important";}
.all-scroll{scroll-margin-top: 132px;}
}

@media (max-width: 1023px){
.referring-center{width: 100%;}
.meet-our-center{width: 96%;}
.meet-our-left {width: 100%;text-align: center;}
.meet-our-right {width: 100%;text-align: center;margin-top: 15px;}
}


@media (max-width: 767px){
.intro-content {padding: 0 ;}
.top-menu-upper .head_logo{left: 0;top: 2px;margin-left: 0;}
.top-phone_block{display: block;}
.top-phone_block a.top-phone_second{float: right;clear: right;margin-top: 10px;}
.top-phone_block a.top-phone_second img{top: 2px;}
.site-content {margin-top: 84px;}
.top-menu-upper{padding-bottom: 35px;}
.mob-menu-header-holder{        top: 80px !important;}
.patient_block p, .all_formating p{padding: 0 22px;}
.gallery_block {padding: 60px 20px;}
.referring-inner{padding: 40px 20px;}
.sta_flex{flex-direction: column-reverse;}
.sta-left, .sta-right {width: 100%;}
.sta-right{margin-bottom: 30px;}
.therpy-flex{padding: 0;}
.sta_inner-second{margin-top: 50px;}
.sta_flex{padding: 0 17px;}
.welook-left h1{font-size: 30px;line-height: 40px;}
.drinfo-right{padding: 60px 40px;}
.meet-our-left img{width: 100%;}
.doctor-infor_block {padding: 40px 22px;}
.drinfo-left{width: 100%;}
.drinfo-left{padding-top: 0;}
.doctor-infor_block h2{font-size: 48px;}
.meet-our_block{padding: 40px 22px;}
.con-center{width: 96%;}
.contact-infor a{display: block;width: 100%;margin: 0;font-size: 15px;font-weight: 500;}
.contact-infor a:last-child{height: auto;}

}

@media (max-width: 540px){
.procedures-left{width: 100%;padding: 0 22px;margin-top: 40px;}
.procedures-right{width: 100%;padding: 0 22px;}
.procedures-right iframe{transform: scale(1);padding: 0 22px;}
}


@media (max-width: 418px){
.top-phone_block a{font-size: 14px;}
.site-content {margin-top: 78px;}
.all-scroll{scroll-margin-top: 129px;}
}