/* style.css — cleaned version (site utilities + components) */

:root{
  --color-white:#fff;
  --color-semi-ash:#777;
  --hover-shadow: 0px 8px 21px rgba(0,0,0,0.1);
  --primary-shadow: 0px 2px 8px rgba(0,0,0,0.1);
}

/* Base body */
body{
  background-color:var(--color-white);
  font-size:15px;
  color:var(--color-semi-ash);
  margin:0;
  font-family: 'Roboto', sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}

/* Buttons */
.beauty-btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 28px; border-radius:24px; background:#333; color:#fff; font-weight:700; text-transform:uppercase;}
.xs-btn{ padding:10px 22px; border-radius:25px; background:#6A1B9A; color:#fff; }

/* hover utilities */
.hover { overflow:hidden; position:relative; }

/* carousel caption rounded image */
.bancolround{ border-radius:14px; max-width:100%; display:block; }

/* pulse loop */
.pulse-loop{ animation:pulseEffect 1.8s infinite; }
@keyframes pulseEffect { 0%{ transform:scale(1)} 50%{ transform:scale(1.03) } 100%{ transform:scale(1) } }

#carouselExampleCaptions {
  margin-top: -100px; /* adjust this value to match navbar height */
  z-index: 1;
  position: relative;
}
/* small responsive tweaks */
@media (max-width:768px){
  .carousel-caption.glass-premium{ width:70%; left:50%; transform:translateX(-50%); top:18% !important; }
  .topbar{ padding:10px !important; flex-direction:column; gap:6px; text-align:center; }
}