body {background-color: #f5fbfd;margin: 0;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;}
h2{font-size:2rem;font-weight: 700;}
.navbar {background: #ffffff;box-shadow: 0 4px 12px rgba(0, 200, 255, 0.1);transition: all 0.3s ease-in-out;}
.navbar-brand {display: flex;align-items: center;font-weight: 700;font-size: 1.5rem;color: #004c6d;}
.navbar-brand span {color: #00c4cc;}
.nav-link {font-weight: 500;color: #2a2e35 !important;transition: color 0.2s ease-in-out;}
.nav-link:hover {color: #00bcd4 !important;}
.btn-gradient {background: linear-gradient(135deg, #00bcd4, #008cba);color: white;font-weight: 600;border: none;border-radius: 50px;padding: 8px 20px;transition: background 0.3s ease-in-out;}
.btn-gradient:hover {background:linear-gradient(135deg, #024b81, #1f9def); color:#fff;}
.navbar-toggler {border: none;}
.navbar-toggler:focus {box-shadow: none;}
.hero-section {background: linear-gradient(145deg, #f0fbff, #e2f3f7);overflow: hidden;position: relative;}
.btn-gradient {background: linear-gradient(135deg, #00bcd4, #008cba);color: #fff;font-weight: 600;border-radius: 50px;padding: 10px 26px;transition: 0.4s ease-in-out;}
.btn-gradient:hover {background: linear-gradient(135deg, #008cba, #00bcd4);box-shadow: 0 8px 20px rgba(0, 188, 212, 0.3);}
.btn-outline-dark {border-radius: 50px;font-weight: 600;padding: 10px 26px;transition: 0.3s;}
.btn-outline-dark:hover {background-color: #2c2c2c;color: #fff;}
.hero-img {transition: transform 0.4s ease-in-out;}
.floating {animation: float 4s ease-in-out infinite;}
@keyframes float {0%,100% {transform: translateY(0);}50% {transform: translateY(-12px);}}
.shadow-sm:hover {transform: translateY(-5px);transition: all 0.3s ease;box-shadow: 0 12px 24px rgba(0, 188, 212, 0.15);}
section h2 {font-size: 2rem;}
footer h5,footer h6 {color: #00394f;}
footer a:hover {color: #00bcd4 !important;}
footer input:focus {box-shadow: none;border-color: #00bcd4;}
.btn-teal {background-color: #00c4cc;border: none;}
.btn-teal:hover {background-color: #00a6ab;}
.accordion-button:not(.collapsed) {background-color: #e7f9fd;color: #004c6d;border-left: 4px solid #00bcd4;}
.faq-btn {padding: 10px 20px;border: 2px solid transparent;border-radius: 30px;font-weight: 500;background: linear-gradient(to right, #f2fafe, #f2fafe);color: #004c6d;transition: all 0.3s ease-in-out;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.faq-btn:hover {background: linear-gradient(to right, #00bcd4, #008cba);color: white;box-shadow: 0 4px 12px rgba(0, 188, 212, 0.2);}
.faq-btn.active {background: linear-gradient(to right, #00bcd4, #008cba);color: white;box-shadow: 0 4px 12px rgba(0, 188, 212, 0.2);}
/* Accordion Container */
#faqAccordion .accordion-item {background-color: #ffffff;border-radius: 16px;border: none;box-shadow: 0 6px 18px rgba(0, 188, 212, 0.08);transition: all 0.3s ease-in-out;}
/* Header Button */
#faqAccordion .accordion-button {background-color: transparent;font-size: 1.05rem;font-weight: 600;padding: 18px 24px;border-radius: 16px;color: #004c6d;box-shadow: none;transition: all 0.3s ease-in-out;}
/* On Open */
#faqAccordion .accordion-button:not(.collapsed) {background: linear-gradient(to right, #e0f8fa, #f1fcfe);color: #007c91;border-left: 4px solid #00bcd4;}
/* Remove default icon shadow */
#faqAccordion .accordion-button:focus {box-shadow: none;}
/* Accordion Body */
#faqAccordion .accordion-body {padding: 16px 24px 24px;color: #4a4f55;line-height: 1.6;}
/* Arrow Icon */
#faqAccordion .accordion-button::after {transition: transform 0.3s ease-in-out;}
#faqAccordion .accordion-button:not(.collapsed)::after {transform: rotate(-180deg);}
.menuSec{display: flex;align-items: center;gap: 10px;}
@media (max-width: 768px) {
#faqAccordion .accordion-button {font-size: 0.95rem;padding: 16px 20px;}
#faqAccordion .accordion-body {padding: 14px 20px 20px;}}
@media screen and (min-width:200px) and (max-width:991px){
.menubox{top: 0;left:-200px;position: fixed;background: #fff;/* right: 0; */padding: 30px;box-shadow: 0 0 10px #0000004a;bottom: 0;margin: 0 !important;-webkit-transition: all .1s; transition: all .1s;}   
.container, .container-sm {max-width: 100%;}
.menuSec{margin-left: auto;}
.menubox.show {left: 0;}}
/* Footer container */
.ol-footer{position: relative;background:radial-gradient(900px 420px at 110% -10%, rgba(0,196,204,.08), transparent 60%),linear-gradient(180deg, var(--ol-bg1), #ffffff);}
/* Titles, text, links */
.ol-footer-title{color: var(--ol-ink);font-weight: 800;letter-spacing: .01em;}
.ol-footer-text{ color: var(--ol-muted); }
.ol-footer-link{color: #57748a;text-decoration: none;transition: color .18s ease, text-decoration-color .18s ease;}
.ol-footer-link:hover{ color: var(--ol-navy); text-decoration: underline; }
/* Subtle separators */
.ol-footer-sep{ color:#c9d6e2; margin-inline: .6rem; }
/* Brand image polish */
.ol-footer-brand img{display:block;filter: drop-shadow(0 6px 16px rgba(0,76,109,.12));}
/* Newsletter */
.ol-newsletter{ max-width: 520px; }
.ol-newsletter-input{border-radius: 999px;border-color: #e1e8f0;padding: .7rem 1rem;flex: 1 1 220px;}
.ol-newsletter-input:focus{border-color: var(--ol-cyan);box-shadow: 0 0 0 .2rem rgba(0,196,204,.18);}
/* Subscribe button (footer-only variant) */
.btn-ol-footer{border: none;border-radius: 999px;font-weight: 800;letter-spacing: .02em;background: linear-gradient(135deg, var(--ol-cyan), #06b0c7);color: #05344a;box-shadow: 0 10px 22px rgba(0,196,204,.18);transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;}
.btn-ol-footer:hover{transform: translateY(-1px);box-shadow: 0 14px 28px rgba(0,196,204,.26);filter: brightness(1.02);}
.btn-ol-footer:active{transform: translateY(0);box-shadow: 0 8px 18px rgba(0,196,204,.18);}
/* Bottom bar */
.ol-footer-bottom{border-top: 1px solid #e6eef4;margin-top: 36px;padding-top: 18px;}
/* Trusted by */
.ol-logos img{ opacity:.8; filter:grayscale(100%); transition:opacity .2s, filter .2s; }
.ol-logos img:hover{ opacity:1; filter:grayscale(0%); }

/* Stats band */
.ol-stat-band{background: radial-gradient(800px 360px at 110% -10%, rgba(0,196,204,.10), transparent 55%),linear-gradient(180deg, var(--ol-bg1), #fff);border-top:1px solid #eaf1f6; border-bottom:1px solid #eaf1f6;}
.ol-stat-band h4{ color: var(--ol-navy); font-weight: 900; }
.ol-stat-band small{ color: var(--ol-muted); }

/* Dark glass (reuses what we added earlier) */
.ol-glass-dark{
position:relative; color:#fff;
background: linear-gradient(160deg, rgba(0,76,109,.92), rgba(0,196,204,.45));
border:1px solid rgba(255,255,255,.20); border-radius:20px;
backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
box-shadow:0 18px 48px rgba(11,34,57,.16); overflow:hidden;
}
.ol-glass-dark::before{
content:""; position:absolute; inset:0;
background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
background-size:26px 26px; opacity:.18; pointer-events:none;
}

/* Testimonials */
/* ===== Testimonials ===== */
.ol-testi{ position:relative; }
.ol-testi .carousel-inner{ padding-bottom: 36px; } /* space for indicators */

/* Card */
.ol-tcard{
  max-width: 760px;
  border: 1px solid #e6eef4;
  border-radius: 20px;
  box-shadow: 0 14px 36px rgba(11,34,57,.10);
  background: #fff;
  position: relative;
}

/* Quote text + decorative mark */
.ol-quote{
  color:#5b6b7b;
  font-size: 1.05rem;
  line-height: 1.6;
  position: relative;
  padding: 6px 6px 6px 0;
}
.ol-quote::before{
  content: "“";
  position:absolute; left:-6px; top:-10px;
  font-size: 3rem; line-height:1; font-weight: 900;
  background: linear-gradient(135deg, var(--ol-navy), var(--ol-cyan));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  opacity:.15;
}

/* Avatar ring */
.ol-tavatar{
  box-shadow: 0 8px 18px rgba(0,76,109,.18);
  border: 3px solid #fff;
}

/* Controls */
.ol-testi-nav{
  width:48px; height:48px; top:50%; transform: translateY(-50%);
}
.ol-testi .carousel-control-prev-icon,
.ol-testi .carousel-control-next-icon{
  filter: invert(1) grayscale(1); /* dark-on-light */
}
.ol-testi .carousel-control-prev,
.ol-testi .carousel-control-next{
  opacity: .9;
}
.ol-testi .carousel-control-prev:hover,
.ol-testi .carousel-control-next:hover{
  opacity: 1;
}

/* Indicators (brand pills) */
.ol-testi-indicators [data-bs-target]{
  width: 10px; height: 10px; border-radius: 999px;
  background: rgba(0,196,204,.35);
  border: 0; margin: 0 6px;
  transition: width .22s ease, background .22s ease, opacity .22s ease;
}
.ol-testi-indicators .active{
  width: 26px; background: var(--ol-cyan);
}



/* CTA band */
.ol-cta-band{
  background: linear-gradient(90deg, var(--ol-cyan), #06b0c7);
}
.ol-cta-band .btn-ol{
  background: #fff; color:#05344a; box-shadow:0 10px 22px rgba(255,255,255,.25);
}
/* Security illustration polish */
.ol-security-ill{
  max-height: 360px;
  filter: drop-shadow(0 14px 32px rgba(0,196,204,.28));
  border-radius: 12px; /* remove if you prefer square */
}
/* Align icons + text neatly */
.ol-security-list li{
  display: flex;
  align-items: center;
}
.btn {font-size: 16px;}
.titlebrk span {display: block;}
.product-card {background: #fff;border-radius: 16px;padding: 25px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;border-top: 4px solid transparent;    height: 100%;}
.product-desc {font-size: 15px;color: #666;margin-bottom: 20px;line-height: 1.6;}
.product-title h3{font-size: 20px;font-weight: 600;margin-bottom: 12px;color: #222;}
.product-features {list-style: none;padding: 0;margin: 0;}
.product-features li {font-size: 15px;color: #444;margin-bottom: 10px;display: flex;align-items: center;gap: 8px;}
.product-footer {margin-top: 20px;display: flex;gap: 10px;flex-wrap: wrap;justify-content: space-between;}
.product-features li i {font-size: 18px;color: #06b6d4;}
.product-title {text-align:center;border-bottom: 1px solid #d3cece;padding-bottom: 10px;margin-bottom: 10px;}
/* Small screen tweaks */
@media (max-width: 575.98px){
  .ol-quote{ font-size: 1rem; }
}
@media (max-width: 767.98px){
  .ol-security-ill{ max-height: 280px; }
}