*, ::before, ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  
}::-webkit-backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  
}::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  
}.container {width: 100%
}@media (min-width: 480px) {.container {max-width: 480px
    }
}@media (min-width: 768px) {.container {max-width: 768px
    }
}@media (min-width: 991px) {.container {max-width: 991px
    }
}@media (min-width: 1215px) {.container {max-width: 1215px
    }
}@media (min-width: 1400px) {.container {max-width: 1400px
    }
}@media (min-width: 1700px) {.container {max-width: 1700px
    }
}.visible {visibility: visible
}.invisible {visibility: hidden
}.collapse {visibility: collapse
}.static {position: static
}.fixed {position: fixed
}.absolute {position: absolute
}.relative {position: relative
}.sticky {position: sticky
}.shrink {-ms-flex-negative: 1;flex-shrink: 1
}.transform {-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.resize {resize: both
}.bg-cover {background-size: cover
}.text-left {text-align: left
}.text-center {text-align: center
}.text-right {text-align: right
}.lowercase {text-transform: lowercase
}.capitalize {text-transform: capitalize
}.italic {font-style: italic
}.blur {--tw-blur: blur(8px);-webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.filter {-webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.transition {-webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration: 150ms;transition-duration: 150ms
}

/*# sourceMappingURL=main_head-889138ac.css.map*/



/* Custom CSS Start*/

.navPage-subMenu-item > div.navPage-subMenu{
  top:90px !important;
  width: 70% !important;
  overflow-x:auto;
  overflow-y: hidden;
}
@media (min-width: 320px) and (max-width: 700px) {
    .swiper-slide {
        height: 55vh !important;
    }
    .hero-img-container .heroCarousel-slide--custom .button{
        font-size: 20px !important;
        height: auto !important;
        position: absolute;
        padding: 14px !important;
        bottom: 0;
        left: 25%;
        right: 25%;   
    }

    .category-section .section-1 > a > div.category-box{
        height:450px !important;
    }
    .category-section .section-2 > a > div.category-box{
        height:350px !important;
    }
    .category-section .section-1 > a > div.category-box, .category-section .section-2 > a > div.category-box{
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
    }
    
    .category-section .section-1 > a > div.category-box img, .category-section .section-2 > a > div.category-box img{
        position: unset !important;
        height: 90% !important;
        display: block !important;
        object-fit: contain;
        width: fit-content !important;
        margin: 0 auto;
    }
    
    .category-section .section-1 > a > div.category-box button, .category-section .section-2 > a > div.category-box button{
      position: unset !important;
      display: block !important;
    }
    
    .category-section .section-1 > a h2, .category-section .section-2 > a h2{
      text-decoration: underline;
      text-decoration-color: #c42424;
    }
    .category-section .section-1 > a h2, .category-section .section-2 > a h2{
      text-decoration: underline !important;
      text-decoration-color: #c42424 !important;
    }
    
    .swiper-wrapper .content-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


@media only screen and (max-width: 320px) {
    .hero-img-container .box .graident-cover .content-container {
        margin-bottom: 10px !important;
    }
    body .hero-img-container .box .graident-cover .content-container .hero-text {
        font-size: 30px !important;
        line-height: 32px !important;
    }
    body .reviews-section .swiper-nav {
        /* margin-top: -58px !important; */
        top: 35% !important;
        /* height: 40px !important; */
    }
    body section.category-section .wrapper {
        padding: 0px 22px !important;
    }
}
@media only screen and (max-width: 576px) {
    .left-submenu .back>.button .offcanvasLabel-back {
        font-size: 23px !important;
    }
    ul.left-submenu.offcanvas-overlap-right {
        top: 104px !important;
    }
    .button {
        font-size: 16px !important;
        padding: 10px 15px !important;
    }
    body.hasAdminBar {
        padding-top: 0 !important;
    }
    .promo-bar.text-center.bg-cover {
        display: none;
    }
   
    .hero-img-container .box {
        height: 100% !important;
    }
    .hero-img-container .box .hero-image {
        height: 100% !important;
        object-fit: cover !important;
    }
    .hero-img-container .box .graident-cover {
        height: 100% !important;
    }
    .hero-img-container .box .graident-cover .content-container {
        padding: 0 40px !important;
        top: 40px !important;
    }
    .heroCarousel .swiper-button-next {
        display: block !important;
        right: 5px !important;
    }
    .heroCarousel .swiper-button-prev {
        display: block !important;
        left: 5px !important;
    }
    .hero-img-container .box .graident-cover .content-container .hero-text {
        margin-bottom: 10px !important;
        font-size: 3rem !important;
        line-height: 3rem !important;
    }
    .hero-img-container .box .graident-cover .content-container .large {
        display: block !important;
        font-size: 17px !important;
        font-weight: bold;
    }
    .red-below-hero .line-container .text-container h2 {
        line-height: 30px;
        font-size: 23px !important;

    }
    .red-below-hero {
        padding: 20px 0px 50px 0px !important;
    }
    .red-below-hero .line-container {
        width: 100% !important;
        padding: 0px 20px;
        flex-direction: column !important;
        align-items: start !important;
    }
    .red-below-hero::after {
        border-top: 21px solid #000 !important;
    }
    section.category-section .wrapper {
        padding: 0 42px !important;
    }
    .section-1 .category-box {
        height: 450px !important;
    }
    .section-1 .category-box .header-container {
        width: auto  !important;
        position: relative !important;
    }
    .section-1 .category-box .header-container p {
        font-size: 12px !important;
    }
    .section-1 .category-box .header-container .box-header {
        font-size: 21px !important;
    }
    .section-1 .category-box .category-img {
        display: block !important;
        position: relative !important;
        bottom: -15% !important;
        right: 0 !important;
        width: 70% !important;
         right: -40% !important; 
    }
    .section-1 .category-box .button {
        /*position: relative !important;*/
        /*bottom: 0 !important;*/
        /*margin-top: 30px !important;*/
    }
    .section-1 .category-box.small {
        height: 100% !important;
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .section-1 .category-box.small img {
        width: 100% !important;
    }
    .section-1 .category-box.small .h3 {
        font-size: 22px !important;
        width: auto !important;
        position: relative !important;
    } 
    .section-1 .category-box .arrow {
        height: 12px !important;
        width: 20px !important;
    }
    .section-1 .category-box .h3 {
        line-height: 35px !important;
    }
    .brands-section .brand-content .button {
        line-height: 23px;
    }
    .split-cards-section .category-box .category-img {
        display: block !important;
        width: 57% !important;
        bottom: 50px !important;
    }
    .section-2 .category-box {
        height: 450px !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .section-2 .category-box .h3 {
        position: relative !important;
        line-height: 30px !important;
        width: auto !important;
        font-size: 21px !important;
        height: 20px !important;
        margin-bottom: 20px !important;
        
    }
    .section-2 .category-box .h3 .arrow {
        height: 12px !important;
        width: 20px !important;
    }
    .section-2 .category-box .header-container {
        position: relative !important;
        width: auto !important;
    }
    .section-2 .category-box img {
        /*height: 340px;*/
        /*width: 100% !important;*/
        /*position: relative !important;*/
        right: 10px !important;
        bottom: 80px !important;
    }
    .section-2 .category-box button {
        position: relative !important;
        bottom: 0 !important;
        margin-top: 20px !important;
    }
    .product-carousel.swiper-button-next, .product-carousel.swiper-button-prev {
        top: 405px !important;
    }
    .split-cards-section .category-box .header-container {
        position: relative !important;
        width: auto !important;
    }
    .split-cards-section .category-box .header-container .box-header {
        font-size: 21px !important;
    }
    .split-cards-section .category-box .header-container .box-header .arrow {
        height: 12px !important;

    }
    .reviews-section .brand-content.reviews-content .name-container {
        flex-direction: column !important;
        margin: 5px 0px;
    }
    .reviews-section .brand-content.reviews-content .name-container .name {
        width: auto !important;
    }
    .reviews-section .swiper-nav {
        /* margin-top: -58px !important; */
        top: 40% !important;
    }
    .reviews-section .brand-content.reviews-content {
        padding: 40px 30px 30px 30px !important;
    }
}

@media only screen and (min-width: 577px) {
    .button {
        font-size: 18px !important;
    }
     section.medium-down--hide.hero-img-container {
        border: none !important;
    }
    /*.large-up--hide {*/
    /*    display: flex !important;*/
    /*}*/
    /*.offcanvas-overlap-right .left-off-canvas-menu {*/
    /*    transform: none !important;*/
    /*}*/
}

/* Custom start product detail*/

/* Custom end product detail*/
/* Custom CSS Start*/