/* OVERRIDE STYLES */

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/

.bplanet-btn {
    background-color: var(--bplanet-base, #0d55a7);
    color: var(--bplanet-white, #fff);
    border-radius: 20px;
  }

  .contact-two__wrapper {
       padding: 30px 15px;
  }

.page-header {
    background-color: var(--bplanet-black, #051d1f);
    position: relative;
    border-radius: 0 0 0 180px;
   margin-bottom: 1px;
    padding-bottom: 5px;
  }
  @media (max-width: 1199px) {
    .page-header {
      margin-bottom: 0;
    }
  }
  @media (max-width: 767px) {
    .page-header {
      border-radius: 0;
    }
  }
  .page-header__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 63.4%;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-image: url(../images/bolakimgs/bi-bg-construction-318.jpg);
  }
  @media (max-width: 1199px) {
    .page-header__bg {
      width: 100%;
    }
  }
  .page-header__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-color: var(--bplanet-black, #051d1f);
    opacity: 0.9;
  }
  .page-header__shape {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 49.93%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    opacity: 0.17;
    background-image: url(../images/shapes/page-header-bg-1-2.png);
    border-radius: 0 0 0 180px;
  }
  @media (max-width: 1199px) {
    .page-header__shape {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .page-header__shape {
      border-radius: 0;
    }
  }
  .page-header__shape-two {
    position: absolute;
    right: 4%;
    bottom: 18%;
    width: 100%;
    height: 100%;
    background-image: url(../images/shapes/page-header-bg-shape-1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    animation: zoomBig 3s linear infinite;
  }
  @media (max-width: 1199px) {
    .page-header__shape-two {
      display: none;
    }
  }
  .page-header .container {
    position: relative;
    z-index: 3;
  }
  .page-header__content {
    position: relative;
    padding: 10px 0 10px 50px;
  }
  @media (max-width: 1199px) {
    .page-header__content {
      /* padding: 280px 0 150px; */
      padding: 2px 0 2px 40px;
    }
  }
  @media (max-width: 767px) {
    .page-header__content {
        padding: 2px 0 2px 6px;
    }
  }
  .page-header__title {
    margin: 0 0 12px;
    font-size: 70px;
    color: var(--bplanet-white, #fff);
    text-transform: capitalize;
  }
  @media (max-width: 1199px) {
    .page-header__title {
      font-size: 50px;
    }
  }
  @media (max-width: 767px) {
    .page-header__title {
      font-size: 36px;
    }
  }
  .page-header__layer {
    position: absolute;
    right: -30px;
    bottom: -85px;
    z-index: 3;
  }
  @media (max-width: 1299px) {
    .page-header__layer {
      right: 30px;
    }
  }
  @media (max-width: 1199px) {
    .page-header__layer {
      display: none;
    }
  }
  .page-header__layer img {
    animation: leftToRight 3s linear 0s infinite;
  }
  .page-header__layer__shape {
    position: absolute;
    left: 0;
    top: 48px;
    width: 128px;
    height: 126px;
    background-image: url(../images/shapes/page-header-bg-shape-2.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    animation-name: float-bob-y-2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  .page-header__layer__bg {
    width: 517px;
    height: 170px;
    background-color: var(--bplanet-base, #3d72fc);
    position: absolute;
    right: -60px;
    bottom: 0;
    z-index: -1;
  }
  @media (max-width: 1299px) {
    .page-header__layer__bg {
      right: -20px;
    }
  }
  .page-header__layer__bg::after {
    position: absolute;
    right: 23px;
    bottom: 23px;
    content: "";
    width: 100%;
    height: 100%;
    border: 3px solid var(--bplanet-base, #3d72fc);
  }

  .bplanet-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
  }
  .bplanet-breadcrumb li {
    font-size: 15px;
    color: var(--bplanet-base, #3d72fc);
    text-transform: capitalize;
    display: flex;
    align-items: center;
  }
  @media (max-width: 767px) {
    .bplanet-breadcrumb li {
      font-size: 17px;
    }
  }
  .bplanet-breadcrumb li:not(:last-of-type)::after {
    content: "/";
    position: relative;
    top: 1px;
    color: var(--bplanet-white, #fff);
    margin-right: 4px;
    margin-left: 4px;
  }
  .bplanet-breadcrumb li span,
  .bplanet-breadcrumb li a {
    color: inherit;
    display: inline-flex;
    line-height: 1em;
  }
  .bplanet-breadcrumb li a {
    color: var(--bplanet-white, #fff);
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
  }
  .bplanet-breadcrumb li a:hover {
    background-size: 100% 1px;
  }
  .bplanet-breadcrumb li a:hover {
    color: var(--bplanet-base, #3d72fc);
  }

/*-- Footer 03 --*/
.main-footer-three {
    position: relative;
    z-index: 2;
    padding: 120px 0 0;
    background-color: var(--bplanet-black, #051d1f);
    /* background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; */
  }
  .main-footer-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .main-footer-three__shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
  }
  @media (max-width: 1199px) {
    .main-footer-three__shape {
      display: none;
    }
  }
  .main-footer-three .container {
    position: relative;
  }
  @media (min-width: 1200px) {
    .main-footer-three--ml30 {
      margin-left: -40px;
    }
  }
  .main-footer-three__bottom {
    background-color: var(--bplanet-black4, #1b272a);
    padding: 10px 0 10px;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 1199px) {
    .main-footer-three__bottom {
      /* padding: 280px 0 150px; */
      padding: 10px 0 90px;
    }
  }
  @media (max-width: 767px) {
    .main-footer-three__bottom {
        padding: 10px 0 90px;
    }
  }
  @media (max-width: 991px) {
    .main-footer-three__bottom {
        padding: 10px 0 90px;
    }
  }
  .main-footer-three__bottom__list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
  }
  @media (max-width: 767px) {
    .main-footer-three__bottom__list {
      justify-content: center;
      margin-top: 15px;
    }
  }
  .main-footer-three__bottom__list li {
    font-size: 16px;
    color: var(--bplanet-text-dark, #ffffff);
    display: inline-block;
  }
  .main-footer-three__bottom__list li a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
  }
  .main-footer-three__bottom__list li a:hover {
    background-size: 100% 1px;
  }
  .main-footer-three__bottom__list li a:hover {
    color: var(--bplanet-base, #3d72fc);
  }
  .main-footer-three__bottom__list li + li {
    margin-left: 32px;
  }
  @media (max-width: 991px) {
    .main-footer-three__bottom__list li + li {
      margin-left: 25px;
    }
  }
  .main-footer-three__copyright {
    margin: 0;
    font-size: 16px;
    color: var(--bplanet-text-dark, #b7b7b7);
  }
  @media (max-width: 767px) {
    .main-footer-three__copyright {
      text-align: center;
    }
  }

.footer-widget {
    margin-top: 78px;
    margin-bottom: 79px;
  }
  @media (max-width: 991px) {
    .footer-widget {
      margin-bottom: 0;
    }
  }
  @media (max-width: 767px) {
    .footer-widget {
      margin-top: 30px;
      margin-bottom: 0;
    }
  }
  .footer-widget--about {
    position: relative;
    margin: -115px 0 0;
    padding: 0;
    max-width: 327px;
    background-color: var(--bplanet-black4, #1b272a);
    border-radius: 6px 6px 0 0;
  }
  @media (max-width: 991px) {
    .footer-widget--about {
      margin: 0;
    }
  }
  .footer-widget--about::after {
    position: absolute;
    content: "";
    width: 5px;
    height: calc(100% - 115px);
    left: -5px;
    bottom: 0;
    background-color: var(--bplanet-base, #3d72fc);
  }
  .footer-widget--about::before {
    position: absolute;
    content: "";
    width: 5px;
    height: calc(100% - 115px);
    right: -5px;
    bottom: 0;
    background-color: var(--bplanet-base, #3d72fc);
  }
  .footer-widget__logo {
    padding: 53px 34px 0;
    display: inline-flex;
    margin-bottom: 43px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .footer-widget__logo {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  .footer-widget__info {
    margin: 0 34px;
    padding: 0;
    list-style: none;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .footer-widget__info {
      margin-left: 20px;
      margin-right: 20px;
    }
  }
  .footer-widget__info li {
    font-size: 16px;
    color: var(--bplanet-text-dark, #b7b7b7);
    line-height: 28px;
    position: relative;
    padding-left: 26px;
    margin: 0 0 12px;
  }
  .footer-widget__info li span {
    color: var(--bplanet-base, #3d72fc);
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
  }
  .footer-widget__info li a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
  }
  .footer-widget__info li a:hover {
    background-size: 100% 1px;
  }
  .footer-widget__info li a:hover {
    color: var(--bplanet-base, #3d72fc);
  }
  .footer-widget__social {
    padding: 31px 34px 31px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .footer-widget__social {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  .footer-widget__social a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bplanet-black, #051d1f);
    font-size: 15px;
    color: var(--bplanet-white, #fff);
    transition: all 500ms ease;
    border-radius: 50%;
  }
  .footer-widget__social a:hover {
    background-color: var(--bplanet-base, #3d72fc);
    color: var(--bplanet-white, #fff);
  }
  .footer-widget__image {
    position: relative;
    border-top: 5px solid var(--bplanet-white, #fff);
  }
  .footer-widget__image img {
    width: 100%;
    height: auto;
  }

  .footer-widget__title {
    font-size: 22px;
    color: var(--bplanet-white, #fff);
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 36px;
  }
  .footer-widget__posts {
    margin-bottom: 0;
  }
  .footer-widget__posts__item {
    display: flex;
    align-items: center;
    margin-bottom: 23px;
    max-width: 270px;
  }
  .footer-widget__posts__image {
    flex-shrink: 0;
    margin-right: 25px;
    width: 85px;
    height: 86px;
    border-radius: 50%;
    overflow: hidden;
  }
  .footer-widget__posts__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .footer-widget__posts__meta {
    font-size: 14px;
    color: var(--bplanet-text-dark, #b7b7b7);
    margin: 0 0 3px;
  }
  .footer-widget__posts__title {
    margin: 0;
    color: var(--bplanet-white, #fff);
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
  }
  .footer-widget__posts__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
  }
  .footer-widget__posts__title a:hover {
    background-size: 100% 1px;
  }
  .footer-widget__posts__title a:hover {
    color: var(--bplanet-base, #3d72fc);
  }

  .footer-widget__links {
    margin: -13px 0 0;
    padding: 0;
  }
  .footer-widget__links li {
    font-size: 16px;
    color: var(--bplanet-text-dark, #b7b7b7);
    line-height: 41px;
  }
  .footer-widget__links li a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
  }
  .footer-widget__links li a:hover {
    background-size: 100% 1px;
  }
  .footer-widget__links li a:hover {
    color: var(--bplanet-base, #3d72fc);
  }
  .footer-widget--last {
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 1200px) {
    .footer-widget--last {
      margin-left: 60px;
    }
  }
  @media (max-width: 991px) {
    .footer-widget--last {
      display: block;
    }
  }
  .footer-widget--about-two {
    position: relative;
    max-width: 270px;
    margin-top: 65px;
  }
  .footer-widget--about-two .footer-widget__logo {
    padding: 0;
    margin-bottom: 25px;
  }
  .footer-widget--about-two__text {
    font-size: 14px;
    line-height: 28px;
    color: var(--bplanet-text-dark, #b7b7b7);
    margin: 0 0 22px;
  }
  .footer-widget--about-two .footer-widget__social {
    padding: 0;
    gap: 10px;
  }
  .footer-widget--about-two .footer-widget__social a {
    background-color: var(--bplanet-black2, #222222);
  }
  .footer-widget--about-two .footer-widget__social a:hover {
    background-color: var(--bplanet-base, #3d72fc);
  }

  /*--------------------------------------------------------------
# News Letter
--------------------------------------------------------------*/
.mail-section {
    position: relative;
    overflow: hidden;
    background-color: var(--bplanet-white, #fff);
  }
  .mail-section__wrapper {
    position: relative;
    border-top: 1px solid var(--bplanet-border-color, #dddddd);
    padding: 29px 0;
  }
  .mail-section__wrapper::after {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100vw;
    height: 1px;
    content: "";
    background-color: var(--bplanet-border-color, #dddddd);
  }
  .mail-section__content {
    position: relative;
  }
  .mail-section__content__title {
    font-size: 22px;
    letter-spacing: 0.33px;
    margin: 0 0 1px;
  }
  .mail-section__content__text {
    font-size: 16px;
    letter-spacing: 0.24px;
    margin: 0;
  }
  .mail-section__newsletter {
    position: relative;
    margin-left: 14px;
  }
  @media (max-width: 991px) {
    .mail-section__newsletter {
      margin: 0;
    }
  }
  @media (max-width: 767px) {
    .mail-section__newsletter {
      margin: 20px 0 0;
    }
  }
  .mail-section__newsletter input[type=text],.tp-subscribe-input input{
    width: 100%;
    display: block;
    border: none;
    outline: none;
    height: 50px;
    border: 1px solid var(--bplanet-border-color, #dddddd);
    background-color: var(--bplanet-white, #fff);
    color: var(--bplanet-text, #636363);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.24px;
    padding-left: 29px;
    padding-right: 20px;
    border-radius: 27px;
    transition: all 500ms ease;
  }
  .mail-section__newsletter button, .tp-subscribe-input button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    letter-spacing: 0.25px;
    padding: 0 24px;
    border-radius: 0 27px 27px 0;
  }

  .mail-section-two {
    position: relative;
    background-color: var(--bplanet-white, #fff);
    margin-bottom: -99px;
  }
  .mail-section-two .container {
    max-width: 1398px;
    position: relative;
    z-index: 9;
  }
  .mail-section-two__wrapper {
    position: relative;
    background-color: var(--bplanet-black, #051d1f);
    border-radius: 100px;
    border: 5px solid var(--bplanet-white, #fff);
    overflow: hidden;
  }
  .mail-section-two__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.13;
  }
  .mail-section-two__content {
    display: flex;
    align-items: center;
    position: relative;
    gap: 64px;
  }
  @media (max-width: 1199px) {
    .mail-section-two__content {
      gap: 34px;
    }
  }
  @media (max-width: 767px) {
    .mail-section-two__content {
      display: block;
      text-align: center;
    }
  }
  .mail-section-two__content__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 190px;
    width: 160px;
    background-color: var(--bplanet-base, #3d72fc);
    color: var(--bplanet-white, #fff);
    font-size: 96px;
    position: relative;
  }
  @media (max-width: 1199px) {
    .mail-section-two__content__icon {
      width: 124px;
    }
  }
  @media (max-width: 767px) {
    .mail-section-two__content__icon {
      width: 100%;
      margin: 0 0 30px;
    }
  }
  .mail-section-two__content__icon::after {
    position: absolute;
    right: -27px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 27px 0 27px 27px;
    border-color: transparent transparent transparent var(--bplanet-base, #3d72fc);
    animation: topBottomTwo 5s infinite linear;
  }
  .mail-section-two__content__title {
    margin: 0;
    color: var(--bplanet-white, #fff);
    font-size: 26px;
  }
  .mail-section-two__newsletter {
    position: relative;
    display: flex;
    align-items: center;
    margin: 68px 0 67px;
    max-width: 540px;

  }

  .mail-section-two__newsletter  div{
        width: 100%;
  }
  @media (min-width: 1360px) {
    .mail-section-two__newsletter {
      margin-left: 30px;
    }
  }
  @media (max-width: 1199px) {
    .mail-section-two__newsletter {
      margin-right: 20px;
    }
  }
  @media (max-width: 767px) {
    .mail-section-two__newsletter {
      margin: 30px 20px 50px;
    }
  }
  .mail-section-two__newsletter input[type=text], .tp-subscribe-input input[type=text] {
    width: 100%;
    display: block;
    border: none;
    outline: none;
    height: 55px;
    background-color: var(--bplanet-white, #fff);
    color: var(--bplanet-text, #636363);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    padding-left: 40px;
    padding-right: 20px;
    border-radius: 30px;
    transition: all 500ms ease;
  }
  @media (max-width: 991px) {
    .mail-section-two__newsletter input[type=text],.tp-subscribe-input input[type=text] {
      padding-left: 20px;
    }
  }
  .mail-section-two__newsletter  button, .tp-subscribe-input button, .tp-header-search-input-box-5 button {
    position: absolute;
    right: 0;

    height: 50px;
    letter-spacing: 0.25px;
    padding: 0 35px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 30px 0 inherit;
    background-color: var(--bplanet-base, #0d55a7);
    color: var(--bplanet-white, #fff);

  }
  @media (max-width: 991px) {
    .mail-section-two__newsletter button, .tp-subscribe-input button {
      padding: 0 18px;
    }
  }
  .breadcrumb__area {
padding : 30px 0 30px 0;
margin-bottom: 5px;
  }
  @media (max-width: 1199px) {
    .breadcrumb__area  {
      /* padding: 280px 0 150px; */
      padding: 2px 0 2px 40px;

    }
  }
  @media (max-width: 767px) {
    .breadcrumb__area  {
        padding: 20px 0 15px 10px;

    }
  }
  .tp-page-area, .tp-product-details-area,.tp-related-product,.tp-shop-area,.tp-error-area{
    background-image: url(../images/backgrounds/bi-prod-display-bg-239.jpg);
    padding : 30px 0 50px 0;
    margin:0px;
}
.tp-product-modal-content {
    background-image: url(../images/backgrounds/bp-dark-sl-granite-237.jpg);
    padding : 50px 20px 50px 10px;

}
.tp-product-modal-content img {

border-radius: 10px;
border: 1px solid var(--tp-border-primary,#b8b8b8);


}
.tp-product-modal-content .contact-two__wrapper{
    /* padding: 20px 0px 20px 0px; */
    margin: 10px -10px;
}

.tp-header-5{
    background-image: url(../images/backgrounds/bp-dark-sl-granite-238.jpg);
    /* background-image: url(../images/backgrounds/bp-dark-sl-granite-236.jpg); */
}

.ae-anno-announcement-wrapper{
    background-image: url(../images/backgrounds/bp-dark-sl-granite-236x500.jpg);

}

.row-cols-2 .tp-product-item .tp-product-action, .swiper-wrapper .tp-product-item .tp-product-action {
    bottom:2px;
    inset-inline-end:2px;
    background-color: rgba(219, 219, 219, 0.055);
    opacity: 0.5;
  }

/* responsive overrides start */

@media only screen and (max-width:375px) {

}
@media only screen and (min-width:375px) and (max-width:575px) {

}
@media only screen and (min-width:576px) and (max-width:767px) {
}
@media only screen and (min-width:768px) and (max-width:992px) {
}
@media only screen and (min-width:992px) and (max-width:1199px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1600px) {
}

/* responsive overrides end */

.tp-header-search-input-5 input {
    height: 50px;
}
.about-one__content__list li p {
    color: var(--bplanet-white, #fff);
}
.about-three__image__shape {

    top: -15px;
}
.cta-four__content__info, .cta-four__content__info H4  {
    font-size: var(--h4-size);
    color: var(--bplanet-red, #570707);

  }
.cta-four__content__info__icon{
    font-size: var(--h4-size);
    color: var(--bplanet-green,#044217);
    line-height: var(--h4-size);
    flex-shrink: 0;
    margin: -9px -20px 0 0;
  }
  .cta-four__content__info__icon svg {
    display: inline-block;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  .cta-four__content__info:hover .cta-four__content__info__icon svg {
    transform: rotateY(180deg);
  }
  .tp-product-details-action-sm-btn.active svg {
    color:var(--bplanet-base, #0d55a7);
  }

  .bplanet-btn-actions {

    background-color: var(--bplanet-base, #0d55a7);
    color: var(--bplanet-white, #fff);
  }
.bplanet-btn-actions  :active{

    background-color: var(--bplanet-green,#044217);
  }
  .sidebar__tags a {
    border-radius: 20px;
  }
  .bb-product-filter-result .bb-product-filter-clear {

    background-color: var(--bplanet-base, #0d55a7);
  color: var(--tp-common-white);

  }

.bb-product-filter-items li .blackandwhite-text{

    text-shadow:
    -1px -1px 0 #043a16,
    1px -1px 0 #043a16,
    -1px 1px 0 #043a16,
    1px 1px 0 #043a16;
    color: var(--tp-common-white);
}

.bb-product-filter-items li .blackandwhite-tag{

    background-color: var(--bplanet-white, #fff);
    text-transform: capitalize;
    border: 1px solid var(--bolakaat-border-color, #dddddd);
    font-size: 16px;
    font-weight: 400;
    color: var(--bolakaat-text, #636363);
    transition: all 500ms ease;
    display: inline-flex;
    line-height: 28px;
    padding: 5px 21px;
    border-radius: 20px;
}
.bb-product-filter-items li .blackandwhite-tag:hover{

    color: var(--bolakaat-white, #fff);
    border-color: var(--bolakaat-base, #3d72fc);
    background-color: var(--bolakaat-base, #3d72fc);
}