.elementor-646 .elementor-element.elementor-element-d1b14a6{--display:flex;}.elementor-646 .elementor-element.elementor-element-8af2fcd{--display:flex;}.elementor-646 .elementor-element.elementor-element-81f81d5{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-646 .elementor-element.elementor-element-0586298{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-597523b *//* FONT */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

/* HERO BACKGROUND */
.blog-hero{
position:relative;
padding:90px 8%;
background:linear-gradient(135deg,#f0fbff,#ffffff,#f3fff9);
overflow:hidden;
}

/* DARK OVERLAY SO IMAGE POPS */
.overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:radial-gradient(circle at top left, rgba(0,150,136,0.08), transparent 60%);
pointer-events:none;
}

/* LAYOUT */
.container{
max-width:1200px;
margin:auto;
}

.blog-grid{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:60px;
}

/* TAG */
.tag{
display:inline-block;
background:#ffffff;
padding:10px 18px;
border-radius:50px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
color:#009688;
font-weight:600;
margin-bottom:20px;
}

/* TITLE */
.blog-content h1{
font-size:52px;
color:#1f2d3d;
line-height:1.2;
margin-bottom:20px;
}

.blog-content h1 span{
color:#00b894;
}

/* PARAGRAPH */
.blog-content p{
font-size:18px;
color:#6b7280;
line-height:1.8;
margin-bottom:30px;
}

/* BUTTONS */
.buttons{
display:flex;
gap:15px;
margin-bottom:40px;
flex-wrap:wrap;
}

.btn-primary{
background:linear-gradient(135deg,#00b894,#00cec9);
color:white;
padding:14px 28px;
border-radius:50px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.btn-primary:hover{
transform:translateY(-4px);
}

.btn-outline{
border:2px solid #00b894;
color:#00b894;
padding:14px 28px;
border-radius:50px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.btn-outline:hover{
background:#00b894;
color:white;
}

/* STATS */
.stats{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.stats div{
background:white;
padding:18px;
border-radius:15px;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
text-align:center;
min-width:120px;
}

.stats h3{
color:#00b894;
font-size:26px;
}

.stats p{
font-size:13px;
color:#6b7280;
}

/* IMAGE SIDE */
.blog-image{
display:flex;
justify-content:center;
}

.image-box{
position:relative;
width:420px;
}

.image-box img{
width:100%;
border-radius:25px;
box-shadow:0 30px 60px rgba(0,0,0,0.15);
}

/* FLOATING LABELS */
.floating{
position:absolute;
background:white;
padding:10px 18px;
border-radius:50px;
box-shadow:0 15px 30px rgba(0,0,0,0.12);
font-weight:600;
font-size:14px;
animation:float 4s ease-in-out infinite;
}

.f1{top:30px;left:-30px;}
.f2{bottom:80px;right:-40px;animation-delay:1s;}
.f3{bottom:-15px;left:40px;animation-delay:2s;}

/* ANIMATION */
@keyframes float{
0%{transform:translateY(0);}
50%{transform:translateY(-12px);}
100%{transform:translateY(0);}
}

/* RESPONSIVE */
@media(max-width:992px){
.blog-grid{
grid-template-columns:1fr;
text-align:center;
}

.image-box{
width:320px;
margin:auto;
}

.floating{
display:none;
}

.blog-content h1{
font-size:38px;
}
}

@media(max-width:600px){
.blog-hero{
padding:60px 20px;
}

.blog-content h1{
font-size:30px;
}

.blog-content p{
font-size:16px;
}

.buttons{
flex-direction:column;
}

.btn-primary,.btn-outline{
text-align:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-342c759 */.blog-hero{

position:relative;
height:520px;
border-radius:0px;
overflow:hidden;

background:url("images/blog-banner.jpg") center center/cover no-repeat;

display:flex;
align-items:center;
padding:80px;

}

.blog-hero::before{

content:"";
position:absolute;
inset:0;

background:linear-gradient(
90deg,
rgba(255,255,255,.92) 20%,
rgba(255,255,255,.35) 65%,
rgba(255,255,255,.05)
);

backdrop-filter:blur(5px);

}

.blog-content{

position:relative;
z-index:2;
max-width:550px;

}

.tag{

display:inline-block;
padding:12px 24px;
background:#ffffff;
border-radius:50px;
color:#18abc9;
font-weight:700;
margin-bottom:25px;
box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.blog-content h1{

font-size:72px;
font-weight:800;
color:#111;
margin-bottom:20px;
line-height:1.1;

}

.blog-content p{

font-size:22px;
line-height:1.8;
color:#555;

}

@media(max-width:768px){

.blog-hero{

height:420px;
padding:40px 25px;

}

.blog-content h1{

font-size:48px;

}

.blog-content p{

font-size:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0586298 *//* =========================
TREATMENT MARQUEE
========================= */

.treatment-marquee{
    background:linear-gradient(135deg,#0f766e,#14b8a6);
    padding:18px 0;
    overflow:hidden;
    position:relative;
}

/* TRACK */
.marquee-track{
    display:flex;
    width:max-content;
    animation:scroll 45s linear infinite;
}

/* CONTENT */
.marquee-content{
    display:flex;
    align-items:center;
    gap:25px;
    padding-right:50px;
}

/* TEXT */
.marquee-content span{
    color:#fff;
    font-size:15px;
    font-weight:500;
    white-space:nowrap;
    letter-spacing:.5px;
}

/* DOT STYLE */
.marquee-content span:nth-child(even){
    color:#bff7f0;
    font-size:18px;
}

/* ANIMATION */
@keyframes scroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}

/* HOVER PAUSE */
.treatment-marquee:hover .marquee-track{
    animation-play-state:paused;
}/* End custom CSS */