/* ====== Core Theme ====== */
:root{
  --brand:#e91e63;         /* accent pink */
  --brand-2:#ff9800;       /* warm orange */
  --dark:#0d0d0f;
  --light:#f7f7fb;
}
html{scroll-behavior:smooth;}
body{
  font-family:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#222;
}
.topbar{background:linear-gradient(90deg,var(--brand),var(--brand-2));}
.navbar{background:#141418;}
.navbar .brand-mark{font-family:'Great Vibes', cursive; font-size:1.75rem; color:var(--brand-2);}
.navbar .brand-dhol{font-family:'Bebas Neue', sans-serif; letter-spacing:2px; font-size:1.8rem; color:#fff;}
.navbar .nav-link{color:#d6d6d6;}
.navbar .nav-link.active, .navbar .nav-link:hover{color:#fff;}

.section-padding{padding:80px 0;}
.section-title{font-weight:800; letter-spacing:0.5px; margin-bottom:20px;}
.section-title span{color:var(--brand); font-family:'Bebas Neue'; letter-spacing:1px;}

.btn-accent{background:var(--brand); color:#fff; border:none;}
.btn-accent:hover{background:#c2185b; color:#fff;}

/* Hero */
header#hero .banner{
  height:75vh;
  background-size:cover;
  background-position:center;
  filter:grayscale(0.1);
}
header#hero .overlay-gradient{
  background-image: url('../img/image-2.png');
}
header#hero .overlay-gradient-2{
  background-image: url('../img/image-3.png');
}
header#hero .pattern{background-blend-mode:overlay;}
header#hero .carousel-caption{
  bottom:18%;
  text-shadow:0 3px 18px rgba(0,0,0,.65);
}
header#hero .accent{color:var(--brand-2);}

/* Cards */
.service-card, .feature-card{background:#fff; border:1px solid #eee; transition:transform .25s ease, box-shadow .25s ease;}
.service-card:hover, .feature-card:hover{transform:translateY(-8px); box-shadow:0 12px 30px rgba(0,0,0,.12);}
.text-accent{color:var(--brand);}

/* Achievements */
.parallax{
  background:linear-gradient(90deg, rgba(20,20,24,.8), rgba(20,20,24,.9)), url('../img/banner1.jpg') center/cover fixed;
}
.counter-box{padding:20px;}
.counter{font-size:3rem; font-weight:800; color:var(--brand-2);}
.counter-label{opacity:.9;}

/* Gallery */
#gallery .glightbox-clean .gdesc{font-family:'Poppins';}
#gallery img{border-radius:16px; object-fit:cover; width:100%; height:100%;}
.gallery-item{position:relative; overflow:hidden; border-radius:16px; aspect-ratio:1/1;}
.gallery-item::after{content:''; position:absolute; inset:0; background:linear-gradient(transparent, rgba(0,0,0,.55)); opacity:0; transition:.25s;}
.gallery-item:hover::after{opacity:1;}
.gallery-item .zoom{position:absolute; right:10px; bottom:10px; background:rgba(0,0,0,.55); color:#fff; border-radius:50%; width:38px; height:38px; display:grid; place-items:center;}



/* Videos */
#video {
  background: radial-gradient(circle at center, #1a1a1d, #0c0c0e);
  position: relative;
}
#video .video-card iframe {
  border: none;
  transition: transform .3s ease;
}
#video .video-card:hover iframe {
  transform: scale(1.05);
}
#video .video-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(rgba(233, 30, 99, 0.1), rgba(255, 152, 0, 0.05));
  pointer-events: none;
}



/* Contact */
.form-control:focus{border-color:var(--brand); box-shadow:0 0 0 .2rem rgba(233,30,99,.15);}

/* Footer */
.footer{background:#101015;}
.footer-title{font-weight:700; color:#fff;}
.footer-links li{margin:.45rem 0;}
.footer-links a{color:#d6d6d6; text-decoration:none;}
.footer-links a:hover{color:#fff;}
.social-icon{display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; border-radius:10px; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff;}
.footer-bottom{background:#0b0b0e;}

/* Responsive tweaks */
@media (max-width: 991.98px){
  header#hero .banner{height:65vh;}
}
@media (max-width: 575.98px){
  .section-padding{padding:60px 0;}
  header#hero .carousel-caption{bottom:12%;}
}

#callme {
    position: fixed;
    right: 10px;
    top: 190px;
    width: 70px;
    height: 70px;
    cursor: pointer;
   
    z-index: 99990;
}
#callme #callmeMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #4caf50;
    width: 70px;
    height: 70px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
#callme #callmeMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://ss.zadarma.com/callbackWidget/images/mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}
@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}