*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --brand:#6f5bff;
    --brand-2:#a86bff;
    --ink:#1e1e2b;
    --muted:#6b7280;
    --bg:#f7f7fb;
  }
  body{font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; color:var(--ink); background:var(--bg)}
  .navbar{backdrop-filter:saturate(1.6) blur(10px)}
  .nav-link{font-weight:600}
  .btn-brand{background:linear-gradient(45deg,var(--brand),var(--brand-2)); border:none; color:#fff}
  .btn-brand:hover{filter:brightness(0.95); color:#fff}
  .hero{position:relative; overflow:hidden; background:
    radial-gradient(1200px 600px at -20% -10%, rgba(168,107,255,.20), transparent 60%),
    radial-gradient(1000px 500px at 120% 10%, rgba(111,91,255,.20), transparent 60%),
    linear-gradient(180deg,#ffffff, #f4f3ff 40%, #f9f7ff 100%)}
  .hero-blob{position:absolute; inset:auto -10% -20% auto; width:60vw; height:60vw; background:radial-gradient(circle at 30% 30%, rgba(111,91,255,.25), transparent 50%); filter:blur(40px); pointer-events:none}
  .glass{background:rgba(255,255,255,.7); box-shadow:0 10px 30px rgba(0,0,0,.06); border:1px solid rgba(111,91,255,.15); backdrop-filter: blur(8px)}
  .section-title span{display:inline-block; padding:.35rem .75rem; border-radius:999px; background:rgba(111,91,255,.1); color:var(--brand); font-weight:700; font-size:.85rem}
  .card-pricing{transition:transform .2s ease, box-shadow .2s ease}
  .card-pricing:hover{transform:translateY(-4px); box-shadow:0 14px 40px rgba(111,91,255,.18)}
  .tick i{color:var(--brand)}
  .rating i{color:#f7b500}
  .footer a{color:inherit}
  .shadow-soft{box-shadow:0 6px 24px rgba(0,0,0,.06)}
  .divider{height:1px; background:linear-gradient(90deg, transparent, rgba(111,91,255,.35), transparent)}
  .bg-dim{background:#0f1020; color:#e9e9ff}
  .mapframe{border:0; width:100%; height:360px; border-radius:1rem}
  .wavy{position:relative}
  .wavy:after{content:""; position:absolute; left:0; bottom:-8px; width:100px; height:8px; background:linear-gradient(90deg,var(--brand),transparent); border-radius:8px}
  .btn-outline-brand{border-color:var(--brand); color:var(--brand)}
  .btn-outline-brand:hover{background:var(--brand); color:#fff}
  /* Reduce carousel height */
#slider .carousel-item img {
  height: 100vh;      /* adjust: 50vh for shorter, 70vh for taller */
  object-fit: cover; /* keeps images cropped nicely */
}


#slider .carousel-caption {
  bottom: 15%;       /* move captions higher */
  font-size: 0.95rem;
}


.video-container {
    width: 100%;
    margin: 0; /* Optional: reset default margin */
    padding: 0; /* Optional: reset default padding */
}

.video-container video {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove any inline-block spacing */
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; Optional: to center vertically as well */
  }
  .image-fluid {
    max-width: 100%;
    height: auto;
  }


  #callme {
    position: fixed;
    right: 10px;
    bottom: 100px;
    width: 70px;
    height: 70px;
    cursor: pointer;
/*    top:266px;*/
    z-index: 999999999;
}
#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(29, 209, 59);
    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("../assests/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);}
}


.whatsup {
    position: fixed;
    left: 20px;
    width: 50px;
    bottom: 41px;
    z-index: 99;
}