/* Lucknow Navbar CSS Start */

.lucknow-navbar{
    background: linear-gradient(90deg,#dc72c5,#dc72c5);
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

/* Logo */
.lucknow-logo{
    font-size:24px;
    font-weight:700;
    color:#fff;
}

.lucknow-logo:hover{
    color:#fff;
}

.lucknow-navbar .nav-link{
    color:#d1d1d1;
    margin-right:18px;
    font-size:15px;
    font-weight:500;
}

.lucknow-navbar .nav-link:hover{
    color:#f5c94c;
}

.lucknow-active{
    color:#f5c94c !important;
}

.lucknow-telegram-center{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}

.lucknow-telegram-btn{
    background:#f8f7f6;
    color:#e22525;
    padding:10px 22px;
    border-radius:30px;
    font-weight:600;
    font-size:14px;
    text-decoration:none;
    transition:0.3s;
}

.lucknow-telegram-btn:hover{
    background:#e5b82f;
    color:#000;
}

@media(max-width:991px){

.lucknow-telegram-center{
    position:static;
    transform:none;
    margin:15px 0;
    text-align:center;
}

}

/* Lucknow Navbar CSS End */



/* Lucknow Hero CSS Start */

.lucknow-hero{
    position:relative;
    padding:160px 0;
    background:url('../images/banner\ city.webp') center/cover no-repeat;
    color:#fff;
}

.lucknow-hero::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(120deg, rgba(220,114,197,0.85), rgba(0,0,0,0.75));
}

.lucknow-hero .container{
    position:relative;
    z-index:2;
}

.lucknow-hero-title{
    font-size:64px;
    font-weight:700;
    margin-bottom:15px;
    letter-spacing:1px;
}

.lucknow-hero-title span{
    color:#ff2d6f;
}

.lucknow-hero-subtitle{
    font-size:18px;
    color:#f1f1f1;
    margin-bottom:40px;
}

.lucknow-hero-offer{
    display:inline-block;
    padding:22px 45px;
    border-radius:14px;
    backdrop-filter:blur(10px);
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.25);
    margin-bottom:35px;
}

.lucknow-offer-label{
    display:block;
    font-size:14px;
    margin-bottom:5px;
}

.lucknow-hero-offer h3{
    font-size:30px;
    font-weight:700;
    margin:0;
}

.lucknow-hero-buttons{
    margin-top:15px;
}

.lucknow-btn-book{
    background:#dc72c5;
    color:#fff;
    padding:14px 32px;
    border-radius:40px;
    font-weight:600;
    text-decoration:none;
    margin-right:15px;
    transition:0.3s;
}

.lucknow-btn-book:hover{
    background:#ff4da6;
    color:#fff;
}

.lucknow-btn-contact{
    border:2px solid #fff;
    color:#fff;
    padding:14px 32px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.lucknow-btn-contact:hover{
    background:#fff;
    color:#000;
}

/* Mobile Responsive */
@media(max-width:768px){

.lucknow-hero{
    padding:120px 0;
}

.lucknow-hero-title{
    font-size:40px;
}

.lucknow-hero-offer{
    padding:16px 25px;
}

}

/* Lucknow Hero CSS End */




/* Lucknow Pleasure Section CSS Start */

.lucknow-pleasure-section{
background:#000;
color:#fff;
padding:80px 0;
text-align:center;
}


.lucknow-pleasure-title{
font-size:42px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
color:#ffffff;
}


.lucknow-pleasure-text{
font-size:16px;
color:#cfcfcf;
max-width:900px;
margin:auto;
line-height:1.7;
}



.lucknow-girl-card{
width:100%;
max-width:260px;
aspect-ratio:1/1;
margin:auto;
border-radius:50%;
padding:8px;
background:linear-gradient(135deg,#f5c94c,#dc72c5);
transition:0.4s;
}



.lucknow-girl-img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
border:6px solid #000;
transition:0.4s;
}



.lucknow-girl-card:hover{
transform:scale(1.08);
box-shadow:0 10px 40px rgba(245,201,76,0.4);
}

.lucknow-girl-card:hover .lucknow-girl-img{
transform:scale(1.1);
}


/* Mobile Responsive */

@media(max-width:768px){

.lucknow-pleasure-title{
font-size:26px;
}

.lucknow-pleasure-text{
font-size:14px;
padding:0 10px;
}

/* 2 images per row */

.lucknow-girl-card{
max-width:170px;
}

}

/* Lucknow Pleasure Section CSS End */



/* ================================
   Lucknow Girls Card CSS Start
================================ */


.lucknow-girls-section{
background:#050b1b;
padding:80px 0;
}




.lucknow-girl-profile{
background:linear-gradient(180deg,#0b1328,#090f22);
border-radius:18px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.06);
transition:0.4s;
}

.lucknow-girl-profile:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.4);
}



.lucknow-girl-image{
position:relative;
}

.lucknow-girl-image img{
width:100%;
height:260px;
object-fit:cover;
display:block;
}




.lucknow-verified{
position:absolute;
top:15px;
right:15px;
background:#21c07a;
color:#fff;
font-size:12px;
padding:5px 12px;
border-radius:20px;
font-weight:600;
}




.lucknow-girl-info{
padding:22px;
color:#fff;
}




.lucknow-name-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}



.lucknow-girl-name{
font-size:22px;
font-weight:700;
margin:0;
}



.lucknow-new{
background:rgba(220,114,197,0.2);
color:#dc72c5;
padding:4px 12px;
font-size:12px;
border-radius:20px;
}




.lucknow-services-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}



.lucknow-services span{
display:inline-block;
padding:4px 12px;
border-radius:20px;
font-size:12px;
margin-right:5px;
}



.lucknow-incall{
background:#0c5e43;
color:#7fffd4;
}



.lucknow-outcall{
background:#1c3f63;
color:#9bd0ff;
}



.lucknow-location{
color:#cfcfcf;
font-size:14px;
margin:0;
}




.lucknow-know-btn{
display:block;
margin-top:18px;
padding:12px;
text-align:center;
border-radius:12px;
background:linear-gradient(90deg,#dc72c5,#dc72c5);
color:#fff;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.lucknow-know-btn:hover{
opacity:0.85;
color:#fff;
}




@media(max-width:768px){

.lucknow-girl-image img{
height:220px;
}

.lucknow-girl-name{
font-size:20px;
}

}

/* ================================
   Lucknow Girls Card CSS End
================================ */



/* Lucknow Feature Section CSS Start */

.lucknow-feature-section{
background:#000;
padding:80px 0;
color:#fff;
}

.lucknow-feature-box{
text-align:center;
max-width:900px;
margin:auto;
margin-bottom:50px;
}

.lucknow-feature-title{
font-size:28px;
font-weight:700;
line-height:1.5;
margin-bottom:15px;
}

.lucknow-feature-text{
color:#cfcfcf;
font-size:15px;
line-height:1.7;
}

.lucknow-feature-card{
border-top:1px solid rgb(255 45 111);
border-bottom:1px solid rgba(255 45 111);
padding:35px 0;
margin-bottom:30px;
transition:0.4s;
}

.lucknow-feature-card:hover{
background:rgba(220,114,197,0.08);
transform:translateY(-4px);
}

.lucknow-feature-img-wrap{
width:150px;
height:150px;
border-radius:50%;
padding:6px;
margin:auto;
background:linear-gradient(135deg,#dc72c5,#dc72c5);
position:relative;
}

.lucknow-feature-img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
border:5px solid #000;
}

.lucknow-feature-heading{
font-size:32px;
font-weight:600;
color:#dc72c5;
}

.lucknow-feature-sub{
color:#fff;
font-size:14px;
margin-top:10px;
}

.lucknow-offer-badge{
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%);
background:#dc72c5;
color:#fff;
font-size:14px;
padding:6px 14px;
border-radius:20px;
font-weight:600;
}

/* Mobile Responsive */

@media(max-width:768px){

.lucknow-feature-heading{
font-size:22px;
margin-top:15px;
}

.lucknow-feature-img-wrap{
width:110px;
height:110px;
}

}

/* Lucknow Feature Section CSS End */


/* Lucknow Coverage Section CSS Start */

.lucknow-coverage-section{
background:#000;
padding:40px 0;
color:#fff;
}

.lucknow-coverage-title{
font-size:46px;
font-weight:700;
margin-bottom:20px;
}

.lucknow-coverage-title span{
color:#dc72c5;
}

.lucknow-coverage-text{
color:#cfcfcf;
max-width:900px;
margin:auto;
line-height:1.7;
font-size:16px;
}

.lucknow-coverage-card{
background:#050505;
border:1px solid rgba(255 45 111);
border-radius:18px;
padding:30px;
height:100%;
transition:0.4s;
}

.lucknow-coverage-card h4{
color:#dc72c5;
font-weight:700;
margin-bottom:15px;
}

.lucknow-coverage-card p{
color:#d6d6d6;
line-height:1.7;
font-size:15px;
}

.lucknow-coverage-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.6);
border-color:#dc72c5;
}

/* Mobile Responsive */

@media(max-width:768px){

.lucknow-coverage-title{
font-size:28px;
}

.lucknow-coverage-text{
font-size:14px;
padding:0 10px;
}

}

/* Lucknow Coverage Section CSS End */

/* Lucknow Samantha Profile CSS Start */

.lucknow-profile-section{
background:#000;
padding:40px 0;
}

.lucknow-profile-box{
background:#f4efef;
border-radius:28px;
padding:5px;
box-shadow:0 20px 60px rgba(0,0,0,0.6);
height:300px;
overflow:hidden;
}



.lucknow-profile-image{
position:relative;
overflow:hidden;
border-radius:22px;
height:100%;
width:100%;
}

.lucknow-profile-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}



.lucknow-profile-verified{
position:absolute;
top:15px;
left:15px;
background:#1fc56a;
color:#fff;
padding:6px 14px;
font-size:13px;
border-radius:20px;
font-weight:600;
}



.lucknow-profile-content{
background:linear-gradient(135deg,#dc72c5,#dc72c5);
padding:40px;
border-radius:22px;
color:#fff;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
}



.lucknow-profile-title{
font-size:34px;
font-weight:700;
margin-bottom:18px;
}



.lucknow-profile-tags{
margin-bottom:18px;
}

.lucknow-profile-tags span{
display:inline-block;
background:#fff;
color:#000;
padding:6px 14px;
border-radius:20px;
font-size:13px;
font-weight:600;
margin-right:8px;
}



.lucknow-profile-text{
font-size:15px;
line-height:1.7;
margin-bottom:25px;
}



.lucknow-profile-buttons a{
display:inline-block;
padding:12px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
margin-right:10px;
}



.lucknow-phone-btn{
background:#fff;
color:#000;
}

.lucknow-phone-btn:hover{
background:#e6e6e6;
color:#000;
}



.lucknow-whatsapp-btn{
background:#1fae66;
color:#fff;
}

.lucknow-whatsapp-btn:hover{
background:#159354;
color:#fff;
}


/* Mobile Responsive */

@media(max-width:768px){

.lucknow-profile-box{
height:auto;
padding:15px;
}

.lucknow-profile-image{
height:240px;
margin-bottom:20px;
}

.lucknow-profile-title{
font-size:24px;
}

}

/* Lucknow Samantha Profile CSS End */





/* Lucknow Service Highlight CSS Start */

.lucknow-service-section{
background:#000;
padding:40px 0;
color:#fff;
}


.lucknow-service-badge{
display:inline-block;
padding:6px 18px;
border-radius:30px;
background:linear-gradient(90deg,#ff4da6,#dc72c5);
font-size:13px;
font-weight:600;
margin-bottom:20px;
}


.lucknow-service-title{
font-size:48px;
font-weight:700;
margin-bottom:15px;
}

.lucknow-service-title span{
color:#dc72c5;
}


.lucknow-service-sub{
color:#cfcfcf;
max-width:700px;
margin:auto;
line-height:1.7;
font-size:16px;
}


/* Points Row */

.lucknow-service-points{
margin-top:50px;
}

.lucknow-point{
background:#111;
border:1px solid rgba(255,255,255,0.08);
padding:18px 25px;
border-radius:40px;
text-align:center;
font-size:16px;
color:#fff;
margin-bottom:20px;
transition:0.3s;
}

.lucknow-point:hover{
background:rgba(220,114,197,0.15);
border-color:#dc72c5;
}



.lucknow-service-card{
background:#0c0c0c;
border-radius:20px;
padding:30px;
border:1px solid rgba(255,255,255,0.05);
transition:0.4s;
height:100%;
}

.lucknow-service-card h4{
color:#dc72c5;
font-size:22px;
margin-bottom:15px;
font-weight:600;
}

.lucknow-service-card p{
color:#cfcfcf;
line-height:1.7;
font-size:15px;
}

.lucknow-service-card:hover{
transform:translateY(-6px);
border-color:#dc72c5;
box-shadow:0 20px 40px rgba(0,0,0,0.6);
}


/* Mobile Responsive */

@media(max-width:768px){

.lucknow-service-title{
font-size:28px;
}

.lucknow-service-sub{
font-size:14px;
padding:0 10px;
}

.lucknow-point{
font-size:14px;
}

}

/* Lucknow Service Highlight CSS End */




/* Lucknow Gurugram Content CSS Start */

.lucknow-gurugram-section{
background:#10100f;
padding:40px 0;
color:#fbf8f8;
}


.lucknow-gurugram-image img{
width:100%;
border-radius:20px;
box-shadow:0 10px 40px rgba(211, 199, 199, 0.4);
}


.lucknow-gurugram-content{
padding-left:30px;
}


.lucknow-gurugram-title{
font-size:48px;
font-weight:800;
line-height:1.2;
margin-bottom:25px;
}

.lucknow-gurugram-title span{
display:block;
color:#dc72c5;
}


.lucknow-gurugram-content p{
font-size:15px;
line-height:1.8;
margin-bottom:18px;
color:#f6f2f5;
}


/* Mobile Responsive */

@media(max-width:768px){

.lucknow-gurugram-title{
font-size:28px;
}

.lucknow-gurugram-content{
padding-left:0;
margin-top:25px;
}

}

/* Lucknow Gurugram Content CSS End */





/* Lucknow Companion CSS Start */

.lucknow-companion-section{
background:linear-gradient(135deg,#0c0c0c,#080808);
padding:40px 0;
color:#fff;
}


.lucknow-companion-content{
padding-right:40px;
}


.lucknow-companion-badge{
font-size:13px;
letter-spacing:2px;
color:#dc72c5;
font-weight:600;
margin-bottom:15px;
display:inline-block;
}


.lucknow-companion-title{
font-size:46px;
font-weight:700;
line-height:1.2;
margin-bottom:20px;
}

.lucknow-companion-title span{
display:block;
color:#dc72c5;
}


.lucknow-companion-text{
font-size:15px;
line-height:1.8;
color:#f1f1f1;
margin-bottom:25px;
}


.lucknow-companion-list{
list-style:none;
padding:0;
margin-bottom:30px;
}

.lucknow-companion-list li{
margin-bottom:10px;
font-size:15px;
}


.lucknow-companion-buttons a{
display:inline-block;
padding:12px 30px;
border-radius:40px;
text-decoration:none;
font-weight:600;
margin-right:12px;
transition:0.3s;
}


.lucknow-book-btn{
background:#dc72c5;
color:#fff;
}

.lucknow-book-btn:hover{
background:#dc72c5;
color:#fff;
}


.lucknow-profile-btn{
border:2px solid #dc72c5;
color:#dc72c5;
}

.lucknow-profile-btn:hover{
background:#dc72c5;
color:#fff;
}


.lucknow-companion-image img{
width:100%;
border-radius:22px;
box-shadow:0 15px 45px rgba(0,0,0,0.5);
}


/* Mobile Responsive */

@media(max-width:768px){

.lucknow-companion-content{
padding-right:0;
margin-bottom:30px;
}

.lucknow-companion-title{
font-size:30px;
}

}

/* Lucknow Companion CSS End */



/* Lucknow Escort Rates CSS Start */

.lucknow-rates-section{
background:#000;
padding:40px 0;
color:#fff;
}

.lucknow-rates-title{
font-size:46px;
font-weight:700;
}

.lucknow-rates-title span{
color:#dc72c5;
}

.lucknow-rates-sub{
color:#cfcfcf;
max-width:700px;
margin:auto;
}

.lucknow-rates-table-wrap{
margin-top:40px;
background:#0b0b0b;
padding:20px;
border-radius:16px;
}


.lucknow-rates-table{
width:100%;
border-collapse:collapse;
background:#fff;
border-radius:10px;
overflow:hidden;
}

.lucknow-rates-table th{
color:#ff2d2d;
padding:18px;
text-align:center;
}

.lucknow-rates-table td{
padding:18px;
color:#000;
text-align:center;
}


.lucknow-price{
color:#f5b342;
font-weight:600;
}


.lucknow-vip-row{
background:linear-gradient(90deg,#fff6fb,#ffe4f2);
}

.lucknow-vip-row .lucknow-price{
color:#dc72c5;
font-weight:700;
}

/* MOBILE FIX */

@media(max-width:768px){

.lucknow-rates-table thead{
display:none;
}

.lucknow-rates-table,
.lucknow-rates-table tbody,
.lucknow-rates-table tr,
.lucknow-rates-table td{
display:block;
width:100%;
}

.lucknow-rates-table tr{
background:#fff;
margin-bottom:15px;
border-radius:10px;
padding:10px;
}

.lucknow-rates-table td{
text-align:right;
position:relative;
padding-left:50%;
}

.lucknow-rates-table td::before{
content:attr(data-label);
position:absolute;
left:15px;
font-weight:600;
color:#ff2d2d;
text-align:left;
}

}

/* Lucknow Escort Rates CSS End */




/* Lucknow FAQ CSS Start */

.lucknow-faq-section{
background:#050b1b;
padding:40px 0;
}


.lucknow-faq-title{
font-size:46px;
font-weight:700;
color:#fafaf8;
}

.lucknow-faq-title span{
color:#dc72c5;
}



.lucknow-faq-item{
background:#000;
border:1px solid #dc72c5;
border-radius:14px;
margin-bottom:15px;
overflow:hidden;
}


.lucknow-faq-btn{
background:#000;
color:#faf8f5;
font-weight:600;
padding:18px 20px;
box-shadow:none;
}


.lucknow-faq-btn:not(.collapsed){
background:#111;
color:#fff;
}


.lucknow-faq-btn::after{
filter:invert(1);
}


.lucknow-faq-body{
background:#0b0b0b;
color:#d1d1d1;
padding:20px;
line-height:1.7;
}



.lucknow-faq-item:hover{
border-color:#ff2d6f;
box-shadow:0 0 20px rgba(220,114,197,0.4);
}


/* Mobile */

@media(max-width:768px){

.lucknow-faq-title{
font-size:28px;
}

.lucknow-faq-btn{
font-size:14px;
padding:15px;
}

}

/* Lucknow FAQ CSS End */




/* Lucknow Cities CSS Start */

.lucknow-cities-section{
background:linear-gradient(135deg,#050b1b,#02060f);
padding:80px 0;
color:#dc72c5;
}


.lucknow-cities-title{
font-size:46px;
font-weight:700;
margin-bottom:15px;
color:rgb(248, 245, 247);
}

.lucknow-cities-title span{
color:#dc72c5;
}


.lucknow-cities-sub{
color:#cfcfcf;
max-width:750px;
margin:auto;
font-size:16px;
line-height:1.7;
}


.lucknow-cities-heading{
font-size:28px;
font-weight:700;
margin-bottom:25px;
color:#fff;
}



.lucknow-cities-list{
display:flex;
flex-wrap:wrap;
gap:18px;
}


.lucknow-city-btn{
display:inline-block;
padding:12px 22px;
border-radius:30px;
border:2px solid #dc72c5;
color:#faf7f9;
text-decoration:none;
font-weight:600;
transition:0.3s;
background:transparent;
}

.lucknow-city-btn:hover{
background:#dc72c5;
color:#fff;
box-shadow:0 0 20px rgba(220,114,197,0.6);
}



.lucknow-location-list{
display:flex;
flex-wrap:wrap;
gap:18px;
}


.lucknow-location-btn{
display:inline-block;
padding:10px 20px;
border-radius:30px;
border:1px solid #fefbfc;
color:#fff;
text-decoration:none;
font-weight:500;
transition:0.3s;
}

.lucknow-location-btn:hover{
background:#dc72c5;
color:#000;
box-shadow:0 0 20px rgba(245,201,76,0.5);
}


/* Mobile */

@media(max-width:768px){

.lucknow-cities-title{
font-size:28px;
}

.lucknow-cities-heading{
font-size:22px;
}

.lucknow-city-btn,
.lucknow-location-btn{
font-size:14px;
padding:10px 16px;
}

}

/* Lucknow Cities CSS End */




/* Lucknow Footer CSS Start */

.lucknow-footer-new{
background:#020817;
padding:70px 0 30px;
color:#fff;
position:relative;
}


.lucknow-footer-new::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#dc72c5,#dc72c5,#dc72c5);
}



.lucknow-footer-brand{
font-size:34px;
font-weight:700;
margin-bottom:15px;
}

.lucknow-footer-brand span{
color:#dc72c5;
}



.lucknow-footer-desc{
color:#cfcfcf;
line-height:1.7;
font-size:15px;
margin-bottom:20px;
}



.lucknow-footer-tags span{
display:inline-block;
border:1px solid #dc72c5;
color:#dc72c5;
padding:6px 14px;
border-radius:30px;
font-size:12px;
margin-right:8px;
}



.lucknow-footer-title{
font-size:18px;
margin-bottom:18px;
font-weight:600;
color:#dc72c5;
}



.lucknow-footer-menu{
list-style:none;
padding:0;
margin:0;
}

.lucknow-footer-menu li{
margin-bottom:10px;
}

.lucknow-footer-menu a{
color:#d1d1d1;
text-decoration:none;
position:relative;
transition:0.3s;
}



.lucknow-footer-menu a::after{
content:"";
position:absolute;
bottom:-4px;
left:0;
width:0;
height:2px;
background:#dc72c5;
transition:0.3s;
}

.lucknow-footer-menu a:hover{
color:#fff;
}

.lucknow-footer-menu a:hover::after{
width:100%;
}



.lucknow-contact-info{
list-style:none;
padding:0;
color:#cfcfcf;
}

.lucknow-contact-info li{
margin-bottom:10px;
}



.lucknow-footer-social a{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
border-radius:50%;
background:#111;
border:1px solid #dc72c5;
color:#dc72c5;
margin-right:8px;
text-decoration:none;
transition:0.3s;
}

.lucknow-footer-social a:hover{
background:#dc72c5;
color:#fff;
box-shadow:0 0 15px rgba(220,114,197,0.6);
}



.lucknow-footer-divider{
border-color:rgba(255,255,255,0.08);
margin:40px 0 20px;
}



.lucknow-footer-note{
text-align:center;
font-size:13px;
color:#cfcfcf;
margin-bottom:10px;
}



.lucknow-footer-copy{
text-align:center;
font-size:14px;
color:#cfcfcf;
}


/* Mobile */

@media(max-width:768px){

.lucknow-footer-new{
text-align:center;
}

}

/* Lucknow Footer CSS End */





/* Right Side Floating Buttons */

.floating-contact {
  position: fixed;
  right: 15px;
  bottom: 90px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

.whatsapp-btn,
.call-btn {
  height: 45px;
  width: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.4);
}

.whatsapp-btn {
  background: #0cbb4f;
}

.call-btn {
  background: #ff1182;
}



.bottom-telegram {
  position: fixed;
  bottom: 5px;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
}

.bottom-telegram a {
  background: #fff;
  border-radius: 12px;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 350px;
  width: 95%;
  justify-content: center;
  background: #0c1114;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
}


/* Floating Contact Buttons */

.floating-contact {
  position: fixed;
  right: 15px;
  bottom: 90px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

.whatsapp-btn,
.call-btn {
  height: 45px;
  width: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.4);
}

.whatsapp-btn {
  background: #0cbb4f;
}

.call-btn {
  background: #ff1182;
}

.bottom-telegram {
  position: fixed;
  bottom: 5px;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
}

.bottom-telegram a {
  background: #0c1114;
  color: #fff;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 350px;
  width: 95%;
  justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
}