/* ============================================================================

Theme Name: Blue Bell Sports
Theme URI: www.dynamicxperts.com
Description: A premium wordpress template.
Version: 2.0
Author: Saad ali Tariq
Author URI: mailto:dynamicexperts@gmail.com

============================================================================= */

.services-details .container {
  max-width: 1600px;
}
.products{

  margin-bottom: 15px;

}
.products.team-one__single {
  border: 1px solid rgba(var(--bondor-black-rgb), 0.06);
  border-radius: 18px;
  padding-top: 12px;
  padding-bottom: 14px;
  box-shadow: 0px 18px 55px 0px rgba(18, 14, 14, 0.08);
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;

}

.products.team-one__single:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--bondor-black-rgb), 0.12);
  box-shadow: 0px 24px 70px 0px rgba(18, 14, 14, 0.12);
}

.products.team-one__img {
  aspect-ratio: 4 / 3;
  background: linear-gradient(180deg, rgba(var(--bondor-black-rgb), 0.02), rgba(var(--bondor-black-rgb), 0.00));
}

.products.team-one__img:after {
  display: none;
}

.products .team-one__img img {
  height: 100%;
  object-fit: contain;
  padding: 5px;
  transform: none;
  transition: transform 300ms ease;
}

.products .team-one__single:hover .team-one__img img {
  transform: scale(1.03);
}

.products .team-one__content {
  padding: 14px 18px 0;
}

.products .team-one__name {
  font-size: 18px;
  line-height: 24px;
}

.products .team-one__sub-title {
  font-size: 13px;
  line-height: 18px;
  margin-top: 6px;
  color: rgba(var(--bondor-black-rgb), 0.65);
}


.products .team-one__share>a {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background-color: rgba(var(--bondor-white-rgb), 0.92);
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
  color: var(--bondor-black);
  box-shadow: 0px 12px 28px 0px rgba(18, 14, 14, 0.14);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.products .team-one__share>a:hover {
  background-color: var(--bondor-base);
  border-color: var(--bondor-base);
  color: var(--bondor-white);
}


.thumb{ margin-bottom: 15px;}
.gallery_re{margin:0px 0px 10px 0px; padding:0px; float:left; width:100%;}
.gallery_re ul{margin:0px 0px 0px 2px; padding:0px;}
.gallery_re ul li{margin:0px; margin:0px 8px 0px 0px; width:95px; height:95px; list-style:none; float:left;}
.gallery_re ul li img{ height:100%; width:100%;}
.border{border:1px solid #E2E2E2; border-radius: 10px;}
.gallery_re ul li:last-child{ margin:0px;}

.border:hover{border:1px solid #da251d; }

.gallery{ float:left; width:100%;}
.gallery img { width:100%; height:auto; border:1px solid #E2E2E2; border-radius: 15px;  margin-bottom:10px;}



.large_right_side{ width:100%;}
.deatial{ text-align:left;  }
.deatial h1{ font-size:17px; color:#fff; background-color:#111111; line-height:30px; font-weight:normal;  margin-bottom:5px; padding:5px 0px 5px 10px;}
.deatial h2{  font:500 16px 'Open Sans', sans-serif; color:#363636; background:#f1f1f1; border-bottom:1px dashed #989898; padding: 10px 0px;}
.deatial h2 span{ color:#111; font-weight:bold;}
.deatial p{ text-align:justify; color:#454545; font-size:12px; line-height:22px; }


.deatial .cart a{ padding:15px 10px 15px 30px; text-align:center; color:#FFFFFF; font-size:14px; background:url(images/cart.png) no-repeat 38% 18px #393f4f; display:block; margin:20px 0px;}
.deatial .cart a:hover{ background:url(images/cart.png) no-repeat 38% -38px #fc0000;}



.wp-pagenavi a, .wp-pagenavi span{ color:#000; border: 1px solid var(--theme-color)!important; border-radius: 10px; padding: 5px 10px; }
.wp-pagenavi span.current{ color:var(--theme-color); border:solid 1px #000000 !important;}

.brdcrumb .home{ font:bold 14px arial; color: black;}
.brdcrumb .home:hover{ color: #BE0702; }

.brdcrumb  .category , .taxonomy {font:bold 14px arial; color: #BE0702;}
.brdcrumb  .category:hover , .taxonomy:hover{ color: #E2E2E2; }
/*=========  Checkout-content ========*/
.qty-input{ width: 100%;
margin-bottom: 5px;
height: 40px;
line-height: 40px;
margin-top:10px;
border: 1px solid #E2E2E2;
border-radius: 0px;
background: #fff;
box-shadow: none;
outline: none;
padding: 0 20px;
font-size: 14px;
color: #111111;}
.product-details-box a.add-to-cart, .add-to-cart {

clear: both;
margin-top:5px;
padding: 10px 40px 10px 40px;
background: #111111;
font-weight: bold;
font-family: 'Raleway', sans-serif;
font-size: 18px;
margin-top: 20px;
border: 0;
color: #fff;
text-transform: uppercase;
outline: none;
}

.product-details-box a.add-to-cart i, .add-to-cart i {
padding-left: 33px;
color: #373838;
font-size: 1.25em;
vertical-align: middle;
}
.product-details-box a.add-to-cart:before, .add-to-cart:before  {
/*content: '';
width:1px;
height:28px;
background: #c20904;
position: absolute;
right: 39px;
top: 3px;*/
}
.product-details-box a.add-to-cart:after, .add-to-cart:after {
/*content: '';
width:1px;
height:28px;
background: #c20904;
position: absolute;
right: 40px;
top: 3px;*/
}
.product-details-box a.add-to-cart:hover, .add-to-cart:hover,  .product-details-box a.add-to-cart:hover i, .add-to-cart:hover i,  .product-details-page-content .shop-page-content .meta a:hover {
color:#fff;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.paoc-credit-wrp{ display: none;}


.borderProcess{
    border: 1px solid #eeeeee;
    padding: 10px;
    border-radius: 15px;
    min-height: 195px;
}
.vc_tta.vc_tta-spacing-1 .vc_tta-tab {

  margin-right: 5px;
}

.ht-about-wrapper{ padding: 25px 0px;}

/* Single Page (single.php) */
.single .product-details {
  padding: 100px 0;
}

.single .product-details__left-inner {
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
  border-radius: 16px;
  padding: 16px;
  background: var(--bondor-white);
}

.single .product-details__img img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
}

.single .product-details__thumb-box {
  margin-top: 14px;
}

.single .product-details__thumb-img img {
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
}

.single .product-details__title {
  margin-bottom: 18px;
}

.single .product-details__title span {
  display: inline-block;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(var(--bondor-black-rgb), 0.65);
}

.single .product-details__content-text1 {
  color: var(--bondor-gray);
  line-height: 1.8;
}

.single .product-details__content-text1 p {
  margin-bottom: 14px;
}

.single .product-details__content-text1 h2,
.single .product-details__content-text1 h3 {
  margin: 18px 0 10px;
  color: var(--bondor-black);
}

.single .product-details__content-text1 ul,
.single .product-details__content-text1 ol {
  margin: 8px 0 14px 20px;
}

.single .product-details__content-text1 li {
  margin-bottom: 8px;
}

.single .product-details__cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.single .product-details__cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 600;
  text-decoration: none;
}

.single .related-products {
  padding: 90px 0 100px;
}

.single .related-products__title h3 {
  margin-bottom: 8px;
}

@media (max-width: 991px) {
  .single .product-details {
    padding: 80px 0;
  }

  .single .product-details__right {
    margin-top: 24px;
  }
}

@media (max-width: 575px) {
  .single .product-details__left-inner {
    padding: 12px;
    border-radius: 12px;
  }

  .single .product-details__cta-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Single Page Polish (shop-details) */
.shop-details {
  padding: 90px 0 80px;
}

.shop-details .container>.row {
  align-items: flex-start;
  row-gap: 24px;
}

.shop-details .thumb {
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
  border-radius: 16px;
  background: var(--bondor-white);
  box-shadow: 0 14px 45px rgba(var(--bondor-black-rgb), 0.08);
  padding: 14px;
  margin-bottom: 14px;
}

.shop-details .thumb img {
  width: 100%;
  border-radius: 12px;
  display: block;
}

.shop-details .gallery_re {
  margin: 0;
}

.shop-details .gallery_re ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.shop-details .gallery_re ul li {
  float: none;
  width: 88px;
  height: 88px;
  margin: 0;
}

.shop-details .gallery_re ul li img {
  border-radius: 10px;
  border: 1px solid rgba(var(--bondor-black-rgb), 0.12);
  transition: all 0.25s ease;
}

.shop-details .gallery_re ul li img:hover {
  border-color: var(--bondor-base);
  transform: translateY(-2px);
}

.products-detail {
  margin-left: 0;
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
  border-radius: 16px;
  background: var(--bondor-white);
  box-shadow: 0 14px 45px rgba(var(--bondor-black-rgb), 0.08);
  padding: 26px 28px;
}

.products-detail .shop-details__title {
  font-size: 42px;
  line-height: 1.15;
  margin-bottom: 3px;
}

.products-detail .shop-details__doller h3 {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.2;
  color: var(--bondor-base);
  background: rgba(var(--bondor-base-rgb), 0.1);
  border: 1px solid rgba(var(--bondor-base-rgb), 0.25);
  border-radius: 999px;
  padding: 8px 14px;
}

.products-detail .shop-details__text {
  margin-top: 12px;
  margin-bottom: 18px;
  color: rgba(var(--bondor-black-rgb), 0.78);
  background: rgba(var(--bondor-black-rgb), 0.02);
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
  border-radius: 12px;
  padding: 16px 18px;
}

.products-detail .shop-details__text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.products-detail .shop-details__text li {
  position: relative;
  margin-bottom: 10px;
  line-height: 1.7;
  padding-left: 22px;
}

.products-detail .shop-details__text li::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--bondor-base);
  position: absolute;
  left: 0;
  top: 11px;
}

.products-detail .shop-details__text li:last-child {
  margin-bottom: 0;
}

.products-detail .shop-details__text strong {
  color: var(--bondor-black);
}

.products-detail .shop-details__quantity {
  border-top: 1px dashed rgba(var(--bondor-black-rgb), 0.2);
  padding-top: 18px;
}

.products-detail .shop-details__quantity-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.products-detail .shop-details__quantity-text {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  color: var(--bondor-base);
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(var(--bondor-base-rgb), 0.08);
  font-weight: 600;
}

.products-detail .shop-details__quantity-and-btn {
  margin-top: 22px;
}

.products-detail .shop-details__buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  gap: 10px;
}

.products-detail .shop-details__quantity-btn-box {
  margin-left: 0;
}

.products-detail .shop-details__quantity-btn {
  width: 100%;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 12px 24px;
  justify-content: center;
}

.shop-details .related-project {
  padding: 25px 0 95px;
}

.shop-details .related-project__title {
  margin-bottom: 24px;
}

.shop-details .related-project .team-one__single {
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(var(--bondor-black-rgb), 0.08);
}

.shop-details .related-project .team-one__img {
  background: rgba(var(--bondor-black-rgb), 0.02);
}

.shop-details .related-project .team-one__img img {
  height: 290px;
  object-fit: contain;
}

.shop-details .related-project .team-one__content {
  border-radius: 0 0 16px 16px;
}

@media (max-width: 991px) {
  .shop-details {
    padding: 75px 0 60px;
  }

  .products-detail .shop-details__title {
    font-size: 34px;
  }

  .shop-details .related-project .team-one__img img {
    height: 250px;
  }
}

@media (max-width: 767px) {
  .products-detail {
    padding: 22px 20px;
  }

  .products-detail .shop-details__title {
    font-size: 30px;
  }

  .shop-details .gallery_re ul li {
    width: 72px;
    height: 72px;
  }

  .products-detail .shop-details__buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .products-detail .shop-details__quantity-btn {
    width: 100%;
    justify-content: center;
  }

  .shop-details .related-project {
    padding: 10px 0 75px;
  }
}

/* Blog Detail Page Redesign (single-blog.php) */
.blog-details-breadcrumb {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--bondor-black) 0%, #2a1012 55%, var(--bondor-base) 100%);
}

.blog-details-breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 25%, rgba(var(--bondor-primary-rgb), 0.18), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(var(--bondor-white-rgb), 0.12), transparent 26%);
  pointer-events: none;
}

.blog-details-breadcrumb .container {
  position: relative;
  z-index: 1;
}

.blog-details-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(var(--bondor-white-rgb), 0.12);
  border: 1px solid rgba(var(--bondor-white-rgb), 0.22);
  color: var(--bondor-primary);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blog-details-breadcrumb .ht-breadcrumb-title {
  color: var(--bondor-white);
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.blog-details-breadcrumb .ht-breadcrumb-list,
.blog-details-breadcrumb .ht-breadcrumb-list a,
.blog-details-breadcrumb .ht-breadcrumb-list li,
.blog-details-breadcrumb .ht-breadcrumb-list span {
  color: rgba(var(--bondor-white-rgb), 0.84);
}

.blog-details-breadcrumb .ht-breadcrumb-list a:hover {
  color: var(--bondor-primary);
}

.blog-details-page {
  background: linear-gradient(180deg, rgba(var(--bondor-black-rgb), 0.03), rgba(var(--bondor-base-rgb), 0.035));
  padding: 95px 0;
}

.blog-details-card {
  overflow: hidden;
  border-radius: 24px;
  background: var(--bondor-white);
  border: 1px solid rgba(var(--bondor-black-rgb), 0.08);
  box-shadow: 0 24px 70px rgba(var(--bondor-black-rgb), 0.12);
}

.blog-details-thumb {
  position: relative;
  background: rgba(var(--bondor-black-rgb), 0.04);
}

.blog-details-thumb::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: linear-gradient(90deg, var(--bondor-base), var(--bondor-primary));
}

.blog-details-thumb img {
  display: block;
  width: 100%;
  max-height: 560px;
  object-fit: cover;
}

.blog-details-content {
  padding: 46px 52px 52px;
}

.blog-details-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.blog-details-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(var(--bondor-base-rgb), 0.08);
  border: 1px solid rgba(var(--bondor-base-rgb), 0.14);
  color: rgba(var(--bondor-black-rgb), 0.76);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.blog-details-meta i {
  color: var(--bondor-base);
  font-size: 13px;
}

.blog-details-meta a {
  color: var(--bondor-black);
  text-decoration: none;
}

.blog-details-meta a:hover {
  color: var(--bondor-base);
}

.blog-details-title {
  margin: 0 0 24px;
  color: var(--bondor-black);
  font-size: 46px;
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.blog-details-entry {
  color: rgba(var(--bondor-black-rgb), 0.76);
  font-size: 17px;
  line-height: 1.85;
}

.blog-details-entry p {
  margin-bottom: 18px;
}

.blog-details-entry h2,
.blog-details-entry h3,
.blog-details-entry h4,
.blog-details-entry h5,
.blog-details-entry h6 {
  color: var(--bondor-black);
  margin: 30px 0 14px;
  font-weight: 850;
  line-height: 1.25;
}

.blog-details-entry h2 {
  font-size: 34px;
}

.blog-details-entry h3 {
  font-size: 28px;
}

.blog-details-entry a {
  color: var(--bondor-base);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog-details-entry a:hover {
  color: var(--bondor-black);
}

.blog-details-entry ul,
.blog-details-entry ol {
  margin: 0 0 22px 22px;
  padding: 0;
}

.blog-details-entry li {
  margin-bottom: 10px;
}

.blog-details-entry blockquote,
.blog-details-entry .wp-block-quote {
  margin: 30px 0;
  padding: 24px 28px;
  border-left: 5px solid var(--bondor-base);
  border-radius: 14px;
  background: rgba(var(--bondor-base-rgb), 0.07);
  color: var(--bondor-black);
  font-size: 20px;
  line-height: 1.65;
  font-weight: 700;
}

.blog-details-entry img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}

.blog-details-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 38px;
  padding-top: 26px;
  border-top: 1px solid rgba(var(--bondor-black-rgb), 0.1);
}

.blog-details-tags span {
  color: var(--bondor-black);
  font-weight: 800;
}

.blog-details-tags a {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--bondor-black);
  color: var(--bondor-white);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  transition: all 0.25s ease;
}

.blog-details-tags a:hover {
  background: var(--bondor-base);
  color: var(--bondor-white);
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .blog-details-page {
    padding: 78px 0;
  }

  .blog-details-content {
    padding: 36px 32px 40px;
  }

  .blog-details-title {
    font-size: 38px;
  }
}

@media (max-width: 575px) {
  .blog-details-page {
    padding: 58px 0;
  }

  .blog-details-card {
    border-radius: 18px;
  }

  .blog-details-content {
    padding: 28px 20px 32px;
  }

  .blog-details-meta {
    gap: 8px;
  }

  .blog-details-meta span {
    width: 100%;
    justify-content: center;
  }

  .blog-details-title {
    font-size: 30px;
  }

  .blog-details-entry {
    font-size: 16px;
    line-height: 1.75;
  }

  .blog-details-entry h2 {
    font-size: 26px;
  }

  .blog-details-entry h3 {
    font-size: 23px;
  }
}

/* =========================================================
   Home: Product Customization + Blog Redesign
   ========================================================= */
.bb-customization,
.bb-blog {
  position: relative;
  overflow: hidden;
}

.bb-customization {
  padding: 110px 0 120px;
  background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
}

.bb-customization__shape {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(1px);
}

.bb-customization__shape--one {
  width: 420px;
  height: 420px;
  left: -210px;
  top: 40px;
  background: rgba(213, 28, 39, .055);
}

.bb-customization__shape--two {
  width: 280px;
  height: 280px;
  right: -120px;
  bottom: 20px;
  border: 48px solid rgba(15, 32, 56, .035);
}

.bb-section-heading {
  max-width: 900px;
  margin: 0 auto 52px;
  position: relative;
  z-index: 2;
}

.bb-section-heading__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--bondor-base, #d51c27);
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.bb-section-heading__eyebrow::before,
.bb-section-heading__eyebrow::after {
  content: "";
  width: 22px;
  height: 2px;
  background: currentColor;
}

.bb-section-heading h2 {
  margin: 0 0 16px;
  color: #121820;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -1.8px;
}

.bb-section-heading p {
  max-width: 690px;
  margin: 0 auto;
  color: #68717c;
  font-size: 17px;
  line-height: 1.75;
}

.bb-customization__grid {
  position: relative;
  z-index: 2;
}

.bb-custom-card {
  display: grid;
  grid-template-columns: 190px 1fr;
  min-height: 270px;
  height: 100%;
  background: #fff;
  border: 1px solid #e9edf2;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(16, 30, 54, .08);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.bb-custom-card:hover {
  transform: translateY(-8px);
  border-color: rgba(213, 28, 39, .28);
  box-shadow: 0 28px 70px rgba(16, 30, 54, .14);
}

.bb-custom-card__media {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  background: #e9edf2;
}

.bb-custom-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(10, 20, 34, .55) 100%);
}

.bb-custom-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.bb-custom-card:hover .bb-custom-card__media img {
  transform: scale(1.07);
}

.bb-custom-card__number {
  position: absolute;
  z-index: 2;
  left: 20px;
  bottom: 16px;
  color: #fff;
  font-size: 36px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -1px;
}

.bb-custom-card__content {
  padding: 32px 32px 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.bb-custom-card__topline {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
}

.bb-custom-card__topline span {
  width: 28px;
  height: 2px;
  background: var(--bondor-base, #d51c27);
}

.bb-custom-card__topline small {
  color: var(--bondor-base, #d51c27);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.bb-custom-card h3 {
  margin: 0 0 12px;
  color: #131a23;
  font-size: 27px;
  line-height: 1.2;
  font-weight: 800;
}

.bb-custom-card p {
  margin: 0 0 20px;
  color: #6d7580;
  font-size: 15px;
  line-height: 1.75;
}

.bb-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #141b24;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .45px;
  transition: color .25s ease;
}

.bb-text-link i {
  color: var(--bondor-base, #d51c27);
  transition: transform .25s ease;
}

.bb-text-link:hover { color: var(--bondor-base, #d51c27); }
.bb-text-link:hover i { transform: translateX(5px); }

.bb-blog {
  padding: 112px 0 120px;
  background: #101923;
}

.bb-blog::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -240px;
  top: -240px;
  border: 80px solid rgba(255, 255, 255, .025);
  border-radius: 50%;
}

.bb-blog__head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 52px;
}

.bb-section-heading--left {
  max-width: 720px;
  margin: 0;
  text-align: left;
}

.bb-section-heading--left .bb-section-heading__eyebrow::before { display: none; }
.bb-section-heading--left h2 { color: #fff; }
.bb-section-heading--left p { margin: 0; color: #aeb7c2; }

.bb-outline-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 54px;
  padding: 0 25px;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .45px;
  transition: .3s ease;
}

.bb-outline-btn:hover {
  color: #fff;
  border-color: var(--bondor-base, #d51c27);
  background: var(--bondor-base, #d51c27);
  transform: translateY(-3px);
}

.bb-blog-card {
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .18);
  transition: transform .35s ease, box-shadow .35s ease;
}

.bb-blog-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 34px 75px rgba(0, 0, 0, .28);
}

.bb-blog-card__image {
  position: relative;
  display: block;
  height: 255px;
  overflow: hidden;
  background: #e6e9ed;
}

.bb-blog-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(10, 18, 28, .34));
}

.bb-blog-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.bb-blog-card:hover .bb-blog-card__image img { transform: scale(1.07); }

.bb-blog-card__date {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 66px;
  border-radius: 10px;
  background: var(--bondor-base, #d51c27);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-blog-card__date strong {
  display: block;
  margin-bottom: 5px;
  font-size: 25px;
  line-height: 1;
}

.bb-blog-card__body { padding: 28px 28px 30px; }

.bb-blog-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 14px;
  color: #7c8490;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .35px;
}

.bb-blog-card__meta i {
  margin-right: 6px;
  color: var(--bondor-base, #d51c27);
}

.bb-blog-card h3 {
  margin: 0 0 13px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 800;
}

.bb-blog-card h3 a { color: #111923; transition: color .25s ease; }
.bb-blog-card h3 a:hover { color: var(--bondor-base, #d51c27); }

.bb-blog-card p {
  margin: 0 0 22px;
  color: #6e7782;
  font-size: 15px;
  line-height: 1.72;
}

.bb-blog--page {
  padding: 108px 0 118px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.bb-blog--page::before {
  display: none;
}

.bb-blog--page .bb-blog__head {
  align-items: center;
  margin-bottom: 42px;
  padding: 0 0 28px;
  border-bottom: 1px solid #e6ebf1;
}

.bb-blog--page .bb-section-heading--left h2 {
  color: #111923;
}

.bb-blog--page .bb-section-heading--left p {
  color: #68717c;
}

.bb-blog__summary {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

.bb-blog__summary-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid #dfe6ee;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(16, 30, 54, .06);
  color: #66707c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bb-blog__summary-item strong {
  color: #111923;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
}

.bb-blog--page .bb-blog-card {
  border: 1px solid #e8edf3;
  box-shadow: 0 18px 45px rgba(16, 30, 54, .08);
}

.bb-blog--page .bb-blog-card:hover {
  box-shadow: 0 26px 60px rgba(16, 30, 54, .13);
}

.bb-blog--page .bb-blog-card__image {
  background: #eef2f6;
}

.bb-blog--page .bb-blog-card__body {
  background: #fff;
}

.bb-blog__pagination {
  margin-top: 44px;
}

.bb-blog__pagination .page-numbers {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bb-blog__pagination .page-numbers li {
  margin: 0;
}

.bb-blog__pagination a,
.bb-blog__pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #d9e1ea;
  border-radius: 10px;
  background: #fff;
  color: #111923;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  transition: all .25s ease;
}

.bb-blog__pagination a:hover,
.bb-blog__pagination .current {
  border-color: var(--bondor-base, #d51c27);
  background: var(--bondor-base, #d51c27);
  color: #fff;
}

.bb-blog__empty {
  padding: 42px 32px;
  border: 1px solid #e5ebf2;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(16, 30, 54, .06);
  text-align: center;
}

.bb-blog__empty p {
  margin: 0;
  color: #66707c;
  font-size: 17px;
  line-height: 1.7;
}

@media (max-width: 1199px) {
  .bb-custom-card { grid-template-columns: 160px 1fr; }
  .bb-custom-card__content { padding: 28px 24px; }
  .bb-custom-card h3 { font-size: 24px; }
}

@media (max-width: 991px) {
  .bb-customization,
  .bb-blog { padding: 85px 0 92px; }
  .bb-blog__head { align-items: flex-start; }
  .bb-blog-card__image { height: 235px; }
  .bb-blog--page .bb-blog__head { gap: 20px; }
  .bb-blog__summary { justify-content: flex-start; }
}

@media (max-width: 767px) {
  .bb-section-heading { margin-bottom: 38px; }
  .bb-section-heading h2 { font-size: 36px; letter-spacing: -1px; }
  .bb-section-heading p { font-size: 16px; }
  .bb-blog__head { display: block; }
  .bb-outline-btn { margin-top: 26px; }
  .bb-custom-card { grid-template-columns: 145px 1fr; min-height: 245px; }
  .bb-custom-card__media { min-height: 245px; }
  .bb-blog--page .bb-blog__head {
    margin-bottom: 34px;
    padding-bottom: 24px;
  }
  .bb-blog__summary {
    margin-top: 20px;
  }
  .bb-blog__summary-item {
    min-height: 48px;
    padding: 0 15px;
  }
}

@media (max-width: 575px) {
  .bb-customization,
  .bb-blog { padding: 68px 0 74px; }
  .bb-section-heading h2 { font-size: 31px; }
  .bb-custom-card { display: block; border-radius: 16px; }
  .bb-custom-card__media { height: 210px; min-height: 0; }
  .bb-custom-card__content { padding: 25px 22px 27px; }
  .bb-custom-card h3 { font-size: 23px; }
  .bb-blog-card { border-radius: 16px; }
  .bb-blog-card__image { height: 220px; }
  .bb-blog-card__body { padding: 24px 22px 27px; }
  .bb-blog-card h3 { font-size: 22px; }
  .bb-blog--page {
    padding: 64px 0 74px;
  }
  .bb-blog__summary-item {
    width: 100%;
    justify-content: center;
  }
  .bb-blog__pagination {
    margin-top: 34px;
  }
  .bb-blog__pagination .page-numbers {
    gap: 8px;
  }
  .bb-blog__pagination a,
  .bb-blog__pagination span {
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    font-size: 13px;
  }
  .bb-blog__empty {
    padding: 32px 22px;
    border-radius: 16px;
  }
}

/* =========================================================
   Homepage Blog -> CTA -> Footer seamless transition
   ========================================================= */
.bb-blog + .cta-one {
  position: relative;
  padding: 0 20px;
  background: linear-gradient(
    to bottom,
    #101923 0,
    #101923 50%,
    var(--bondor-black, #1c1c1c) 50%,
    var(--bondor-black, #1c1c1c) 100%
  );
  z-index: 3;
}

.bb-blog + .cta-one .container {
  position: relative;
  z-index: 2;
}

.bb-blog + .cta-one .cta-one__inner {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .22);
}

.bb-blog + .cta-one + .site-footer {
  margin-top: 0;
}

.bb-blog + .cta-one + .site-footer .site-footer__top {
  padding-top: 105px;
}

@media (max-width: 991px) {
  .bb-blog + .cta-one {
    padding: 0 15px;
  }

  .bb-blog + .cta-one .cta-one__inner {
    padding: 42px 38px;
  }

  .bb-blog + .cta-one + .site-footer .site-footer__top {
    padding-top: 85px;
  }
}

@media (max-width: 767px) {
  .bb-blog + .cta-one .cta-one__inner {
    border-radius: 14px;
    padding: 34px 25px;
  }

  .bb-blog + .cta-one + .site-footer .site-footer__top {
    padding-top: 70px;
  }
}

/* =========================================================
   FINAL THEME UPDATE — Blog, CTA and Footer Color Harmony
   Bluebell Sports: navy, red and white
   ========================================================= */
:root {
  --bb-navy: #0d1824;
  --bb-navy-light: #132231;
  --bb-red: #d51f26;
  --bb-red-dark: #b7181f;
  --bb-footer-text: #aeb6c0;
}

/* Keep the closing homepage sections visually connected. */
.bb-blog {
  background: var(--bb-navy);
}

.bb-blog + .cta-one {
  padding: 0 20px;
  background: var(--bb-navy);
}

.bb-blog + .cta-one + .site-footer,
.site-footer {
  background-color: var(--bb-navy);
}

.bb-blog + .cta-one + .site-footer {
  margin-top: 0;
}

/* CTA card: clean white panel against the unified navy background. */
.bb-blog + .cta-one .cta-one__inner {
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28);
}

.cta-one__btn,
.footer-widget__newsletter-btn {
  background-color: var(--bb-red);
  color: #fff;
}

.cta-one__btn:hover,
.footer-widget__newsletter-btn:hover {
  background-color: var(--bb-red-dark);
  color: #fff;
}

/* Footer typography and links. */
.site-footer,
.footer-widget__about-text,
.footer-widget__newsletter-text,
.footer-widget__navigation-list li a,
.site-footer__bottom-text {
  color: var(--bb-footer-text);
}

.footer-widget__title,
.footer-widget__emergency-call a {
  color: #fff;
}

.footer-widget__emergency-call a:hover,
.footer-widget__navigation-list li a:hover,
.site-footer__bottom-text a,
.site-footer__bottom-text a:hover {
  color: var(--bb-red);
}

.footer-widget__navigation-list li a:before {
  color: var(--bb-red);
}

.site-footer__bottom {
  border-top-color: rgba(255, 255, 255, .10);
}

/* Social icons: subtle default state with a branded hover. */
.site-footer__social a {
  background-color: rgba(255, 255, 255, .07);
  color: #fff;
}

.site-footer__social a:hover {
  background-color: var(--bb-red);
  color: #fff;
}

.site-footer__social a:after {
  border-color: var(--bb-red);
}

/* Newsletter field receives a softer theme-aligned treatment. */
.footer-widget__newsletter-input-box input[type="email"] {
  background-color: #fff;
  color: #59636f;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .14);
}

.footer-widget__newsletter-input-box input[type="email"]::placeholder {
  color: #7d8690;
}

/* Keep the back-to-top control on brand. */
.scroll-to-top {
  background-color: var(--bb-red);
  color: #fff;
}

.scroll-to-top:hover {
  background-color: var(--bb-red-dark);
  color: #fff;
}

@media (max-width: 767px) {
  .bb-blog + .cta-one {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Product inquiry controls on single.php */
.bb-product-inquiry{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:20px;padding:16px 18px;background:#f4f8ff;border:1px solid #d7e3f6;border-radius:16px}.bb-product-inquiry__qty,.bb-product-inquiry__actions{display:flex;align-items:center}.bb-product-inquiry__qty{gap:12px}.bb-product-inquiry__actions{gap:12px;flex-wrap:wrap}.bb-product-inquiry__label{color:#102f68;font-size:18px;font-weight:700}.bb-product-qty{display:grid;grid-template-columns:42px 64px 42px;height:52px;overflow:hidden;background:#fff;border:1px solid #cddbf1;border-radius:12px}.bb-product-qty__btn,.bb-product-qty__input{width:100%;height:100%;border:0;background:#fff;color:#1f5bd8;text-align:center;font-size:18px;font-weight:700}.bb-product-qty__btn{cursor:pointer;transition:background-color .2s ease}.bb-product-qty__btn:hover{background:#eef4ff}.bb-product-qty__input{color:#102f68;border-left:1px solid #dbe5f5;border-right:1px solid #dbe5f5;appearance:textfield;-moz-appearance:textfield}.bb-product-qty__input::-webkit-outer-spin-button,.bb-product-qty__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.bb-product-inquiry__btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:12px;color:#fff!important;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 9px 20px rgba(23,51,97,.14);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.bb-product-inquiry__btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,51,97,.2)}.bb-product-inquiry__btn--whatsapp{background:#25d366}.bb-product-inquiry__btn--whatsapp:hover{background:#1fbd59}.bb-product-inquiry__btn--email{background:#2460d8}.bb-product-inquiry__btn--email:hover{background:#194fbf}.bb-product-inquiry__icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:15px}@media(max-width:767px){.bb-product-inquiry{align-items:stretch}.bb-product-inquiry__qty{width:100%;justify-content:space-between}.bb-product-inquiry__actions{width:100%;display:grid;grid-template-columns:1fr}.bb-product-inquiry__btn{width:100%}}

/* =========================================================
   Professional Contact Page
   ========================================================= */
.bb-contact-page{padding:105px 0 115px;background:linear-gradient(180deg,#fff 0,#f7f9fc 100%)}
.bb-contact-page__heading{max-width:760px;margin:0 auto 52px;text-align:center}
.bb-contact-page__eyebrow,.bb-contact-info__small,.bb-contact-form-card__head>span{display:inline-block;margin-bottom:12px;color:var(--bb-red,#d51f26);font-size:13px;font-weight:800;letter-spacing:1.5px}
.bb-contact-page__heading h2{margin:0 0 17px;color:#111923;font-size:46px;line-height:1.15;font-weight:800;letter-spacing:-1.5px}
.bb-contact-page__heading p{margin:0;color:#68717d;font-size:17px;line-height:1.75}
.bb-contact-page__grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.35fr);gap:30px;align-items:stretch}
.bb-contact-info{position:relative;overflow:hidden;padding:42px 38px;border-radius:22px;background:var(--bb-navy,#0d1824);box-shadow:0 25px 70px rgba(13,24,36,.18);color:#fff}
.bb-contact-info:after{content:"";position:absolute;right:-120px;bottom:-140px;width:330px;height:330px;border:70px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.bb-contact-info__top,.bb-contact-info__items,.bb-contact-info__social{position:relative;z-index:2}
.bb-contact-info__top h3{margin:0 0 13px;color:#fff;font-size:30px;line-height:1.25;font-weight:800}
.bb-contact-info__top p{margin:0;color:#aeb6c0;font-size:15px;line-height:1.75}
.bb-contact-info__items{margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
.bb-contact-item{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:flex-start;margin-bottom:23px}
.bb-contact-item__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(213,31,38,.14);color:#ff4a51;font-size:18px}
.bb-contact-item div>span{display:block;margin:1px 0 5px;color:#fff;font-size:14px;font-weight:750}
.bb-contact-item p{margin:0 0 3px;color:#aeb6c0;font-size:14px;line-height:1.55}
.bb-contact-item a{color:#aeb6c0}.bb-contact-item a:hover{color:#fff}
.bb-contact-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;min-height:54px;padding:13px 20px;border-radius:12px;background:#25d366;color:#fff!important;font-size:15px;font-weight:800;box-shadow:0 12px 28px rgba(37,211,102,.18);transition:.25s ease}
.bb-contact-whatsapp:hover{background:#1fbd59;transform:translateY(-2px)}
.bb-contact-whatsapp i{font-size:20px}
.bb-contact-info__social{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.bb-contact-info__social>span{font-size:14px;font-weight:700}.bb-contact-info__social>div{display:flex;gap:9px}
.bb-contact-info__social a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:13px;transition:.22s ease}
.bb-contact-info__social a:hover{background:var(--bb-red,#d51f26);color:#fff;transform:translateY(-2px)}
.bb-contact-form-card{padding:42px 44px;border:1px solid #e5e9ef;border-radius:22px;background:#fff;box-shadow:0 25px 65px rgba(24,39,58,.1)}
.bb-contact-form-card__head{padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid #edf0f4}
.bb-contact-form-card__head h3{margin:0 0 10px;color:#111923;font-size:32px;line-height:1.25;font-weight:800}
.bb-contact-form-card__head p{margin:0;color:#737c87;font-size:15px;line-height:1.65}
.bb-contact-form-card .wpcf7-form p{margin:0 0 18px}
.bb-contact-form-card .wpcf7-form label{display:block;color:#1d2732;font-size:14px;font-weight:700}
.bb-contact-form-card .wpcf7-form-control-wrap{display:block;margin-top:8px}
.bb-contact-form-card input[type="text"],.bb-contact-form-card input[type="email"],.bb-contact-form-card input[type="tel"],.bb-contact-form-card input[type="url"],.bb-contact-form-card input[type="number"],.bb-contact-form-card select,.bb-contact-form-card textarea{width:100%;height:56px;padding:0 17px;border:1px solid #dfe4ea;border-radius:10px;background:#f8f9fb;color:#222;font-size:15px;outline:0;transition:.2s ease}
.bb-contact-form-card textarea{height:145px;padding-top:15px;resize:vertical}
.bb-contact-form-card input:focus,.bb-contact-form-card select:focus,.bb-contact-form-card textarea:focus{border-color:var(--bb-red,#d51f26);background:#fff;box-shadow:0 0 0 3px rgba(213,31,38,.08)}
.bb-contact-form-card input[type="submit"],.bb-contact-form-card .wpcf7-submit{min-width:180px;height:56px;padding:0 28px;border:0;border-radius:8px;background:var(--bb-red,#d51f26);color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;box-shadow:0 12px 28px rgba(213,31,38,.2);transition:.22s ease}
.bb-contact-form-card input[type="submit"]:hover,.bb-contact-form-card .wpcf7-submit:hover{background:var(--bb-red-dark,#b7181f);transform:translateY(-2px)}
.bb-contact-form-card .wpcf7-spinner{vertical-align:middle}.bb-contact-form-card .wpcf7-not-valid-tip{margin-top:5px;font-size:12px}
.bb-contact-form-card .wpcf7-response-output{margin:18px 0 0!important;padding:12px 15px!important;border-width:1px!important;border-radius:8px;font-size:14px}
.bb-contact-map{position:relative;overflow:hidden;margin-top:32px;height:430px;border-radius:22px;background:#e9edf2;box-shadow:0 20px 55px rgba(24,39,58,.1)}
.bb-contact-map iframe,.bb-contact-map .contact-page__google-map{width:100%!important;height:100%!important;border:0!important;display:block}
.bb-contact-map__label{position:absolute;z-index:2;left:25px;top:25px;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:9px;background:#fff;color:#111923;font-size:14px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.bb-contact-map__label i{color:var(--bb-red,#d51f26)}
@media(max-width:991px){.bb-contact-page{padding:80px 0 90px}.bb-contact-page__heading h2{font-size:39px}.bb-contact-page__grid{grid-template-columns:1fr}.bb-contact-info,.bb-contact-form-card{padding:36px 32px}}
@media(max-width:575px){.bb-contact-page{padding:65px 0 72px}.bb-contact-page__heading{margin-bottom:36px}.bb-contact-page__heading h2{font-size:31px;letter-spacing:-.8px}.bb-contact-page__heading p{font-size:15px}.bb-contact-info,.bb-contact-form-card{padding:28px 22px;border-radius:16px}.bb-contact-info__top h3,.bb-contact-form-card__head h3{font-size:26px}.bb-contact-item{grid-template-columns:46px 1fr;gap:13px}.bb-contact-item__icon{width:46px;height:46px}.bb-contact-info__social{align-items:flex-start;flex-direction:column}.bb-contact-map{height:330px;border-radius:16px}.bb-contact-map__label{left:15px;top:15px}}

/* =========================================================
   Blog Listing Page Light Theme Override
   Keeps homepage blog dark, but blog archive/page light
   ========================================================= */
.bb-blog.bb-blog--page {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.bb-blog.bb-blog--page .bb-section-heading--left h2 {
  color: #111923;
}

.bb-blog.bb-blog--page .bb-section-heading--left p {
  color: #68717c;
}

.bb-blog.bb-blog--page + .cta-one {
  background: linear-gradient(
    to bottom,
    #f7f9fc 0,
    #f7f9fc 50%,
    var(--bb-navy, #0d1824) 50%,
    var(--bb-navy, #0d1824) 100%
  );
}

.bb-blog.bb-blog--page + .cta-one .cta-one__inner {
  border: 1px solid #e5e9ef;
  box-shadow: 0 24px 60px rgba(16, 30, 54, .10);
}

@media (max-width: 767px) {
  .bb-blog.bb-blog--page + .cta-one {
    background: linear-gradient(
      to bottom,
      #f7f9fc 0,
      #f7f9fc 40%,
      var(--bb-navy, #0d1824) 40%,
      var(--bb-navy, #0d1824) 100%
    );
  }
}

/* =========================================================
   Global Page Header & Breadcrumb Improvement
   Applies to pages, categories and single posts
   ========================================================= */
.page-header {
  min-height: 300px;
  padding: 80px 0;
  display: flex;
  align-items: center;
  background-color: #071321;
}

.page-header__bg {
  opacity: .52;
}

.page-header .container {
  position: relative;
  z-index: 2;
}

.page-header__inner {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.page-header__inner h1,
.page-header__inner h2 {
  margin: 0 0 18px;
  color: #fff !important;
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.03em;
  text-shadow: 0 4px 22px rgba(0, 0, 0, .38);
}

.page-header .thm-breadcrumb__box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(4, 14, 28, .56);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.page-header .thm-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  padding: 0;
}

.page-header .thm-breadcrumb li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  color: rgba(255, 255, 255, .86) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.page-header .thm-breadcrumb li + li::before {
  content: "\f054";
  margin: 0 11px;
  color: rgba(255, 255, 255, .48);
  font-family: "Font Awesome 5 Free";
  font-size: 9px;
  font-weight: 900;
}

.page-header .thm-breadcrumb li a,
.page-header .thm-breadcrumb a {
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}

.page-header .thm-breadcrumb li a:hover,
.page-header .thm-breadcrumb a:hover {
  color: #ef2b32 !important;
}

.page-header .thm-breadcrumb li:last-child,
.page-header .thm-breadcrumb li[aria-current="page"] {
  color: #ff4a50 !important;
}

@media (max-width: 767px) {
  .page-header {
    min-height: 240px;
    padding: 60px 0;
  }

  .page-header__inner h1,
  .page-header__inner h2 {
    margin-bottom: 14px;
    font-size: 34px;
  }

  .page-header .thm-breadcrumb__box {
    max-width: 100%;
    padding: 9px 14px;
  }

  .page-header .thm-breadcrumb li {
    font-size: 13px;
  }
}