/* ExtraLight (200) */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');



/* ExtraLight (200) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

/* Light (300) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular (400) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium (500) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* SemiBold (600) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold (700) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* ExtraBold (800) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Black (900) */
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish/static/Mulish-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

.ob-widget-btn {
    position: sticky;
    bottom: 226px !important;
    right: -95px !important;
	  width: 250px;
    transform: rotate(270deg);
	border-radius: 10px 10px 0 0px !important;
	background-color:#3DC0BA !important;
}
.menu-item-1021 .sub-menu {
    height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.elementor-menu-toggle{
	position: absolute;
    right: 15px;
    top: -40px;
}
.elementor-nav-menu--dropdown{top:0 !important;}
.newdesign img{filter: brightness(74%) contrast(74%) saturate(100%) blur(0px) hue-rotate(0deg);
    border-radius: 7px !important;}







.header-top-bar-cls{
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.contact-time-cls .elementor-icon-box-title{
	margin-top: 0px;
	}
	
	.contact-time-cls .elementor-icon-box-description {
  
    margin-left: -60px;
	}
	
	.contact-time-cls .elementor-icon{
	    background: #3DC0BA;
    padding:10px 12px;
    border-radius: 6px;
	}
	.contact-us-page-cls .contact-time-cls .elementor-icon-box-description{
    margin-left: 0px;
	}




.grid-container-cls {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            max-width: 1100px;
            margin: auto;
        }

        .grid-container-cls .grid-box {
            position: relative;
        }

        .grid-container-cls .image-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 0;
        }

        .grid-container-cls .image-wrapper img {
            width: 100%;
            height: 320px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        /*.grid-container-cls .image-wrapper:hover img {*/
        /*    transform: scale(1.05);*/
        /*}*/

        .grid-container-cls .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 320px;
            background: rgba(0, 0, 0, 0.25);
            opacity: 1;
            transition: opacity 0.3s ease;
        }

        .grid-container-cls .image-wrapper:hover .overlay {
            opacity: 1;
/*             background: #3DC0BA; */
			background-image: url("https://laserlightskinclinic.co.uk/wp-content/uploads/2025/11/hover-image.svg"); 
             /*height: 100%;*/
        }



        .grid-container-cls .overlay-content {
            text-align: left;
            color: #fff;
            padding: 25px;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between;
        }

        .grid-container-cls .category-label {
            font-size: 10px;
            letter-spacing: 1px;
            margin-bottom: 8px;
            font-weight: 400;
            font-family: 'Mulish';
        }

        .grid-container-cls .grid-title {
            margin-bottom: 10px;
            font-weight: 500;
            font-size: 24px;
    margin-top: 0px;
    font-family: 'Marcellus', sans-serif;
    line-height: 25px;
        }

        .grid-container-cls .overlay a {
            display: inline-block;
            font-size: 14px;
            color: #fff;
            text-decoration: none;
            border: 1px solid #fff;
            padding: 8px 15px;
            transition: background 0.3s, color 0.3s;
        }

        .grid-container-cls .overlay a::after {
            content: "";
            display: inline-block;
            width: 10px;
            /* adjust arrow size */
            height: 12px;
            background: url("https://appwithoutcodes.com/laserlightskinclinic/wp-content/uploads/2025/09/arrow-image.png") no-repeat center;
            background-size: contain;
            margin-left: 10px;
        }

        .grid-container-cls .overlay a:hover {
            background: #fff;
            color: #000;
        }
  
  .price-list-cls {
  font-size: 16px;
  max-width: 600px;
}

.price-list-cls .price-item {
  display: flex;
  align-items: center;
  margin-bottom:15px;
  position: relative;
  border-bottom: 1px solid #ACACAC;
    padding-bottom: 15px;
}



.price-list-cls .price-item::before {
    content: "";
    background: url(https://appwithoutcodes.com/laserlightskinclinic/wp-content/uploads/2025/09/Vector.png);
    position: absolute;
    width: 16px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0px;
    top: 5px;
}
.price-list-cls .price-item .service {
  display: flex;         
  align-items: center;
  flex: 1;
  color: #747474;
    font-family: 'Mulish';
    font-weight:600;
    padding-left: 30px;
}

/*.price-list-cls .price-item .service::after {*/
/*  content: "";*/
/*  flex: 1;             */
/*  border-bottom: 1px solid #ACACAC;*/
/*    margin: 0 20px;*/
/*}*/

.price-list-cls .price-item .price {
  white-space: nowrap;
  font-weight: 600;
  color: #747474;
    font-family: 'Mulish';
}

/*get in touch form*/

.get-in-touch-form-cls .cf7-row {
  display: flex;
  gap: 20px; /* space between fields */
  margin-bottom: 20px;
}

.get-in-touch-form-cls .cf7-col {
  flex: 1;
}

.get-in-touch-form-cls .cf7-row.full {
  flex-direction: column;
}

.get-in-touch-form-cls .wpcf7 input[type="text"],
.get-in-touch-form-cls .wpcf7 input[type="email"],
.get-in-touch-form-cls .wpcf7 input[type="tel"],
.get-in-touch-form-cls .wpcf7 textarea,
.get-in-touch-form-cls .wpcf7 select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
}

.get-in-touch-form-cls .wpcf7 textarea {
  min-height: 120px;
}

.get-in-touch-form-cls .wpcf7 input[type="submit"] {
  background: #20bfbf;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.get-in-touch-form-cls .wpcf7 input[type="submit"]:hover {
  background: #189b9b;
}

.get-in-touch-form-cls .elementor-icon-box-title{
	margin-top: 0px;
	}


.skin-care-products-cls .wpsp-nav{
    border-radius:50%;
}
.skin-care-products-cls .wpsp-nav.swiper-button-prev,
.skin-care-products-cls .wpsp-nav.swiper-button-next {
    top: 50% !important;             
    transform: translateY(-50%);     
    position: absolute !important;   
    z-index: 10;                     
    font-size: 28px;                
    color: #333;                     
}

/* Left arrow */
.skin-care-products-cls .wpsp-nav.swiper-button-prev {
    left: -40px !important;  
}

/* Right arrow */
.skin-care-products-cls .wpsp-nav.swiper-button-next {
    right: -40px !important; 
}
.skin-care-products-cls #wps-slider-section .wps-product-section .wpsp-pagination-dot{
    margin-top: 40px;
}

.skin-care-products-cls #wps-slider-section img.wpsf-product-img{
    border:1px solid #EBEBEB;
    border-radius:12px;
    height:300px;
    object-fit:cover;
}


.skin-care-products-cls #wps-slider-section .sp-wps-product-details{
    padding:20px 30px;
}
.skin-care-products-cls #wps-slider-section .wps-product-section:not(.sp-wps-custom-template) .wpsf-product-title{
    font-family:'Mulish';
    font-weight:800;
    
}

#wps-slider-section #sp-woo-product-slider-986 .wpsf-product-price{
     font-family:'Mulish';
     font-weight:800;
}

.info-24-7-cls .elementor-icon i{
    background: rgba(61, 192, 186, 0.2);
    border-radius: 50%;
    width: 50px; 
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;

}
 #uc_card_carousel_elementor_5aede5f .owl-nav .owl-prev, #uc_card_carousel_elementor_5aede5f .owl-nav .owl-next, .owl-dots button,.elementor-kit-10 .elementor-button {
        box-shadow: unset;
    }
    
    .get-in-touch-form-cls .text-center-cls .cf7-row{
        margin:0 auto !important;
    }
    .get-in-touch-form-cls .text-center-cls .cf7-col{
      flex: auto;
    }
    
    .btn-under-line-cls .elementor-button-content-wrapper{
	border-bottom: 1px solid;
	padding-bottom: 4px;
	}
	.btn-under-line-cls .elementor-button-icon svg{
	width: 10px;
	}
	
		.prices-grid-cls.common .price-list-cls {
    margin-left: 0px;
	}
	.prices-grid-cls .price-list-cls .price-item .service,
	.prices-grid-cls .price-list-cls .price-item .price{
	    color:#3C3C3C;
	}
	
	.bold-title-cls .price-list-cls .price-item {
  margin-bottom:5px;
}

	.bold-title-cls .price-list-cls .description-cls{
  margin-bottom:15px;
  display:block;
  font-family:'Mulish';
  font-size:15px;
  color:#828282;
  width:60%;
}
.bold-title-cls .price-list-cls .price-item .service{
    font-weight:500;
}

.toggle-btn {
  color: #1C9E98; 
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
}
.book-btn-cls{
    width:fit-content !important;
}



.pricing-sec-cls .uc_classic_carousel .uc_carousel .owl-nav .owl-prev{
    left: -40px ;
}

.pricing-sec-cls .uc_classic_carousel .uc_carousel .owl-nav .owl-next{
    right: -40px ;
}

.price-guide-cls >.elementor-container{
    gap:20px;
}
 .pricing-title-cls h2{
     min-height:100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
 }
 
 
#wps-slider-section #sp-woo-product-slider-986 .wpsf-product-title a {
    color: #000000 !important;
    font-size: 20px !important;
    font-family: 'Marcellus' !important;
    font-weight: 500 !important;
    text-shadow: unset !important;
	line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis; 
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical; 
    display: -webkit-box; 
	display: -moz-box; 
}
#wps-slider-section .wpsf-product {
    text-align: unset !important;
}
#wps-slider-section #sp-woo-product-slider-986 .wpsf-product-price {
    color: #1C9E98 !important;
    font-family: 'Mulish'!important;
    font-size: 14px;
    margin-top:10px;
}
#wps-slider-section #sp-woo-product-slider-986 .wpsf-product-price del span {
    color: #939393;
     font-family: 'Mulish'!important;
    font-size: 13px;
}

#wps-slider-section #sp-woo-product-slider-986 .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #000000;
    border-radius: 0px !important;
    margin-top:20px;
    position:relative;
    font-weight:500;
}
#wps-slider-section #sp-woo-product-slider-986 .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button)::after{
content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(https://appwithoutcodes.com/laserlightskinclinic/wp-content/uploads/2025/09/Vector-1.png) no-repeat center;
    background-size: contain;
    margin-left: 10px;
}


#wps-slider-section img.wpsf-product-img{
    min-height:260px;
}

#wps-slider-section.wps-slider-section-986 {
     padding-top: 0px !important; 
}


#wps-slider-section .wps-product-section .wpsp-pagination-dot, #wps-slider-section #sp-woo-product-slider-986.wps-product-section .wpsp-nav
{
   display:none;
}

#wps-slider-section .wps-product-section:not(.sp-wps-custom-template) .wpsf-product-title {
    
    line-height: 20px;
    padding-right: 40px;
	min-height: 50px;
}
.sp-wps-product-details-inner {
    margin-top: 10px;
}
.rating-star-pic {
	width: 70px;
}
.faq-sec-cls .elementor-accordion-item{
border:1px solid #C2C2C2 !important;
margin-bottom:20px;
}

.latest-news-wrapper-cls .owl-item .uc_more_btn i{
    transform: rotate(45deg);
}




.latest-news-wrapper-cls .owl-item .ue-meta-data .ue-grid-item-meta-data{
position: absolute;
    top: 159px;
	    background: #1C9E98;
		padding: 6px 10px;
}

.cf7-row .wpcf7-span input{
    width: 100% !important;
}

.cf7-row label{
    width: 100% !important;
}
.cf7-row.full{
    width: 100% !important;
}
.cf7-row.full .wpcf7-span input, .cf7-row .wpcf7-form-control-wrap select,.cf7-row .wpcf7-span textarea{
     width: 100% !important;
}


@media(max-width:1024px){
    #uc_card_carousel_elementor_5aede5f .owl-nav .owl-prev, #uc_card_carousel_elementor_5aede5f .owl-nav .owl-next{
       display:none !important;
    }
   .skin-care-products-cls .wpsp-nav.swiper-button-next,.skin-care-products-cls .wpsp-nav.swiper-button-prev{
         display:none !important;
    }
    #uc_responsive_testemonial_carousel_elementor_2a23ab3 .owl-nav .owl-prev, #uc_responsive_testemonial_carousel_elementor_2a23ab3 .owl-nav .owl-next{
        display:none !important;
    }
    
    .price-guide-cls >.elementor-container{
    gap:20px;
    flex-wrap:nowrap;
}
    
}

@media (max-width: 769px) and (min-width: 422px) {
    .tabsec {
        width: 50% !important;
			float:left;
    }
	
}
@media(max-width:769px){
    
    
    .elementor-menu-toggle{
	position: absolute;
    right: 15px;
    top: -90px;
}
 .grid-container-cls {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.price-list-cls{
    max-width:100%;
}
.anti-wrinkle-cls .elementor-image-box-img img{

width:100%;
}
.contact-time-cls .elementor-icon-box-description{
    margin-left:0px;
}

.elementor-nav-menu li.menu-item a.has-submenu{
	 display: flex;
    justify-content: space-between;
	}
	
	
	
.elementor-nav-menu li.menu-item ul.sub-menu{
    padding-left: 130px !important;
}
.elementor-nav-menu li.menu-item ul.sub-menu li:not(:last-child){
    border-bottom:0px !important;
}
.elementor-nav-menu li.menu-item ul.sub-menu li:not(:last-child) a{
    color:#000;
}
	.footer-sec-cls .elementor-container{
	    display: grid;
    grid-template-columns: repeat(2, 2fr);
	}
	
	 .price-guide-cls >.elementor-container{
    gap:20px;
    flex-wrap:wrap;
}
    
}

@media(max-width:480px){
 .grid-container-cls {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.get-in-touch-form-cls .cf7-row{
    flex-direction: column;
}
    
    	.footer-sec-cls .elementor-container{
	    display: grid;
    grid-template-columns: repeat(1, 1fr);
	}
	.elementor-nav-menu li.menu-item ul.sub-menu{
		padding-left:75px;
	}
}


@media (max-width: 420px) {
    .tabsec {
        width: 100%;
			float:left;
    }
}




/* treatment price list */
    .treatment-price-list {
            max-width: 600px;
            margin: 0 auto;
            background: transparent;
            overflow: hidden;
        }

        .treatment-list-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 24px;
            transition: background-color 0.2s;
            position: relative;
            gap: 20px;
        }

        .treatment-list-item::after {
            content: '';
            flex: 1;
            height: 1px;
            background-color: #ddd;
            order: 2;
        }

        .treatment-list-item:hover {
            background-color: #fafafa;
        }

        .treatment-name {
           color: #747474;
    font-family: 'Mulish';
    font-weight: 600;
			font-size:15px;
            white-space: nowrap;
            order: 1;
        }

        .treatment-price {
           color: #747474;
    font-family: 'Mulish';
    font-weight: 600;
			font-size:15px;
            white-space: nowrap;
            order: 3;
        }

        @media (max-width: 480px) {
            .treatment-price-list {
                margin: 0;
                border-radius: 0;
            }

            .treatment-list-item {
                padding: 14px 16px;
            }

            .treatment-name {
                font-size: 14px;
            }

            .treatment-price {
                font-size: 14px;
            }
        }



/* product-price */
.product-price {
    max-width: 600px;
    margin: 0 auto;
    background: transparent;
    overflow: hidden;
}
.product-price-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 2px;
    transition: background-color 0.2s;
    position: relative;
    gap: 20px;
}
.product-price-item::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #ddd;
    order: 2;
}
.product-price-item:hover {
    background-color: #fafafa;
}
.product-name {
 color: #000;
    font-family: 'Mulish';
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    white-space: nowrap;
    order: 1;
}
.product-price-value {
   color: #3C3C3C;
    font-family: 'Mulish';
    font-weight: 600;
    font-size:15px;
    white-space: nowrap;
    order: 3;
}
 .product-description {
            color: #999;
            font-family: 'Mulish';
            font-weight: 400;
            font-size: 14px;
            display: block;
            line-height: 1.6;
            max-width: 380px;
        }
@media (max-width: 480px) {
    .product-price {
        margin: 0;
        border-radius: 0;
    }
    .product-price-item {
        padding: 14px 16px;
    }
    .product-name {
        font-size: 14px;
    }
    .product-price-value {
        font-size: 14px;
    }
	 .product-description {
        font-size: 11px;
    }
}


.menu-item-7566 >.sub-menu {
	max-height: 440px !important;
    overflow-y: scroll !important;
}
@media (max-width: 768px) {
	.sp-wps-product-details-inner{
		text-align:center;
	}
	.sp-wps-product-image-area a{
		text-align:center;
		margin:20px 0;
	}
}