:root {
    --Main-red: #B51217;
    --Main-dark: #313030;
    --primary: #B51217 !important;
    --text: #545454;
    --dark:#545454;
    --swiper-theme-color: var(--Main-red) !important;
    --Main-title: #231F20; 
}
body {
    font-family: "Ubuntu", sans-serif !important;
}
.bg-ino-primary {
    background-color: var(--Main-red, #B51217) !important;
}
.bg-ino-dark {
    background-color: var(--Main-dark, #313030) !important;
}
.bg-ino-dark * { color: white !important; }
.bg-ino-light {
    background-color: #F7F7F7 !important;
}
.bg-ino-lightess {
    background-color: #F8F8F8 !important;
}
.bg-ino-lighter {
    background: #F4F4F4 !important;   
}
.bg-ino-greyer { background: #EBEBEB !important; }
.bg-white-fa { background: #FAFAFA !important; }
.bg-grey-f5 { background: #F5F5F5 !important; border-radius: 16px; }
.co-main-red { color: var(--Main-red) !important; }
.co-white { color: white !important; }
.co-main-title { color: var(--Main-title) !important; }
.bg-card {
    border-radius: 20px;
    background: #F8F8F8;
}
.co-dark { color: #545454 !important; }
.bg-category-tag {
    display: inline-flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 22px;
    background: #C73266;
    color: white !important;
    width: fit-content;
}
.co-main-dark { color: #231F20 !important; }
.co-ino-grey { color: #B8B8B8 !important; }
.radius-0 { border-radius: 0 !important; }
.border-16 { border-radius: 16px !important; }
.page .box-nav-menu .sub-menu-style-2 {
    justify-content:space-between;   
}
.page .box-nav-menu .sub-menu-style-2 { min-width: 620px; }
.page .box-nav-menu .sub-menu-style-2 .banner::after { background: transparent; }
.page .box-nav-menu .sub-menu-style-2 .banner .title { color: white; }
.page .box-nav-menu .sub-menu { padding: 32px; }
/* Swiper custom colors */
.swiper {  
  --swiper-theme-color: var(--Main-red) !important;
  --swiper-pagination-progressbar-bg-color: var(---Main-dark) !important;
}
.nav-swiper:hover {
  background-color: var(--Main-red);
  border-color: var(--Main-red);
}
/* Buttons */
.tf-btn.btn-out-line-white:hover {
  background-color: white;
  color: var(--primary);
  border-color: var(--white);
}

.fl-control-sw2 .hover-img .img-style > img {
    object-fit: contain;
    padding: 25px;
}
.btn-filter {
    display: inline-flex;
    padding: 5px 21px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 22px;
    border: 1px solid #EBEBEB;    
    background-color: transparent;
    transition: all .15s ease-in;
    color: #231F20;    
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    white-space: nowrap;
}
@media all and (min-width: 1024px) {
     .btn-filter {
         padding: 10px 24px;
     }
}
.btn-filter:not(:last-child) { margin-right: 10px; }
.btn-filter:hover,
.btn-filter.active {
    background-color: #B51217;
    border-color: #B51217;
    color: white;
}
.btn-ino-single {
    display: flex;
    width: auto;
    padding: 14px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 42px;
    border: 1px solid var(--Heading, #000) !important;
    background: transparent;
    color: var(--Heading, #000);
    text-align: center;
    transition: background-color .15s ease-in, color .15s ease-in, border-color .15s ease-in;
}
.btn-ino-single:hover {
    background:var(--Main-red) !important;
    border-color: var(--Main-red) !important;
    color: white; 
}
.btn-ino-white {
    border-radius: 54px;
    border: 1px solid #B51217;
    background: #FFF;    
    color: #B51217;
}
.hover-red:hover { background-color: #B51217; border-color: #B51217; color: white; }

.btn-video { background: transparent; border: unset; }
.btn-video-position { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.newsInner .tf-social-icon .social-item:hover {
    background: var(--Main-red) !important;
    color: white !important;
}
.newsInner .tf-social-icon .social-item:hover i { color: white !important; }
#video.offcanvas {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: calc(100% - 30px) !important;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0.5rem;
}
@media (min-width: 768px) {
    #video.offcanvas {
        max-width: 650px !important;
    }
}
/*overlays*/
.overlay { position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 0; }
.overlay-1 { background: rgba(0, 0, 0, 0.60); }
/*banner variation*/
.banner-ino-home .banner-content { background: transparent; }
.banner-ino-home .banner-content .image { position: absolute; z-index: 0; }
.banner-ino-home .banner-content .box-content {
    position: relative;
    min-height: 331px;
}
@media all and (min-width: 1200px) {
    .banner-ino-home .banner-content .box-content {
        position: relative;
        min-height: 531px;
    }
}
.banner-ino-home .banner-content .box-content .box-title-banner > * { color: white !important; }
.banner-ino-home.s-banner-colection .box-content { justify-content: flex-end; }
/*banner swiper catalogue*/
.banner-shop.style-left-center a.img-style img { 
    width: auto; position: relative; left: 170px; 
    opacity: .7;
    bottom: -200px;    
    /*visibility: hidden;*/
}
@media all and (min-width: 768px) {
    .banner-shop.style-left-center .content {
        max-width: 50%;   
    }    
    .banner-shop.style-left-center a.img-style {
        display: flex !important;
        justify-content: flex-end;
    }
    .banner-shop.style-left-center a.img-style img { width: 300px; left: unset; bottom: unset; opacity: 1; visibility: visible; }    
}

.tf-collection-swiper .swiper-slide { height: auto; }
.tf-collection-swiper .banner-shop.style-left-center { height: 100%; }

@media (min-width: 1200px) {
    .tf-collection-swiper .banner-shop .card-image-bottom {
        width: 260px !important;
        object-fit: contain;
    }    
    .banner-shop.style-left-center .content {
        max-width: 45%;   
    }
}
/*.iconsextra-boxes * { color: #231F20; fill: #B51217; }*/

/*layout*/
.page .tf-topbar .dropdown-menu { border: unset !important; }
.page .tf-topbar .dropdown-menu.inner { background: transparent !important; } 
.page .image-select.style-default > .dropdown-menu { min-height: 120px !important; }
.page .image-select.style-default > .dropdown-menu a .text { color: var(--bs-body-color) !important; }
.page .image-select.style-default > .dropdown-menu a:hover .text { color: var(--primary) !important; }
.row-footer .s2 {
    display: flex;
    justify-content: space-between;
}
@media all and (max-width: 768px) {
    .row-footer .s2 {
        gap: 30px;
    }    
}
.footer-top { position: relative; }
.footer-top-bg {
    position: absolute;
    top:0; right:0; left: 0; bottom: 0;
    width: 100%; height: 100%; z-index: 0;
}
.page .logo-header img { width : 100%; max-width: 100px; }
.page .footer-default .form-newsletter { max-width: 100%; }

.form-newsletter .subscribe-content .email{
    border-radius: 49px;
    background: white;
}
@media all and (max-width : 592px) {
    .form-newsletter .subscribe-content .email {
        max-width: 180px;   
    }
}

@media all and (min-width: 1200px)  {
    .form-newsletter .subscribe-content .email {
        width: 400px;   
    }
}

@media (max-width: 575px) {
  .footer-heading-mobile::after {
    content: unset;
  }
}

.footer-default .tf-social-icon.style-large .social-item:hover {
    background: #B51217;   
}
.footer-default .tf-social-icon.style-large .social-item:hover .icon { color: white !important; }
.footer-default .footer-bottom a:hover { color: var(--primary); }
.tf-topbar.topbar-bg .tf-social-icon .social-item:hover { background: var(--primary); }
.tf-topbar .marquee-child-item a:hover { color: var(--primary) !important; }
.cb-ship-terms { color: #B8B8B8; }
.tf-check {width: 20px; height: 20px; background-color: white; border-color:#B8B8B8;border-radius: 5px; }
.tf-check::before {
    color: #B51217;
    opacity: 1;
    transform: unset;
}
.tf-check:checked::before {
    color: white !important;  
}

@media all and (max-width: 414px) {
  #footer .subscribe-content .tf-btn {
    font-size: 13px !important;
  }
}

.s-contact .content-right a {
  transition: all 0.3s ease-in-out;
  background-color: var(--dark);
  border: 1px solid var(--dark);
  color: var(--white);
  padding: 13px 32px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;  
  border: none;
  background: transparent;
  padding: 0px;
  color: var(--dark);
  justify-content: unset;
  width: max-content;
  position: relative;
  gap: 6px;
}

.s-contact .content-right a::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: auto;
  right: 0;
  width: 0%;
  height: 1px;
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.s-contact .content-right a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

.newsInner .newsInnerTop__title {
    color: #231F20;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
}

.newsInner .NewsInnerBody * { color: var(--text); }
.newsInner .newsInnerBody p:not(:last-child) { margin-bottom: 15px; }
.newsInner .newsInnerBody ul { margin-bottom: 22px; }
.newsInner .newsInnerBody ul { padding-left: 15px; }
.newsInner .newsInnerBody ul li { list-style: initial; }
.newsInner .newsInnerBody ul li::marker { color: var(--Main-red); }
.newsInner .newsInnerBody ul li:not(:last-child) { margin-bottom: 10px; }

.newsInner .newsInnerBody .img-top-inner { height: 250px; object-fit: cover;border-radius: 16px; }
@media all and (min-width: 1200px) {
    .newsInner .newsInnerBody .img-top-inner { height: 500px; }
}

.blog-item-v2 .tag { border-radius: 30px; }
@media all and (min-width: 1200px) {
    .blog-item-v2 .img-style img { width: 464px; height: 395px; } 
}

.newsListing .newsListing__fitlersButtons { display: flex; overflow: scroll; }
@media all and (min-width: 767px) {
    .newsListing .newsListing__fitlersButtons { overflow: unset; }
}
@media all and (max-width: 575px) {
    .newsListing .newsListing__fitlersButtons .btn-filter:not(:last-child) { margin-bottom: 10px; }
}

.block-quote { border-radius: 16px;background: #F4F4F4;}
.newsInner .block-quote p {
    color: #231F20;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
}

.gallerySliderSkin img { height: 300px; object-fit: cover; border-radius: 20px; }
.gallerySliderSkin .swiper { overflow: unset; }
.gallerySliderSkin { overflow: hidden; }
.gallerySliderSkin .swiper-button-next { right:0; }
.gallerySliderSkin .swiper-button-prev { right:40px; left: unset; }
@media all and (min-width: 992px) {
 .gallerySliderSkin img { height: 500px; }   
}
@media all and (min-width:1400px) {
    .gallerySliderSkin .swiper-button-next { right:12%; }
    .gallerySliderSkin .swiper-button-prev { right:16%; }
}
    
.bannerTopColumns p:not(:last-child) { margin-bottom: 15px; }

.page .tf-topbar .image-select.style-default > .dropdown-toggle::after { top: 0; }

/************************product inner************************/
.brand-product-description {
    color: #5F615E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.brand-product-description p:not(:last-child) { margin-bottom: 10px; }

.page-product-inner .widget-accordion { 
    border: unset;
    border-radius: 10px;
    background: #F4F4F4;
    padding: 20px 30px;
}
.page-product-inner .widget-accordion:not(:last-child) { 
    margin-bottom: 10px; 
}
@media all and (min-width: 1200px) {
    .page-product-inner .widget-accordion .widget-desc ul,
    .page-product-inner .widget-accordion .widget-material ul {
        columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2;
    }
}
.page-product-inner .widget-accordion .widget-desc ul li,
.page-product-inner .widget-accordion .widget-material ul li {
    color: #545454;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    font-variant: small-caps;
    position: relative;
    padding-left: 40px;
}
.page-product-inner .widget-accordion .widget-material {
    padding-left: 15px;
}
.page-product-inner .widget-accordion .widget-specs-table {
    overflow: scroll;    
}
.page-product-inner .widget-accordion .widget-material ul li,
.page-product-inner .widget-accordion .widget-specs-table {
    padding: 0px;   
}
.page-product-inner .widget-accordion .widget-desc ul li:before {
    content: "";
  position: absolute;
  left: 0;
  top:3px;
  /*transform: translateY(-50%);*/
  
  /* Link to your file here */
  background-image: url('/media/features-icon.svg'); 
  
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  
  /* Size of the icon as it appears in the list */
  width: 30px; 
  height: 30px;
}
.page-product-inner .widget-accordion .widget-material ul li {    
    list-style-type: square;   
}
.page-product-inner .widget-accordion .widget-specs-table {
    border-radius: 12px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    display: inline-block;
}
@media all and (min-width: 1024px) { .page-product-inner .widget-accordion .widget-specs-table table { min-width: 600px; } }

.page-product-inner .widget-accordion .widget-specs-table tr td:first-child {
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
    padding: 20px 20px 11px 20px;
    color: #231F20;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}
.page-product-inner .widget-accordion .widget-specs-table tr td {
    background: white;
    color: #545454;
    padding: 20px 20px 11px 20px;
    border: 1px solid #EBEBEB;
    font-weight: bold;
}
.page-product-inner .widget-accordion .widget-specs-table tr:first-child td:nth-child(2) {
    color: #B51217;
}

.page-product-inner .otherProducts .card-product .card-product-wrapper img { height: 350px; object-fit: contain;}

.page-product-inner .downloadsSlider .card-product .card-product-wrapper img { height: 40px; object-position: left;object-fit: contain;}

.page-product-inner  .tf-collection-swiper .swiper-slide:first-child .banner-shop.style-left-center .content {
    max-width: 82%;
}
@media all and (max-width: 1199px) {
    .page-product-inner  .tf-collection-swiper .swiper-slide .banner-shop.style-left-center .content {
        max-width: 82%;
    }
}

@media (min-width: 1200px) {
.page-product-inner  .tf-collection-swiper .swiper-slide:first-child .banner-shop.style-left-center .content {
    max-width: 52%;
  }
  
}  
@media all and (max-width: 767px) {
    .page-product-inner .bannerVariation .banner-shop .img-style {
        visibility: hidden;
        max-height: 300px;
    }
}
    
.page-product-inner .s-banner-with-text-inner .box-title-banner h3 {
    color: #231F20;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 28.8px */    
}

.page .s-banner-with-text-inner .box-title-banner p:not(:last-child),
.page .s-banner-with-text-inner .desc p:not(:last-child) { margin-bottom: 10px; }

.page-product-inner .product-info-iconbox .content * {
    font-family: "Ubuntu", sans-serif !important;
    color: #231F20;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px; /* 171.429% */    
}
.page-product-inner .product-info-iconbox .content .title {
    font-weight: 700;
}

@media (min-width: 1200px) {
 .page-product-inner .card-product.style-border-2.border-type-2 .card-product-wrapper, .card-product.style-border-2.border-type-3 .card-product-wrapper {
    padding: 20px 23px 16px 23px;
  }
}

@media (min-width: 1200px) {
  .page-product-inner .card-product.style-border-2.border-type-2 .card-product-info {
    padding: 0px 23px 30px;
  }
}

@media (min-width: 1200px) {
    .page-product-inner .flat-wrap-media-product .tf-product-media-main .item img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      max-height: 500px;
    }   
    .page-product-inner .tf-product-media-thumbs .swiper-slide .item img {
      border-radius: 8px;
      width: 100%;
      height: 100%;
      object-fit: contain;
      max-height: 200px;
    }       
}
    
.page-product-inner .form-default fieldset input {
    background: transparent;
    border-radius: 6px;
    border: 1px solid #D7D7D7;    
}
.page-product-inner .form-quote .cols label {
    display: none;
}

.page-product-inner .product-accordions .product-accordions-title {
    font-size: 1.625rem;
}
.page .iconsextra-boxes .tf-icon-box {
    border-radius: 16px;
    border: 1px solid #B0B0B0;
}
.page .iconsextra-boxes .tf-icon-box .tf-icon-box-imgwrap {
    display: flex;
    width: 74px;
    height: 74px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 42px;
    /*border: 1px solid #EBEBEB;    */
}

.page .iconsextra-boxes .tf-icon-box .content .title {
    color: #231F20;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.page .iconsextra-boxes .tf-icon-box .content .text-rte,
.page .iconsextra-boxes .tf-icon-box .content .text-rte p {
    color: #545454;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
@media all and (min-width: 992px) {
    .page .iconsextra-boxes .tf-icon-box {
        padding: 30px 20px !important;   
    }
    .page .iconsextra-boxes .tf-icon-box .content .title {
        font-size: 24px;
        line-height: 120%;
    }    
    .page .iconsextra-boxes .tf-icon-box .content .text-rte,
    .page .iconsextra-boxes .tf-icon-box .content .text-rte p {
        font-size: 14px;
        line-height: 160%; /* 22.4px */
    }    
}

.productsSlider .card-product .card-product-wrapper img {
    /*width: 312px !important;*/
    max-height: 345px !important;
    object-fit: contain;
}
.productsSlider .card-product .product-img { align-items: center; }
.productsSlider .card-product .card-product-wrapper .product-img .img-hover { transition: unset; }
.productsSlider .card-product .card-product-wrapper .product-img .img-hover { top: 52px; }
.productsSlider .card-product .card-product-wrapper:hover .product-img .img-hover { top: 52px; transform: scale(1);transition: unset; }

/*page news*/
.page-news .blog-item-v2 .tag,
.page-front .blog-item-v2 .tag { color: #000000; }

.page-news .blog-item-v2 a,
.page-front .blog-item-v2 a { color: #231F20; }

.eventsListing .box-store .title {
    color: #231F20;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 32px */
}
.eventsListing .box-store:hover {
  background: transparent;
}
/*SLIDER HISTORY*/
/* =============================================================================
   History Slider — Source SCSS
   ----------------------------------------------------------------------------
   Replace the variables / mixins / utility classes below with the equivalents
   from your CMS / framework (Bootstrap, Tailwind, custom system). Everything
   inside `.sliderHistory { ... }` is the actual component and should be kept
   as-is — only the tokens above need adapting.
   ============================================================================= */
/* ---------- Colors (replace with your design tokens) ---------- */
/* ---------- Breakpoints ---------- */
/* =============================================================================
   Project utility classes used by this component
   (these are normally provided globally by your CMS — included here so the
   component renders standalone).
   ============================================================================= */
/* Color utilities */
.co-crimson {
  color: #B51217;
}

.co-charcoal {
  color: #141414;
}

.co-subtext {
  color: #545454;
}

/* Typography utilities */
.heading-l {
  font-size: clamp(24px, 4vw, 42px);
  font-weight: 500;
  line-height: 1.15;
}

.heading-m {
  font-size: clamp(20px, 4vw, 32px);
  font-weight: 500;
  line-height: 1.15;
}


.heading-s {
  font-size: clamp(18px, 2vw, 26px);
  font-weight: 400;
  line-height: 1.25;
}

.p-s {
  font-size: 14px;
  line-height: 1.5;
}

.p-l {
  font-size: 18px;
  line-height: 1.6;
}

.p-xl {
  font-size: 20px;
  line-height: 1.6;
}

.p-xxl {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 600;
}

.font-500 { font-weight: 500; }
/* =============================================================================
   Component
   ============================================================================= */
.sliderHistory {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .sliderHistory {
    height: auto;
  }
}
/*@media (min-width: 1200px) {*/
/*  .sliderHistory {*/
/*    height: 1400px;*/
/*  }*/
/*}*/
/*@media (min-width: 1600px) {*/
/*  .sliderHistory {*/
/*    height: 1595px;*/
/*  }*/
/*}*/
.sliderHistory__container {
  justify-content: space-between;
}
@media (min-width: 1400px) {
  .sliderHistory__container {
    justify-content: center;
    gap: 104px;
  }
}
.sliderHistory__thumb-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
  height: 100%;
}
@media (min-width: 992px) {
  .sliderHistory__thumb-img {
    margin-left: auto;
    margin-right: 0;
    height: 90%;
    border-radius: 16px;
  }
}
@media (min-width: 1400px) {
  .sliderHistory__thumb-img {
    height: 85%;
  }
}
.sliderHistory__content {
  display: flex;
  justify-content: center;
  height: 600px;
}
@media (min-width: 375px) {
  .sliderHistory__content {
    height: auto;
  }
}
/*@media (min-width: 576px) {*/
/*  .sliderHistory__content {*/
/*    height: 400px;*/
/*  }*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .sliderHistory__content {*/
/*    height: 340px;*/
/*  }*/
/*}*/
@media (min-width: 992px) {
  .sliderHistory__content {
    height: auto;
  }
}
.sliderHistory__content-inside {
  width: 100%;
  max-width: 978px;
  text-align: center;
}
.sliderHistory__inside-text ul {
  padding-left: 20px;
}
.sliderHistory__inside-text p {
    color: #545454;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */    
}
.sliderHistory__inside-text p:not(:last-child) { margin-bottom: 10px; }
.sliderHistory__decoration {
  display: none;
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 45px;
  width: auto;
  height: 70%;
  object-fit: contain;
}
@media (min-width: 992px) {
  .sliderHistory__decoration {
    display: block;
  }
}
.sliderHistory {
  /* ---------- Vertical swiper ---------- */
}
.sliderHistory .vertical-swiper {
  margin-left: 0 !important;
}
@media (min-width: 992px) {
  .sliderHistory .vertical-swiper {
    position: relative;
    height: 550px !important;
    overflow: visible;
  }
}
.sliderHistory {
  /* Slide text — hidden until active */
}
.sliderHistory .swiper-slide .text {
  opacity: 0;
  height: 0;
  transition: all 0.6s ease;
  overflow: hidden;
  visibility: hidden;
  margin-top: 0;
  padding-left: 0;
}
@media (min-width: 992px) {
  .sliderHistory .swiper-slide .text {
    padding-left: 50px;
  }
}
.sliderHistory .swiper-slide.swiper-slide-active {
  height: auto !important;
}
.sliderHistory .swiper-slide.swiper-slide-active .slide-index {
  color: #c8102e;
  opacity: 1;
}
.sliderHistory .swiper-slide.swiper-slide-active .text {
  opacity: 1;
  height: auto !important;
  visibility: visible;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .sliderHistory .swiper-slide.swiper-slide-active .text {
    margin-top: 25px;
  }
}
.sliderHistory {
  /* ---------- Slide header (year + dot) ---------- */
}
.sliderHistory .slide-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 992px) {
  .sliderHistory .slide-header {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
}
.sliderHistory .slide-header:hover {
  cursor: pointer;
}
.sliderHistory .slide-index {
  color: #1a1a1a;
}
.sliderHistory {
  /* ---------- Per-slide progress bar ---------- */
}
.sliderHistory .swiper-slide .progress-bar-wrapper {
  visibility: hidden;
  width: 0;
}
@media (min-width: 992px) {
  .sliderHistory .swiper-slide .progress-bar-wrapper {
    height: 0;
  }
}
.sliderHistory .swiper-slide.swiper-slide-active .progress-bar-wrapper {
  visibility: visible;
  width: calc(100% + 25px);
  height: 7px;
}
@media (min-width: 992px) {
  .sliderHistory .swiper-slide.swiper-slide-active .progress-bar-wrapper {
    height: calc(100% + 60px);
    width: 7px;
  }
}
.sliderHistory .progress-bar-wrapper {
  height: 7px;
  width: 200px;
  border-radius: 30px;
  overflow: hidden;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 1;
}
@media (min-width: 992px) {
  .sliderHistory .progress-bar-wrapper {
    top: 8px;
    height: 200px;
    width: 7px;
    bottom: 0;
  }
}
.sliderHistory .progress-bar-custom {
  height: 100%;
  width: 0%;
  background-color: #c8102e;
  transition: height 6s linear;
  display: block;
}
@media (min-width: 992px) {
  .sliderHistory .progress-bar-custom {
    height: 0%;
    width: 100%;
  }
}
.sliderHistory {
  /* ---------- Dot indicator ---------- */
}
.sliderHistory .dot-sh {
  position: relative;
  z-index: 3;
  width: 9px;
  height: 9px;
  border-radius: 30px;
  background-color: #c8102e;
  align-self: start;
}
.sliderHistory .swiper-slide-active .dot-sh {
  transform: scale(1.8);
}
.sliderHistory .swiper-slide.swiper-slide-active .progress-bar-custom {
  animation: progressFillWidthSh 6s linear forwards;
}
@media (min-width: 992px) {
  .sliderHistory .swiper-slide.swiper-slide-active .progress-bar-custom {
    animation: progressFillHeightSh 6s linear forwards;
  }
}
@keyframes progressFillHeightSh {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
@keyframes progressFillWidthSh {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.sliderHistory {
  /* ---------- Track / pagination rail ---------- */
}
.sliderHistory .swiper-pagination-vertical-sh {
  position: absolute;
  top: 13px;
  left: 13px;
  height: 3px;
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 30px;
  background: #e5e5e5;
}
@media (min-width: 992px) {
  .sliderHistory .swiper-pagination-vertical-sh {
    top: 27px;
    height: 100%;
    width: 3px;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
}
@media all and (min-width: 1200px) {
    .sliderHistory .swiper,
    .sliderHistory .swiper-wrapper,
    .sliderHistory .swiper-slide {
      height: 100% !important;
    }
}
.sliderHistory .swiper-slide {
  height: auto !important;
}
.sliderHistory .swiper-wrapper {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 0;
  row-gap: 34px;
}
@media (min-width: 992px) {
  .sliderHistory .swiper-wrapper {
    padding-bottom: 49px;
  }
}

/*END OF HISTORY SLIDER*/

@media (min-width: 992px) {
  .s-banner-with-text.banner-text-skincare .content-banner {
    gap: 16px;
  }
}

/*BROCHURE DOWNLOAD*/
.brochureDownload .form-contact-wrap input,
.brochureDownload .form-contact-wrap textarea { background-color: transparent;border-radius: 8px;border: 1px solid #D7D7D7; }

/*CONTACT DEALER*/
.s-contact .content-right a { color: var(--primary) !important; }
.s-contact .title { color: #231F20; }
@media (min-width: 1200px) {
    .s-contact .title { font-size: 42px; }
  .s-contact .content-right, .s-contact .content-left {
    gap: 20px;
  }
}

.s-contact .content-right p:not(:last-child) { margin-bottom: 20px; }


/* Overrides Bootstrap's offcanvas side-docking behavior */
#catalogue.offcanvas {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    right: auto !important;
    bottom: auto !important;
    
    /* Optional: Give it a fixed/max width so it doesn't span the whole screen */
    width: 100% !important;
    max-width: calc(100% - 30px) !important; 
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.5rem;
}

@media all and (min-width: 768px) {
    #catalogue.offcanvas {
       max-width: 650px !important; 
    }
}

/*.banner-about-iframe iframe {*/
/*    height: 589px;*/
/*    width: 100%;   */
/*}*/


/* B2B PORTAL */
.portalListing .card-product .card-product-wrapper img {
    max-width: fit-content;
}

@media (max-width: 767px) {
  .twoBanners .tf-collection-swiper .swiper-wrapper {
    flex-direction: column;
    transform: none !important;   /* kill Swiper's translate */
    height: auto !important;
  }
  .twoBanners .tf-collection-swiper .swiper-slide {
    width: 100% !important;
    margin: 0 0 12px 0 !important; /* stack + gap, remove spaceBetween's margin-right */
  }
  /* optional: hide nav/pagination since there's nothing to swipe */
  .twoBanners .tf-collection-swiper .nav-next-cls,
  .twoBanners .tf-collection-swiper .nav-prev-cls,
  .twoBanners .tf-collection-swiper .sw-pagination-cls {
    display: none !important;
  }
}

@media all and (min-width: 1280px) {
    .twoBanners .title.link { font-size: 32px !important; color: #231F20; }
}

.spotLight .title { color: #231F20; }

.s-contact .link.address p { font-weight: normal; }

@media all and (max-width: 767px) {
    .wrapper-thumbs-tes .box-left { display: block; }
    .wrapper-thumbs-tes .box-left img { max-height: 300px; }
    
    /*.bannerTopColumns .banner-about img { object-fit: contain !important; } */
    
}


.s-blog-single .related-post .post:hover .name-post {
    color: var(--Main-red);
}

.text-wrap-left p,
.text-wrap-right p{ color: #B51217 !important; font-weight: 500; }
.text-wrap-left p.name-post,
.text-wrap-right p.name-post { color: #231F20 !important; }