:root{
    --brand-teal:#0f7992;/* from visiting card */
    --brand-orange:#c96d2d;/* from visiting card */
    --brand-dark:#1a1f2b;
  }
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

  body{font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Inter,Helvetica,Arial,sans-serif;color:#212529}

  .navbar{box-shadow:0 8px 30px rgba(0,0,0,.08)}
  .navbar-brand span{font-weight:800;letter-spacing:.4px}
  .badge-brand{background:linear-gradient(135deg,var(--brand-orange),var(--brand-teal));}
  .btn-brand{background:linear-gradient(135deg,var(--brand-teal),var(--brand-orange));border:0}
  .btn-brand:hover{filter:brightness(1.05)}
  .hero{background: radial-gradient(1200px 400px at 20% 0%, rgba(15,121,146,.12), transparent),
                  radial-gradient(1000px 600px at 80% 20%, rgba(201,109,45,.12), transparent),
                  linear-gradient(180deg,#fff, #f7fafb);}
  .hero .display-5{font-weight:800;color:var(--brand-dark)}
  .hero .lead{color:#4b5563}
  .feature-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:1rem;background:rgba(15,121,146,.1);color:var(--brand-teal)}
  .card{border:0;box-shadow:0 10px 30px rgba(0,0,0,.06)}
  .section-label{font-size:.85rem;font-weight:700;color:var(--brand-teal);letter-spacing:.12em;text-transform:uppercase}
  .wave{position:absolute;inset:auto 0 -1px 0;height:80px;background:linear-gradient(180deg,transparent, rgba(15,121,146,.06));clip-path:path("M0,32 C120,64 240,0 360,32 C480,64 600,32 720,32 C840,32 960,64 1080,32 L1080,80 L0,80 Z");}
  .pill{border-radius:999px}
  .whatsapp-floating{position:fixed;right:18px;bottom:18px;z-index:1000}
  footer{background:#0b1320;color:#b9c1d3}
  footer a{color:#fff;text-decoration:none}
  .smallprint{opacity:.8}




        /* Topbar styling */
        .topbar{background:linear-gradient(90deg,var(--brand-teal),var(--brand-orange));color:#fff}
        .topbar a{color:#fff;text-decoration:none}
    
        /* Banner / carousel styling */
        .banner .carousel-item{position:relative}
        .banner-slide{height:60vh;min-height:360px;background-size:cover;background-position:center}
        .banner .carousel-item::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.35))}
        .banner .carousel-caption{bottom:20%;text-shadow:0 10px 30px rgba(0,0,0,.6)}
        @media (max-width: 767px){
          .banner-slide{height:42vh;min-height:280px}
          .banner .carousel-caption{bottom:12%}
        }


        /* Services (unique classes) */
.svc-card {}
.svc-media {}
.svc-img {
  height: 160px;
  object-fit: cover;
  transition: transform .35s;
}
.svc-card:hover .svc-img {
  transform: scale(1.05);
}
.svc-badge {
  background: linear-gradient(135deg, var(--brand-teal), var(--brand-orange));
}






/* Floating Call Button (stacked above WhatsApp) */
.call-floating{
    position: fixed;
    right: 16px;
    bottom: 99px; /* sits above the WhatsApp button */
    z-index: 1080;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
  }
  









  /* Video section */
.vid-card .vid-thumb { position: relative; border-radius: 1rem; overflow: hidden; }
.vid-card .vid-img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.vid-card:hover .vid-img { transform: scale(1.03); }

.vid-playbtn {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 64px; height: 64px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--brand-teal), var(--brand-orange));
  color: #fff; font-size: 2rem; box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}
.vid-card:hover .vid-playbtn { transform: translate(-50%, -50%) scale(1.06); box-shadow: 0 14px 34px rgba(0,0,0,.35); }

#videoModal .modal-content { border-radius: 1rem; }
#callme {
    position: fixed;
    right: 15px;
    top: 190px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    opacity: 0.8;
    z-index: 9999;
}
#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: rgb(207,8,8);
    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);}
}