/*
Template:       metro
Theme Name:     Metro Child
Theme URI:      https://radiustheme.com/demo/wordpress/themes/metro
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    Metro is a clean and modern WordPress Theme for Ecommerce and Online Store. This theme comes with all necessary features and pages for a Ecommerce website.
Version:        1.0
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
License:        Envato split License
License URI:    https://themeforest.net/licenses/terms/regular
*/

  
  


/*------------------30-12-2024------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body{
  background-color: #fff;
}

@media (min-width: 768px) {
  .main-header{
    background-color: #F2EFEA;
    padding: 5px 0;
  }
  .main-footer{
    background-color: #0E253A;
    padding: 70px 0;
  }

  .main-nav nav ul li,
  .main-nav nav ul li a{
    font-size: 13px;
    line-height: 20px;
    color: #0E253A;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 600;
  }
  .main-nav nav ul li a:after{
    display: none;
  }
   
   

  .main-nav{
    margin-top: 15px;
  }
  section.elementor-section .elementor-container{
   max-width: 1270px !important;
  }

  .content-area .container{
   max-width: 100%!important;
  }
  .content-area .container .col-sm-12.col-12{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .main-footer h2{
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    font-family: "Inter", serif;
    font-weight: 700;
  }
  .main-footer ul,
  .main-footer ul li{
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .main-footer p,
  .main-footer p a,
  .main-footer ul li,
  .main-footer ul li a{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-family: "Inter", serif;
    font-weight: 400;
    list-style-type: none;
  }
  .main-footer .elementor-widget-text-editor{
    margin-bottom: 5px !important;
  }

  .h-banner-title span{
    font-weight: 500;
  }
  .h-left-icon{
    position: absolute !important;
    left: 42%;
  }
  .h-right-sec{
    margin-left: 95px;
  }
  .home-sec1 .elementor-container.elementor-column-gap-default{ 
    align-items: center; 
  }
  .h-left-icon .elementor-widget:not(:last-child) {
    margin-block-end: 30px;
  }

  .mhra-sec{
    padding: 45px 0 !important;
  }
  .mhra-logo .elementor-widget-image img{
    width: 120px;
  }
  .mhra-sec .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
    padding: 0 10px !important;
  }
  .mhra-logo-left{
    align-items: center;
  }
  .why-hailoggy-main{
    width: 1120px !important;
    margin: 0 auto;
  }
  .why-hairlogy-list{ 
    margin-left: 55px;
    margin-right: 55px;
  }

  .why-hairlogy-list.last,
  .why-hairlogy-list.last-2{
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  #wps-slider-section #sp-woo-product-slider-49.wps-product-section .wpsp-nav{
    display: none;
  }
  .sp-wps-product-details{
    text-align: left;
  }
  .treatment-slider #wps-slider-section .wpsf-product-title{
    height: 90px;
  }
  /*#wps-slider-section .wps-product-section .wpsp-pagination-dot .swiper-pagination-bullet{
    width: 75px !important;
    height: 2px !important;
  }*/
  .h-video{
    width: 1070px !important;
    margin: 0 auto;
  }
  .customer-login .woocommerce form.login{
    width: 405px;
    display: inline-block;x
  }

  .our-customer-say-sec .testimonials-slide .sa_owl_theme .owl-dots{
    bottom: -44px !important;
  }
  /*.our-customer-say-sec .testimonials-slide .sa_owl_theme .owl-dots .owl-dot span{
    width: 75px !important;
    height: 2px !important;
    margin: 1px 0 !important;
  }*/
  .testimonials-slide .owl-carousel .owl-item.active .sa_hover_container{ 
    height: 550px;
  }
}


.homepage-banner .rev-btn.rev-hiddenicon i{
  display: none;
}
#sp-woo-product-slider-49.sp-wps-custom-template .wps-product-image .wpsf-product-img, 
#sp-woo-product-slider-49.sp-wps-theme_one .wps-product-image{
  border: 0 !important
}

.h-right-sec h2{
    font-size: 32px;
    line-height: 45px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
    margin-bottom: 10px;
}
.h-right-sec p{
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400; 
    margin-bottom: 20px;
}

.mhra-sec{
  margin-bottom: 80px;
}
.mhra-sec h2{
   font-size: 25px;
    line-height: 35px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400; 
    width: 62%;
}

.mhra-sec h2 span{
  font-weight: 500 !important;
}

.why-hairlogy-sec h2{
  font-size: 35px;
    line-height: 45px;
    color: #fff;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
    margin-bottom: 50px;
}
.why-hairlogy-sec h3{
  font-size: 26px;
    line-height: 36px;
    color: #fff;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}
.why-hairlogy-sec p{
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-family: "Merriweather", serif !important;
    font-weight: 400;
}

.why-hairlogy-list{
  border-bottom: 1px solid #8a8a8b;
  padding-bottom: 30px;
  margin-bottom: 35px; 
}
.why-hairlogy-list .elementor-widget-heading{
  margin-bottom: 15px !important;
}
.treatment-slider h2{
  font-size: 35px;
    line-height: 45px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}
.treatment-slider #wps-slider-section.wps-slider-section-49{
    padding-top: 20px !important;
}
.treatment-slider #wps-slider-section .wpsf-product{
  background-color: #F6F5F4;
  padding: 15px 0;
}

.treatment-slider #wps-slider-section .wpsf-product-title a{
  font-size: 19px !important;
    line-height: 26px !important;
    color: #000 !important;
    font-family: "Merriweather", serif !important;
    font-weight: 700 !important;
}
#wps-slider-section .wpsf-product-price{
  font-family: "Merriweather", serif !important;
}


.h-assintment-sec{
  padding: 45px 0;
  margin-top: 80px;
  margin-bottom: 50px;
}
.h-assintment-sec h2{
   font-size: 25px;
    line-height: 32px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400; 
    width: 80%;
}

.h-assintment-sec .elementor-button-wrapper a.elementor-button{
  width: 243px;
  display: inline-block; 
  font-size: 12px;
    line-height: 55px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
  background-color: #0E253A;
  border-radius: 28px;
  padding: 0 !important;
}

.real-success-story-sec h2,
.h-video-sec h2{
  font-size: 38px;
    line-height: 48px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}
.h-video-sec h2{
    margin-bottom: 20px;
  }
.real-success-story-sec p{
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 400;
}

.footer-social-media-icon{
  margin-top: 15px;
}
.footer-social-media-icon .elementor-social-icon-facebook{
  background-color: transparent;
  width: auto !important;
  margin-right: 25px !important;
  height: auto !important;
}
.footer-social-media-icon .fa-facebook:before{
  font-size: 38px;
  position: relative !important;
  left: 0 !important;
}
.footer-social-media-icon .fa-instagram:before{
  color: #000;
}
.footer-social-media-icon .elementor-social-icon-instagram {
    background-color: #fff;
    width: auto !important;
    height: auto !important;
    padding: 6px;
} 

.customer-login h2,
.customer-register h2,
.register-form h2{
  font-size: 32px;
    line-height: 40px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}

.customer-login p{
   font-size: 14px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}

.customer-login .woocommerce h2{
  display: none;
}
.customer-login .elementor-widget-heading{
  margin-bottom: 5px !important;
}
.customer-login .login-t{
  margin-top: 25px;
}
.customer-login .login-t{
  margin-bottom: 20px !important;
}

.customer-login .login-t p:before{
  content: " " !important;
  width: 12px;
  float: left;
  height: 10px;
  background: url(/wp-content/uploads/2025/tick-i.svg) 0 0 no-repeat;
  margin: 5px 10px 0 0;
}

  
.customer-login  .woocommerce form.login, 
.customer-login .woocommerce form.register{
  border: 0 !important;
  padding: 0 !important;
}

.customer-login .woocommerce form.register{
  display: none;
}

.customer-login .woocommerce form.login .form-row label{
  display: none;
}

.customer-login .woocommerce form .form-row input.input-text{
  border: 1px solid #D5D5D5;
  height: 67px;
  padding: 0 30px !important;
  border-radius: 34px;
  margin-bottom: 15px;
  background-image: none !important;
  background-color: transparent;
}

.customer-login .woocommerce form.login{
  margin-top: 12px; 
}
.customer-login .woocommerce form .show-password-input, 
.customer-login .woocommerce-page form .show-password-input{
  right: 25px;
  top: 25px;
}

 
button.woocommerce-button,
.customer-register .elementor-button-wrapper a.elementor-button.elementor-button-link{
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #0E253A 50%, #0E253A 50%) !important;
    -webkit-transition: background-position 0.7s;
    -moz-transition: background-position 0.7s;
    transition: background-position 0.7s !important; 
    text-decoration: none !important; 
    background: #0E253A;
    opacity: 1;
    border-radius: 32px !important;
    font-family: "Inter", serif !important;
    font-size: 13px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 52px !important;
    padding-right: 52px !important;
    color: #fff;
}
 
button.woocommerce-button:hover,
.customer-register .elementor-button-wrapper a.elementor-button.elementor-button-link:hover{
  background-size: 100% 200% !important;
  background-image: linear-gradient(to bottom, #0E253A 50%, #000 50%) !important;
  background-position: 0 -100% !important;
  text-decoration: none !important;
  background-color: #000 !important;
}

.customer-login p.form-row.form-group{
  width: 100%;
  float: left;
}
.customer-login p.form-row{
  width: auto;
  float: left;
}
.customer-login p.lost_password{
  width: auto;
  float: right;
  margin-top: 20px;
}
.customer-login p.lost_password a{
  font-size: 14px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    text-decoration: underline;
}
.customer-login p.lost_password a:hover{
  text-decoration: none;
  color: #0E253A;
}

.customer-register .elementor-widget-wrap.elementor-element-populated{
    display: flex;
    justify-content: center;
    height: 430px;
    flex-direction: column;
    text-align: center;
}
.customer-register .elementor-widget-text-editor p{
  font-size: 14px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}

.pdp-cont h2{
  font-size: 35px;
    line-height: 45px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}
.pdp-cont .elementor-widget-heading{
  margin-bottom: 15px !important;
}

.pdp-cont .elementor-widget-text-editor p{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    margin-bottom: 0 !important;
}
.read-more-btn .elementor-button-wrapper a.elementor-button-link{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    text-decoration: underline;
    background-color: transparent;
    padding: 0;
}
.read-more-btn .elementor-button-wrapper a.elementor-button-link:hover{
  text-decoration: none;
  color: #0E253A;
}

.pdp-r-1{
  background-color: #F2EFEA;
  padding: 20px;
}
.pdp-cont .pdp-r-1 h2{
    font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}

.desc-2 .elementor-widget-heading,
.desc-2 .elementor-widget-text-editor{
  margin-bottom: 10px !important;
}

.desc-2 .elementor-widget-text-editor ul{
  padding: 0;
  margin: 0 0 5px 0px;
  list-style: none;
}
.desc-2 .elementor-widget-text-editor ul li{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    list-style-type: none;
}

.desc-2 .elementor-widget-text-editor ul li:before{
  content: " " !important;
  width: 15px;
  display: inline-block;
  height: 15px;
  border-radius: 50px;
  background-color:#1D1D1D;
  margin-right: 10px;
}

.pdp-des-1 p{
  width: 208px;
    background-color: #D2CDC4;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    display: inline-block;
}
.pdp-des-1 p span{ 
  width: 175px;
    background-color: #0E253A;
    border-radius: 15px;
    height: 30px; 
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
    display: inline-block;
    padding: 0 20px;
}
.pdp-r-2 .elementor-widget-image{
  background-color: #F6F5F4;
}
.pdp-r-2 h5{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}
.pdp-price .elementor-widget-container p{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}

 
.pdp-price .elementor-widget-container p span{
  font-size: 45px;
    line-height: 45px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 300 !important;
}

.pdp-btn .elementor-button-wrapper a.elementor-button{
  width: 243px;
  display: inline-block; 
  font-size: 12px;
    line-height: 55px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
  background-color: #0E253A;
  border-radius: 28px;
  padding: 0 !important;
}

.pdp-r-3 .elementor-widget-image img{
  width: 120px;
}
.pdp-r-3 .eu-log-2 .elementor-widget-image img{
  width: 110px;
}

.mhra-logo2 .elementor-widget-wrap.elementor-element-populated,
.eu-log-2 .elementor-widget-wrap.elementor-element-populated{
  padding: 0 !important
}

.pdp-price{
  border-top: 0px solid #F2EFEA;
  padding-top: 25px;
}
.pdp-btn{
  border-bottom: 1px solid #F2EFEA;
  padding-bottom: 30px;
  margin-bottom: 30px !important;
}

.pdp-desc h2{
  font-size: 34px;
    line-height: 44px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}
.pdp-desc p{
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    margin-bottom: 20px;
}

.pdp-desc ul{
  list-style: none;
  padding: 0;
  margin:0px 0 10px 0;
  display: inline-block;
}
.pdp-desc ul li{
    font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    margin-bottom: 7px;
    list-style-type: none;
}
.pdp-desc ul li:before{
  content: " " !important;
  width: 7px;
  float: left;
  height: 7px; 
  background-color:#0E253A;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 7px;
}

.prod-left .elementor-widget-wrap.elementor-element-populated{
  padding-left: 0 !important;
}
.prod-right .elementor-widget-wrap.elementor-element-populated{
  padding-right: 0 !important;
}

.elementor-section .elementor-widget-text-editor p{
  font-family: "Inter", serif !important;
}

body.page-id-213 .content-area{
  background-color: #F2EFEA;
  padding: 60px 0 !important;
  margin-top: 15px;
}

.personal-info-section .register-w-box,
.medical-questions-section #medical-question{
  background-color: #fff;
  width: 100% !important;
  padding: 50px;
  border-radius: 10px;
  text-align: left;
}

.steps-sec{
  margin-bottom: 30px !important;
}
.custom-step,
.custom1,
.cutome2,
.cutomr3,
.cutom3{
  width: auto;
  float: left;
  padding: 0 !important;
  margin: 0 46px 0 0;
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: "Inter", serif !important;
  font-weight: 400;
  opacity: 0.35;
  border: 0 !important;
  background: transparent !important;
  list-style-type: none;
  text-align: left;
}
 
.custom-step span,
.custom1 span,
.cutome2 span,
.cutomr3 span,
.cutom3 span{
  width: 100%;
  float: left;
  font-size: 48px;
  line-height: 50px;
  color: #0E253A;
  font-family: "Inter", serif !important;
  font-weight: 200;
  text-align: left;
}
.custom-progress-steps,
.custom-progress-bar-container{
  border-bottom: 2px solid #e2dcd1;
  padding-bottom: 15px !important;
  width: 100%;
  display: inline-block;
}
.custom-progress-steps ul,
.custom-progress-bar-container ul{
  padding: 0;
  margin: 0;
}

.custom-step.active,
.custom1.active,
.cutome2.active,
.cutomr3.active,
.cutom3.active{
  opacity: 1 !important;
  position: relative;
}
.custom-step.active,
.custom-step.active span,
.custom1.active,
.cutome2.active span,
.cutomr3.active span,
.cutom3.active span{
  color: #0E253A !important;
}

.custom-step.active:after,
.custom1.active:after,
.cutome2.active:after,
.custom3.active:after,
.cutom3.active:after{
  content: " " !important;
  position: absolute;
  bottom: -17px;
  left: 0;
  border-bottom: 2px solid #0E253A;
  width: 100%;
}

.register-w-box .form-field{
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 20px 0;
}
.register-w-box label{
  width: 100%;
  float: left;
  font-size: 15px;
  line-height: 22px;
  color: #101010;
  font-family: "Inter", serif !important;
  font-weight: 400;
  padding: 0;
  margin: 0 0 10px 0;
}

.register-w-box input,
.register-w-box select{
  background-color: #F2EFEA;
  border-radius: 30px;
  font-size: 14px;
  line-height: 22px;
  color: #101010;
  font-family: "Inter", serif !important;
  font-weight: 400;
  height: 55px;
  padding: 0 30px;
  width: 70%;
  border: 0;
}

.register-w-box select{
  background: url(/treatments/wp-content/uploads/2025/select-arrow.png) center right 30px no-repeat #F2EFEA !important;
  appearance:none;
}

.register-w-box .form-field button{
  width: auto;
  display: inline-block; 
  font-size: 12px;
    line-height: 55px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
  background-color: #0E253A;
  border-radius: 28px;
  padding: 0 39px !important;
  margin-top: 10px;
  box-shadow: none !important;
  text-transform: uppercase;
}

.our-customer-say-sec h2{
    font-size: 38px;
    line-height: 48px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.testimonials-slide .owl-carousel .owl-item.active .sa_hover_container{
  background-color: #F2EFEA;
  margin: 0px 10px !important;
  padding-top: 0 !important;
   
}

.testimonials-slide .owl-carousel .owl-item .elementor-widget-text-editor,
.testimonials-slide .owl-carousel .owl-item .elementor-widget-text-editor p{
  font-size: 15px;
  line-height: 22px;
  color: #101010;
  font-family: "Inter", serif !important;
  font-weight: 400;
  padding: 0;
  margin: 0 0 10px 0;
}

.our-customer-say-sec .testimonials-slide .owl-carousel .owl-item h2{
    font-size: 15px;
  line-height: 22px;
  color: #101010;
  font-family: "Inter", serif !important;
    font-weight: 700;
    margin-top: 15px;
    text-align: left;
}
.our-customer-say-sec .testimonials-slide .autohide-arrows:hover .owl-nav{
  display: none !important;
}

#product-stepa-sect .rt-product-block-1 .rtin-price-area,
#product-stepa-sect .rt-product-block span.onsale,
#product-stepa-sect .rt-product-block-1 .rtsb-qc-ps,
#product-stepa-sect .rt-product-block-1 .rtin-cat{
  display: none;
}

#product-stepa-sect .rt-product-block-1 .rtin-cat{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    transform: none !important;
    margin-bottom: 15px;
}
#product-stepa-sect .rt-product-block-1 .rtin-description{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    transform: none !important;
    margin-bottom: 15px;
}

#product-stepa-sect .rt-product-block-1 .rtin-buttons{
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 0 !important;
}

#product-stepa-sect .rt-product-block-1:hover .rtin-title-area,
#product-stepa-sect .rt-product-block-1:hover .rtin-thumb,
#product-stepa-sect .rt-product-block-1:hover .rtin-buttons{
  transform: none !important;
}

#product-stepa-sect .rt-product-block-1 .rtin-title{
  margin-top: 15px;
}
#product-stepa-sect .rt-product-block-1 .rtin-title,
#product-stepa-sect .rt-product-block-1 .rtin-title a{
  font-size: 20px;
  line-height: 28px;
  color: #101010;
  font-family: "Merriweather", serif !important;
    font-weight: 700;
    text-align: center;
}
#product-stepa-sect .rt-product-block-1 .rtin-buttons a.action-cart{
  width: 203px;
  display: inline-block; 
  font-size: 12px;
  line-height: 55px;
  color: #fff;
  font-family: "Inter", serif !important;
  font-weight: 400;
  background-color: #0E253A;
  border-radius: 28px;
  padding: 0 0px !important;
  margin-top: 10px;
  box-shadow: none !important;
  height: 55px;
  text-transform: uppercase;
}

#medical-question .form-field{
  margin-bottom: 30px;
  width: 100%;
  float: left;
}
#medical-question .form-field label{
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 15px 0;
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: "Inter", serif !important;
  font-weight: 400;
}

#medical-question .form-field input{
  font-size: 15px;
  line-height: 55px;
  color: #000;
  font-family: "Inter", serif !important;
  font-weight: 400;
  background-color: #f7f6f4;
  border-radius: 30px;
  padding: 0 20px;
  border: 0;
  outline: 0;
}
#medical-question .form-field textarea{
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: "Inter", serif !important;
  font-weight: 400;
  background-color: #f7f6f4;
  border-radius: 30px;
  padding: 10px 20px;
  height: 90px;
  border: 0;
  outline: 0;
}

#medical-question .form-field select{
  font-size: 15px;
  line-height: 55px;
  color: #000;
  font-family: "Inter", serif !important;
  font-weight: 400;
  background-color: #f7f6f4;
  border-radius: 11px;
  padding: 0 10px;
  height: 55px;
  border: 0;
  outline: 0;
}

#medical-question .form-field input:focus,
#medical-question .form-field textarea:focus,
#medical-question .form-field select:focus{
  border: 0;
  outline: 0;
}

#medical-question .form-field button,
#medical-question .form-field input[type=submit]{
  width: auto;
  display: inline-block; 
  font-size: 12px;
    line-height: 55px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
  background-color: #0E253A;
  border-radius: 28px;
  padding: 0 39px !important;
  margin-top: 10px;
  box-shadow: none !important;
  text-transform: uppercase;
}

#medical-question .form-field.upload-file input[type=file],
#medical-question .form-field.form-input input[type=file]{
   padding-left: 20px !important;
   background: transparent !important;
    width: 50% !important;
    border: 0;
    padding: 0px 20px;
    text-indent: 0px;
    padding-left: 0px !important;
    cursor: pointer;
    float: left;
    padding-right: 0 !important;
    margin-right: 0px;
    border-radius: 30px !important;
    line-height: 20px;
    margin-top: 14px;
    margin-left: 49%;
    text-indent: -99px;
}
#medical-question .form-field.upload-file input[type=file]:before,
#medical-question .form-field.form-input input[type=file]:before{
    content: 'Upload your prescription';
    background: #0E253A;
    position: absolute;
    padding: 17px 19px;
    border-radius: 25px;
    margin-top: -14px;
    color: #fff;
    text-indent: 0;
    margin-left: -115px;
}

#medical-question .form-field.upload-file label,
#medical-question .form-field.upload-file label{
  width: 230px;
  float: left;
  font-size: 15px;
  line-height: 55px;
  color: #000;
  font-family: "Inter", serif !important;
  font-weight: 400;
  background-color: #FBFAF9;
  border-radius: 30px;
  margin: 0;
  padding: 0 20px;
  display: none;
}

.checkout-sec .wc-block-checkout__billing-fields,
.checkout-sec .wc-block-checkout__payment-method,
.checkout-sec .wc-block-checkout__contact-fields{
  background-color: #F2EFEA !important;
  border-radius: 10px;  
  padding: 30px !important;
}

.checkout-sec .wc-block-checkout__contact-fields{
  margin-bottom: 0 !important;
}


.checkout-sec .wc-block-components-title.wc-block-components-title,
.checkout-sec .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title-text{
  font-size: 20px;
  line-height: 28px;
  color: #101010;
  font-family: "Merriweather", serif !important;
    font-weight: 700;
}
 
.checkout-sec .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.checkout-sec .wc-block-components-totals-footer-item .wc-block-components-totals-item__value span{
  font-size: 20px !important;
  line-height: 28px !important;
  color: #101010 !important;
  font-family: "Merriweather", serif !important;
    font-weight: 700 !important;
}

.checkout-sec .wc-block-components-checkout-step__description,
.checkout-sec .wc-block-components-address-form__address_2-toggle,
.checkout-sec .wc-block-components-express-payment--checkout,
.checkout-sec .wc-block-components-express-payment-continue-rule,
.checkout-sec .wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step,
.checkout-sec .wc-block-checkout__terms.wc-block-checkout__terms--with-separator,
.checkout-sec .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity,
.checkout-sec .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices,
.checkout-sec .wc-block-components-order-summary .wc-block-components-order-summary-item .wc-block-components-product-metadata{
  display: none;
}
.checkout-sec .wc-block-components-text-input input,
.checkout-sec .wc-blocks-components-select select{
  border: 0 !important;
  border-radius: 30px !important;
  background-color: #FBFAF9 !important;
  font-size: 13px !important;
  line-height: 52px;
  color: #000 !important;
  font-family: "Inter", serif !important;
  font-weight: 400;
  height: 55px !important;
  padding: 0 20px !important;
  outline: 0 !important;
}

.checkout-sec .wc-block-components-text-input{
  display: flex;
  flex-direction: column;
}
.checkout-sec .wc-block-components-text-input label,
.checkout-sec .wc-blocks-components-select label{
  font-size: 13px !important;
  line-height: 30px !important;
  color: #000 !important;
  font-family: "Inter", serif !important;
  font-weight: 500 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  order: 1;
  transform: none !important;
  width: 100%;
  float: left;
}

.checkout-sec .wc-block-components-text-input input{
  order: 2;
}

.checkout-sec .wc-blocks-components-select .wc-blocks-components-select__container {
    background: transparent;
    border-radius: 0;
    box-sizing: border-box;
    height: auto;
    position: relative;
    width: 100%;
}
.checkout-sec .wc-blocks-components-select .wc-blocks-components-select__label{
  position: relative !important;
  top: 0 !important;
}

.checkout-sec .wc-block-components-sidebar{
  padding-left: 0;
  margin-top: 0;
}
.checkout-sec .wp-block-woocommerce-checkout-order-summary-block {
    border: 0;
    border-radius: 0;
}

.checkout-sec .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title{
  margin-top: 0 !important;
}
.checkout-sec .wc-block-components-order-summary .wc-block-components-order-summary-item{
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.checkout-sec .wc-block-checkout__sidebar .wc-block-components-product-name,
.checkout-sec .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount,
.checkout-sec .wc-block-components-totals-coupon .wc-block-components-panel__button,
.checkout-sec .wc-block-components-totals-item__label{
  font-size: 13px !important;
  line-height: 20px !important;
  color: #000 !important;
  font-family: "Inter", serif !important;
  font-weight: 500 !important;
}

.checkout-sec .wc-block-components-order-summary .wc-block-components-order-summary-item__image{
  width: 90px !important;
  margin-top: 0 !important;
  background-color: #f6f5f4;
  text-align: center;
  height: 90px;
  padding-bottom: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.checkout-sec .is-large .wc-block-components-sidebar .wc-block-components-panel,
.checkout-sec .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, 
.checkout-sec .is-large .wc-block-components-sidebar .wc-block-components-totals-item{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.checkout-sec .wc-block-components-totals-wrapper{ 
  padding: 10px 0 !important; 
}

.checkout-sec .wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
  padding: 10px 0 15px 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #ddd;
}

.checkout-sec .wp-block-woocommerce-checkout-order-summary-totals-block{
  border-top: 0 !important;
  margin-bottom: 10px;
  padding-bottom: 0 !important;
    border-bottom: 0px solid #ddd;
    padding-top: 10px;
}

.checkout-sec .wc-block-components-order-summary .wc-block-components-order-summary-item__description{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.checkout-sec .wc-block-components-totals-wrapper:empty{
  padding: 0 !important;
}

.checkout-sec .wp-block-woocommerce-checkout-order-summary-subtotal-block.wc-block-components-totals-wrapper{
  border-bottom: 0 !important;
}

.checkout-sec .wc-block-checkout__sidebar .wc-block-components-totals-footer-item{
  padding: 10px 0 !important;
}

.checkout-sec .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input{
  background-color: #F2EFEA !important;
}

.checkout-sec .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  height: 55px;
    font-size: 12px;
    line-height: 55px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
    background-color: #0E253A;
    border-radius: 28px;
    padding: 0 !important;
    opacity: 1 !important;
    margin-top: 30px;
  min-height: 55px !important;
}
.checkout-sec .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button span{
  opacity: 1 !important;
}

.checkout-sec .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
  font-size: 12px;
    line-height: 55px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
    background-color: #0E253A;
    border-radius: 28px;
    padding: 0 !important;
    opacity: 1 !important; 
    text-transform: uppercase;
    outline: 0;
}
/*.checkout-sec .wc-block-components-checkout-return-to-cart-button,
.sp-wps-product-details .wpsf-product-price,
.sp-wps-product-details .wpsf-cart-button{
  display: none;
}*/

.customer-login .woocommerce .col2-set .col-1, 
.customer-login .woocommerce-page .col2-set .col-1{
  width: 100% !important;
}

@media (min-width: 768px) {

  .customer-register .elementor-widget-text-editor{
      padding: 0 17%;
  }
  section.elementor-section.login-sec .elementor-container {
    max-width: 1135px !important;
  }
  .pdp-img img{
    float: left;
  }
  .pdp-cont{
    margin-right: 2%;
  }
  .mhra-logo2{
    width: 42% !important;
  }
  .personal-info-section,
  .treatment-selection-section,
  .medical-questions-section{
    width: 560px !important;
    margin: 0 auto
  }

  .register-steps-box .woocommerce div.product{  
        flex: 0 0 47%;
        max-width: 47%;
        margin: 0 5px 10px 5px;
        background-color: #fff;
        padding-bottom: 60px;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-title{
    height: 60px;
    overflow: hidden;
    margin-bottom: 0px;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-description{
    height: 45px;
  }

  .customer-login p.form-row.form-row-wide{
    width: 100% !important;
  }
  .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{}

}

@media (min-width: 1025px) {
  .main-nav nav ul li a{
    padding-left: 20px !important;
    padding-right: 0px !important;
  }
  .register-steps-box{
    text-align: center;
  }
  .register-steps-box .elementor-container.elementor-column-gap-default{
    display: inline-block;
  }

  section.elementor-section.checkout-form .elementor-container{
    max-width: 1120px !important;
  }

  .checkout-sec .wc-block-components-sidebar-layout .wc-block-components-main{
    width: 60% !important;
    padding-right: 60px !important;
  }
  .checkout-sec .wc-block-components-sidebar{
    width: 40% !important;
  }
  .checkout-sec .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text{
    margin-left: 0 !important;
  }
  .checkout-sec .wc-block-components-order-summary {
    padding: 0 0px;
  }

  .treatment-female-sec{
    background-position: center 25px !important;
    background-repeat: no-repeat;
  }

  .treatment-male-sec{
    background-position: right -510px top !important;
    background-repeat: no-repeat;
  }
  
  
}

/*--- NEW CHECKOUT PAGE  ------------*/

.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #wc-stripe-express-checkout-element,
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #wc-stripe-express-checkout-button-separator 
{display: none !important;}
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details input {
    padding: 20px 22px; border-radius: 32px; margin-bottom: 20px; width: 95%;}
.woocommerce-checkout .woocommerce .checkout .form-row {vertical-align: top; display: inline-block; width: 50%;
    margin: 0; padding: 0;}
.woocommerce-page.woocommerce-checkout .woocommerce .checkout .form-row.form-row-first {margin: 0; width: 50% !important;}
.woocommerce form .form-row .select2-container .select2-selection {border: 0px solid #D5D5D5 !important; 
	height: 59px !important; background-color: #f2f2f2 !important;}

.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields .stripe-gateway-checkout-email-field 
{width: 100%;}
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields #billing_address_1_field,
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields #billing_address_2_field
{width: 100%;}
 .woocommerce-checkout .woocommerce .checkout .form-row.form-row-last {margin-right: 18px !important;} 
 .woocommerce-checkout .woocommerce .checkout .form-row#billing_country_field {width: 95%;}

.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details {width: 48%;
    float: left;}
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout .wc-order-review-wrapper,
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout .woocommerce-checkout-payment 
{width: 48%; float: right; margin-top: 13px;}

.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details .col-2
{width: 100%;}

.woocommerce-checkout .woocommerce .checkout .wc-order-review-wrapper {padding: 30px 32px;}
.woocommerce-checkout .woocommerce .checkout #payment .wc_payment_methods.payment_methods {margin-top: 25px;    
	padding: 30px 32px;}
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout .woocommerce-checkout-payment  {
	width: 100%;}	
.woocommerce-checkout .woocommerce .checkout .form-row.validate-required,
.woocommerce-checkout .woocommerce .checkout #payment .place-order {width: 100%;} 

.woocommerce-checkout .woocommerce .checkout #payment {float: right; width: 48%;}



/*--- NEW CHECKOUT PAGE END  ------------*/


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

  section.elementor-section.login-sec .elementor-container{
    max-width: 90% !important;
  }
  section.elementor-section .elementor-container{
    max-width: 100% !important;
  }
  .main-nav{
    margin-top: 0 !important;
  }
  .mhra-sec h2{
    width: 100% !important;
  }
  .home-sec4-left{
    width: 66% !important;
  }
  .home-sec4-right{
    width: 34% !important;
  }
  .h-assintment-sec h2{
    width: 100% !important;
  }

}


@media only screen and (min-width:768px) and (max-width:991px){
  .h-right-sec {
    width: 45% !important;
     margin-left: 40px !important;
  }
  .h-right-sec h2{
    font-size: 26px !important;
    line-height: 36px !important;
    margin-bottom: 0 !important;
  }
  .main-nav .elementor-menu-toggle{  
    margin: 0 !important; 
    display: inline-block;
    text-align: right;
    background: transparent;
  }
  .main-nav nav{
    position: absolute;
    width: 768px;
    z-index: 9;
    left: -179px;
    top: 60px;
  }
  .why-hairlogy-list {
    margin-left: 14px;
    margin-right: 14px;
    width: 46% !important;
  }
  .why-hairlogy-sec h3{
    font-size: 22px !important;
  }

  .treatment-slider #wps-slider-section .wpsf-product-title a{
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .treatment-slider #wps-slider-section .wpsf-product-title{
    height: auto !important;
  }


}

@media only screen and (min-width:992px) and (max-width:1024px){
  .h-right-sec {
    width: 45% !important;
     margin-left: 40px !important;
  }
  .h-right-sec h2{
    font-size: 26px !important;
    line-height: 36px !important;
    margin-bottom: 0 !important;
  }
  .main-nav .elementor-menu-toggle{  
    margin: 0 !important; 
    display: inline-block;
    text-align: right;
    background: transparent;
  }
  .main-nav nav{
    position: absolute;
    width: 1024px;
    z-index: 9;
    left: -235px;
    top: 75px;
  }
  .why-hairlogy-list {
    margin-left: 14px;
    margin-right: 14px;
    width: 46% !important;
  }
  .why-hairlogy-sec h3{
    font-size: 22px !important;
  }

  .treatment-slider #wps-slider-section .wpsf-product-title a{
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .treatment-slider #wps-slider-section .wpsf-product-title{
    height: auto !important;
  }


}

@media (max-width: 767px) {

  .main-header{
    padding-top: 10px;
    background-color: #F2EFEA;
  }
  .header-logo{
    width: auto !important;  
    float: left;
  }
  .main-header .elementor-menu-toggle{
    position: absolute;
    right: 5px;
    top: -81px;
    background-color: transparent;
  }
  .top-nav .elementor-widget-wrap.elementor-element-populated{
    padding: 0 10px !important;
  }
  .main-nav .elementor-menu-toggle{  
    margin: 0 !important; 
    display: inline-block;
    text-align: right;
    background: transparent;
  }
  .main-nav nav{
    position: absolute;
    width: 100%;
    z-index: 9;
    left: 0px;
    top: 0px;
    margin-top: 0 !important;
  }

  .homepage-banner .elementor-widget-wrap.elementor-element-populated{
    padding-top: 0 !important;
  }

  .header-logo{
    margin-left: 15px;
    margin-bottom: 15px;
  }

  .main-header .elementor-widget-wrap.elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .home-sec1{
    padding: 30px 0 !important;
  }
  .h-left-icon {
    margin-top: -70px;
  }
  .h-left-icon .elementor-widget-image{
    width: auto !important;
    display: inline-block;
    float: none;
    margin: 0 auto;
  }
  .h-right-sec h2{
    font-size: 24px !important;
    line-height: 34px !important;
    margin-bottom: 0 !important;
  }
  .mhra-sec{
    padding: 30px 0;
    margin-bottom: 50px !important;
  }
  .mhra-sec h2{
    width: 100% !important; 
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .mhra-logo .m-logo{
    width: 42% !important;
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .m-logo .elementor-widget-wrap.elementor-element-populated,
  .why-hairlogy-list .elementor-widget-wrap.elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .why-hairlogy-sec h2,
  .treatment-slider h2,
  .real-success-story-sec h2, 
  .h-video-sec h2,
  .our-customer-say-sec h2{
    font-size: 24px !important;
    line-height: 35px !important;
    margin-bottom: 0px !important;
    text-align: left !important;
  }
  .treatment-slider h2{
    width: 90% !important;
  }
  .why-hairlogy-sec h3{
    font-size: 16px !important;
    line-height: 26px !important;
  }
  .why-hairlogy-sec{
    padding: 50px 5px 25px 5px !important;
  }
  .why-hairlogy-list { 
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
  }
  .why-hairlogy-list:last-child{
    border-bottom: 0 !important;
  }

  .treatment-slider .swiper-button-next, 
  .treatment-slider .swiper-button-prev{
    display: none;
  }
  .h-assintment-sec h2{
    font-size: 20px !important;
    line-height: 28px !important;
    text-align: center;
    width: 100% !important;
  }
  .h-assintment-sec .elementor-button-wrapper{
    text-align: center;
  }
  .real-success-story-sec{
    padding: 40px 0 !important;
    margin-bottom: 40px !important;
  }
  .real-success-story-sec p{
    text-align: left !important;
  }

  .main-footer{
    background-color: #0E253A;
    padding: 50px 5px 30px 5px;
  }
  .main-footer h2{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-family: "Inter", serif;
    font-weight: 700;
  }
  .main-footer ul,
  .main-footer ul li{
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .main-footer p,
  .main-footer p a,
  .main-footer ul li,
  .main-footer ul li a{
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-family: "Inter", serif;
    font-weight: 400;
    list-style-type: none;
  }
  .main-footer .elementor-widget-text-editor{
    margin-bottom: 5px !important;
  }

  .main-footer .footer-abt p br{
    display: none;
  }

  .footer-social-media-icon{
    margin-bottom: 15px;
  }
  .main-footer .elementor-container.elementor-column-gap-default{
     display: inline-block !important; 
  }
  .login-sec{
    padding-top: 40px !important;
  }

  .desc-2{
    width: 70% !important;
  }
  .desc-r-img{
    width: 30% !important;
  }
  .mhra-logo2{
    width: auto !important;
    margin-right: 50px;
  }
  .eu-log-2{
    width: auto !important;
  }
  .copyright-t br{
    display: none;
  }
  .prod-left .elementor-widget-wrap.elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .prod-right .elementor-widget-wrap.elementor-element-populated{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .content-area .container .col-sm-12.col-12{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .our-customer-say-sec .sa_owl_theme .owl-dots{
    bottom: -50px !important;
  }
  .pdp-description-sec{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .stoey-list .elementor-widget-wrap.elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .pdp-cont{
    margin-top: 20px;
  }
  .pdp-cont h2{
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .pdp-cont .pdp-r-1 h2{
    font-size: 22px !important;
    line-height: 30px !important;
  }
  .pdp-description-sec{
    padding-top: 50px !important;
    padding-bottom: 50px!important;
    margin-bottom: 20px !important;
  }
  .pdp-desc h2{
    font-size: 25px !important;
    list-style-type: 35px !important;
  }
  .h-assintment-sec{
    margin-top: 0 !important;
  }
  .real-success-story-sec{
    margin-bottom: 0 !important;
  }

  .h-assintment-sec{
    margin-bottom: 0px !important;
  }

  .our-customer-say-sec .testimonials-slide .owl-carousel .owl-item h2{
    font-size: 15px !important;
  }
  #medical-question .form-field input{
    width: 100% !important;
  }
  #medical-question .form-field.upload-file label{
    width: 225px !important;
  }
  .personal-info-section .register-w-box, 
  .medical-questions-section #medical-question{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .custom-step, .custom1, .cutome2, .cutomr3, .cutom3{
    font-size: 12px !important;
    margin-right: 15px !important;
  }
  .custom-progress-bar-container ul li:last-child{
    margin-right: 0 !important;
  }
  .custom-step span, .custom1 span, .cutome2 span, .cutomr3 span, .cutom3 span{
    font-size: 35px !important;
    line-height: 40px !important;
  }
  .register-w-box input, .register-w-box select{
    width: 100% !important;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-buttons{
    width: 140px !important;
    position: relative !important;
    height: auto !important;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-title, #product-stepa-sect .rt-product-block-1 .rtin-title a{
    text-align: left !important;
  }
  .rdtheme-archive-products .rt-product-block{
    margin-bottom: 0 !important;
  }
  #medical-question .form-field button, #medical-question .form-field input[type=submit]{
    width: auto !important;
  }
  .woocommerce div.product { 
    position: relative;
    flex: 0 0 47% !important;
    max-width: 47% !important;
    background-color: #fff;
    margin: 0 5px;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-title, 
  #product-stepa-sect .rt-product-block-1 .rtin-title a{
    font-size: 14px !important;
    line-height: 20px !important;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-title{
    height: 50px;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-buttons a.action-cart{
    margin-bottom: 20px;
  }
  #product-stepa-sect .products{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .checkout-sec .is-mobile .wc-block-components-form .wc-block-components-checkout-step:after, 
  .checkout-sec .is-small .wc-block-components-form .wc-block-components-checkout-step:after{
    display: none;
  }

  .checkout-sec .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar{
    display: none;
  }
  .checkout-sec .wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill{
    border: 0 !important;
  }
  .checkout-sec .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    margin-top: 30px;
  }

  .checkout-sec .wc-block-components-order-summary,
  .checkout-sec .wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill .wc-block-components-totals-coupon, 
  .checkout-sec .wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill .wc-block-components-totals-item{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .customer-login p.form-row.form-row-wide{
    width: 100% !important;
  }

  .why-hairlogy-list.list2{
    border-bottom: 1px solid #8a8a8b !important;
  }

  .treatment-female-sec,
  .treatment-male-sec{
    background: none !important;
    padding-bottom: 30px !important;
  }
  .treatment-female-sec{
    padding-top: 20px !important;
  }
  .treatment-male-sec{
    margin-bottom: 0 !important;
  }
  .h-video-sec{
    padding: 40px 0 !important;
  }


  

}


.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    border: 0 !important;
    display: inline-block;
    width: 100%;
}

.checkout-sec .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.checkout-sec .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighte{
  box-shadow: none !important;
}
.checkout-sec .wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--first-selected:after{
  border: 0 !important;
}
.checkout-sec .wc-block-components-radio-control-accordion-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.checkout-sec .wc-block-components-radio-control-accordion-content{
  font-size: 14px !important;
    line-height: 22px !important;
    color: #000 !important;
    font-family: "Inter", serif !important;
}

.reveal1{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease !important;
}

.reveal1.active{
  transform: translateY(0);
  opacity: 1;
}


@media (min-width: 1025px) {
  .revealr{
    position: relative;
    transform: translateX(150px);
    opacity: 0;
    transition: 1s all ease !important;
  }

  .revealr.active{
    transform: translateX(0);
    opacity: 1;
  }

  .reveal-l{
    position: relative;
    transform: translateX(-150px);
    opacity: 0;
    transition: 1s all ease !important;
  }

  .reveal-l.active{
    transform: translateX(0);
    opacity: 1;
  }

}


@media (max-width: 767px) {

  .top-nav .main-nav nav{
    width: 87%;
    top: 0;
    position: fixed;
    height: 100vh;
  }
  .top-nav .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-height: none;
    max-width: 0;
  }

  .top-nav .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-height: 100vh;
    max-width: 100%;
  }
  .top-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    
    transition: all cubic-bezier(0, 0, 0.2, 1) .4s;
  }

  .top-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{
    background-color: transparent !important; 
    color: #000;
    font-weight: 600;
  }
  .top-nav .elementor-nav-menu li{
    font-size: 15px;
    line-height: 30px;
    color: #0E253A;
    font-family: "Inter", serif;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
  }
   

}


@media only screen and (min-width:768px) and (max-width:991px){
   .h-assintment-sec .elementor-button-wrapper a.elementor-button{
    width: 200px !important;
  }
}

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

@media only screen and (min-width:768px) and (max-width:1024px){
  .pdp-info .pdp-img{
    width: 58% !important;
  }
  .pdp-info .pdp-cont{
    width: 40% !important;
    padding-right: 0 !important;
  }
  .pdp-description-sec,
  .h-assintment-sec{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

}

.wps-product-data,
#wps-slider-section img.wpsf-product-img{
  border: 0 !important;
}

#wps-slider-section .wps-product-section .wpsp-nav{
  display: none;
}
.treatment-slider #wps-slider-section{
  padding-top: 25px;
}

.woocommerce form.register{
  border: 0 !important;
  padding: 0;
  margin:25px 0 0 0 !important; 
}

.register-page{
  margin: 10px 0;
}
.register-form .woocommerce form .form-row label{
  font-size: 13px;
  line-height: 20px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 400;
}

.register-form .woocommerce form .form-row input.input-text{
    border: 0px solid #D5D5D5;
    height: 67px;
    padding: 0 30px !important;
    border-radius: 34px;
    margin-bottom: 0px;
    background-image: none !important;
    background-color: #F2EFEA;
}

.register-form .woocommerce form .show-password-input, 
.register-form .woocommerce-page form .show-password-input{
  right: 25px;
  top: 25px;
}

.register-form .woocommerce-privacy-policy-text{
  margin-bottom: 25px;
}
.register-form .woocommerce-privacy-policy-text p{
  font-size: 13px;
  line-height: 20px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 500;
}

@media (min-width: 768px) {
  .register-form{
    width: 80%;
    margin-left: 9%;
  }
  .register-form .u-column2.col-2{
    width: 60%;
    margin-top: 35px;
  }
  .woocommerce div.product .single-product-top-2{
    max-width: 1270px;
    margin: 80px auto;
  }
  .woocommerce div.product .single-product-top-2 > .rtin-left{
    width: 64% !important;
  }
  .woocommerce div.product .single-product-top-2 > .rtin-right{
    width: 34% !important;
  }
}


@media (max-width: 767px) {
  .register-form-img{
    display: none;
  }
  .register-form{
    margin: 30px 0;
  }
  .register-form .woocommerce .col2-set .col-2, 
  .register-form .woocommerce-page .col2-set .col-2{
    width: 100% !important;
  }
   
  .treatment-selection-section .rt-product-block-1 .rtin-buttons a.action-cart:before{
    font-size: 11px !important;
  }
  .wc-block-components-radio-control--highlight-checked:after{
    border: 0 !important;
  }
  #medical-question .form-field.upload-file input[type=file]{
    width: 34% !important;
    margin-left: 65% !important;
  }
  .customer-register{
    margin-top: 30px;
  }
  .customer-register .elementor-widget-wrap.elementor-element-populated{
    height: 320px !important;
  }
  .woocommerce div.product{
    max-width: 95% !important;
    margin: 0 auto 10px auto !important;
  }
  .woocommerce div.product .single-product-top-2 .rtin-price-area,
  .woocommerce div.product .single-product-top-2 .product_meta-area,
  .woocommerce div.product form.cart{
    display: none;
  }

  .real-success-story-sec p br{
    display: none;
  }
  .desc-2.benefit{
    width: 100% !important;
  }
}

@media only screen and (min-width:768px) and (max-width:1024px){
  .register-form .u-column2.col-2{
    width: 80% !important; 
  }
}

.woocommerce span.onsale{
  display: none;
}


.h-assintment-sec .elementor-button-wrapper a.elementor-button,
.pdp-btn .elementor-button-wrapper a.elementor-button,
.register-w-box .form-field button,
#product-stepa-sect .rt-product-block-1 .rtin-buttons a.action-cart,
#medical-question .form-field button, 
#medical-question .form-field input[type=submit],
.woocommerce .woocommerce-ResetPassword button[type=submit],
.checkout-sec .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #0E253A 50%, #0E253A 50%) !important;
    -webkit-transition: background-position 0.7s;
    -moz-transition: background-position 0.7s;
    transition: background-position 0.7s !important; 
    text-decoration: none !important; 
    background: #0E253A;
    opacity: 1;
    color: #fff;
}
 
.h-assintment-sec .elementor-button-wrapper a.elementor-button:hover,
.pdp-btn .elementor-button-wrapper a.elementor-button:hover,
.register-w-box .form-field button:hover,
#product-stepa-sect .rt-product-block-1 .rtin-buttons a.action-cart:hover,
#medical-question .form-field button:hover, 
#medical-question .form-field input[type=submit]:hover,
.woocommerce .woocommerce-ResetPassword button[type=submit]:hover,
.checkout-sec .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover{
  background-size: 100% 200% !important;
  background-image: linear-gradient(to bottom, #0E253A 50%, #000 50%) !important;
  background-position: 0 -100% !important;
  text-decoration: none !important;
  background-color: #000 !important;
}


 
.treatment-selection-section .rt-product-block-1 .rtin-buttons a.action-cart span{
  display: none;
}
.treatment-selection-section .rt-product-block-1 .rtin-buttons a.action-cart:before{
    content: 'SELECT TREATMENT'; /*
    position: absolute;
    padding: 17px 19px;
    border-radius: 30px;
    margin-top: -10px;
    color: #fff;
    text-indent: 0;
    margin-left: -20px;*/
}

#medical-question .form-field.upload-file .wpcf7-not-valid-tip{
  font-size: 13px;
  width: 100%;
  float: left;
}

.wpcf7-not-valid-tip{
  font-size: 13px;
}

.wc-blocks-components-select .wc-blocks-components-select__expand{
  margin-top: 15px;
}

/*.checkout-sec .wc-block-checkout__contact-fields,
.checkout-sec .wp-block-woocommerce-checkout-shipping-method-block,
.checkout-sec .wp-block-woocommerce-checkout-pickup-options-block{

  display: none;
}*/

.check-login{
  margin-bottom: 0 !important;
}
.check-login p{
  font-size: 15px;
  line-height: 20px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 400;
}

.check-login p a{
  text-decoration: underline;
}

.checkout-form{
  margin-top: 35px;
}

.checkout-sec .wc-block-components-validation-error{
  order: 3;
}

.register-w-box input[type=date]{
  background: url(/wp-content/uploads/2025/calender-icov.png) center right 32px no-repeat #F2EFEA !important;
  appearance:none !important;
 
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 400;
}

.woocommerce .woocommerce-ResetPassword button[type=submit]{
  opacity: 1;
    border-radius: 32px !important;
    font-family: "Inter", serif !important;
    font-size: 13px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 52px !important;
    padding-right: 52px !important;
    color: #fff;
    font-weight: 400;
}

.rtin-avaibility,
.woocommerce div.product .single-product-top-2 .product_meta-area .product-meta-term{
  display: none;
}
.pdp-cont .elementor-widget-text-editor{
  font-size: 15px;
  line-height: 22px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 400;
}

.woocommerce div.product .single-product-top-2 .rtin-price-area,
.woocommerce div.product .single-add-to-cart-wrapper{
  display: none !important;
}

.desc-2 p{
  margin-bottom: 8px !important;
}

.pdp-desc .desc-2.benefit ul li:before{
  display: none !important;
}
.pdp-desc .desc-2.benefit ul li{
  background: url(/wp-content/uploads/2025/list-icon.jpg) left 7px no-repeat;
  padding-left: 20px;

}






 @media (min-width: 768px) {
    .main-header.main-header-new {
        background-color: transparent !important;
        padding: 20px 0 10px 0;
        z-index: 9999; 
    }
    .page-id-112 .main-header.main-header-new{
      border-bottom: 5px solid #F7F8F9;
      padding-bottom: 10px !important;
    }
    .homepage-banner .elementor-widget-wrap.elementor-element-populated{
      padding: 0 10px !important;
    }
    body.page-id-213 .content-area{
      margin-top: 0 !important;
    }
}


@media (min-width: 768px) {
  section.elementor-section.main-header-new .elementor-container{
    max-width: 1040px !important;
  }
  section.elementor-section.main-footer-new .elementor-container{
    max-width: 1000px !important;
  }
}

.main-footer-new{
  padding-top: 50px !important;
}
.main-footer-new h2{
  font-size: 15px;
  line-height: 20px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 700;
  padding: 0;
  margin: 0 0 12px 0;
}
.main-footer-new h4{
  font-size: 13px;
  line-height: 17px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.main-footer-new ul{
  padding: 0;
  margin: 0;
}
.main-footer-new p,
.main-footer-new ul li,
.main-footer-new ul li a{
  font-size: 15px;
  line-height: 24px;
  color: #000;
  font-family: "Inter", serif;
  font-weight: 400;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.main-footer-new ul li a{
  color: #1e73be !important;
  text-decoration: underline;
}
.main-footer-new ul li a:hover{
  text-decoration: none;
}
.main-footer-new .elementor-widget-heading{
  margin-bottom: 5px !important;
}
.main-footer-new p strong{
  font-weight: 600 !important;
}


@media (min-width: 768px) {
  section.treatment-sec-1 .elementor-container{
    max-width: 1366px !important;
  }
  section.treatment-sec-1 .treatment-right-s{
    width: 45%;
    padding-left: 50px;
    padding-right: 70px;
    align-items: center;
  }
  section.treatment-sec-3 .elementor-container,
  section.treatment-sec-4 .elementor-container{
    max-width: 1000px !important;
  }

  .treatment-slider .owl-carousel .owl-item img{
    height: 300px;
    margin-bottom: 10px;
  }
  .treatment-slider .owl-carousel h2{
    height: 65px;
  }
  .minoxidil-box{
    padding-right: 25px;
  }
  .treatment-sub-1 h2{
    width: 90%;
    float: right;
    padding-right: 25px !important;
  }
  .treatment-sub-1 .treat-right-2{
    width: 90% !important;
  }
  .treatment-sub-1 .treat-right-2 .elementor-widget-wrap.elementor-element-populated{
    padding-left: 25px !important;
  }
    .header-btn a.elementor-button{
      background-size: 100% 200% !important;
      background-image: linear-gradient(to bottom, #0E253A 50%, #0E253A 50%) !important;
      -webkit-transition: background-position 0.7s;
      -moz-transition: background-position 0.7s;
      transition: background-position 0.7s !important; 
      text-decoration: none !important; 
      background: #0E253A;
      opacity: 1;
      color: #fff;
      width: 140px !important;
      display: inline-block; 
      font-size: 12px;
        line-height: 55px; 
        font-family: "Inter", serif !important;
        font-weight: 400; 
      border-radius: 28px;
      padding: 0 !important;
      margin-top: 10px;
  }
   
  .header-btn a.elementor-button:hover{
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #0E253A 50%, #000 50%) !important;
    background-position: 0 -100% !important;
    text-decoration: none !important;
    background-color: #000 !important;
  }
  .treatment-top-left{
    min-height: 620px;
  }
}

.treatment-sub-1 .treat-right-2{
  border-left: 2px solid #999999;
}


.treatment-sec-1,
.treatment-sec-2,
.treatment-sec-3,
.treatment-sec-4{
  background-color: #F7F8F9;
  padding: 15px 0;
}
.treatment-slider .sa_owl_theme .owl-dots .owl-dot span,
.testimonials-slide .sa_owl_theme .owl-dots .owl-dot span{
  width: 17px !important;
  height: 17px !important;
}

.treatment-slider .sa_owl_theme .owl-dots .active span,
.testimonials-slide .sa_owl_theme .owl-dots .active span{
  background-color: #0E253A !important;
}

.treatment-slide-box .white{
  background: transparent !important;
}
.treatment-slide-box .white .elementor-col-50 .elementor-widget-wrap.elementor-element-populated{
  background-color: #F6F5F4;
  padding: 0;
  margin: 0 10px;
  padding-bottom: 20px;

}
.treatment-slide-box .owl-carousel .owl-item .elementor-widget-heading,
.treatment-slide-box .owl-carousel .owl-item .elementor-widget-text-editor,
.treatment-slide-box .owl-carousel .owl-item .elementor-widget-button{
  padding: 0px 20px;
}

section.treatment-sec-1{
  margin-top: 10px;
  padding-bottom: 0;
}


.treatment-right-s h2{
  font-size: 38px;
    line-height: 46px;
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 700;
}
.treatment-right-s p,
.treatment-right-s ul li{
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    margin-bottom: 20px;
}
.treatment-right-s ul{
  padding: 0;
  margin: 0 0 25px 17px;

}

.treatment-right-s ul li{
  padding: 0;
  margin: 0 0 5px 0;
}

.treatment-sec-2 h2{
  font-size: 38px;
    line-height: 46px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 300;
    padding: 0 0 0px 0;
    margin: 0;
    text-align: center;
}
.treatment-sec-2 h3{
  font-size: 24px;
    line-height: 34px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 600;
    padding: 0 0 0px 0;
    margin: 0;
    text-align: center;
}

section.elementor-section.treatment-sec-2 p{
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-weight: 400; 
    padding: 0;
    margin: 0;
    text-align: center;
} 

section.treatment-sec-3 .treat-para p{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-weight: 400; 
    padding: 0;
    margin: 0; 
}

 
.start-btn a{
  width: 243px !important;
  display: inline-block; 
  font-size: 12px;
    line-height: 55px; 
    font-family: "Inter", serif !important;
    font-weight: 600; 
  border-radius: 28px;
  padding: 0 !important;
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #F2EFEA 50%, #F2EFEA 50%) !important;
    -webkit-transition: background-position 0.7s;
    -moz-transition: background-position 0.7s;
    transition: background-position 0.7s !important; 
    text-decoration: none !important; 
    background: #F2EFEA;
    opacity: 1;
    color: #000 !important;
}
 
.start-btn a:hover{
  background-size: 100% 200% !important;
  background-image: linear-gradient(to bottom, #F2EFEA 50%, #000 50%) !important;
  background-position: 0 -100% !important;
  text-decoration: none !important;
  background-color: #000 !important;
  color: #fff !important;
}

.treatment-sec-3{
  padding: 115px 0 80px 0;
}
.treatment-sec-3 h2{
  font-size: 38px;
    line-height: 44px;
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 700;
    padding: 0 0 0px 0;
    margin: 0; 
    
}

section.elementor-section.treatment-sec-3 .minoxidil-box p,
section.elementor-section.treatment-sec-3 .finasteride-box p{
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-weight: 400; 
    padding: 0;
    margin: 0 0 15px 0; 
} 


.treatment-sub-1{
  background-color: #fff;
  box-shadow: 1px 1px 6px #00000029;
  padding: 20px;
  margin-bottom: 25px;
}

.treatment-sub-1 h2{
  font-size: 24px;
    line-height: 30px;
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 700;
    padding: 0 0 0px 0;
    margin: 0; 
    text-align: right;
}

section.treatment-sub-1 .treat-right-2 p{
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-weight: 400; 
    padding: 0;
    margin: 0 0 15px 0; 
} 

 
.treatment-sub-1 .elementor-widget-wrap.elementor-element-populated{
  padding: 0 !important;
}
 
.treatment-sub-1 .elementor-widget-wrap.elementor-element-populated{
  padding: 0 10px !important;
}

.hair-care-list-btn a{
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #0E253A 50%, #0E253A 50%) !important;
    -webkit-transition: background-position 0.7s;
    -moz-transition: background-position 0.7s;
    transition: background-position 0.7s !important; 
    text-decoration: none !important; 
    background: #0E253A;
    opacity: 1;
    color: #fff;
    width: 243px !important;
    display: inline-block; 
    font-size: 12px;
      line-height: 55px; 
      font-family: "Inter", serif !important;
      font-weight: 400; 
    border-radius: 28px;
    padding: 0 !important;
}
 
.hair-care-list-btn a:hover{
  background-size: 100% 200% !important;
  background-image: linear-gradient(to bottom, #0E253A 50%, #000 50%) !important;
  background-position: 0 -100% !important;
  text-decoration: none !important;
  background-color: #000 !important;
}


.treatment-slider .owl-carousel h2{
  font-size: 19px;
    line-height: 25px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
}

.treatment-slider .owl-carousel .sa_hover_container .elementor-widget-container{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}

 
.treatment-slider .owl-carousel .sa_hover_container .elementor-widget-container h3{
  font-size: 40px;
    line-height: 45px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 300 !important;
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
}

.treatment-slider .owl-carousel .sa_hover_container .elementor-widget-container p{
  padding: 0;
  margin: 0;
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}

.treatment-slider .owl-carousel .sa_hover_container .elementor-button-wrapper a.elementor-button-link{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    text-decoration: underline;
    background-color: transparent;
    padding: 0;
}
.treatment-slider .owl-carousel .sa_hover_container .elementor-button-wrapper a.elementor-button-link:hover{
  text-decoration: none;
  color: #0E253A;
}

.treatment-slider .autohide-arrows:hover .owl-nav{
  display: none !important;
}

.hair-care-sec h2{
  font-size: 32px;
    line-height: 45px;
    color: #000;
    font-family: "Merriweather", serif !important;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}
.hair-care-sec .hair-care-list h2{
  font-size: 22px;
    line-height: 30px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 600 !important;
    padding: 0;
    margin: 0;
    text-align: center;
}

.hair-care-sec .hair-care-list p{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400 !important;
    padding: 0;
    margin: 0;
    text-align: center;
}

.hair-care-sec .hair-care-list{
  background-color: #F2EFEA;
  padding: 0px 30px;
}

.hair-care-sec .hair-care-list:after{
  content: " " !important;
  width: 60px;
  height: 340px;
  display: inline-block;
   background: url(/wp-content/uploads/2025/air-care-boxt-bg.png) 0 0 no-repeat;
   right: -30px;
   position: relative;
}
.hair-care-sec .hair-care-list.last:after{
  display: none;
}

.hair-care-sec .hair-care-list .elementor-widget-image{
  height: 90px;
  margin-top: 40px;
}

.pdp-description-sec .elementor-widget-heading{
  margin-bottom: 10px;
}

.pdp-description-sec .elementor-widget-text-editor{
  margin-bottom: 0 !important;
}

.h-video-sec.pdp-vid,
.real-success-story-sec.landing-page{
  display: none;
}


.treatment-slider .owl-carousel .sa_hover_container .elementor-widget-container{
  background: url(/wp-content/uploads/2025/01/slider-p-bg.png) 0 0 no-repeat !important;
   
}
.treatment-slider .elementor-widget-heading{
  margin-bottom: 0 !important;
}


.treatment-slide-box .white{
  border: 0 !important;
}

.treatment-slider .owl-carousel .owl-item img{
  margin-top: 30px;
}

.treatment-slide-box .owl-carousel .owl-item .elementor-widget-text-editor{
  margin-bottom: 5px !important;
}


 
#medical-question .form-field span.wpcf7-list-item-label{
    cursor: pointer;
    position: absolute;
    border-radius: 30px;
    margin-right: 0px;
    display: inline-block;
    width: 97px;
    height: 47px; 
    background: #F2EFEA;
    border: 0px solid #5A5A5A;
    float: left;
    color: #101010;
    font-size: 14px;
    line-height: 47px;
    text-align: center;
    left: 0
}

 
#medical-question .form-field input[type="radio"] + span,
#medical-question .form-field input[type="checkbox"] + span{
    border-radius:30px;
    margin-right:0px;
  display: inline-block; 
    width: 95px;
    height:auto;
  position:absolute;
  background:#F2EFEA; 
  border:0px solid #5A5A5A;
  float:left;
  color:#101010;
  font-size:14px;
  line-height:20px;
  text-align:center;
  border-right: 0px solid #eeeded;
  padding: 15px 0;
  font-family: "Inter", serif !important;
  font-size: 12px;
  left: 0;
  top: 0;
} 
#medical-question .form-field input[type="radio"]:checked + span,
#medical-question .form-field input[type="checkbox"]:checked + span{
    border: 0px solid #d9261c;
  background: #0E253A;
  color:#fff;
  border-right: 0px solid #eeeded;
}

#medical-question .form-field .wpcf7-list-item{
  width: 90px !important;
    float: left;
    padding: 0px 0px;
    margin: 0 15px 15px 0;
    position: relative;
}


.treatment-slider .owl-carousel .owl-item .sa_hover_container .elementor-widget-image{
  height: 350px;
  overflow: hidden;
}

.treatment-slider .owl-carousel .owl-item .sa_hover_container .elementor-widget-image img{
  height: 100% !important;
}

@media (max-width: 767px) {
  .header-btn{
    display: none;
  }
  .treatment-top-left{
    height: 320px;
    margin-bottom: 20px;
  }
  .treatment-top-left .elementor-widget-wrap{
    background-size: cover !important;
  }
  .treatment-sec-2 h2{
    font-size: 30px !important;
    line-height: 38px !important;
  }
  .treatment-sec-2 h3{
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .treatment-sec-3 {
      padding: 40px 0 40px 0 !important;
  }
  .treatment-sub-1 h2{
    font-size: 22px !important;
    line-height: 30px !important;
    text-align: left !important; 
    margin-bottom: 15px;
  }
  .treatment-sub-1 .treat-right-2 {
      border-left: 0px solid #999999;
  }

  .treatment-sub-1{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .treatment-sec-4{
    padding-bottom: 20px !important;
  }
  .mhra-sec{
    padding: 30px 0 20px 0 !important;
  }
  .hair-care-sec h2{
    font-size: 24px !important;
    line-height: 32px !important;
    text-align: left !important;
    margin-bottom: 0 !important;
  }
  .hair-care-sec .hair-care-list:after{
    display: none !important;
  }
  .hair-care-sec .hair-care-list h2{
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center !important;
  }
  .hair-care-sec .hair-care-list{
    padding-bottom: 30px !important;
    margin-bottom: 20px;
  }
  .hair-care-sec .hair-care-list .elementor-widget-image {
      height: auto !important;
      margin-top: 20px !important;
  }
  .treatment-slide-box .owl-carousel .owl-item .sa_hover_container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .treatment-slider .treatment-slide-box h2{
    width: 100% !important;
    font-size: 18px !important;
    line-height: 28px !important;
    margin-bottom: 10px !important;
  }
  .treatment-slide-box .white .elementor-col-50 .elementor-widget-wrap.elementor-element-populated{
    margin-bottom: 20px!important;
  }
  .treatment-slide-box .white .elementor-col-50 .elementor-widget-wrap.elementor-element-populated{
    margin: 0 0 20px 0 !important;
  }
  .finasteride-box .elementor-widget-wrap.elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  section.main-footer-new {
      padding-top: 20px !important;
  }
  #medical-question .form-field.upload-file input[type=file]:before{
    margin-left: -115px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .treatment-right-s,
  .treatment-sec-2,
  .treatment-sec-3,
  .treatment-sec-4,
  .main-footer-new,
  .mhra-sec,
  .hair-care-sec,
  .treatment-slider,
  .home-sec1 .h-right-sec,
  .pdp-cont,
  .h-assintment-sec,
  .our-customer-say-sec{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

   .our-customer-say-sec .testimonials-slide .owl-carousel .owl-item.active .sa_hover_container{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

   .home-sec1 .h-left-sec .elementor-widget-wrap.elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
   }
   #medical-question .form-field input[type="radio"]{
    opacity: 0.1;
   }
   .woocommerce-order-received .woocommerce .order_details li {
      font-size: 15px;
      margin-bottom: 20px;
      border-right: 0 !important;
  }
  .woocommerce ul.order_details li strong{
    font-size: 18px !important;
  }
}


@media (min-width: 768px) {
  .treatment-slider .owl-carousel h2{
    height: 80px !important;
  }
  #medical-question .form-field input[type="radio"]{
    opacity: 0.1;
   }
   .finasteride-box .elementor-widget-wrap.elementor-element-populated{
    padding: 0 !important;
   }
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button{
  display: none;
}

.wc-block-components-address-card{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400 !important;
}

.wpcf7-not-valid-tip{
  width: 100%;
  display: inline-block;
}


@media only screen and (min-width:320px) and (max-width:360px){

  .custom-step, .custom1, .cutome2{
    margin-right: 10px !important;
  }

}

@media only screen and (min-width:310px) and (max-width:320px){

 #medical-question .form-field.upload-file input[type=file]:before {
        margin-left: -96px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 14px;
    }

}
@media only screen and (min-width:320px) and (max-width:345px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 72% !important;
  }

}

@media only screen and (min-width:345px) and (max-width:360px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 69% !important;
  }

}

@media only screen and (min-width:365px) and (max-width:380px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 66% !important;
  }

}

@media only screen and (min-width:381px) and (max-width:390px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 63% !important;
  }

}

@media only screen and (min-width:400px) and (max-width:420px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 59% !important;
  }

}
@media only screen and (min-width:421px) and (max-width:430px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 56% !important;
  }

}

@media only screen and (min-width:431px) and (max-width:460px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 53% !important;
  }

}

@media only screen and (min-width:461px) and (max-width:480px){

  #medical-question .form-field.upload-file input[type=file]{
    margin-left: 56% !important;
  }

}

.wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__input{
  left: 0 !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control__option{
  padding-left: 2.5em !important;
}

.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}
.woocommerce ul.order_details{
  padding: 0;
}

.woocommerce-order-received .woocommerce h2,
.woocommerce-order{
  font-family: "Inter", serif !important;
}
.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: left;
    padding: 20px 0;
    font-family: "Inter", serif !important;
    color: #000;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content, 
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{
  font-family: "Inter", serif !important;
}

.woocommerce table.shop_table tbody tr td{
  font-size: 15px;
}

.woocommerce-edit-account fieldset{
  width: 100%;
  float: left;
}
.woocommerce-edit-account .woocommerce-MyAccount-content .form-row{
  margin-right: 20px;
}

.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide{
  clear: none !important;
}

.woocommerce-edit-account .woocommerce-MyAccount-content button.woocommerce-Button,
.woocommerce-MyAccount-content button.button{
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #0E253A 50%, #0E253A 50%) !important;
    -webkit-transition: background-position 0.7s;
    -moz-transition: background-position 0.7s;
    transition: background-position 0.7s !important; 
    text-decoration: none !important; 
    background: #0E253A;
    opacity: 1;
    color: #fff;
    width: auto !important;
    display: inline-block; 
    font-size: 12px;
      line-height: 55px; 
      font-family: "Inter", serif !important;
      font-weight: 400; 
    border-radius: 28px;
    padding: 0 25px !important;
}
 
.woocommerce-edit-account .woocommerce-MyAccount-content button.woocommerce-Button:hover,
.woocommerce-MyAccount-content button.button:hover{
  background-size: 100% 200% !important;
  background-image: linear-gradient(to bottom, #0E253A 50%, #000 50%) !important;
  background-position: 0 -100% !important;
  text-decoration: none !important;
  background-color: #000 !important;
}
.woocommerce-MyAccount-content p{
  width: 100%;
  float: left;
}


.woocommerce-account .addresses .title .edit,
.woocommerce-info a.button.wc-forward{
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #0E253A 50%, #0E253A 50%) !important;
    -webkit-transition: background-position 0.7s;
    -moz-transition: background-position 0.7s;
    transition: background-position 0.7s !important; 
    text-decoration: none !important; 
    background: #0E253A;
    opacity: 1;
    color: #fff;
    width: auto !important;
    display: inline-block; 
    font-size: 12px;
      line-height: 30px; 
      font-family: "Inter", serif !important;
      font-weight: 400; 
    border-radius: 28px;
    padding: 0 20px !important;
}
 
.woocommerce-account .addresses .title .edit:hover,
.woocommerce-info a.button.wc-forward:hover{
  background-size: 100% 200% !important;
  background-image: linear-gradient(to bottom, #0E253A 50%, #000 50%) !important;
  background-position: 0 -100% !important;
  text-decoration: none !important;
  background-color: #000 !important;
}
.woocommerce form .form-row .select2-container .select2-selection{
  border: 1px solid #D5D5D5;
    height: 67px;
    padding: 0 30px !important;
    border-radius: 34px;
    margin-bottom: 15px;
    background-image: none !important;
    background-color: transparent;
}
.woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered{
  line-height: 64px !important;
}
.woocommerce .woocommerce-customer-details address{
  display: inline-block;
}

.main-header.main-header-new{
  border-bottom: 5px solid #F7F8F9;
}
.main-footer-new{
  border-top: 5px solid #F7F8F9;
}
section.treatment-sec-1{
  margin-top: 0 !important;
}

.woocommerce-dashboard .woocommerce .row{
  display: flex;
  flex-direction: column;
}
.woocommerce-dashboard .woocommerce .row .col-lg-3{
  order: 2;
  display: none;
}
.woocommerce-dashboard .woocommerce .row .col-lg-9{
  order: 1;
  max-width: 100%;
    flex: 0 0 100%;
}

.woocommerce-dashboard .wcmtx-my-account-links.wcmtx-grid{
  width: 100%;
  float: left;
}

.woocommerce-dashboard .wcmamtx_dashboard_link{
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
.woocommerce-dashboard .wcmamtx_dashboard_link a{
      font-size: 16px;
      line-height: 30px; 
      font-family: "Inter", serif !important;
      font-weight: 500; 
}
.woocommerce-dashboard .wcmamtx_dashboard_link i.fa{
  font-size: 20px;
}

@media (min-width: 768px) {
  .customer-login .woocommerce-MyAccount-content p.form-row.form-row-wide,
  .woocommerce-edit-account .woocommerce-MyAccount-content .form-row{
        width: 47% !important;
        margin-right: 20px;
    }
  .woocommerce-MyAccount-content .clear {
      clear: none !important;
  }
  .customer-login .woocommerce .col2-set .col-1,
  .customer-login .woocommerce .col2-set .col-2{
    width: 44% !important;
  }
  .woocommerce .woocommerce-MyAccount-content .col2-set .woocommerce-Address{
    display: flex;
    flex-direction: column;
  }
  .woocommerce .woocommerce-MyAccount-content .col2-set .woocommerce-Address header{
    order: 2;
  }
  .woocommerce-account .addresses .title .edit {
      float: left;
  }

  .woocommerce form .woocommerce-address-fields .form-row.form-row-first, 
  .woocommerce form .woocommerce-address-fields .form-row.form-row-last, 
  .woocommerce-checkout .woocommerce .checkout .form-row.form-row-first, 
  .woocommerce-checkout .woocommerce .checkout .form-row.form-row-last{
    margin-right: 20px;
    width: 47% !important;
  }
  .woocommerce form .woocommerce-address-fields .form-row#billing_address_2_field{
    margin-top: 32px;
  }

}

@media (max-width: 767px) {
  .woocommerce-edit-account .woocommerce-MyAccount-content .form-row {
    margin-right: 0 !important;
    width: 100% !important;
  }
  .woocommerce .woocommerce-MyAccount-content .col2-set .woocommerce-Address{
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
  }
  .woocommerce-account .login-sec{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .woocommerce form .woocommerce-address-fields .form-row{
    margin-bottom: 10px !important;
  }
  .satr1{
    width: 55% !important;
  }
  .ggole1{
    width: 45%;
  }
  .ggole1 .elementor-widget-wrap.elementor-element-populated{
    padding-right: 0 !important;
  }
  .woocommerce-dashboard .wcmtx-my-account-links.wcmtx-grid{
    display: inline-block;
  }
  .woocommerce-dashboard .wcmamtx_dashboard_link{
    display: inline-block;
    width: 49%;
  }
  .woocommerce-dashboard .wcmamtx_dashboard_link a{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .woocommerce-dashboard .wcmamtx_dashboard_link a{
      font-size: 15px !important; 
  }
}


.logged-in .customer-register{
  display: none;
}
.logged-in .customer-login{
  width: 100% !important;
}
 
.testimonials-slide .owl-carousel .owl-item.active .sa_hover_container .star{
  margin-left: -30px;
}
.testimonials-slide .owl-carousel .owl-item.active .sa_hover_container .elementor-widget-image .elementor-widget-container{
  float: right;
 }

@media only screen and (min-width:1025px) and (max-width:1280px){

  .testimonials-slide .owl-carousel .owl-item.active .sa_hover_container{ 
      height: 600px;
  }

}


.woocommerce table.shop_table tbody tr td span.wcmtx_action_html{
  display: none;
}

.woocommerce table.shop_table tbody tr td span.wcmtx_action_name{
  width: 100% !important;
  font-size: 15px;
}

a.woocommerce-MyAccount-navigation-link_a i.fa{
  display: none;
}

.register-steps-box{
  background-color: #F2EFEA;
  padding-top: 40px;
  padding-bottom: 40px;
}



.medical-questions-section .wpcf7-form .wpcf7-checkbox input[type="checkbox"]{

    margin-right: 15px !important;
    float: left;
    margin-bottom: 30px;
    margin-top: 3px;
   

}

.medical-questions-section .wpcf7-form .wpcf7-checkbox input[type="checkbox"]:after{

  content:'';

  display:inline-block;

  background-color:#fff;

  border:1px solid #000;

  border-radius:0;

  cursor:pointer;

  height:15px;

  line-height:2;

  left:0px;

  position:relative;

  top:-4px;

  width:15px;

  text-align:center;

}

.medical-questions-section .wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked:after{

  background-color:#000;

  border:1px solid #000;

  content: '\2714';

  color:white;

  opacity:1; 

  line-height: 17px;
  top: -4px;
 

}

.medical-questions-section .wpcf7-form .wpcf7-checkbox label{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    margin-bottom: 15px;
}

.medical-questions-section .wpcf7-form .wpcf7-checkbox .wpcf7-list-item{
  margin-left: 0 !important;
}


 
#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item,
#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item{
  width: 75px !important;
  height: 75px;
  margin-bottom: 0;
  margin-right: 12px; 
}
#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item input[type="radio"] + span,
#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item input[type="radio"] + span{
  border: 1px solid #fff;
  border-radius: 10px;
  background-size: 100% !important;
}
#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item:nth-child(1) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/male1.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item:nth-child(2) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/male2.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item:nth-child(3) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/male3.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item:nth-child(4) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/male4.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item:nth-child(5) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/male5.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}



#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item:nth-child(1) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/female1.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item:nth-child(2) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/female2.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item:nth-child(3) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/female3.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item:nth-child(4) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/female4.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}
#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item:nth-child(5) input[type="radio"] + span{
  background: url(/treatments/wp-content/uploads/2025/female5.svg) 0 0 no-repeat;
  width: 75px;
  height: 75px;
  font-size: 0;
}

#medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item input[type="radio"]:checked + span,
#medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item input[type="radio"]:checked + span{
  border: 1px solid #0E253A;
  border-radius: 10px;
}

#medical-question .form-field input[type="radio"]{
  margin-left: 10px;
}

@media (max-width: 767px) {
  #medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item input[type="radio"] + span,
  #medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item input[type="radio"] + span{
     width: 50px !important;
    height: 50px !important;  
    background-size: 100% !important;
  }
  #medical-question .form-field .form-input .wpcf7-radio.img .wpcf7-list-item,
  #medical-question .form-field .form-input .wpcf7-radio.women .wpcf7-list-item{
    width: 50px !important;
    height: 50px !important;
  }
  .medical-questions-section .wpcf7-form .wpcf7-checkbox input[type="checkbox"]{
    margin-bottom: 50px !important;
  }
  #medical-question .checkbox-1{
    margin-top: 30px;
  }
  .footer-phar-logo img{
    width: 120px;
    float: left;
  }
  .copyright-sec p span{
    width: 100%;
    float: left;
    text-align: center;
  }
  
}


/*.checkout-form .wc-block-components-text-input.wc-block-components-address-form__phone{
  opacity: 0 !important;
}*/

.customer-register .elementor-button-wrapper a.elementor-button.elementor-button-link{
  text-transform: uppercase;
}
.customer-register .elementor-button-wrapper a.elementor-button.elementor-button-link:before{
  content: "Continue As Guest" !important;
}

.customer-register .elementor-widget-text-editor .elementor-widget-container:before{
  content: "Register today for a faster checkout, easy ordering, and order history." !important;
  font-size: 14px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}

.customer-register .elementor-button-wrapper a.elementor-button.elementor-button-link .elementor-button-text,
.customer-register .elementor-widget-text-editor .elementor-widget-container p{
  display: none;
}


.medical-questions-section #medical-question .buult ul{
  padding: 0;
  margin: 0 0 25px 45px;
}
.medical-questions-section #medical-question .buult ul li{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    margin-bottom: 15px;
}

.medical-questions-section #medical-question li::marker{
  margin-bottom: 25px;
}

#medical-question .checkbox-1{
  width: 100%;
  display: inline-block;
}


.cms-title{
  padding-top: 50px;
}
.cms-title h2{
  font-size: 38px;
    line-height: 46px;
    color: #000;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
}

.content-page p{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    margin-bottom: 15px;
}

.content-page ol,
.content-page ul{
  padding: 0;
  margin: 0 0 15px 15px;
}

.content-page ol li,
.content-page ul li{
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    margin-bottom: 10px;
}

.content-page ol li span,
.content-page ul li span{
  font-weight: 600;
}

@media (min-width: 768px) {
    section.cms-title .elementor-container,
    section.content-page .elementor-container{
        max-width: 1040px !important;
    }
}


#medical-question .form-field .lnk a{
  border-radius: 30px;
    margin-right: 0px;
    display: inline-block;
    width: 95px;
    height: auto; 
    background: #F2EFEA;
    border: 0px solid #5A5A5A;
    float: left;
    color: #101010;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-right: 0px solid #eeeded;
    padding: 15px 0;
    font-family: "Inter", serif !important;
    font-size: 12px;
    text-transform: uppercase;
}

.copyright-sec p{
  font-size: 13px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    margin-bottom: 0px;
}
.copyright-sec p a{
  color: #000;
  text-decoration: none;
}

.copyright-sec p a:hover{
  text-decoration: underline;
}

@media (min-width: 1025px) {

  .main-footer-new .footer-disc{
    width: 245px;
  }
  .main-footer-new .footer-link{
    width: 135px;
  }
  .main-footer-new .footer-location{
    width: 250px;
  }
  .main-footer-new .footer-pharmacy{
    width: 215px;
  }
  .main-footer-new .footer-phar-logo{
    width: 155px;
  }
  .main-footer-new .footer-phar-logo img{
    margin-top: 40px;
  }

}

.leafleft-pdf-sec{
  margin-top: 20px; 
  
}
.leafleft-pdf-sec .elementor-widget-wrap.elementor-element-populated{
  padding:0 !important;
}
.leafleft-pdf-sec a.elementor-button{
  background-color: #faf2f2;
  padding: 18px 0;
  width: 100%;
  font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
    text-align: left;
}
.leafleft-pdf-sec a.elementor-button .elementor-button-text span{
  font-size: 26px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    font-family: "Merriweather", serif !important;
}
.leafleft-pdf-sec a.elementor-button .fa-file-pdf:before{
  content: " " !important;
  width: 40px;
  display: inline-block;
  height: 56px;
  background: url(/wp-content/uploads/2025/leaftlet-pdf-i.png) 0 0 no-repeat;
  margin-right: 25px;
}
.leafleft-pdf-sec a.elementor-button .elementor-button-content-wrapper{
  display: flex;
    margin-left: 45px;
    align-items: center; 
    height: 62px;
    justify-content: left !important;
}
#medical-question .form-field button.pum-trigger{
  border-radius: 30px;
    margin-right: 0px;
    display: inline-block;
    width: 100px !important;
    height: auto; 
    background: #F2EFEA !important;
    border: 0px solid #5A5A5A;
    float: left;
    color: #101010;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-right: 0px solid #eeeded;
    padding: 15px 0 !important;
    margin-top: 0;
    font-family: "Inter", serif !important; 
    text-transform: uppercase;
}

@media (max-width: 767px) {
  .leafleft-pdf-sec a.elementor-button .elementor-button-content-wrapper{
    margin-left: 0 !important;
  }
  .pum-container.pum-responsive.pum-responsive-medium{
      top: 50px !important;
    }
    .pum-container.pum-responsive .container.leafleft-popup img{
      margin-right: 20px !important;
    }
    .pum-theme-2215 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
      top: 15px !important;
    }
    .pum-title.popmake-title{
      padding-bottom: 15px!important;
    }
}

.pum-theme-2215, .pum-theme-default-theme {
    background-color: rgb(0, 0, 0, 0.4);
}


@media only screen and (min-width: 768px) {
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: -43%;
        width: 47%;
        padding: 30px;
    }
    .pum-container.pum-responsive.pum-responsive-medium{
      top: 50px !important;
    }
    .pum-content.popmake-content .column{
      width: 49% !important;
    }
    .pum-theme-2215 .pum-content + .pum-close, 
    .pum-theme-default-theme .pum-content + .pum-close{
      top: 30px !important;
    }
    .h-assintment-sec h2{
      margin-top: 10px;
    }
    .customer-login .woocommerce-MyAccount-content p.form-row.form-row-wide{
      min-height: 120px;
    }
    .customer-login .woocommerce-MyAccount-content p.form-row.form-row-wide.update_totals_on_change{
      margin-right: 10%;
    }
    .customer-login .woocommerce form .form-row input.input-text#shipping_address_2{
      margin-top: 35px;
    }
}


.pum-container.pum-responsive.pum-responsive-medium{
        border: 0 !important;
        box-shadow: none !important;
        background-color: #ffffff !important;
}

.pum-title.popmake-title{
  font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 700;
    font-family: "Merriweather", serif !important;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.pum-theme-2215 .pum-content + .pum-close, 
.pum-theme-default-theme .pum-content + .pum-close{
  font-size: 25px !important;
  color: #000 !important;
  box-shadow: none !important;
  border: 0 !important; 
  text-shadow: none !important;
  background-color: transparent !important; 
  padding: 0 !important;
  right: 30px !important; 
}

.pum-content.popmake-content p,
.pum-content.popmake-content .container.leafleft-popup p{
  display: none;
}

.pum-content.popmake-content .column{
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.pum-content.popmake-content .container.leafleft-popup{
  padding: 0 !important;
}

.container.leafleft-popup .text-container .title{
  font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 700;
    font-family: "Merriweather", serif !important;
    margin-bottom: 30px;
}
.container.leafleft-popup .leaflet-btn a{
  background-color: #faf2f2;
  display: flex;
  font-size: 12px;
    line-height: 22px;
    color: #B12A27;
    font-weight: 500;
  font-family: "Inter", serif !important; 
  padding: 2px 10px !important;

}

.container.leafleft-popup .leaflet-btn a .fa-arrow-right:before{
  content: " " !important;
  width: 12px;
  display: inline-block;
  height: 16px;
  background: url(/wp-content/uploads/2025/leaftlet-pdf-i2.svg) 0 0 no-repeat;
  margin-right: 5px;
}
.pum-container.pum-responsive .container.leafleft-popup img{
  float: left;
  margin-right: 15px;
}

.medical-questions-section .wpcf7-checkbox label{
  font-size: 15px;
    line-height: 20px;
    color: #000;
    font-family: "Inter", serif !important;
    font-weight: 400;
}

.custom-cancel-order a{
    background-size: 100% 200% !important;
    background-image: linear-gradient(to bottom, #0E253A 50%, #0E253A 50%) !important;
    -webkit-transition: background-position 0.7s;
    -moz-transition: background-position 0.7s;
    transition: background-position 0.7s !important; 
    text-decoration: none !important; 
    background: #0E253A;
    opacity: 1;
    color: #fff;
    border-radius: 28px;
    font-size: 12px;
    line-height: 55px;
    color: #fff;
    font-family: "Inter", serif !important;
    font-weight: 400;
}
 
.custom-cancel-order a:hover{
  background-size: 100% 200% !important;
  background-image: linear-gradient(to bottom, #0E253A 50%, #000 50%) !important;
  background-position: 0 -100% !important;
  text-decoration: none !important;
  background-color: #000 !important;
}

#product-stepa-sect .rt-product-block-1 .rtin-buttons a.action-cart.loading:after {
    font-family: WooCommerce;
    content: '\e01c';
    vertical-align: top;
    font-weight: 400;
    position: absolute;
    top: 15px !important;
    right: 0 !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 100%;
    text-align: center;
}

.hair-care-list-btn{
  margin-bottom: 0 !important;
}



@media only screen and (min-width:340px) and (max-width:350px){
    .custom-step, .custom1, .cutome2, .cutomr3, .cutom3 {
        font-size: 11px !important; 
    }
    .woocommerce div.product {
        max-width: 48% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:340px){
    .custom-step, .custom1, .cutome2, .cutomr3, .cutom3 {
        font-size: 11px !important; 
    }
    .custom-step, .custom1, .cutome2{
        font-size: 11px !important; 
        margin-right: 3px !important;
    }
    .woocommerce div.product {
        max-width: 48% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #product-stepa-sect .rt-product-block-1 .rtin-buttons{
      width: 125px !important;
    }
}

@media (max-width: 767px) {
  .woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout .wc-order-review-wrapper,
  .woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details,
  .woocommerce-page.woocommerce-checkout .woocommerce .checkout .form-row.form-row-first,
  .woocommerce-checkout .woocommerce .checkout .form-row,
  .woocommerce-checkout .woocommerce .checkout #payment,
  .woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details input{
    width: 100% !important;
    float: left !important;
  }
  .woocommerce-checkout .woocommerce .checkout .form-row.form-row-last {
    margin-right: 0 !important;
  }
  .woocommerce-checkout .woocommerce .checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper{
    margin-bottom: 25px;
  }
  .woocommerce-order-received .woocommerce .order_details li{
    width: 100%;
  }
  #product-stepa-sect .rt-product-block-1 .rtin-description{
  font-size: 13px !important;
  height: 70px;
}

}


.woocommerce-checkout .woocommerce .checkout .woocommerce-account-fields .form-row label.checkbox{
  position: relative;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-account-fields .form-row label.checkbox input.input-checkbox{
  width: auto !important;
    margin-top: 8px !important;
}

.woocommerce-checkout .woocommerce .checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper{
  margin-bottom: 20px;
}

.woocommerce form .show-password-input, 
.woocommerce-page form .show-password-input{
  right: 50px;
  top: 20px;
}
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields #billing_address_1_field, 
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details .woocommerce-billing-fields #billing_address_2_field{
  margin-bottom: 20px;
}
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details input{
  margin-bottom: 10px !important;
}

.woocommerce form .woocommerce-address-fields .form-row#shipping_address_2_field{
  margin-top: 0 !important;
}

.customer-login .woocommerce-MyAccount-content p.form-row.form-row-wide #account_display_name_description{
  display: none;
}





.woocommerce-page .woocommerce-info .woocommerce-Button.button{
  display: none;
}

.woocommerce .wc-order-review-wrapper table.shop_table tbody tr{
  position: relative;
}
.woocommerce .wc-order-review-wrapper table.shop_table tbody tr .remove-product{
  position: absolute;
  right: 0;
  bottom: 10px
}


.register-steps-box .woocommerce div.product .rt-product-block-1 .rtin-thumb,
#product-stepa-sect .rt-product-block-1 .rtin-title{
  cursor: not-allowed;
    pointer-events: none;
}

.woocommerce-checkout .woocommerce .checkout .form-row#shipping_address_2_field{
  margin-top: 10px;
  width: 100%;
}
.woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details input#ship-to-different-address-checkbox{
    width: auto !important;
    float: left !important;
    margin-top: 14px;
    margin-right: 10px; 
  }

@media (min-width: 1025px) {
.woocommerce form .form-row .select2.select2-container{
  width: 95% !important;
}

@media (max-width: 767px) {

  
  .woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details input#ship-to-different-address-checkbox{
    width: auto !important;
    float: left !important;
  }
  .woocommerce-checkout .elementor-element .woocommerce .woocommerce-checkout #customer_details input#shipping_address_2{
    margin-top: 10px;
  }
  .woocommerce-checkout .woocommerce .checkout #payment .place-order button#place_order{
    margin-top: 20px;
  }
  .woocommerce-checkout .woocommerce .checkout .wc-order-review-wrapper{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  #medical-question .form-field .form-input button{
  margin-top: 0 !important;
  padding: 0 24px !important;
  line-height: 50px !important;
}

}


#medical-question .form-field .form-input button{
  margin-top: 0 !important;
  padding: 0 28px !important;
  line-height: 50px !important;
}