/* Modern visual upgrade for Bicycle Frames India
   Safe override file: keep original theme files unchanged. */
:root{
  --bf-primary:#0b3d91;
  --bf-primary-2:#1769e0;
  --bf-accent:#ffb703;
  --bf-dark:#08162c;
  --bf-text:#263244;
  --bf-muted:#6b7688;
  --bf-soft:#f4f8ff;
  --bf-card:#ffffff;
  --bf-border:rgba(11,61,145,.11);
  --bf-shadow:0 22px 55px rgba(8,22,44,.11);
  --bf-shadow-soft:0 12px 34px rgba(8,22,44,.08);
}
html{scroll-behavior:smooth;}
body{font-family:Arial,Helvetica,sans-serif;color:var(--bf-text);background:#fff;}
a{transition:all .25s ease;}
img{max-width:100%;}
.page-wrapper{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 44%,#fff 100%);}
.preloader{background:#fff;}
.switch-theme-mode{display:none!important;}

/* Header */
.header-wrap.style1{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(8,22,44,.08);border-bottom:1px solid rgba(11,61,145,.08);}
.header-top{display:none!important;}
.header-bottom{padding:9px 0!important;background:transparent!important;}
.header-bottom .container-fluid{max-width:1320px;}
.logo img{max-height:70px;width:auto;object-fit:contain;}
.header-bottom-right{gap:22px;}
.main-menu{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;}
.main-menu>a,.main-menu li>a{display:inline-flex!important;align-items:center;padding:13px 15px!important;border-radius:999px;color:#15233c!important;font-weight:700;font-size:15px;letter-spacing:.1px;}
.main-menu>a:hover,.main-menu li>a:hover{background:rgba(11,61,145,.08);color:var(--bf-primary)!important;}
.header-bottom-right .btn.style1,.btn.style1{background:linear-gradient(135deg,var(--bf-primary),var(--bf-primary-2));border:0!important;border-radius:999px!important;color:#fff!important;box-shadow:0 13px 26px rgba(11,61,145,.22);font-weight:800;letter-spacing:.2px;}
.btn.style1:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(11,61,145,.28);}
.btn.style2{background:#fff!important;color:var(--bf-primary)!important;border:1px solid rgba(11,61,145,.15)!important;border-radius:999px!important;box-shadow:0 10px 26px rgba(8,22,44,.08);font-weight:800;}
.btn.style2:hover{background:var(--bf-dark)!important;color:#fff!important;transform:translateY(-2px);}
.mobile-menu a{width:44px;height:44px;border-radius:50%;background:var(--bf-primary);color:#fff!important;display:grid;place-items:center;box-shadow:0 12px 25px rgba(11,61,145,.25);}

/* Hero */
.hero-wrap.style2{position:relative;background:radial-gradient(circle at 83% 16%,rgba(255,183,3,.23),transparent 30%),linear-gradient(135deg,#f5f9ff 0%,#eaf3ff 48%,#ffffff 100%)!important;padding:80px 0 55px!important;}
.hero-wrap.style2:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,61,145,.08),transparent 45%);pointer-events:none;}
.hero-slide-item{min-height:560px;display:flex;align-items:center;}
.hero-content{position:relative;z-index:2;padding-left:clamp(15px,4vw,56px);}
.hero-content span{display:inline-flex!important;align-items:center;gap:8px;background:#fff;color:var(--bf-primary)!important;border:1px solid rgba(11,61,145,.12);border-radius:999px;padding:9px 16px;margin-bottom:18px;box-shadow:var(--bf-shadow-soft);font-weight:800;}
.hero-content span:before{content:"";width:9px;height:9px;background:var(--bf-accent);border-radius:50%;box-shadow:0 0 0 6px rgba(255,183,3,.18);}
.hero-content h1{font-size:clamp(44px,6vw,82px)!important;line-height:.98!important;color:var(--bf-dark)!important;letter-spacing:-2.5px;margin-bottom:18px!important;font-weight:900!important;}
.hero-content p{font-size:clamp(18px,2vw,24px)!important;color:var(--bf-muted)!important;max-width:620px;line-height:1.55!important;margin-bottom:30px!important;}
.hero-btn{display:flex;gap:14px;flex-wrap:wrap;}
.hero-img-wrap{position:relative;isolation:isolate;padding:35px;}
.hero-img-wrap:before{content:"";position:absolute;inset:8% 8% 3% 10%;background:linear-gradient(135deg,rgba(11,61,145,.12),rgba(255,183,3,.18));border-radius:44% 56% 54% 46%/45% 43% 57% 55%;z-index:-1;filter:blur(.2px);}
.hero-img-wrap:after{content:"";position:absolute;right:9%;bottom:4%;width:55%;height:18px;background:rgba(8,22,44,.18);filter:blur(20px);border-radius:50%;z-index:-2;}
.hero-img-wrap img{filter:drop-shadow(0 28px 34px rgba(8,22,44,.20));transform:scale(1.03);}
.hero-one-pagination .swiper-pagination-bullet{width:12px!important;height:12px!important;background:rgba(11,61,145,.28)!important;opacity:1!important;}
.hero-one-pagination .swiper-pagination-bullet-active{width:36px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--bf-primary),var(--bf-accent))!important;}

/* Sections */
.bg-albastor,.home-products-wrap,.frame-details-wrap{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;}
.pt-100{padding-top:82px!important;}.pb-75{padding-bottom:70px!important;}.pb-70{padding-bottom:62px!important;}
.section-title span,.content-title span{color:var(--bf-primary)!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.section-title h2,.content-title h2{color:var(--bf-dark)!important;font-weight:900!important;letter-spacing:-1.25px;line-height:1.12!important;}
.section-title p,.content-title p{color:var(--bf-muted)!important;line-height:1.75!important;}
.section-title.style1{max-width:820px;margin-left:auto;margin-right:auto;position:relative;}
.section-title.style1 h2:after{content:"";display:block;width:78px;height:4px;background:linear-gradient(90deg,var(--bf-primary),var(--bf-accent));border-radius:999px;margin:17px auto 0;}

/* Product cards */
.member-card.style2{position:relative;background:var(--bf-card)!important;border:1px solid var(--bf-border)!important;border-radius:24px!important;overflow:hidden;box-shadow:var(--bf-shadow-soft);padding:16px 16px 20px!important;margin-bottom:30px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;min-height:100%;}
.member-card.style2:hover{transform:translateY(-8px);box-shadow:var(--bf-shadow);border-color:rgba(11,61,145,.25)!important;}
.member-card.style2:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--bf-primary),var(--bf-primary-2),var(--bf-accent));}
.member-card.style2 img{display:block;width:100%;height:230px;object-fit:contain;background:linear-gradient(180deg,#f5f8ff,#fff);border-radius:18px;padding:12px;margin-bottom:14px;transition:transform .28s ease;}
.member-card.style2:hover img{transform:scale(1.04);}
.member-card.style2 h6{font-size:17px!important;line-height:1.45!important;color:var(--bf-dark)!important;font-weight:900!important;margin:0!important;}
ul.pricing-feature{margin:11px 0 0!important;padding:0!important;}
ul.pricing-feature li{position:relative;margin:7px 0!important;padding-left:24px!important;color:#526071!important;font-size:14px!important;line-height:1.45!important;}
ul.pricing-feature li:before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;background:rgba(11,61,145,.1);color:var(--bf-primary);font-size:12px;line-height:17px;text-align:center;font-weight:900;}
ul.pricing-feature li.unchecked:before{content:"•";background:rgba(255,183,3,.18);color:#b37700;}

/* Breadcrumb / inner pages */
.breadcrumb-wrap{position:relative;overflow:hidden;background-image:linear-gradient(135deg,rgba(8,22,44,.82),rgba(11,61,145,.72)),url('../img/breadcrumb/br-bg-1.jpg')!important;background-size:cover!important;background-position:center!important;border-radius:0 0 34px 34px;padding:105px 0 90px!important;}
.breadcrumb-wrap:after{content:"";position:absolute;inset:auto 7% -80px auto;width:300px;height:300px;border-radius:50%;background:rgba(255,183,3,.18);filter:blur(24px);}
.breadcrumb-title h2,.breadcrumb-title h1{color:#fff!important;font-weight:900!important;letter-spacing:-1px;}
.breadcrumb-menu li,.breadcrumb-menu li a{color:rgba(255,255,255,.88)!important;font-weight:700;}
.frame-details-wrap .member-card.style2 img{height:300px;}

/* Content blocks */
.about-wrap,.why-choose-wrap,.testimonial-wrap,.contact-wrap{position:relative;background:#fff;}
.about-img-wrap img,.promo-img img,.content-img img{border-radius:26px;box-shadow:var(--bf-shadow);}
.feature-item,.service-card,.promo-card,.contact-item,.contact-box,.about-feature-item{border-radius:22px!important;border:1px solid var(--bf-border)!important;box-shadow:var(--bf-shadow-soft)!important;background:#fff!important;}

/* Forms */
.form-group input,.form-group textarea,.form-control{border:1px solid rgba(11,61,145,.13)!important;border-radius:16px!important;background:#f8fbff!important;color:var(--bf-dark)!important;box-shadow:none!important;}
.form-group input:focus,.form-group textarea:focus,.form-control:focus{border-color:var(--bf-primary)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(11,61,145,.08)!important;}

/* Footer */
.footer-wrap.style2{position:relative;background:radial-gradient(circle at 15% 18%,rgba(23,105,224,.22),transparent 28%),linear-gradient(135deg,#071225,#0c254f 62%,#08162c)!important;color:#d9e4f7;border-radius:34px 34px 0 0;margin-top:25px;}
.footer-logo img{max-height:78px;width:auto;}
.footer-widget-title{color:#fff!important;font-weight:900!important;position:relative;padding-bottom:13px;}
.footer-widget-title:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--bf-accent),#fff);}
.footer-menu li a,.footer-widget p{color:rgba(255,255,255,.76)!important;}
.footer-menu li a:hover{color:#fff!important;transform:translateX(4px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;background:rgba(0,0,0,.18)!important;}
.copyright p,.copyright a{color:rgba(255,255,255,.8)!important;}
.back-to-top{background:linear-gradient(135deg,var(--bf-primary),var(--bf-accent))!important;box-shadow:0 16px 34px rgba(8,22,44,.22);}

/* Mobile */
@media (max-width:1199px){
  .main-menu{display:block;}
  .main-menu>a,.main-menu li>a{border-radius:12px!important;display:block!important;}
  .main-menu-wrap{background:#fff!important;box-shadow:0 22px 70px rgba(8,22,44,.18);}
  .menu-close a{color:var(--bf-dark)!important;}
}
@media (max-width:991px){
  .hero-wrap.style2{padding:45px 0 35px!important;}
  .hero-slide-item{min-height:auto;text-align:center;}
  .hero-content{padding:20px 15px 10px;}
  .hero-content p{margin-left:auto;margin-right:auto;}
  .hero-btn{justify-content:center;}
  .hero-img-wrap{padding:22px;margin-top:15px;}
  .member-card.style2 img{height:210px;}
  .breadcrumb-wrap{padding:80px 0 65px!important;border-radius:0 0 24px 24px;}
}
@media (max-width:575px){
  .logo img{max-height:58px;}
  .hero-content h1{letter-spacing:-1.4px;}
  .hero-content span{font-size:13px;}
  .btn{padding:12px 18px!important;font-size:14px!important;}
  .pt-100{padding-top:58px!important;}.pb-75{padding-bottom:48px!important;}
  .member-card.style2{border-radius:20px!important;padding:13px!important;}
  .member-card.style2 img{height:190px;}
  .footer-wrap.style2{border-radius:24px 24px 0 0;}
}

/* Product image size correction: keep upgraded card design but restore original image proportions */
.home-products-wrap .member-card.style2 img,
.frame-details-wrap .member-card.style2 img{
  height:auto!important;
  min-height:0!important;
  object-fit:initial!important;
  object-position:center!important;
  padding:6px!important;
  background:linear-gradient(180deg,#f8fbff,#fff)!important;
}

.home-products-wrap .member-card.style2 img{
  aspect-ratio:540/580;
}

.frame-details-wrap .member-card.style2 img{
  aspect-ratio:660/550;
  padding:4px!important;
}

@media (max-width:991px){
  .home-products-wrap .member-card.style2 img,
  .frame-details-wrap .member-card.style2 img{
    height:auto!important;
  }
}

/* =========================================================
   HEADER / MENU REAL FIX FOR BICYCLE FRAMES INDIA THEME
   Targets actual structure: .header-wrap.style1 / #menu / .main-menu
========================================================= */
.header-wrap.style1{
  position: sticky!important;
  top: 0!important;
  z-index: 99999!important;
  background: #ffffff!important;
  border-bottom: 1px solid rgba(11,61,145,.12)!important;
  box-shadow: 0 12px 35px rgba(8,22,44,.12)!important;
}

.header-wrap.style1 .header-top{
  display: none!important;
  height: 0!important;
  padding: 0!important;
  margin: 0!important;
}

.header-wrap.style1 .header-bottom{
  position: relative!important;
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  padding: 8px 0!important;
  min-height: 86px!important;
  display: flex!important;
  align-items: center!important;
}

.header-wrap.style1 .header-bottom:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,#f47b20 0%,#0b5ed7 45%,#14b8d4 100%);
  opacity:.95;
}

.header-wrap.style1 .container-fluid{
  max-width: 1320px!important;
  margin: 0 auto!important;
  padding-left: 18px!important;
  padding-right: 18px!important;
}

.header-wrap.style1 .logo{
  display:inline-flex!important;
  align-items:center!important;
}

.header-wrap.style1 .logo img.logo-light{
  max-height: 70px!important;
  width:auto!important;
}

.header-wrap.style1 .logo img.logo-dark{
  display:none!important;
}

.header-wrap.style1 .header-bottom-right{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:24px!important;
}

.header-wrap.style1 .header-menu,
.header-wrap.style1 .main-menu-wrap,
.header-wrap.style1 #menu{
  display:flex!important;
  align-items:center!important;
}

.header-wrap.style1 #menu > ul.main-menu{
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

/* Home link is directly inside UL in this site, so target it too */
.header-wrap.style1 #menu > ul.main-menu > a,
.header-wrap.style1 #menu > ul.main-menu > li > a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:15px 0!important;
  margin:0!important;
  color:#10213f!important;
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .25s ease!important;
}

.header-wrap.style1 #menu > ul.main-menu > a:hover,
.header-wrap.style1 #menu > ul.main-menu > li > a:hover,
.header-wrap.style1 #menu > ul.main-menu > li > a.active{
  color:#0b5ed7!important;
}

.header-wrap.style1 #menu > ul.main-menu > a:before,
.header-wrap.style1 #menu > ul.main-menu > li > a:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:4px!important;
  width:0!important;
  height:3px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#0b5ed7,#14b8d4)!important;
  transition:width .28s ease!important;
  opacity:1!important;
  visibility:visible!important;
}

.header-wrap.style1 #menu > ul.main-menu > a:hover:before,
.header-wrap.style1 #menu > ul.main-menu > li > a:hover:before,
.header-wrap.style1 #menu > ul.main-menu > li > a.active:before{
  width:100%!important;
}

/* Fix the tiny + / icon sitting too close to text */
.header-wrap.style1 .main-menu-wrap #menu > ul.main-menu > li.has-children > a{
  padding-right:18px!important;
}

.header-wrap.style1 .main-menu-wrap #menu > ul.main-menu > li.has-children > a:after{
  content:"+"!important;
  font-family:Arial, sans-serif!important;
  position:absolute!important;
  top:50%!important;
  right:0!important;
  transform:translateY(-52%)!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#0b5ed7!important;
  opacity:.9!important;
}

/* Email button */
.header-wrap.style1 .btn.style1,
.header-wrap.style1 a[href^="mailto"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0b5ed7 0%,#0648a8 100%)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:800!important;
  box-shadow:0 12px 28px rgba(11,94,215,.28)!important;
  border:1px solid rgba(255,255,255,.45)!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

.header-wrap.style1 .btn.style1:hover,
.header-wrap.style1 a[href^="mailto"]:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(11,94,215,.36)!important;
}

/* Keep hero tight under fixed/sticky header */
.hero-wrap.style2{
  margin-top:0!important;
}

@media only screen and (max-width:1199px){
  .header-wrap.style1 .header-bottom{
    min-height:76px!important;
    padding:8px 0!important;
  }
  .header-wrap.style1 .logo img.logo-light{
    max-height:58px!important;
  }
  .header-wrap.style1 .header-bottom-right{
    gap:12px!important;
  }
  .header-wrap.style1 .main-menu-wrap{
    display:block!important;
    background:#fff!important;
  }
  .header-wrap.style1 #menu > ul.main-menu{
    display:block!important;
    gap:0!important;
  }
  .header-wrap.style1 #menu > ul.main-menu > a,
  .header-wrap.style1 #menu > ul.main-menu > li > a{
    display:flex!important;
    padding:14px 22px!important;
    border-bottom:1px solid rgba(8,22,44,.08)!important;
  }
  .header-wrap.style1 .main-menu-wrap #menu > ul.main-menu > li.has-children > a:after{
    right:22px!important;
  }
}
/* Contact page cards - Bicycle Frames India */
.contact-wrap {
    background: linear-gradient(135deg, #f5f9ff 0%, #ffffff 50%, #fff8f1 100%);
    padding-top: 80px !important;
}

.contact-wrap .row.pb-75 {
    gap: 28px;
}

.contact-box {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 255px;
    padding: 36px 34px !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    border: 1px solid rgba(12, 88, 190, 0.14) !important;
    box-shadow: 0 22px 60px rgba(12, 32, 70, 0.12) !important;
    transition: all 0.35s ease;
}

.contact-box::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -65px;
    top: -65px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(11, 94, 215, 0.14), rgba(255, 130, 30, 0.16));
}

.contact-box::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 4px;
    left: 34px;
    bottom: 0;
    border-radius: 30px 30px 0 0;
    background: linear-gradient(90deg, #0b5ed7, #ff7a1a);
}

.contact-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 32px 80px rgba(12, 32, 70, 0.18) !important;
    border-color: rgba(11, 94, 215, 0.32) !important;
}

.contact-icon {
    position: relative;
    z-index: 2;
    width: 86px !important;
    height: 86px !important;
    border-radius: 24px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    background: linear-gradient(135deg, #0b5ed7, #073f98) !important;
    box-shadow: 0 18px 35px rgba(11, 94, 215, 0.28);
}

.contact-icon i {
    color: #ffffff !important;
    font-size: 38px !important;
    line-height: 1 !important;
}

.contact-info {
    position: relative;
    z-index: 2;
}

.contact-info h5 {
    color: #071b3a !important;
    font-size: 27px !important;
    font-weight: 800 !important;
    margin-bottom: 14px !important;
}

.contact-info p,
.contact-info a,
.contact-info span {
    color: #4e5f76 !important;
    font-size: 16px !important;
    line-height: 1.7;
}

.contact-info a {
    color: #0b5ed7 !important;
    font-weight: 700;
    text-decoration: none !important;
}

.contact-info a:hover {
    color: #ff7a1a !important;
}

.contact-info strong {
    color: #071b3a !important;
    font-weight: 800;
    margin-right: 4px;
}

@media (max-width: 767px) {
    .contact-box {
        min-height: auto;
        padding: 30px 26px !important;
        border-radius: 22px !important;
    }

    .contact-icon {
        width: 74px !important;
        height: 74px !important;
    }

    .contact-icon i {
        font-size: 32px !important;
    }

    .contact-info h5 {
        font-size: 24px !important;
    }
}
/* ================================
   FOOTER LINK ARROW FIX
================================ */

.footer-area ul li a,
.footer-wrap ul li a,
.footer-widget ul li a {
    position: relative !important;
    display: inline-block !important;
    padding-left: 22px !important;
    color: #dbe7f7 !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}

/* If arrow/icon is already in HTML */
.footer-area ul li a i,
.footer-wrap ul li a i,
.footer-widget ul li a i {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 11px !important;
    color: #ffffff !important;
    opacity: 0.85 !important;
    transition: transform 0.3s ease, color 0.3s ease !important;
}

/* Prevent old pseudo arrow from overlapping */
.footer-area ul li a::before,
.footer-wrap ul li a::before,
.footer-widget ul li a::before {
    display: none !important;
}

/* Hover: move complete link, not only text */
.footer-area ul li a:hover,
.footer-wrap ul li a:hover,
.footer-widget ul li a:hover {
    color: #ffffff !important;
    transform: translateX(5px) !important;
}

/* Hover icon animation */
.footer-area ul li a:hover i,
.footer-wrap ul li a:hover i,
.footer-widget ul li a:hover i {
    color: #ffc928 !important;
    transform: translateY(-50%) translateX(3px) !important;
}
/* ================================
   HERO SLIDER DOT FIX
================================ */

.hero-wrap .owl-dots,
.hero-slider .owl-dots,
.banner-wrap .owl-dots,
.owl-carousel .owl-dots {
    position: absolute !important;
    left: 8% !important;
    bottom: 34px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    z-index: 20 !important;
}

.hero-wrap .owl-dot,
.hero-slider .owl-dot,
.banner-wrap .owl-dot,
.owl-carousel .owl-dot {
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    background: #a9bdd6 !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

.hero-wrap .owl-dot span,
.hero-slider .owl-dot span,
.banner-wrap .owl-dot span,
.owl-carousel .owl-dot span {
    display: none !important;
}

.hero-wrap .owl-dot.active,
.hero-slider .owl-dot.active,
.banner-wrap .owl-dot.active,
.owl-carousel .owl-dot.active {
    width: 34px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #0b5ed7, #ff9f1c) !important;
    box-shadow: 0 8px 18px rgba(11, 94, 215, 0.25) !important;
}
/* ================================
   SWIPER HERO DOT FINAL FIX
================================ */

.hero-one-pagination {
    position: absolute !important;
    left: 8% !important;
    bottom: 34px !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    z-index: 20 !important;
}

/* Bullet wrapper */
.hero-one-pagination .swiper-pagination-bullet {
    width: 11px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #a9bdd6 !important;
    opacity: 1 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Hide the SVG circle causing double indicator */
.hero-one-pagination .swiper-pagination-bullet svg,
.hero-one-pagination .swiper-pagination-bullet .fp-arc-loader,
.hero-one-pagination .swiper-pagination-bullet circle,
.hero-one-pagination .swiper-pagination-bullet .path {
    display: none !important;
}

/* Active pill */
.hero-one-pagination .swiper-pagination-bullet-active {
    width: 34px !important;
    border-radius: 30px !important;
    background: linear-gradient(90deg, #0b5ed7, #ff9f1c) !important;
    box-shadow: 0 6px 14px rgba(11, 94, 215, 0.25) !important;
}
/* ================================
   ABOUT PAGE GAP FIX
================================ */

.about-wrap.style2,
.process-wrap {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

/* Fix huge empty space caused by image blocks */
.about-img,
.process-img {
    min-height: 360px !important;
    height: 360px !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Align content vertically better */
.about-wrap .row,
.process-wrap .row {
    align-items: center !important;
}

/* Remove extra margin from content */
.about-content,
.process-content {
    margin-bottom: 0 !important;
}

.about-content p:last-child,
.process-content p:last-child {
    margin-bottom: 0 !important;
}

/* Reduce gap before Current Scenario */
.about-wrap.style2 {
    padding-bottom: 35px !important;
}

.process-wrap {
    padding-top: 35px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .about-img,
    .process-img {
        min-height: 260px !important;
        height: 260px !important;
        margin-bottom: 25px;
    }

    .about-wrap.style2,
    .process-wrap {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}
/* ================================
   PRODUCT CARDS (REAL FIX)
================================ */

/* TARGET YOUR ACTUAL CARD */
.member-card.style2 {
    position: relative;
    overflow: hidden;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(11, 99, 182, 0.15) !important;
    box-shadow: 0 15px 40px rgba(7, 27, 58, 0.12) !important;
    transition: all 0.35s ease !important;
    padding-bottom: 20px;
}

/* TOP GRADIENT LINE (LOGO COLORS) */
.member-card.style2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #0b63b6, #13b9d6, #ffc928, #f36f21);
}

/* HOVER */
.member-card.style2:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(7, 27, 58, 0.18);
    border-color: rgba(243, 111, 33, 0.4);
}

/* IMAGE */
.member-card.style2 img {
    width: 100%;
    padding: 15px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(19,185,214,0.06), rgba(255,201,40,0.08));
}

/* TITLE */
.member-card.style2 h6 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #071b3a !important;
    text-align: center;
    margin-top: 10px;
}

/* REMOVE THAT WEIRD GAP */
.member-card.style2 h6 ul {
    margin-top: 10px !important;
    padding-left: 0 !important;
}

/* FEATURES */
.pricing-feature li {
    font-size: 14px !important;
    color: #5a6a7f !important;
    font-weight: 500;
    margin-bottom: 6px;
}

/* ICON COLORS */
.pricing-feature li.checked {
    color: #0b63b6 !important;
}

.pricing-feature li.unchecked {
    color: #f36f21 !important;
}

/* REMOVE EXTRA SPACE BETWEEN ROWS (YOUR ISSUE) */
.home-products-wrap .row {
    row-gap: 18px !important;
}
/* ================================
   PRODUCT CARDS - CORPORATE LOGO THEME
   Works with actual HTML class: .member-card.style2
================================ */

:root {
    --bfi-blue: #0b63b6;
    --bfi-cyan: #13b9d6;
    --bfi-orange: #f36f21;
    --bfi-yellow: #ffc928;
    --bfi-dark: #071b3a;
    --bfi-text: #536278;
}

.home-products-wrap {
    background:
        radial-gradient(circle at 10% 8%, rgba(19,185,214,0.09), transparent 28%),
        radial-gradient(circle at 90% 18%, rgba(255,201,40,0.10), transparent 25%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 48%, #f6faff 100%) !important;
    padding-top: 70px !important;
    padding-bottom: 55px !important;
}

.home-products-wrap .row {
    row-gap: 22px !important;
}

.home-products-wrap .section-title {
    margin-bottom: 32px !important;
}

.member-card.style2 {
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 22px 18px 22px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,0.96) !important;
    border: 1px solid rgba(11, 99, 182, 0.14) !important;
    box-shadow: 0 18px 45px rgba(7, 27, 58, 0.10) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

.member-card.style2::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
    background: linear-gradient(90deg, var(--bfi-blue), var(--bfi-cyan), var(--bfi-yellow), var(--bfi-orange)) !important;
    z-index: 2 !important;
}

.member-card.style2:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(243, 111, 33, 0.38) !important;
    box-shadow: 0 30px 70px rgba(7, 27, 58, 0.16) !important;
}

.member-card.style2 .member-img {
    display: none !important;
}

.member-card.style2 > img {
    display: block !important;
    width: 100% !important;
    height: 245px !important;
    object-fit: contain !important;
    padding: 16px !important;
    margin: 10px auto 16px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(243, 111, 33, 0.20) !important;
    background:
        radial-gradient(circle at 25% 20%, rgba(19,185,214,0.08), transparent 34%),
        radial-gradient(circle at 80% 85%, rgba(255,201,40,0.10), transparent 32%),
        #ffffff !important;
}

.member-card.style2 h6 {
    color: var(--bfi-dark) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

.member-card.style2 .pricing-feature {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
}

.member-card.style2 .pricing-feature li {
    position: relative !important;
    display: block !important;
    padding-left: 27px !important;
    margin: 0 0 8px !important;
    color: var(--bfi-text) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.member-card.style2 .pricing-feature li::before {
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    width: 17px !important;
    height: 17px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.member-card.style2 .pricing-feature li.checked::before {
    content: "✓" !important;
    color: var(--bfi-blue) !important;
    background: rgba(11, 99, 182, 0.12) !important;
}

.member-card.style2 .pricing-feature li.unchecked::before {
    content: "•" !important;
    color: var(--bfi-orange) !important;
    background: rgba(255, 201, 40, 0.28) !important;
}

.member-card.style2 .member-info {
    display: none !important;
}

@media (max-width: 767px) {
    .home-products-wrap {
        padding-top: 50px !important;
        padding-bottom: 40px !important;
    }

    .member-card.style2 {
        padding: 18px 16px 20px !important;
    }

    .member-card.style2 > img {
        height: 220px !important;
    }
}
/* ================================
   HERO DOTS – PREMIUM GLASS STYLE
================================ */

.hero-one-pagination {
    position: absolute !important;
    left: 50% !important;
    bottom: 28px !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center;
    gap: 10px;

    padding: 8px 16px;
    border-radius: 40px;

    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    z-index: 20;
}

/* base dot */
.hero-one-pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #8ea5bd;
    opacity: 1;
    transition: all 0.3s ease;
}

/* hover */
.hero-one-pagination .swiper-pagination-bullet:hover {
    transform: scale(1.2);
    background: #0b63b6;
}

/* active dot (premium gradient pill) */
.hero-one-pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 9px;
    border-radius: 20px;
    background: linear-gradient(90deg, #0b63b6, #13b9d6, #ffc928, #f36f21);
    box-shadow: 0 6px 14px rgba(11, 99, 182, 0.35);
}

/* remove any weird extra shapes */
.hero-one-pagination svg,
.hero-one-pagination circle {
    display: none !important;
}
/* ===============================
   FINAL MOBILE HEADER + MENU
================================ */
@media (max-width: 991px) {

  .header-wrap.style1 .header-bottom-right > a[href^="mailto"],
  .header-wrap.style1 .mobile-bar-wrap,
  .header-wrap.style1 .main-menu-wrap {
    display: none !important;
  }

  .header-wrap.style1 .header-bottom {
    position: relative !important;
    height: 82px !important;
    min-height: 82px !important;
    padding: 0 !important;
    background: #fff !important;
  }

  .header-wrap.style1 .logo {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  .header-wrap.style1 .logo img.logo-light {
    max-width: 130px !important;
    max-height: 58px !important;
  }

  .bfi-hamburger-fixed {
    position: fixed !important;
    top: 38px !important;
    right: 22px !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #0648a8 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    z-index: 99999999 !important;
    box-shadow: 0 8px 18px rgba(6,72,168,.28) !important;
    cursor: pointer;
  }

  .bfi-hamburger-fixed.is-open i:before {
    content: "\f00d";
  }

  .bfi-overlay {
    position: fixed;
    inset: 0;
    background: rgba(7,27,58,.38);
    z-index: 99999997;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }

  body.bfi-menu-open .bfi-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .bfi-mobile-panel {
    position: fixed !important;
    left: 18px !important;
    right: 18px !important;
    top: 98px !important;
    background: #fff !important;
    border-radius: 18px !important;
    padding: 16px !important;
    z-index: 99999998 !important;
    box-shadow: 0 25px 60px rgba(7,27,58,.28) !important;
    opacity: 0;
    transform: translateY(-16px) scale(.98);
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
  }

  body.bfi-menu-open .bfi-mobile-panel {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }

  .bfi-menu-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 800;
    color: #071b3a;
  }

  .bfi-close {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 0;
    background: #0648a8;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
  }

  .bfi-mobile-panel a {
    position: relative;
    overflow: hidden;
    display: block !important;
    padding: 14px 16px !important;
    margin-bottom: 10px !important;
    border-radius: 12px !important;
    background: #f4f8ff !important;
    color: #071b3a !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all .2s ease;
  }

  .bfi-mobile-panel a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, #f36f21, #13b9d6);
    opacity: 0;
    transition: opacity .2s ease;
  }

  .bfi-mobile-panel a:hover,
  .bfi-mobile-panel a.active {
    background: #e9f1ff !important;
    color: #0648a8 !important;
  }

  .bfi-mobile-panel a:hover::before,
  .bfi-mobile-panel a.active::before {
    opacity: 1;
  }
}
/* Pagination upgrade - Bicycle Frames India */
.page-navigation {
  padding: 30px 0 10px !important;
}

.page-navigation .page-nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 !important;
}

.page-navigation .page-nav li {
  list-style: none !important;
}

.page-navigation .page-nav li a {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  color: #0b63b6 !important;
  border: 1px solid rgba(11,99,182,.16) !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(7,27,58,.08) !important;
}

.page-navigation .page-nav li a:hover,
.page-navigation .page-nav li a.active {
  background: linear-gradient(135deg, #0b63b6, #13b9d6, #ffc928) !important;
  color: #fff !important;
  border-color: transparent !important;
  transform: translateY(-2px);
}
/* Hide custom mobile menu on desktop */
.bfi-hamburger-fixed,
.bfi-mobile-panel,
.bfi-overlay {
  display: none !important;
}

/* Show only on mobile */
@media (max-width: 991px) {
  .bfi-hamburger-fixed {
    display: flex !important;
  }

  .bfi-mobile-panel {
    display: block !important;
  }

  .bfi-overlay {
    display: block;
  }
}