/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
body{background: #fff;}
#header{box-shadow: 0 4px 8px 0 rgba(112, 105, 192, 0.15);}
.home #header{box-shadow: none;}
.seasonfont{ font-family:  'The Seasons', 'Open Sans', sans-serif;}
.smenu{list-style:none;display:flex;flex-direction:row-reverse;column-gap:7px; align-items:center}
.smenu li{padding:2px 10px; border-left:1px solid #7069C0;padding-left:16px}
.smenu li:last-child{border:none}
.smenu li a{display:flex;align-items:center;column-gap:10px; text-decoration:none;text-transform:uppercase;}
.smenu ul{list-style:none}
.smenu ul li{padding:0px;border:none}
 .ct-footer{padding-top: 70px !important; background: url('images/footerbg.png') center center no-repeat; background-size: cover;}
 div[data-row="top"] .ct-container > div{ border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 22px;justify-content: end;}
 .flogo{ border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px;}
  div[data-row="bottom"] .ct-container > div{ border-top: 1px solid rgba(255,255,255,0.1);}
.ct-footer .ct-container .widget-menu{column-count: 2;}

.righticonlink  a{display: flex; width: 100%; position: relative; padding-right: 35px;  }
.righticonlink a:after{position: absolute; content: ""; width: 29px; height: 28px; background: url('images/right-arrow.svg') center center no-repeat; background-size: contain; right: 0px; top: 50%; transform: translateY(-50%);}

    [data-device=desktop][data-transparent] {
        position: static !important;
    }
    .home  [data-device=desktop][data-transparent] {
        position: absolute !important;
    }

#header [data-column="start"] [data-items="primary"] { justify-content: space-between;}
h1.servicetitle{font-size:48px !important;}
.btn, .wp-block-button__link{position: relative; overflow: hidden;}
.btn::after, .wp-block-button__link:after{position: absolute; left: -100%; width: 100%; transition: all 0.5s; content: ""; top: 0px; height: 100%; background: rgba(255,255,255,0.1);}
.btn:hover:after, .wp-block-button__link:hover:after{left: 100%;}

.menu>li>.ct-menu-link{position: relative;}
.menu>li>.ct-menu-link:after{position: absolute; height: 1px; width: 0px; transition: all 0.5s; left: 0px ;bottom:28px;content:"";background: #7069C0;
    z-index: 1;
    opacity: 1 !important;
}
.menu>li>.ct-menu-link:hover:after{width: 100%;}

[data-link=type-2] .entry-content p>a{text-decoration: none !important;}
.sub-menu .ct-menu-link{position: relative;    display: inline-flex
; padding-left: 0px !important; padding-right: 0px !important;
    width: fit-content;}
.sub-menu .ct-menu-link:after{position: absolute; height: 1px; width: 0px; transition: all 0.5s; left: 0px ;bottom:10px;content:"";background: #7069C0;
    z-index: 1;
    opacity: 1 !important;
}
.sub-menu  .ct-menu-link:hover:after{width: 100%;}
[data-column="widget-area-2"] a{font-size:15px; font-weight: 600;}
[data-column="widget-area-3"] a{font-size:15px;}
nav > ul > [class*=ct-mega-menu] > .sub-menu{overflow: hidden;}
/* 🔹 Base hidden state */
nav > ul > [class*=ct-mega-menu] > .sub-menu > li {
  opacity: 0;
  transform: translateX(200px);
}

/* 🔹 On hover or when active */
nav > ul > [class*=ct-mega-menu].ct-active:hover > .sub-menu > li {
  animation: slideInFromRight 0.6s ease forwards;
}

/* 🔹 Staggered delays */
nav > ul > [class*=ct-mega-menu].ct-active:hover > .sub-menu > li:nth-child(1) { animation-delay: 0.4s; }
nav > ul > [class*=ct-mega-menu].ct-active:hover > .sub-menu > li:nth-child(2) { animation-delay: 0.6s; }
nav > ul > [class*=ct-mega-menu].ct-active:hover > .sub-menu > li:nth-child(3) { animation-delay: 0.8s; }
nav > ul > [class*=ct-mega-menu].ct-active:hover > .sub-menu > li:nth-child(4) { animation-delay: 1.0s; }
nav > ul > [class*=ct-mega-menu].ct-active:hover > .sub-menu > li:nth-child(5) { animation-delay: 1.2s; }
nav > ul > [class*=ct-mega-menu].ct-active:hover > .sub-menu > li:nth-child(6) { animation-delay: 1.4s; }

/* 🔹 Keyframes for sliding effect */
@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

nav > ul > [class*=ct-mega-menu] .wp-block-image{overflow: hidden; border-radius: 16px;}
nav > ul > [class*=ct-mega-menu] .wp-block-image img{transition: all 0.5s;}
nav > ul > [class*=ct-mega-menu] .wp-block-image:hover img{transform: scale(1.1);}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background{padding: 5px 10px; min-width: 100px; text-align: center;}
p.has-background{padding: 3px 8px;}

.absboxbottom {position: absolute;bottom: 0px; width: 100%;}

.relative{position: relative;}

.arrowlist{ list-style: none; padding: 0px;}

.arrowlist li{padding-left:46px ; position: relative; padding-bottom: 26px; margin-bottom: 26px; border-bottom:1px solid #E5E3FF;}
.arrowlist li:last-child{border:none; margin-bottom: 0px; padding-bottom: 0px;}
.arrowlist li:before{position: absolute; content: ""; width: 21px; height: 21px; background: url('images/check.svg') center center no-repeat; background-size: contain; left: 0px; top: 0px;}
figure.wp-block-image{display: flex; align-items: center;}


.mapsection{position: relative;}
.mapsection iframe{margin-bottom: 0px !important;}
.contactmap{position: absolute;border-radius: 15px;
background: #FFF;
box-shadow: 0 10px 25px 0 rgba(96, 80, 148, 0.50); padding: 33px 42px 42px 42px; top: 90px; right: 10%;}
.contactmap a{text-decoration: none;color: #494454;}

.servicesbox .wp-block-group figure{overflow:hidden;border-radius: 8px 0px 0px 8px;}
.servicesbox .wp-block-group img{transition:all 0.5s;min-height: 130px;
    object-fit: cover;}
.servicesbox .wp-block-group:hover img{transform:scale(1.15)}
.servicesbox .wp-block-group{}

.overlaybanner{position:relative}
.overlaybanner:before{position:absolute; content:""; height:100%; width:100%; top:0px; left:0px; background:rgba(0,0,0,0.7)}
.bannercontsing{position:relative; z-index:2}
.single-post     h2 .word {
        min-height: 0px;
   }
/*review slider */

    .swiper{width: 100% }
        .swiper .swiper-wrapper{
       
        }
    .reviews-section {
        text-align: center;
       
        padding: 70px 0px; max-width: 1170px; overflow: visible; margin: 0  auto;
    }
   .reviews-section  .swiper{ overflow: visible;}
    .reviews-title {
        font-size: 32px;
        color: #6a55e0;
        font-weight: 600;
        margin-bottom: 40px;
    }
     .swiper .swiper-wrapper .review-card:first-child{margin-left: 0px;}
    .review-card {
		min-height:400px;
        background: #fff;
        border-radius: 20px;
        padding: 25px;
        box-shadow: 0 6px 18px rgba(0,0,0,0.06);
        text-align: left; max-width:370px;    width: 100%;
    }
    .review-stars {
        margin-bottom: 10px;
    }
    .review-stars .star {
        color: #ccc;
        font-size: 18px;
    }
    .review-stars .filled {
        color: #f8b400;
    }
    .review-content {
        font-size: 15px;
        color: #555;
        line-height: 1.6;
        margin-bottom: 20px;
		max-height: 200px;
    	overflow: auto;
    }
    .review-client {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .client-info {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .client-img {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        object-fit: cover;
    }
    .google-logo {
        width: 22px;
        height: 22px;
    }
    .sarrows{position: relative; width: 100%; margin: 30px 0px;display: flex
; column-gap:14px;
    justify-content: center;}
    .sarrows .swiper-button-next,.sarrows .swiper-button-prev{position:static;width: 43px;
    height: 43px; transition:all 0.5s;
    background: #E5E3FF;border-radius:8px}
    .sarrows .swiper-button-next:after, .sarrows  .swiper-button-prev:after{font-size:16px; color:#7069C0;font-weight: bold;}
 .sarrows .swiper-button-next:hover,.sarrows .swiper-button-prev:hover{background:#7069C0}
 .sarrows .swiper-button-next:hover:after, .sarrows  .swiper-button-prev:hover:after{color:#fff}

.galleryslider.swiper {
  width: 100%;
  overflow: hidden; padding-bottom: 30px; padding-top: 30px;
}

.galleryslider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
.galleryslider .swiper-pagination {    margin: 0 auto !important;
    left: 0;
    right: 0; bottom: 10px;}

  .galleryslider .swiper-pagination  .swiper-pagination-bullet{width: 15px; height: 15px; background: #E5E3FF; opacity: 1;}
  .galleryslider .swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #7069C0;}

/* optional: style arrows */
.befoaferfilters{position:relative;z-index:5}
.mobileslider.swiper {
  width: 100%;
  overflow: hidden;
}

.mobileslider .swiper-slide {
  box-sizing: border-box;
  width: 100% !important;
}

.mobile-slider-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 15px;
}

.mobile-slider-nav .swiper-button-prev,
.mobile-slider-nav .swiper-button-next {
  position: static;
  background: #494454;
  color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* breast page */
.bannercontent  h2{ margin: 0px; margin-bottom: 20px;}
.bannercontent h3{ margin: 0px; margin-bottom: 20px !important;}
.wtext{letter-spacing: 15px;}
.wtext1{letter-spacing: 5px;}
h3.nomargin,h2.nomargin,h4.nomargin,h5.nomargin,h6.nomargin,.nomargin{margin-top: 10px !important;margin-bottom: 10px !important;}
.snumber{margin-bottom: -100px !important;
    color: #e8f1f7; font-size: 90px; line-height: 60px;}
    .twocolortitle{font-size: 50px !important;}

    .twocolortitle.f2{font-size: 40px !important;}
h4.twocolortitle{font-size:30px !important}
    .twocolortitle em{font-style: normal !important; color: #7069C0;}
    .nboxes p{max-width: 400px; margin: 0 auto; margin-top: 15px;}

    .dashed{height: 0px !important; background: none !important; border-top:2px dashed rgba(0,0,0,0.3) !important ;}

.bitem:after{position: absolute;
    content: '▼';
    width: 40px;
    height: 40px;
    line-height: 37px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    background: #0e6491;
    border-radius: 100%;
    z-index: 9;}

/* story slider */
.stories-slider{ margin: 0 auto; max-width: 1170px; }
 .story-card {
            display: flex;
            align-items: stretch;
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
        }
        .story-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .story-image {
            flex: 1 1 40%;
        }
        .story-content {
            flex: 1 1 60%;
            padding: 24px; position: relative;
        }

        .story-client {
            font-size: 14px;
            color: #666;
            margin-bottom: 8px;
        }
        .story-title {
            font-size: 28px;
            font-weight: 700; font-family: 'The Seasons';
            margin-bottom: 10px;
        }
        .story-excerpt {
            color: #555;
            font-size: 15px;
            margin-bottom: 16px; max-height: 30px;
    overflow: hidden;
        }
        .story-readmore {
          
            text-decoration: none;
           
            display: inline-flex;
            align-items: center;
            color: #7069C0;


font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
 font-family: 'The Seasons';     width: 100%;
    justify-content: space-between;
        }
          .story-readmore:hover{ color: #3d3bb5;}
        .story-readmore .arrow {
            margin-left: 6px;
            transition: transform .3s ease;
        }
        .story-readmore:hover .arrow {
            transform: translateX(4px);
        }
.stories-slider .sarrows{margin-top: 73px;;}
.swiper.stories-slider .swiper-wrapper { 
 
}
/* Line-by-line heading */
.word .inner {
  display: inline-block;
  transform: translateY(1em);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.word{    display: inline-block;
    overflow: hidden;line-height: 100%;}
.word.show .inner { padding: 0px 0px; padding-right:7px;
  transform: translateY(0); transition-delay: 0.3s; 
  transition: transform 1.2s 
cubic-bezier(0.25, 1, 0.5, 1), opacity 1.2s 
cubic-bezier(0.25, 1, 0.5, 1), filter 1.2s 
cubic-bezier(0.25, 1, 0.5, 1);
  opacity: 1;
}
.animated .word.show .inner{
transform: translateY(0em); opacity: 1; filter: none;
}
 h2.wp-block-heading , h2.slide-title { margin-bottom: 0px; display: flex; flex-direction: column;line-height: 1.1em;}
  h2.wp-block-heading br , h2.slide-title br {display: none;}
h2.wp-block-heading.animated .line , h2.slide-title.animated .line {   transform: translateY(0px);}
.hs-animated-text .line, h2.wp-block-heading .line {
  display: block;
  opacity: 0;
  transform: translateY(0px);
  transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.hs-animated-text .line.show , h2.wp-block-heading .line.show, h2.slide-title .line.show{
  opacity: 1;
  transform: translateY(0);
}
h2.wp-block-heading.animated  .line { opacity: 1;}

/* Whole section fade-up */
.hs-fadeup-section {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s ease-out;
}
.hs-fadeup-section.show {
  opacity: 1;
  transform: translateY(0);
}

h2.wp-block-heading {font-family: 'The Seasons';}
.wp-block-button__link {
  display: inline-block;
  overflow: hidden;
}

.wp-block-button__link span{
  display: inline-block;
  transition: transform 0.3s ease;
 transform-origin: right center;
}

/*home slider */
.slide-swiper-container {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden; margin: 0px;margin-block-end:0px !important
}

.slide-item {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  height: auto;
  padding: 0 8%;background-size: cover;
  padding-top: 90px; background-position: center center; background-repeat: no-repeat; min-height: 95vh; opacity: 0;

}
.slide-item.swiper-slide-active{opacity: 1;}
.slide-content{display: flex;  align-items: center; width: 46%;
  justify-content:center; opacity: 0;}
.slide-image{opacity: 1; position: relative;}
.slide-image img{opacity: 0;}
.slide-item.swiper-slide-active .slide-image img{opacity: 0;}
.slide-image .hotspot {
    display: inline-block;
    width: 31px;
    height: 31px;
    transform: translate(-50%, -50%); z-index: 9;
}

.slide-image .hotspot .dot {
    display: flex;
    width: 31px;
    height: 31px;
    border-radius: 50%;
      align-items: center;
    justify-content: center;
   
}
.slide-image .hotspot .dot:before{width: 100%; height: 100%; content: ""; border-radius: 100px; animation: pulse 1.5s infinite; background:rgba(255,255,255,0.8); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

@keyframes pulse {
    0% { transform: scale(1);  }
    50% { transform: scale(1.3); }
    100% { transform: scale(1);}
}

.swiper-slide-active .slide-content{opacity: 1;}
.swiper-slide-active .slide-image{opacity: 1;}
.swiper-slide-active .slide-image img{max-height: 604px; opacity: 0;}
.slide-text {
  flex: 1;
  max-width: 507px;
  color: #4a3fa0;
}

.slide-title {
 
  margin-bottom: 10px; font-family: 'The Seasons';
  color: #7069C0;

font-size: 68px;
font-style: normal;
font-weight: 700;
line-height: 78px; /* 114.706% */
}

.slide-desc {

  margin-bottom: 30px;
  color: #7069C0;

font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */margin-top: -10px;
}
.slide-buttons{margin-top: 50px;display: flex
;}

.slide-buttons a {
  display: inline-block;
  margin-right: 15px;
  padding: 16px 20px;

  text-decoration: none;
  font-weight: 500;
  color: #7069C0;font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.16px;
text-transform: uppercase;
}

.slide-buttons .btn-primary {

  color: #fff;
  border-radius: 10px;
background: #7069C0;font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.16px;
text-transform: uppercase;
}

.slide-buttons .btn-secondary {
  color: #7069C0;
  text-transform: uppercase;
}

.slide-image {
  flex: 1;
  text-align: right;
}

.slide-image img {
  max-width: 90%;
  height: auto;
  border-radius: 10px;
 transition: all 1.5s;
 max-height: 604PX;
}


.swiper-pagination {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
/* 🔹 Style only pagination inside .slide-swiper-container */
.slide-swiper-container .custom-swiper-pagination .custom-bullet {
  position: relative;
  overflow: hidden;
}
.slide-swiper-container .custom-swiper-pagination{max-width: 320px; margin: 0 auto;    left: 0;
    right: 0;}
.slide-swiper-container .custom-swiper-pagination .custom-bullet::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #000; /* progress color */
  transition: width 0s;
}
.slide-swiper-container .custom-swiper-pagination .custom-bullet.active-progress{width: 5rem;border-radius: 10px; background: rgba(0,0,0,0.5);}
.slide-swiper-container .custom-swiper-pagination .custom-bullet.active-progress::after {
  width: 100%;
  transition: width 5s linear; /* match autoplay delay */
}

/* On hover, trigger wave animation */
.wp-block-button__link:hover span1{
  animation: waveEffect 0.3s ease-in-out forwards;
}
.righticonlink a:hover:after{
  animation: arrowEffect 1s ease-in-out forwards;
}

@keyframes waveEffect {
  0% {
    transform: translateY(50px) skewY(10deg);
  }
  100% {
    transform: translateY(0px) skewY(0deg);
  }
}
@keyframes arrowEffect {
  0% {
    right: 0px;
  }
   50% {
    right: -10px;
  }
  100% {
   right:0px;
  }
}

.wp-block-button__link, .ct-button-ghost {
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
}

.wp-block-button__link .char , .ct-button-ghost .char{
  display: inline-block;
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.sbox .wave .word .inner{ display: inline-block;
    transform: translateY(0em); margin-right:5px;
    opacity: 1;}
.sbox .wave .word {
  display: inline-block;
  transition: transform 0.5s ease;
 transform-origin: right center; line-height: 24px;
}
.sbox .wave .line{ line-height: 16px;}
.sbox .wave .word   .inner{
  display: inline-block;
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.sbox .wave{min-width:50%}
.sbox .wave a{display:inline-block; width:100%}
/* Hover animation - each char comes up slightly with delay */
.wp-block-button__link:hover .char , .ct-button-ghost:hover .char{
  animation: waveEffect1  .3s cubic-bezier(.46, .4, .56, .87) forwards;
}
 .sbox:hover .wave .word   .inner {
  animation: waveEffect1  .5s cubic-bezier(.46, .4, .56, .87) forwards;
}


/* Wave keyframes */
@keyframes waveEffect1 {
  0% {
    transform: translateY(110%);
    opacity: 0;
  }
   80% {
    transform: translateY(-3px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.ct-header-cta a.ct-button-ghost {
    gap: 0px;
}

.sbox .wave .line:nth-child(1) .word .inner { animation-delay: 0.01s; }
.sbox .wave .line:nth-child(2) .word .inner { animation-delay: 0.04s; }
.sbox .wave .line:nth-child(3) .word .inner { animation-delay: 0.07s; }
.sbox .wave .line:nth-child(4) .word .inner { animation-delay: 0.1s; }
.sbox .wave .line:nth-child(5) .word .inner { animation-delay: 0.13s; }

/* Staggered animation delays */
.wp-block-button__link .char:nth-child(1), .ct-button-ghost .char:nth-child(1),.wp-block-group .wave .char:nth-child(1) { animation-delay: 0s; }
.wp-block-button__link .char:nth-child(2), .ct-button-ghost .char:nth-child(2), .wp-block-group .wave .char:nth-child(2)  { animation-delay: 0.01s; }
.wp-block-button__link .char:nth-child(3), .ct-button-ghost .char:nth-child(3),.wp-block-group .wave .char:nth-child(3)  { animation-delay: 0.02s; }
.wp-block-button__link .char:nth-child(4), .ct-button-ghost .char:nth-child(4),.wp-block-group .wave .char:nth-child(4)  { animation-delay: 0.03s; }
.wp-block-button__link .char:nth-child(5), .ct-button-ghost .char:nth-child(5),.wp-block-group .wave .char:nth-child(5)  { animation-delay: 0.04s; }
.wp-block-button__link .char:nth-child(6), .ct-button-ghost .char:nth-child(6),.wp-block-group .wave .char:nth-child(6)  { animation-delay: 0.05s; }
.wp-block-button__link .char:nth-child(7), .ct-button-ghost .char:nth-child(7),.wp-block-group .wave .char:nth-child(7)  { animation-delay: 0.06s; }
.wp-block-button__link .char:nth-child(8), .ct-button-ghost .char:nth-child(8),.wp-block-group .wave .char:nth-child(8)   { animation-delay: 0.07s; }
.wp-block-button__link .char:nth-child(9), .ct-button-ghost .char:nth-child(9),.wp-block-group .wave .char:nth-child(9)   { animation-delay: 0.08s; }
.wp-block-button__link .char:nth-child(10), .ct-button-ghost .char:nth-child(10),.wp-block-group .wave .char:nth-child(10)   { animation-delay: 0.09s; }
.wp-block-button__link .char:nth-child(11), .ct-button-ghost .char:nth-child(11),.wp-block-group .wave .char:nth-child(11)   { animation-delay: 0.15s; }
.wp-block-button__link .char:nth-child(12), .ct-button-ghost .char:nth-child(12),.wp-block-group .wave .char:nth-child(12)   { animation-delay: 0.165s; }
.wp-block-button__link .char:nth-child(13), .ct-button-ghost .char:nth-child(13),.wp-block-group .wave .char:nth-child(13)   { animation-delay: 0.180s; }
.wp-block-button__link .char:nth-child(14), .ct-button-ghost .char:nth-child(14),.wp-block-group .wave .char:nth-child(14)   { animation-delay: 0.195s; }
.wp-block-button__link .char:nth-child(15), .ct-button-ghost .char:nth-child(15),.wp-block-group .wave .char:nth-child(15)   { animation-delay: 0.210s; }
.wp-block-button__link .char:nth-child(16), .ct-button-ghost .char:nth-child(16),.wp-block-group .wave .char:nth-child(16)   { animation-delay: 0.225s; }
.wp-block-button__link .char:nth-child(17), .ct-button-ghost .char:nth-child(17),.wp-block-group .wave .char:nth-child(17)   { animation-delay: 0.240s; }
.wp-block-button__link .char:nth-child(18), .ct-button-ghost .char:nth-child(18),.wp-block-group .wave .char:nth-child(18)   { animation-delay: 0.255s; }
.wp-block-button__link .char:nth-child(19) , .ct-button-ghost .char:nth-child(19),.wp-block-group .wave .char:nth-child(19)  { animation-delay: 0.270s; }
.wp-block-button__link .char:nth-child(20), .ct-button-ghost .char:nth-child(20),.wp-block-group .wave .char:nth-child(20)   { animation-delay: 0.285s; }


.slider-container {
  margin: 0 auto;
  margin-top: 5rem;
  position: relative;
  width: 100%;
  max-width: 570px;
  height: 346px;
  border-radius: 0.7rem;
  overflow: hidden;
}

.before-image,
.after-image {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; border-radius: 15px;;
}
.beforeafter-main-slider{background:#f7f7f7;padding:40px 0px !important}
.before-image .stitle{ position:absolute;left:0px; right:0px; margin:0 auto;background:rgba(255,255,255,0.7);padding:5px 10px; color:#000;width: fit-content;
    bottom: 4px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{color:#000}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color:#000}
.swiper-slide .stitle{width:100%; margin:0 auto;background:rgba(255,255,255,0.7);padding:5px 10px; color:#000;display: flex;
    justify-content: center; text-align:center}
.beforeafter-image{padding:0px 50px}
.beforeafter-thumb-slider .swiper-slide.swiper-slide-thumb-active{border:1px solid #7069C0}
.beforeafter-thumb-slider{margin-top:30px; padding:0px 0px !important}
.beforeafter-thumb-slider .swiper-slide {border:1px solid #ccc}
        .faq-accordion {
            max-width: 768px !important;
            margin: 0 auto;
        }
        .faq-item {
            border-bottom:1px solid rgba(96, 80, 148, 0.10);
            margin-bottom: 6px;padding-bottom: 6px;
        }
        .faq-question {
            width: 100%;
            text-align: left;
            background: none;
            border: none;
            font-size: 20px;
            padding: 16px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600; color:#494454;letter-spacing: -0.4px;
        }
        .faq-answer {
            display: none;
            padding: 0 16px 16px;
            font-size: 16px;
            color: #494454;
            animation: fadeIn .3s ease;
        }
       
        .faq-toggle {
            font-size: 22px;
            line-height: 1;
            transition: transform .3s ease;
        }
        .faq-item.active .faq-toggle {
            transform: rotate(180deg);
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }


.autowidth{width:fit-content}

/* Styling the Before/After text */
.before-text,
.after-text {
  position: absolute;
  font-family: system-ui;
  font-size: 14px;
  font-weight: 600;
  color: #3a3a3a;
  z-index: 4;
  padding: 10px 20px;
  background-color: #ffffff9e;
  border-radius: 0.3rem;
  letter-spacing: 2px;
  transition: opacity 0.3s ease-in-out;
}

/* Before text */
.before-text {
  left: 20px; /* Position text to the left */
  bottom: 20px;
  z-index: 5;
}

/* After text */
.after-text {
  right: 20px; /* Position text to the right */
  bottom: 20px;
  z-index: 3;
}

/* Hide the After text initially */
.after-image .after-text {
  visibility: visible;
  z-index: 3;
}

.after-image {
  clip-path: inset(0 50% 0 0);
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0px;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
  z-index: 2;
}

.slider-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  z-index: 1;
}
.pulse-container {
  position: relative;
  display: inline-block;
}

.pulse-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px; /* Larger than the SVG */
  height: 70px;
  border-radius: 50%;
  background-color: #ffffff; /* Color of the pulse */
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
}

.slider-line svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
}
/* Prevent text/image selection while dragging */
.slider-container,
.before-image img,
.after-image img {
  user-select: none; /* Disable selection on most browsers */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}
.before-image img,
.after-image img{width: 100%;    border-radius: 10px;}
.slider-handle,
.slider-line {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}


.contactsection .wpforms-uploader{
    background: #332A4F99 !important;     border: 1px dashed #FFF !important;
    border-radius: 6px !important;
}
.contactsection .wpforms-uploader .modern-title,.contactsection .wpforms-uploader .modern-hint{ color: #fff !important; text-align: left !important;}
.contactsection .wpforms-uploader .dz-message {
    color: #fff !important;
    flex-wrap: wrap !important;
    justify-content: center;
    flex-direction: row !important;
    max-width: 331px;
    align-items: center !important;
    column-gap: 0;
}
.contactsection .wpforms-uploader .dz-message svg{    margin-right: 20px; background: url('images/uploadbg.svg') center center no-repeat;position: relative;
    top: 9px; opacity: 1 !important;}
.contactsection .wpforms-uploader .dz-message svg path{opacity: 0;}
.contactsection .wpforms-uploader .modern-title{width: 78%;}
.contactsection .wpforms-uploader .modern-hint{width: 60%;}
.contactsection  div.wpforms-container-full input[type=checkbox]+label,.contactsection  div.wpforms-container-full input[type=radio]+label{ color: #fff !important;font-family: "Open Sans" !important;
font-size: 16px !important;}


.contactsection  div.wpforms-container-full input[type=checkbox]:before,.contactsection div.wpforms-container-full input[type=checkbox]:after,div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input{width: 25px; height: 25px !important; border-radius: 6px;}
.contactsection div.wpforms-container-full input[type=checkbox]:checked:after{    top: -6px;}
.contactsection div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li{align-items: center;}
.contactsection input{ font-size: 18px !important;}

.contactsection button[type=submit]
{border-radius: 10px !important;
    background: #9F98ED !important;
    display: flex
;
    width: 100%;
    padding: 16px 20px !important;
    justify-content: center;
    align-items: center;
   
    /* color: #FFF; */
    /* font-family: "Open Sans"; */
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    letter-spacing: -0.16px;
    text-transform: uppercase; transition: all 0.5s; height: 54px !important; overflow: hidden;}
    .contactsection button[type=submit] span{ text-transform: uppercase; font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    letter-spacing: -0.16px;
    text-transform: uppercase; }
 
.sub-menu{overflow: visible !important;}

[class*=animated-submenu]>.sub-menu:before {
    position: absolute;
    content: "";
    top: 0;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  
    top: 0;
    bottom: 0 !important;
    background: #fff;
    opacity: 1;
}
[data-dropdown*=type-1] [class*=animated-submenu]>.sub-menu {
    transform: translate3d(0, -520px, 0) !important; opacity: 1  !important; 
    transition: opacity .2s 
ease, visibility .2s 
ease, transform .6s 
ease, margin .6s 
ease, height .2s 
ease !important; z-index: -1;
}
[data-dropdown*=type-1] [class*=animated-submenu].ct-active>.sub-menu {
    transform: translate3d(0, 0, 0) !important;
}
[class*=animated-submenu]>.sub-menu:after {
    position: absolute;
    content: "";
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    transform: none;
  
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
}

.latest-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.latest-post-item {


  overflow: hidden;
 
  transition: all 0.3s ease;
}



.latest-post-item .post-thumbnail {
  position: relative;
  overflow: hidden;
}

.latest-post-item .post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.latest-post-item:hover .post-thumbnail img {
  transform: scale(1.05);
}

.latest-post-item .post-category {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #605094;
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 600;
}

.latest-post-item .post-content {
  padding: 20px 0px;
}

.latest-post-item .post-date {
  color: rgba(73, 68, 84, 0.80);;
  font-size: 14px;
  margin-bottom: 8px;
}

.latest-post-item .post-title {
  font-size: 28px;
  font-weight: 700;
  color: #494454;
  margin-bottom: 10px;  font-family: 'The Seasons';
}

.latest-post-item .post-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}

.latest-post-item .post-title a:hover {
  color: #7069C0;
}

.latest-post-item .post-excerpt {
  color: #494454;
  
  margin-bottom: 20px;

  color: #494454;

font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
}

.latest-post-item .read-more {
  color: #7069C0;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s ease; justify-content: space-between;
    width: 100%;font-size: 20px;
font-style: normal;
font-weight: 700; font-family: 'The Seasons';
}


.latest-post-item .read-more:hover {
  color: #7069C0;
}

.latest-post-item .read-more .arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.sarrows{margin-left: auto !important; margin-right: auto !important;}
.galleryslider .sarrows{margin-top: 54px !important; margin-left: auto !important; margin-right: auto !important;}
.galleryslider .sarrows .swiper-button-prev,.galleryslider .sarrows .swiper-button-next{display: none;}
.latest-post-item .read-more:hover .arrow {
  transform: translateX(4px);
}
.mobileonly{display: none !important;}
.eduslider{ max-width: 1170px; margin-left: auto !important; margin-right: auto !important; overflow: visible; flex-direction: column; overflow: visible !important;}
.eduslider .sarrows{}



.before-after-slider-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; justify-content: center; margin-top: 30px;
}
.before-after-slider-container  .slider-container{margin-top: 0px;max-width: 100%;}
.before-after-item {
    position: relative;
    width: 48%; display: none;
}

.before-after-filter {
    margin-bottom: 20px;
}

.filter-btn,#load-more {
    margin-right: 15px;
    padding: 15px 18px;
    cursor: pointer; background: #E5E3FF; border-radius: 10px; 
    font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.3px;
text-transform: uppercase; color: #7069C0;;margin-bottom: 7px; padding-right: 30px;
}
.filter-btn::after{position: absolute; content: ""; width: 16px; right: 23px;
    height: 28px;
    top: 12px; color: #7069C0; font-size: 18px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9' fill='none'><path d='M1 1L6.5 7L12 1' stroke='%237069C0' stroke-width='1.5'/></svg>");  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.filter-btn.onlysub::after{display: none;}
.filter-btn.active {
    background: #7069C0;
    color: #fff;
}
.filter-btn.allcat::after{display: none;}
.before-after-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;justify-content: center;
}
.filter-btn.onlysub{padding-right: 18px;}
.filter-dropdown {
  position: relative;
}
.loadmore{text-align: center;}
.loadmore #load-more{padding: 15px 18px;}
.subcat-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 99;
  min-width: 210px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);  color: #E5E3FF;
}

.subcat-dropdown .filter-btn { 
  display: block;
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  background: none;
  border: none;
}
.subcat-dropdown .filter-btn:after{display: none;}
.filter-dropdown:hover .subcat-dropdown {
  display: block;
}


.filter-btn.subcat-btn.active { color:  #7069C0;;}

 .columntwo ul{ display: flex; flex-direction: column;}


.wp-gr .grw-content-inner{padding-top: 64px !important; position: relative !important;justify-content: center;}
.grw-content-inner .grw-btns.grw-prev{    height: 43px !important;
    width: 43px !important;
    text-align: center !important;
    cursor: pointer !important;
    border-radius: 50% !important;
    user-select: none !important;
    position: absolute !important;
   
    top: 0px !important;
   
    transition: all 0.5s;
    background: #E5E3FF !important;
    border-radius: 8px !important; margin-left: -50px !important;
}
.grw-content-inner .grw-btns.grw-prev:hover,.grw-content-inner .grw-btns.grw-next:hover{background: #7069C0 !important;}
.grw-content-inner .grw-btns.grw-prev svg path,.grw-content-inner .grw-btns.grw-next svg path{fill: #7069C0 !important;}
.grw-content-inner .grw-btns.grw-prev:hover svg path,.grw-content-inner .grw-btns.grw-next:hover svg path{fill: #fff !important;}
.grw-content-inner .grw-btns.grw-next{    height: 43px !important;
    width: 43px !important;
    text-align: center !important;
    cursor: pointer !important;
    border-radius: 50% !important;
    user-select: none !important;
    position: absolute !important;
  
    top: 0px !important;   transition: all 0.5s;
    background: #E5E3FF !important;
    border-radius: 8px !important; margin-right: -50px !important;}


div.wpforms-container-full input[type=checkbox]:before, div.wpforms-container-full input[type=radio]:before{    border-radius: 5px;
    border: none;
}
.ct-social-box{margin-top: 15px;}
    .awardlist h3.has-background {
       
        border-radius: 8px;
    }
.wp-gr .wp-google-img{display: none !important;}
.grw-review-inner.grw-backgnd{border-radius: 8px !important;padding-bottom:80px !important;}
.wp-gr .grw-review .wp-google-feedback{ font-family:  'Open Sans', Sans-Serif !important; }
.wp-gr .grw-review-inner>svg{bottom: 20px !important;
    top: inherit !important;
}
.wp-gr .grw-review .wp-google-left{order: 3; margin-top: 20px !important;margin-top: 20px !important;
    position: absolute !important;
    bottom: 20px !important;}


.beforeaftercontainer {max-width: 1290px; margin: 0 auto;; display: flex; flex-direction:column}
.viewsbeforeafter{margin-top:40px; margin-bottom:40px}
.postcontent{color: #494454;
text-align: center;
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */; max-width:808px; margin-left:auto; margin-right:auto; margin-top:70px !important}
.babox span{color: #7069C0;
border-radius: 6px;
background: #EEEDFF;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.3px;
text-transform: uppercase; padding:12px 18px; display:flex; column-gap:7px; position:absolute;left:20px; bottom:20px}
.babox{position:relative}
.viewsbeforeafter{display:flex; column-gap:9px}
.babox img{border-radius:10px; max-width:100%;}
.tabs {
  width: 100%;

  margin: 40px auto;
 
}

.tab-links {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #ddd;
}

.tab-links li {
 
  text-align: center;
}

.tab-links a {
  display: block;
  padding: 18px 28px 14px;
  color: #555;
  text-decoration: none;
  border:1px solid #4c2375;
  transition: all 0.3s;  background: #f7f7f7;
}

.tab-links li.active a,
.tab-links a:hover { background: #7c3b94;
  color: #fff;
 
}

.tab-content {
  padding: 20px;
  border: 1px solid #ddd;
  border-top: none;
  background: #fff;
}

.tab {
  display: none;
}

.tab.active {
  display: block;
}
.relative{position:relative}
.abstitlecenter{position:absolute; top:40%; transform:translateY(-50)%; left:0px; right:0px; margin:0 auto}
.contentontop{position:relative; z-index:1}
.abscolumn{position: absolute; right: 6%; width: 55%;}
.abscolumnleft{position: absolute; left: 6%; width: 55%;}
.newchecklist{list-style: none; padding-top: 20px;}
.nopadding{padding:0px}
.newchecklist li{position: relative; padding-left: 45px; margin-bottom: 8px; line-height: 26px;}
.newchecklist li:before{width: 28px; height: 28px; left: 0px; content: ""; top: 50%; transform: translateY(-50%); background: url('images/check21.png') center center no-repeat; background-size: contain; position: absolute;}
.newchecklist.yellowicon li:before{background: url('images/check_yellow.png') center center no-repeat; }
.newchecklist.checkblue li:before{background: url('images/checkblue.png') center center no-repeat; }
.checktitle{position: relative; padding-left: 45px;}
.checktitle:before{width: 28px; height: 28px; left: 0px; content: ""; top: 50%; transform: translateY(-50%); background: url('images/check1.png') center center no-repeat; background-size: contain; position: absolute;}
.checktitle.yellowcheck:before{background: url('images/check_yellow.png') center center no-repeat;}
.checktitle.blue:before{background: url('images/checkblue.png') center center no-repeat;}
.checktitle.green:before{background: url('images/checkgreen.png') center center no-repeat;}
.newchecklist.lime li:before{background: url('images/checklight.png') center center no-repeat;}
.newchecklist.green li:before{background: url('images/checkgreen.png') center center no-repeat;}
.newchecklist.blue li:before{background: url('images/checkblue.png') center center no-repeat;}
.newchecklist.bluel li:before{background: url('images/bluel.png') center center no-repeat;}
.newchecklist.twocolumn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
 width:100%;
    margin: 0 auto; 
}
.newchecklist.twocolumn li {
    display: flex;
    align-items: center;
    width: calc(50% - 20px);
    margin-bottom: 15px;
    margin-right: 5px; flex-wrap:wrap;
}

.qanda .wp-block-accordion-heading__toggle{ background: #E0EDF6 !important; padding: 20px 30px; font-weight: bold;}
.qanda .wp-block-accordion-heading__toggle:hover{text-decoration: none !important;}
.qanda .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{text-decoration: none !important;}
.qanda .wp-block-accordion-heading__toggle:hover{background: #d6e1e9 !important;}
.twocolortitle {border-style: solid; border-width: 0px;}

.dashedborder{border: inherit;
    border-style: dashed;}
.videoemb .wp-block-embed__wrapper{position: relative;
    padding-bottom: 178.78%;
    width: 100%;}
.videoemb iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*breast pages css*/
.breastmenu{position: absolute; left: 0px; right: 0px; margin: 0 auto;}
.breastmenu ul{
    position: relative;
 top: -25px;
    z-index: 99;
    transition: all 0.3s ease-out;
    display: flex;
    text-align: center;justify-content: space-between; column-gap: 0px;
}
.breastmenu li.current-menu-item {
    background: #CFB897 !important;
}
.breastmenu li {
    border: 1px solid #eee;
    background: #fff !important;
    flex: 1 1 30%; text-align: center;    justify-content: center;
}
.breastmenu li a {
  
    font-size: 22px;
    letter-spacing: -1px;
    color: #999;
    padding: 12px 10px;
    display: block;width: 100%;
}
.breastmenu li.current-menu-item  a{font-weight: bold;}
.breastmenu.fix {
    position: fixed;
    top: 150px; z-index: 9;
    left: 0; right: 0; margin: 0 auto;
}
.middleline{max-width: 1px !important; background: rgba(0,0,0,0.2);}
.middleline.black{background:#000}
.middlelinepink{max-width: 1px; background: #df6c8a; height:40px}
.roundseprate{width: 5px !important;
    height: 5px !important;
    background: #6aa1d4;
    border-radius: 100px;
    min-width: 5px;    flex-basis: 5px;
    max-width: 5px;}
.dashedtopbottom{    border-top: 2px dashed rgba(255, 255, 255, 0.6);
    border-bottom: 2px dashed rgba(255, 255, 255, 0.6);}
.case{min-width:65px}
.safemiddle{margin-left:-80px !important; margin-right:-80px !important}
.merittitle{      position: absolute;
   
    left: -90px;
    top: 48%;
    transform: translate(0, -50%) rotate(-90deg);
    font-size: 34px;
    letter-spacing: 10px;
    color: #d9d9d9;
    z-index: 9;}
.merits .wp-block-column{position:relative}
.stepcol{position:relative}
	.stepcol:after {
    content: '▶';
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 26px;
    text-align: center;
    right: -20px;
    top: 50%;
    transform: translate(0, -50%);
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    box-sizing: border-box;
    z-index: 9;
}
.yellowround{max-width:200px; margin:0 auto}
.yellowbox{min-width:170px}
.quoutetext{position:relative; padding-bottom:30px}
.quoutetext::before {
    content: '';
    position: absolute;
    width: 72px;
    height: 140px;
    left: -90px;
    bottom: -30px;
    zoom: 64%;
    background: url(https://jwbeauty.kinsta.cloud/wp-content/uploads/2026/01/em01.png) center no-repeat;
}
.quoutetext::after {
    content: '';
    position: absolute;
    width: 72px;
    height: 140px;
right: -87px;
    top: -65px;
    zoom: 64%;
    background: url(https://jwbeauty.kinsta.cloud/wp-content/uploads/2026/01/em02.png) center no-repeat;
}
.middletext{display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;}
.scriptfont{font-family:'Kunstler Script',sans-serif}
.scriptfont.snumber{font-weight:100; font-size:150px}
.lightfont{font-weight:200 !important}
.lightfont strong{font-weight:700 !important;}
.absrightbox{position:relative; top:340px; right:80px}
.absboxleft{position:relative; top:80px;left:-40px}
.bannersection{background-position:center center}

.custom-marker {
    counter-reset: my-counter;
}

.custom-marker li {
    counter-increment: my-counter; position:relative; padding-left:45px; margin-bottom:15px;
}
.custom-marker{list-style:none !important}
.custom-marker li::before {
    content: counter(my-counter);
    display: flex;
    align-items: center;
    justify-content: center;
position:absolute; left:0px;
    width: 30px;
    height:30px;

    background: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;top: 4px;
}
.custom-marker.pinkcolor{padding:0px;}
.custom-marker.pinkcolor li::before{background:#ffa8bf; color:#fff}
.green.custom-marker li::before{background:#007892; color:#fff}
.custom-marker.yellow li::before{background:#f69035; color:#fff; font-size:16px; width:34px; height:35px;}

.custom-marker.sepratedot li{padding-bottom:20px; border-bottom:1px dotted #000; margin-bottom:20px}
.custom-marker.sepratedot li:last-child{border:none}
.green.custom-marker strong{color:#007892}
.newchecklist.green li:before{ top:6px; transform:none}
.newchecklist.green li{margin-bottom:15px}
.newchecklist.green{padding-left:0px;}
.topalign{align-items:start}
.dleftalign{margin-left:35px !important; margin-right:auto !important}
.yellowbuttons .wp-block-button__link {

    position: relative;
    display: inline-block;
    width: 220px;
    height: 80px;
    line-height:65px;
    font-size: 32px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    background: #ffa800;
}
.fyellow{position:relative}
.fyellow:after{
content: '+';
    position: absolute;
   
    right: -31px;
    top: 50%;
    transform: translate(0, -50%);
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: #222;
    border-radius: 100%;
    z-index: 9;
}
.plasticbeforeafter{position:relative}
.plasticbeforeafter:before,.plasticbeforeafter:after{content:"JW BREAST SURGERY"; font-size:14px; color:#fff; transform:rotate(-90deg) translatey(-50%); position:absolute; left:5%; top:50%; letter-spacing:20px}
.plasticbeforeafter:after{ transform:rotate(90deg) translatey(-50%); position:absolute; right:5%; left:inherit;}
.fitcontent{width:fit-content !important}
hr.dotted{    border: 2px dotted #ddd;
    border-style: dashed;
    background: no-repeat; margin:80px auto !important}
hr.dotted1{    border: 1px dotted #ddd;
    border-style: dashed;
    background: no-repeat; margin:10px auto !important}
.bordered{ border-style:solid !important}
.rountnumber{min-width:40px !important; max-width:40px !important}

.box_tit {
    background: #6aa1d4;
    border-radius: 100%;
    width: 220px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 34px;
    margin-right: 50px;
    color: #fff;
}
.abspos{position:absolute;}
 .case1 {
    width: 180px;
    background: #f6f6f6;
    color: #f69035;
    font-family: "Century Gothic";
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    margin-right: 60px;
}
 .num_box {
    width: 120px;
    height: 120px;
    background: #25a7be;
    color: #fff;
    font-size: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.min60{min-width:55%}
.rightimagebody{width:40%;min-width:650px}
ul.procedure{padding:0px; padding-left:10px; position:relative; margin-top:40px}
ul.procedure:before{position:absolute; width:1px; height:100%; content:""; left:0px; top:0px; position:absolute; background:rgba(0,0,0,0.2)}
ul.procedure li{list-style:none; position:relative;padding-left:20px; margin-bottom:20px}
ul.procedure li:before{position: absolute;
    left: 0px;
    top: 9px;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 30px;
    left: -15px;
    background: #3b4576;}
	.absrightbox {
    position: relative;
    top: 340px;
    right: -120px;
}
.roundtextfix{width: 300px !important;
    height: 300px !important;
    display: flex;
    align-items: center;
    justify-content: center;margin-left: -203px !important;}

.arrowsfterpurpel{position:relative}
.arrowsfterpurpel:after{position:absolute; width:22px; height:22px; top:25%; transform:translateY(-50%);content:"";right:-25px; background:url(images/arrowpurpel.png) center center no-repeat}
.boxwhite{position:relative}
.absnumbers{position:absolute;top:-5px;left:-5px}
.circlecol{    display: flex;
    align-items: center;
    justify-content: center; flex-direction:column}

.absbadge{    position: absolute;
    left: -52px;
    top: 23px;}

.readmorebutton .wp-block-button__link{background:url(images/buttonbg.png) bottom center no-repeat;background-size: contain;
    padding: 0px 38px;
}
.beforeafter-image{display:flex; column-gap:2px}
.beforeafter-image a{max-width:50%;}
.beforeafter-image img{ width:100%; height:224px; object-fit:cover;border-radius:8px}
.beforeaftercont h3{color: #7069C0;
font-family:  'The Seasons', 'Open Sans', sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal; margin-bottom:20px}
.shortinfo{color: #494454;

font-size: 18px;
font-style: normal;
font-weight: 400; max-height:104px; overflow:hidden;
line-height: 26px; /* 144.444% */}
.beforeafter-slider .swiper-wrapper{justify-content:flex-start; padding:0px 40px}
.beforeafter-slider{margin-top:60px; margin-bottom:60px}
.beforeaftercont{margin-top:30px;}
.beforeafter-slider .swiper-slide{max-width:380px}
.beforeafter-slider {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.beforeafter-slider .swiper-button-prev:after,.beforeafter-slider .swiper-button-next:after{ display:none}
.beforeafter-slider .swiper-button-prev,.beforeafter-slider .swiper-button-next{padding:10px;border-radius: 4px;
border: 1px solid #7069C0; background:none}
.beforeafter-slider .swiper-button-prev:hover svg path{fill:#fff !important}
.beforeafter-slider .swiper-button-next:hover svg path{fill:#fff !important}
.beforeafter-slider .sarrows{padding-top:40px}
.beforeafter-slider .swiper-button-next:hover svg path{fill:#fff !important}

.newfaq .wp-block-accordion-item{border-bottom:1px solid rgba(96, 80, 148, 0.10); margin-bottom:15px}
.newfaq .wp-block-accordion-heading__toggle-title{font-size:20px !important;color:#494454; font-weight:600}
.newfaq .wp-block-accordion-heading {margin-bottom:15px}
.newfaq .wp-block-accordion-panel{padding-bottom:15px;}
.newfaq .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{text-decoration:none !important}
.newfaq .is-open .wp-block-accordion-panel{display:none}
.newfaq .wp-block-accordion-heading__toggle-icon{font-size:0px; width:22px; height:22px; background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7452 5.62521L9.49997 13.4365L1.25476 5.62521L2.37497 4.56396L9.49997 11.314L16.625 4.56396L17.7452 5.62521Z' fill='%237069C0'/%3E%3C/svg%3E") center center no-repeat;}
.newfaq .is-open .wp-block-accordion-heading__toggle-icon{transform:rotate(-180deg) !important;}


.beforeafter-tabs .tab-buttons{
    display:flex;
    gap:10px;
    margin-bottom:20px; justify-content:center;    border-bottom: 1px solid #E5E3FF;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 29px; margin-bottom:30px;
}

.beforeafter-tabs .tab-btn{
    padding:10px 20px;
    border:none;
    background:#eee;
    cursor:pointer;
	border-radius: 6px;
background: #EEEDFF;width: 174px;
height: 54px;
padding: 12px 18px;
justify-content: center;
align-items: center;
	position:relative;
}
.beforeafter-tabs .tab-btn.active:after{position:absolute; bottom:-31px; height:3px; background:#7069C0;content:"";left:0px; width:100%}
.beforeafter-tabs .tab-btn.active{
    background:#7069C0;
    color:#fff;
}

.tab-pane{
    display:none;
}

.tab-pane.active{
    display:block;
}

.babox img{
    width:100%;
}
.beforeafter-tabs .beforetext,.beforeafter-tabs .aftertext{    color: #7069C0;
    border-radius: 6px;
    background: #EEEDFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    padding: 12px 18px;
    display: flex;
    column-gap: 7px;
    position: absolute;
    left: 30px;
    bottom: 30px;}
.beforeafter-tabs{position:relative}
.beforeafter-tabs .aftertext{left:inherit;right:30px}
.beforeafter-tabs .tab-content{border:none}

.beforeafter-image{
display:flex;
gap:10px;
}

.beforeafter-image img{
width:100%;
height:auto;
display:block;
}

.beforeafter-thumb-slider img{
width:100%;
cursor:pointer;
}
.bgoverlay{position:relative; background-position:center center}
.bgoverlay:before{position:absolute;height:100%;width:100%;content:"";left:0px;top:0px;background:#000;opacity:0.5}
.sidebarmenu{list-style:none; padding:0px}
.sidebarmenu li{border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 13px 0px;    border-color: #9a4ab7;}
.sidebarmenu li a{color: #d8d3e9;
    border-color: #d8d3e9;    display: inline-block;
    padding-left: 15px;
    border-left-width: 3px;
    border-left-style: solid;}
.closenotice{position:absolute;cursor:pointer;    position: absolute;
    cursor: pointer;
    right: 22px;
    top: 36px;}
.noticerow{position:relative}


.beforeafterrow{display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;}
.baimage{position:relative; overflow:hidden;}
.imgoverlay{position:absolute; top:0px; left:0px; width:100%; height:100%; padding:20px; background:rgba(0,0,0,0.7);content:""; display:flex; align-items:center; justify-content:center;transition:all 0.5s;opacity:0}
.imgoverlay a{color:#fff;width: 80%;
    text-align: center;}
.imgoverlay a:hover{color:#6452a2}
.baimage img{width:100%; transition:all 0.5s}
.baimage:hover img{transform:scale(1.1);}
.baimage:hover .imgoverlay{opacity:1}
.btitle h3{font-size:20px; text-transform:uppercase;text-decoration:none}
.btitle h3 a{color:#6452a2}
.btitle {padding:33px 29px 30px}
.beforeafteritem{background:#e6e6e6;}
.cattags{background: #3d3ac2;display: inline-block;
    font-size: 10px;
    margin-bottom: 13px;
    padding: 4px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;color:#fff;}
.cattags a,.cattags a:hover{color:#fff;}
.cattags span{margin:0px 3px}

.drparallax{background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed; position:relative}
.drparallax:before{ position:absolute; background:rgba(0,0,0,0.7);content:""; height:100%; width:100%; top:0px;left:0px}
.drparallax .wp-block-columns{z-index:1;position:relative}

.specialization > .wp-block-column{transition:all 0.5s;cursor:pointer}
.specialization > .wp-block-column:hover{transform:translateY(-15px)}
.institutebox{min-height:195px}
/*responsive start */
@media (max-width: 1700px) {
	.roundtextfix{ margin-left:-100px !important}
}
@media screen and (min-width:991px) and (max-width: 1600px) {
	.smenu li{font-size:0px}
	.smenu li a{column-gap:0px}
	.smenu li:first-child{}
	.ct-header-cta .ct-button-ghost{    font-size: 14px;
    padding: 10px;}
	#header [data-items] {
    width: 97%;
}
	.site-branding{margin-right:10px !important}
	.site-logo-container img{max-width:200px !important}
}
@media (max-width: 1550px) {
	.roundtextfix{ margin-left:-40px !important}
}
@media (max-width: 1400px) {
	.topbcontent{max-width:1050px !important}
	.topbcontent.full{max-width:96% !important;}
	.jwtext{margin-left:0px !important}
	.title3{font-size:27px !important;}
	.absrightbox { right:-80px;}
}

@media screen and (min-width:991px) and (max-width: 1200px) {
	  .ct-header  .ct-container-fluid {
        --theme-container-edge-spacing: calc(100vw - 30px);
    
}
	.smenu li{padding:2px 0px}
	.smenu li:first-child{padding-left:7px}
	.ct-header-cta{margin-left:5px !important}
}

@media screen and (min-width:991px) and (max-width: 1100px) {
.ct-header-cta .ct-button-ghost {
        font-size: 11px;
        padding: 9px;
    }
	.menu {
    display: flex;
    gap: 8px !important;
}
	    .site-logo-container img {
        max-width: 180px !important;
    }
}

@media screen and (min-width:1024px) and (max-width: 1400px) {
	.bannercontent{min-width:500px}

}
@media (max-width: 999.98px) {
   body:not(.home) [data-device=mobile][data-transparent] {
        position: static !important;
        top: 0;
        left: 0;
        right: 0;
    }
	.absrightbox {
    position: relative;
    top: 194px;
    right: 0;
}
	.absboxleft{position:relative; top:80px;left:40px}
}




@media screen and (min-width:767px){
  .columntwo ul{ display: flex; flex-wrap: wrap; column-gap: 6%; flex-direction: row;}
  .columntwo ul li{width: 47%;} h2 .word{ min-height:58px }
}


@media screen and (max-width:992px){
 .ct-header .ct-header-trigger{ width: 94px;border-radius: 10px !important; justify-content: end;
border: 1px solid #7069C0 !important; padding-left: 62px !important; margin-left: 0px !important;}
 .ct-header .ct-header-trigger svg{fill: #7069C0;}
 .ct-header .ct-header-trigger:after{color: #7069C0;

font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.14px;
text-transform: uppercase; content: "MENU"; position: absolute; left: 12px;}


.slide-title{font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 55px; /* 114.583% */}


.slide-desc {font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
}
.slide-content{width: 96%; max-width: 480px;}
.slide-buttons .btn-primary,.slide-buttons a{font-size: 14px ; padding: 16px 12px;}
div[data-device=mobile][data-transparent]{border-bottom:1px solid #7069c03b !important;}
	
}
@media screen and (max-width:990px){
	.topbcontent > .wp-block-columns{flex-direction:column}
		.topbcontent{max-width:450px !important}
	.rightimagebody{margin:0px !important; min-width:500px}
}
@media screen and (max-width:800px){
.bitem .wp-block-column:first-child,.bitem1 .wp-block-column:first-child{flex-basis: 180px !important;}
.bitem .wp-block-column:last-child,.bitem1 .wp-block-column:first-child{flex-basis: 54.66% !important;}
.bitem ,.bitem1{padding: 30px 20px !important;} 
		
}
@media screen and (max-width:781px){
.logosection {flex-wrap: wrap !important; justify-content: space-between;}
.logosection .wp-block-column{max-width: 45%;;}
.logosection .wp-block-column figure{justify-content: center;}
	    .servicsimgbox {
        max-width: 250px;
        max-height: 250px;
        min-height: 250px;
        padding: 30px !important;
        margin: 0 auto !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width:767px){
	    .title3 {
        font-size: 22px !important;
    }
	h3.title4.has-background{font-size:22px !important; padding:10px 5px !important}
	.gap10{column-gap:15px !important}
  .desktoponly{display: none !important;}
  .mobileonly{display: block !important;}
  .btopbanner{    
        background-position: bottom center !important;
        background-size: auto 45% !important;
        background-repeat: no-repeat !important;
        background-color: #e5f3fc;
    }
    .mp40{padding-top: 40px !important; padding-bottom: 40px !important;}
	.p-b-80{padding-bottom:80px !important}
    .videoiframe iframe{height: auto !important;}
  .slide-item{min-height: 440px; padding:30px 20px; background-size: cover !important; padding-bottom: 0px;}
	.slide-item.mobbgonly{min-height:100vh}
  .slide-image{opacity: 0;}
  .slide-content{opacity: 0;}
  .slide-image{max-height: 440px; display: flex; min-height:400px; overflow:  visible;justify-content: center;        align-items: flex-end;}

.swiper-slide-active .slide-content{opacity: 1;}
.swiper-slide-active .slide-image{opacity: 1;}
 .galleryslider .sarrows .swiper-button-prev,.galleryslider .sarrows .swiper-button-next{display: block;}
.slide-item{flex-direction: column !important;}
.slide-item.swiper-slide-active .slide-image img {
    opacity: 1;
}
.slide-image img{max-width: 100%;}
.slide-content{padding-top: 90px; margin-bottom: 30px;}
.slide-buttons{column-gap: 20px;}
.slide-buttons .btn{ border-radius: 10px; width: 50%; text-align: center; margin: 0px;}
.slide-buttons .btn-secondary{background: #fff;   }
.eduslider .sarrows{display: flex; margin-top: 25px;}
.countersection > .wp-block-column:first-child{max-width: 36%;}
.countersection > .wp-block-column:nth-child(3){max-width: 36%;}
.countersection > .wp-block-column {
      max-width: 54%;
}
.countersection.drcounter  > .wp-block-column:first-child{max-width: 36%;}
.word{overflow: visible;}h2.wp-block-heading, h2.slide-title{line-height: 55px;}
.slide-text h2.wp-block-heading.animated .line{display: flex;}
.before-after-item {
    position: relative;
    width: 100%;
}
.specialization  .wp-block-column  h4{font-size: 28px !important;}
.countersection  .wp-block-column .wp-block-columns {    gap: 0;}
.countersection  .wp-block-column h3.wp-block-heading { font-size: 44px !important;}
.countersection.drcounter   .wp-block-column h3.wp-block-heading { font-size: 51px !important; font-weight: 600 !important;}
.countersection.drcounter   .wp-block-column h4.wp-block-heading{ font-size: 16px !important; font-weight: 600 !important;}
.reversemobile{flex-direction: column-reverse !important;}
.cleansurgery{background: url('/wp-content/uploads/2026/03/clean-surgery-system-background-mobile-v3.jpg') top center no-repeat !important;  background-size: 100% auto !important; background-color: #766BA0 !important; padding-top: 300px !important; padding-bottom: 50px !important;padding-left: 15px !important;        padding-right: 15px !important;}
.shedulecon{background: url('images/shedule.webp') top center no-repeat !important;  background-size: 100% auto !important; padding-top: 400px !important; padding-left: 20px !important; padding-right: 20px !important;        background-color: #736a91 !important;  margin-bottom: 40px !important;
        border-radius: 16px; padding-bottom: 20px !important;}
.mo-p-20{padding: 20px !important;}

.reviews-swiper{max-width: 370px; margin-left: auto; margin-right: auto;}
.reviews-swiper .swiper-wrapper{justify-content: center;}

.slider-container{height: 300px;}
.contactsection{}
.mpadding{padding: 40px 0px !important;}
.mnbottom{padding-bottom: 0px !important;}
.nopadding{padding: 0px !important;}
.swiper .swiper-wrapper .review-card:first-child {
	min-height:400px !important;
    margin-left: 0px;
}
.reviews-section {
    text-align: center;
    padding: 0px 20px;
}
.stories{background: url('images/storybg.webp') top center no-repeat !important;  background-size: 100% auto !important;        background-position: -20px 100px !important;}
.stories-slider .sarrows {
    margin-top: 54px;
}
h3.has-background {font-size: 30px !important;    }
.awardlist h3.has-background{min-width: 101px}
.galleryslider  .sarrows{margin-top: 70px !important;}
.mobileslider  .sarrows{margin-top: 25px !important;}
.galleryslider .swiper-pagination{display: none !important;}
.galleryslider.swiper{padding-bottom: 0px;}
.rowlayout .wp-block-image img{max-width: 150px;}
.review-card{max-width: 95%;}
.reviews-swiper .swiper-slide{display: flex; justify-content: center;}

.merits	.has-medium-font-size{font-size:16px !important}
	.merits     h3.has-background { margin-top:10px;
        font-size: 20px !important;
    }

 .howitworkslider .swiper-pagination {
    text-align: center;
    margin-top: 20px;
  }

  .howitworkslider .swiper-pagination-bullet {
    background: #9E97E1;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    font-size: 20px;
    opacity: 1;
  }

  .howitworkslider .swiper-pagination-bullet-active {
    background: #EEEDFF; color: #9E97E1;
  }
  .howitworkslider{padding-bottom: 90px !important;}
  [data-footer*="type-1"] .ct-footer [data-row*="top"]{display: none !important;}
  .ct-social-box{justify-content: center;}

.ct-footer  .ct-container h3{border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 1px !important;}
.ct-footer .ct-container .widget-menu {
    column-count: 1;
}
.ct-footer .ct-container .widget-menu li{line-height: 30px;}
.servicerow .wp-block-column{border: none !important; padding-bottom: 0px !important;}
 h2.slide-title{margin-bottom: 15px;}

h1.servicetitle {
    font-size: 40px !important;
}
.filter-btn.onlysub{padding-right: 10px; padding-left: 10px; margin-right: 0px;}
.countersection  h4 br{display: none;}
.absboxbottom .colmid {    flex-basis: 28% !important;}
.absboxbottom .collast {    flex-basis: 35% !important;}
.absboxbottom .wp-block-column p br{ display: none;}
.arrowlist li{font-size: 18px;}
.faqs {border-top: 1px solid #E5E3FF !important;}
h4.locationtitle {font-size: 26px !important;}
h3.widgettitle{font-size: 18px !important;}
.timerow{max-width: 234px;
    margin: 0 auto;}
    .btnmarg{margin-top: 20px !important;}
	
	.institutebox{height:100%}
    .institutebox h5{font-size: 22px !important;}
    .awardlist .wp-block-image{justify-content: center;}
    .awardlist h2.wp-block-heading{ text-align: center;}
    .awardlist .wp-block-group p{font-size: 18px !important;
font-style: normal;
font-weight: 600 !important;
line-height: 28px !important;}
.howitworkslider h2{font-size: 51px !important;
font-style: normal;
font-weight: 600 !important;}
.howitworkslider h4{font-size: 28px !important;
font-style: normal;
font-weight: 700 !important;}

	
	
	
	
.abt1{margin-bottom: 22px !important;}
.abtbox h4{font-size: 14px !important;}
.abtbox h3{font-size: 40px !important; font-weight: 600;line-height: 54px !important;}
.slide-desc{margin-top: 0px;}
.m-t-0{margin-top: 0px !important;}
.m-t-10{margin-top: 10px !important;}
.m-t-20{margin-top: 20px !important;}
.m-t-30{margin-top: 30px !important;}
.m-t-40{margin-top: 40px !important;}
	.p-t-20{padding:20px !important}	
	.rote_img{    transform: rotate(90deg);
}
	.nopaddinglr{padding:40px 0px !important}
	.m-b-40{margin-bottom:40px !important}
	.m-b-30{margin-bottom:30px !important}
	.m-b-20{margin-bottom:20px !important}
.crow{flex-wrap: wrap !important; flex-wrap: wrap !important;
        gap: 0px !important;
        column-gap: 10px !important;}
.crow p:last-child{width: 100%; padding-left: 30px;}
.opehours{padding-left: 30px;        margin-top: 5px !important;}
.m-t-m-20{margin-top: -20px !important;}
.contactshed{border-radius: 15px !important; border-radius: 15px !important;
        margin: 20px 10px !important;
        padding: 20px !important;}
        .institutebox  h4{ font-size: 28px !important;}
        .abtbox{padding: 12px 10px !important; min-height: 113px;     justify-content: center !important;}

	.p-ma-10{padding:10px !important}
    .slide-text h2.wp-block-heading.animated .line {
        display: flex
;
        flex-wrap: wrap;
    }
  /*  h2.wp-block-heading, h2.slide-title{flex-direction: row;flex-wrap: wrap;}*/
.twocolortitle {
    font-size: 35px !important;
}
 .twocolortitle.f2{font-size: 35px !important ;}
.snumber {
    margin-bottom: -62px !important;
}
	.centermob .wp-block-group{margin:0 auto !important}
	.tcentermob{text-align:center !important}
	.newchecklist.twocolumn{flex-direction:column; padding-left:10px}
	.newchecklist.twocolumn li{width:100%;} 
	.mcoltop{margin-top:-100px !important}
	.mobilemiddlealign{flex-direction:column !important}
	.mobspace{padding:60px 10px !important}
	.stepcol:after{left: 0;
    margin: 0 auto;right: 0;
    top: 95%; transform:translate(0, -50%) rotate(209deg)}
	    h2.wp-block-heading, h2.slide-title {
        line-height: 39px;
        font-size: 30px !important;
    }
	    .bluebox {
        max-width: 170px;
        padding: 20px 10px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
	.numberlist.green{padding-left:0px}
.yellowbuttons .wp-block-button__link {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 51px;
    line-height: 39px;
	font-size: 18px;}
	.dleftalign{margin-left:0px !important; margin-right:auto !important}
	hr.dotted{margin:40px auto !important}
	.scriptfont.snumber{font-weight:100; font-size:100px;margin-bottom:-40px !important}
	.snumber{margin-bottom:-40px !important}
	.mnoborder{border:none !important}
	.m-p-20{padding:20px !important} .mgap20{column-gap:10px !important}
	.mflexcol{flex-direction:column !important}
	.jwtext.has-background{padding: 5px 10px; min-width: 80px; text-align: center;min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;}
	.centercontent{justify-content: center;
    align-items: center !important;
    text-align: center;}
	
	.num_box {
    width: 87px;
		height: 66px;}
	h5.has-medium-font-size{font-size:16px !important}
	.noborder{border:none !important}
	
	.case1{        padding: 5px !important;
        width: 95px !important;
        min-width: 81px !important;}
	.mcenter{text-align:center !important}
	.mbm40{margin-bottom:-40px !important}
	.rightimagebody{width:100%;margin:0px !important;}
	.arrowsfterpurpel:after{display:none}
	.topbannermob{background-size:cover !important}
	.absbadge{    left: -23px;
    width: 61px;}
	.absbadge img{width:60px !important}
	.circlecol{
	    max-width: 200px;
    min-height: 200px;
	}
	
	.circlecol.twomob {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 145px;min-height: 140px;padding: 20px !important;
}
	.centermob{justify-content:center !important}
	.beforeafter-image {
    padding: 0px 0px !important;
}

	.beforeafter-tabs .tab-btn{
        width: 90px;
        padding: 12px 5px;
        font-size: 14px;
    }
	.swiper-slide .stitle{font-size:12px}
}


@media screen and (max-width:680px){
.slide-item{min-height: 350px; }
.slider-container{height: 
  234px;}
  .countersection{padding: 0px !important; border-bottom: 1px solid #EEEDFF;         padding-bottom: 40px !important;
        margin-bottom: -0px !important;}
        .drsection{padding-top: 20px !important; background-image: url('images/drleaf.webp') !important;        padding-left: 14px !important;
        padding-right: 14px !important;}
        .absboxbottom{padding: 20px !important; column-gap: 20px !important;}
         .absboxbottom br{ display: none;}
             .wp-block-media-text .wp-block-media-text__content {
        padding-top: 0px !important

    }
    .wp-block-columns.revewtext{flex-wrap: wrap !important;
    justify-content: center;
    gap: 0px;column-gap: 15px;
}
.wp-block-columns.revewtext .wp-block-column:last-child{border:none !important}
.story-card{    flex-direction: column;}
.story-image{max-height: 279px; overflow: hidden;}

.contactmap {
    position: absolute;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 10px 25px 0 rgba(96, 80, 148, 0.50);
    padding: 33px 42px 42px 42px;
    bottom: -150px;
    top: inherit;
    right: 0;
    z-index: 1;
    left: 0;
    margin: 0 auto;
    width: 90%;
    max-width: 390px;
}
.ct-footer {
    padding-top: 210px !important; text-align: center;
}
.page-id-1191 .ct-footer { padding-top: 40px !important;}
.mapcol iframe{max-height: 460px;}
    div.wpforms-container .wpforms-form .wpforms-field>* {
        max-width: 100%;
        border-radius: 5px;
    }

.filter-btn::after {
    position: absolute;
    content: "";
    width: 12px;
    right: 23px;
    height: 28px;
    top: 8px;
}
.filter-btn{padding-right: 25px;}
.filter-btn.allcat{padding-right: 14px;}
.filter-btn {font-size: 14px;
    margin-right: 11px;
    padding: 11px 30px 11px 14px;
}
.site-logo-container img { max-width: 227px !important;}
.ct-header-text  .trp-shortcode-switcher__wrapper{width: 45px !important;}
.trp-language-item__current{padding: 0px !important;}
.trp-language-item{padding: 0px !important; gap: 2px !important;}
.ct-header-text{margin-right: 0px !important;}
.trp-current-language-item__wrapper:not(.trp-hide-arrow){margin-right: 0px !important;}
.trp-language-item-name{display: none !important;}
.trp-current-language-item__wrapper:not(.trp-hide-arrow){padding-right: 0px !important;}
	.viewsbeforeafter{flex-direction:column; gap:10px}
	
	.beforeafter-slider-wrapper .swiper-button-prev:after,.beforeafter-slider-wrapper .swiper-button-next:after {
   
    font-size: 25px;
}
	.beforeafterrow{display: grid;
    grid-template-columns: 1fr;
    gap: 20px;}
}

@media screen and (max-width:540px){
    .bitem .wp-block-column:last-child, .bitem1 .wp-block-column:first-child {
        flex-basis: 100% !important;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
      .bitem .wp-block-column:last-child, .bitem1 .wp-block-column:last-child {
        flex-basis: 100% !important;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }
    .bitem .wp-block-column:last-child p, .bitem1 .wp-block-column:last-child p{text-align: center !important;}
    .bitem figure.wp-block-image{justify-content: center;}
    .twocolortitle {
    font-size: 30px !important;
}
.twocolortitle.f2{font-size: 30px !important ;}
	.wtext {
    letter-spacing: 9px;
}
		.wtext1 {
    letter-spacing: 3px;
}
	    h3.twocolortitle,h4.twocolortitle {
        font-size: 24px !important;
    }
	p.has-medium-font-size{font-size:16px !important}
}

@media screen and (max-width:440px){
.slide-buttons .btn-primary,.slide-buttons a{font-size: 12px ; padding: 16px 10px;}
.absboxbottom .wp-block-column p {font-size: 12px !important;}
}

@media screen and (max-width:370px){
.slide-title,h2.wp-block-heading, h2.slide-title{font-size: 40px; }
}



/* Before after gallery adjustment */
.beforeafter-item {
    padding-top: 20px !important;
	margin-bottom:-100px !important;
}
.angles-view-container {
    display: none !important;
    flex-direction: column;
    gap: 0 !important;
}
.angles-view-container .above-angles-view .wp-block-columns {
    max-width: 600px !important;
}
.angles-view-container .angles-view-inner{
    max-width: 1000px !important;
    margin-inline: auto !important;
}
.angles-view-container h1 {
    margin-block-start: 20px !important;
    margin-block-end: unset !important;
}
.beforeafter-slider {
    max-width: unset !important;
    width: 100% !important;
}
/* Transition */
.ba-skeleton {
    padding: 40px 20px;
}
.ba-skeleton-img {
    width: 100%;
    height: 400px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: ba-shimmer 1.5s infinite;
    border-radius: 8px;
    margin-bottom: 20px;
}
.ba-skeleton-line {
    width: 100%;
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: ba-shimmer 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 12px;
}
.ba-skeleton-line.short {
    width: 60%;
}
@keyframes ba-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.angles-view-container .above-angles-view,
.angles-view-container .angles-view-inner {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.angles-view-container .angles-view-inner {
    transition-delay: 0.2s;
}
.angles-view-container .above-angles-view.ba-visible,
.angles-view-container .angles-view-inner.ba-visible {
    opacity: 1;
    transform: translateY(0);
}

@media screen and (max-width: 540px) {
    .beforeafter-slider {
        width: calc(var(--theme-container-edge-spacing) - var(--theme-frame-size, 0px) * 2) !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .beforeafter-slider .swiper-wrapper {
        padding-inline: 0 !important;
    }
}
@media screen and (max-width: 767px) {
    .swiper-slide[data-swiper-slide-index="0"] .slide-image {
        max-height: 520px; 
        min-height: 485px;
        justify-content: center;
        margin-right: 0px;
        width: calc(100%);
    }
    .swiper-slide[data-swiper-slide-index="1"] {
        min-height: 600px;
    }
    .swiper-slide[data-swiper-slide-index="1"] .slide-image {
        max-height: 560px;
        min-height: 510px;
    }
    .swiper-slide[data-swiper-slide-index="1"] .slide-image img {
        max-height: none;
    }
}