/* BANNER */
.banner {width: 100%;overflow: hidden;position: relative;padding: 0 60px;}    
.js_hmbanner.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.banner:after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    width: 100%;
    height: 385px;
    background: var(--white);
    z-index: -1;
}
.js_hmbanner{
    background: var(--golden-bg);
    border-radius: 20px;
    /*overflow: hidden;*/
}
.bannertext {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;padding-left: 100px;}
.webox {
    position: relative;
    z-index: 1;
    width:calc(100% - 840px);
    text-align: center;
}
.bann_inner{
    margin-top: 170px;
}
.webox .semititle{
    font-size: 16px;
    letter-spacing: 4.9px;
    margin-bottom: 3px;
}
.bann_inner p{
    max-width: 470px;
    margin: 0 auto;
}
.ban_img{
    max-width: 830px;
    margin: -6px -30px 0 auto;
    display: flex;
    align-items: flex-end;
    min-height: 772px;
}
.hmbo_wrap {display: flex;align-items: center;height: 100%;}
.js_hmbanner {
    height: 772px;
}
.ban_img > img{
    width: 100%;
    /* height: 741px; */
    object-fit: cover;
}
.webox .vertical_line{
    height: 50px;
    background: var(--dark-blue);
    margin: 50px auto;
}
.doc_detail .title_xs{
    font-size: 16px;
    color: var(--secondary);
    line-height: 100%;
    margin-bottom: 5px;
}

.bigtitle {
    font-size: calc(24px + (60 - 24) * (100vw - 320px) / (1920 - 320));  
    font-family: 'Libre Baskerville';
    font-weight: normal;
    line-height: 80px;
    color: var(--secondary);
    margin-bottom: 8px;
}
.dr_button{
    max-width: 330px;
    background: var(--white);
    padding: 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    text-align: left;
    margin: 0 auto;
}
.dr_button:hover{
    box-shadow: 4px 4px 1px 1px #1a426385;
}
.doc_detail {
    padding-left: 15px;
}
.doc_detail span{    
    font-size: 13px;
    line-height: 100%;
    display: block;
}
.webox .bann_inner img{
    margin:0 auto;
}
.js_hmbanner .slick-prev{
    left: -14px;
}
.js_hmbanner .slick-next{
    right: -14px;
}

/* +++++++++++  Early detection ++++++++ */
.detection_wrapper{
    padding: 50px 0 43px;
}
.detection_wrapper{
    border-bottom: 1px solid #D9C9B2;
}
.early_left{
    width: 345px;
    position: relative;
}
.early_right{ 
    width: calc(100% - 345px);
    padding-left: 120px;
}
.early_left .title_sm {
    max-width: 220px;
    margin-bottom: 0;
    line-height: 30px;
}
.detection_list{
    display: flex;
    justify-content: space-between;
}
.detection_list li{
    width: 30%;
}
.detection_list li .det_info p{
    font-weight: 500;
    line-height: 21px;
    padding-left: 18px;
    max-width: 150px;
}
.detection_list li .icon_box{
    display: flex;
    align-items:center;
}
.arrow_button{
    position: absolute;
    top:0;
    right:0;
}
.detection_list li .icon_shape:before{
    top: -6px;
    left: 5px;
}

/* +++++++++++  CONTENT ++++++++ */


.content_bottom{
    padding: 110px 0 130px;
}
.content_bottom .ctent_wrap p:last-of-type{
    margin-bottom: 0;
}
.content_bottom .ctent_wrap p:has(+ *){
    margin-bottom:30px !important;
}
.hm_content.bottomcontentsec{
    padding: 0;
}

/* +++++++ surgical treament  +++++++ */
.surgical_left{width: 444px;text-align: center;padding: 68px 0;}
.surgical_right{width: calc(100% - 444px);text-align: center;}
.surgical_left .title_lg{margin-bottom: 6px;}
.surgical_inn_img{
    max-width: 500px;
    margin:0 98px 0 auto;
    position: relative;
}
.surgical_inn_img img{
    display: block;
    margin: 0 auto;
}
.surgical_treat_img{
  position: absolute;
  top:-111px;
  left:-62px;
  right:0;
}
.surgical_inn_img .traingle_shape{margin: 10px 0 0 -31px;}
.surgical_left  p:last-of-type{margin-bottom: 0;}

.doct_img .vertical_wrap{top:0;}


/* +++++++ Specialist Doctor  +++++++ */
.specialist_doctor{overflow: hidden;position: relative;}

.doct_img{width:468px;padding-left: 55px; z-index: 1;}
.doct_ctent{width: calc(100% - 468px);padding: 22px 110px 0 186px;}
.doct_img .image_radius{max-width: 400px;}
.doct_img .vertical_wrap{left:0;}
.specialist_wrapper {background-image: linear-gradient(to right, transparent 20% , #fff 0);padding:98px 0 130px;position: relative;}
.specialist_wrapper:before{content: "";position: absolute;right:-50%;width: 52%;height: 100%;background: var(--white); top: 0;}
.specialist_doctor .content_wrapper p + [class*="title_"]{margin-top: 28px;}
.doct_ctent li:nth-child(odd){padding-right: 30px;flex: 0 0 52%;}
.doct_ctent li:nth-child(even){padding-right: 30px;flex: 0 0 46%;}
.doct_ctent .semititle{margin-left: -30px;}
.doct_ctent .title_lg{margin-bottom: 25px;} 
.doct_ctent p {padding-right: 50px;}

.video_block { display: none;}

.home .treatment_gallery{position: relative;}
.home .treatment_gallery:after{
	content: "";
	position: absolute;
	right: 120px;
    top: -115px;
	background: url(../../assets/images/leave.svg)no-repeat;
	width: 65px;
	height: 48px;
}
.page-template-home .middle_content {
    padding: 110px 0 0px;
}
/* START MEDIA QUERY */
@media screen and (min-width: 1921px){
    .bigtitle{font-size: 60px;}
}
@media screen and (max-width: 1599.99px){
    /* BANNER */
    .ban_img{margin: 0 0 0 auto;max-width: 685px;min-height: 700px;}
    .js_hmbanner {height: 700px;}
    .webox .vertical_line{margin: 30px auto;}
    .doct_ctent p{padding-right: 0;}
    .webox{width: calc(100% - 700px);}
    .bann_inner {
        margin-top: 80px;
    }

}
@media screen and (max-width: 1439.99px){
    /* banner */
    .ban_img{max-width: 600px;min-height: 650px;}
    .webox {padding-right: 50px;width: calc(100% - 600px);}
    .js_hmbanner{height: 650px;}
    .bann_inner {margin-top: 50px;}
    

    .content_bottom{padding: 60px 0;} 
  /* keyfactor */
  .early_right{padding-left: 80px;} 

  /* VIDEO */
  .surgical_left{width: 500px;}
  .surgical_right{width: calc(100% - 500px);}
  .surgical_wrapper{min-height: 472px;}
  .surgical_inn_img{margin: 0 50px 0 auto;}
    
    /* Doctor section */
    .doct_ctent {padding-left: 80px;padding-right: 0;}
    .home .treatment_gallery:after{top: -86px;}
}
@media screen and (max-width: 1199.99px){
    /* BANNER */
    .banner:after{height: 250px;}
    .js_hmbanner {height: 500px;}
    .bigtitle{line-height: 1.1;}
    .ban_img {max-width: 450px;min-height: 500px;}
    .webox {padding-right: 30px;width: calc(100% - 450px);}
    .webox .vertical_line{display: none;}
    .dr_button{margin: 30px auto 0;max-width: 220px;}
    .doc_detail .title_xs{font-size: 14px;}
    .doc_detail span{font-size: 12px;}
    .doc_img{width: 35px;}
    .doc_detail{padding-left: 10px;width: calc(100% - 35px);}
    

    .content_bottom{padding: 40px 0;}
.page-template-home .middle_content {
    padding: 40px 0;
}
    .early_left{width: 250px;padding-right: 60px;}
    .early_right{padding-left: 40px;width: calc(100% - 250px);}

    /* VIDEO */
    .surgical_wrapper{
        padding: 0 30px;
        overflow: hidden;
    }
    .surgical_treat_img{top: -70px;}
  .surgical_left{width: 400px;}
  .surgical_right{width: calc(100% - 400px);}
  /* .surgical_inn_img img{
    margin: 0 0 0 auto;
  } */

  .home .treatment_gallery:after{content: none;}

    .surgical_inn_img{margin: 0 0 0 auto;}

    /* Doctor section */
    .specialist_wrapper{padding: 60px 0;}
    .doct_img {width: 350px;padding-left: 30px;}
    .doct_ctent{padding-left: 30px;width: calc(100% - 350px);} 


    .hm_content.bottomcontentsec {padding: 0 0 40px;}
}

@media screen and (max-width: 991.98px){
    /* BANNER */
    .bann_inner {margin-top: 0;}
    .hmbo_wrap{flex-wrap: wrap;}
    .ban_img {max-width: 250px;position: absolute;bottom: 0;right: 0;margin: 0 auto;left: 0;}
    .webox{width: 100%;padding: 30px 0 0;}
    .js_hmbanner {height: auto;}
    .ban_img > img {max-height: 240px;}
    .webox .bann_inner p{line-height: 22px;}
    .webox .bann_inner .mt_30 {margin-top: 15px;}
    .dr_button {margin: 15px auto;}
    .banner{padding: 0 15px;}

    .js_hmbanner .slideingdiv , 
    .js_hmbanner .second1 ,
   	.js_hmbanner  .hmbo_wrap   {height: 550px;align-items: flex-start;}
   	.webox .bann_inner img{max-width: 330px;}
    .webox .bann_inner .doc_img img{max-width: 100%;}
   	.doc_img img[alt="dr-barney-gordon-skin"]{max-width: 100%;}

    .surgical_inn_img img{left: 0;}
    .surgical_inn_img .traingle_shape {margin: 0;}

    /* VEDIO */
    .surgical_wrapper {padding: 0 10px;}
    .surgical_left {width: 100%;}
    .surgical_treat_img{position: relative;top:0;}
    .traingle_shape{position: absolute;}
    .surgical_right{margin: 0 auto;}

    /* Start keyfactor */
    .early_left {width: 100%;padding-right: 0;text-align: center;margin-bottom: 20px;}
    .early_left .title_sm {max-width: 100%;line-height: 22px;}
    .early_left .arrow_button{display: none;}
    .early_right {padding-left: 0;width: 100%;}
    .detection_list li .icon_box{flex-wrap: wrap;text-align: center;}
    .det_info{width: 100%;}
    .det_icon {margin: 0 auto 10px;}
    .detection_list li .det_info p{padding-left: 0;text-align: center;max-width: 100%;}
    .detection_wrapper {padding: 30px 0;}


     /* Doctor section */
     .doct_ctent {padding-left: 0;width: 100%;margin-top: 30px;}
     .doct_ctent .semititle{margin-left: 0;}
     .doct_img {width: 100%;padding-left: 0;}
     .specialist_wrapper:before{content: none;}
     .specialist_doctor{background-image: linear-gradient(to bottom, transparent 20% , #fff 0);}
     .specialist_wrapper {background-image:none;padding:0 0 40px;}
     .doct_ctent li:nth-child(odd) , .doct_ctent li:nth-child(even){padding-right: 0;flex: 0 0 100%;}
}
@media screen and (max-width: 767.98px){
    /* BANNER */
    
    .surgical_right{width: 100%;}

    .detection_list{
        flex-wrap: wrap;
        margin: 0 -10px;
    }
    .detection_list li {
        width: 33.33%;
        padding: 0 10px;
    }
}

@media screen and (max-width: 575px){
    /* title */
    .semititle {letter-spacing: 0.5px;line-height: 1;margin-bottom: 5px;}
    .semititle span:before, .semititle span:after{content: none;}
    .semititle span{padding: 0;}

    .icon_shape:before{left: 0;margin: 0 auto;right: 0;}

    .detection_list{justify-content: center;margin: 0 -6px;}
    .detection_list li {width: 33.33%;padding: 0 6px;}
    .detection_list li:not(:last-child){margin-bottom: 15px;}
    .detection_list li .det_info p{font-size: 14px;line-height: 18px;}
    
}