@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

h1,h2,h3,h4,h5,h6,p,a,span,ul,li, ul li a, li a{
    font-family: "Instrument Sans", sans-serif !important;
}

.navbar-default .navbar-nav>li>a {
     font-family: "Instrument Sans", sans-serif !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    padding: 0;
}

.d-flex{
  display : flex;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}

.align-items-center{
    align-items: center;
}
.justify-content-end{
    justify-content: end;
}
.gap-4{
    gap: 10px;
}
.bg-black{
    background-color: #000;
}

.top p{
    margin : 0px !important;
   
}
.text-white{
    color : #fff !important;
}
.p-2{
     padding: 3px;
}

.color-text{
    color : #9F9F9F;
}
.iconIMG p{
    color : #9F9F9F;
    margin: 0px !important;
}
.gap-2{
    gap: 5px;
}
/* .iconIMG{
    border: 1px solid #9f9f9f;
    border-radius: 10px;
    padding: 5px;
    margin-top: -10px;
} */
.menu-large{
    padding-top: 10px;
}
.py-5{
    padding: 50px 0px;
}

.my-5{
    margin: 50px 0px;
}
.line-height{
    line-height: 23px;
}
/* Search box */

.featured-box{
border-radius: 10px;
/* border: 1px solid rgba(192,27,27,26%); */
background: linear-gradient(90deg, rgba(192, 27, 27, 1) 0%, rgba(118, 5, 5, 1) 100%) !important;
padding: 15px;
}
.featured-box h4{
    margin-top: 13px;
    margin-bottom: 7px !important;
    color: #fff;
}
.featured-box p{
    /* color: #3A3A3A; */
    font-size: 12px;
        color: #fff;
}
.mb-lg-0{
    margin-bottom: 0px;
}

.limitedOffer h2{
     background: linear-gradient(270deg, #760505 0%, #c01b1b 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font-weight: bold;
}

/* Limited offer */
.outer-layer{
    position: relative;
}
.inner-layer{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.p-4{
padding: 10px;
}
.img-fluid{
    max-width: 100%;
    height: auto;
    width: 100%;
}


/* Categories */

.swiper {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 400px;
      height: auto;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
    }

    .swiper-slide .slider{
        position: relative;
        overflow: hidden;
    }

  .swiper-slide .box1 {
    height: 300px;
    width: 400px;
    background-color: #fff;
    border-radius: 20px;
    position: absolute;
    bottom: -120px;
    left: -65px;
    transform: rotate(27deg);
    z-index: 2;
}

  .swiper-slide .box2 {
    height: 300px;
    width: 400px;
    background-color: #ffffff67;
    border-radius: 20px;
    position: absolute;
    bottom: -100px;
    left: -65px;
    transform: rotate(27deg);
    z-index: 1;
}

.content{
    position: absolute;
    bottom: 50px;
    left: 25px;
    z-index: 3;
}
.Head-color{
    color : #B71921;
}

.swiper-slide .content h3{
    margin: 10px 0px;
}


.swiper-button-next,
.swiper-button-prev {
  width: 50px;
  height: 50px;
}

.swiper-button-next{
    position: absolute;
    top: 35px;
    right: 35px;
}

.swiper-button-prev {
     position: absolute;
    top: 35px;
   left: 87%;
}


.swiper-button-prev:after {
    content: 'prev';
    display: none;
}

.swiper-button-next:after{
    display: none;
}


        /* Card Container Styling */
        .card-container {
            flex: 1;
            /* Maximum width for the card */
            /* Make the card responsive to its container */
            border: 1px solid #c4c4c4;
            border-radius: 20px;
            /* Rounded corners (16px) */
            padding: 15px;
            overflow: hidden;

            /* Hide overflowing content, especially rounded corners */
            position: relative;
        }

        /* Image Section Styling */
        .image-section {
            background: url('../images/homepage/card-img.webp') no-repeat;
            height: 300px;
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            /* Padding around the card */
        }

        .image-section img {
            width: 100%;
            height: 95%;
            object-fit: contain;
            /* Cover the area while maintaining aspect ratio */
        }

        /* Discount Badge Styling */
        .discount-badge {
    position: absolute;
    top: 5px;
    right: 20px;
    background-color: #FEDEDE;
    color: #C01B1B;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    z-index: 1;
}

        /* Heart Button Styling */
        .heart-button {
            position: absolute;
            bottom: 1rem;
            /* 16px from bottom */
            left: 1rem;
            /* 16px from left */
            background-color: #fff;
            /* White background */
            padding: 0.5rem;
            /* 8px padding */
            border-radius: 9999px;
            /* Fully rounded corners */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
            /* Medium shadow */
            transition: transform 0.2s ease-in-out;
            /* Smooth transition for hover effect */
            border: none;
            /* Remove default button border */
            cursor: pointer;
            /* Indicate clickable element */
        }

        .heart-button:hover {
            transform: scale(1.05);
            /* Slightly enlarge on hover */
        }

        .heart-button svg {
            height: 1.5rem;
            /* 24px height */
            width: 1.5rem;
            /* 24px width */
            color: #EF4444;
            /* Red color for the SVG icon */
        }


        .product-title {
            font-size: 2.25rem;
            /* 20px font size */
            font-weight: 600;
            /* Semi-bold font */
            color: #374151;
            /* Dark gray text */
            margin-bottom: 0.5rem;
            /* 8px bottom margin */
            white-space: nowrap;
            /* Prevent text from wrapping */
            overflow: hidden;
            /* Hide overflowing text */
            text-overflow: ellipsis;
            /* Display ellipsis for overflowed text */

        }

        .product-description {
            font-size: 14px;
            /* 14px font size */
            color: #4B5563;
            /* Medium gray text */
            margin-bottom: 1rem;
            /* 16px bottom margin */
        }

        /* Price Section Styling */
        .price-section {
            display: flex;
            align-items: baseline;
            /* Align text baselines */
            margin-bottom: 1.5rem;
            /* 24px bottom margin */
        }

        .current-price {
            font-size: 2.5rem;
            /* 24px font size */
            font-weight: 700;
            /* Bold font */
            color: #111827;
            /* Very dark gray text */
            margin-right: 0.5rem;
            /* 8px right margin */
        }

        .old-price {
            font-size: 1.5rem;
            /* 18px font size */
            color: #6B7280;
            /* Light gray text */
            text-decoration: line-through;
            /* Strikethrough text */
        }

        /* Buttons Section Styling */
        .buttons-section {
            display: flex;
            gap: 0.75rem;
            /* 12px gap between buttons */
        }

        .action-button {
            flex: 1;
            /* Allow buttons to grow and shrink equally */
            padding-top: 0.75rem;
            /* 12px vertical padding */
            padding-bottom: 0.75rem;
            /* 12px vertical padding */
            border-radius: 0.75rem;
            /* 12px rounded corners */
            font-weight: 500;
            /* Medium font weight */
            border: none;
            /* Remove default button border */
            cursor: pointer;
            /* Indicate clickable element */
            transition: background-color 0.2s ease-in-out;
            /* Smooth transition for hover effect */
        }
        .action-button:hover{
            color: #fff;
        }

        .add-to-cart-button {
            background-color: #000;
            /* Black background */
            color: #fff;
            /* White text */
        }

        .add-to-cart-button:hover {
            background-color: #1F2937;
            /* Darker gray on hover */
        }

        .buy-now-button {
            background-color: #DC2626;
            /* Red background */
            color: #fff;
            /* White text */
        }

        .buy-now-button:hover {
            background-color: #B91C1C;
            /* Darker red on hover */
        }

        section.product_new .flex{
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }



        /* Slider scroll */
        
     .marquee-scroll {
    position: relative;
    /* transform: rotate(0.5deg); */
}

.marquee-scroll1 {
    position: relative;
    transform: rotate(0deg) !important;
}


        .marquee {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 90px;
            background-color: #C01B1B;
            padding: 20px 0;
            margin-left: -10px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: -10px;

        }

        .marquee-content {
            -webkit-transform: translateY(4px);
            -ms-transform: translateY(4px);
            transform: translateY(4px);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            gap: 90px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .marquee-content h4 {
            position: relative;
            display: -webkit-box;
            margin: 0;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-family: satoshi-l, sans-serif;
            font-size: 23px;
            color: #fff;
        }

.marquee-content h4::after {
    content: url('../images/homepage/star.webp');
    position: absolute;
    width: 10px;
    height: 10px;
    right: -39px;
    top: -5px;
}

        .marquee-content>* {
            white-space: nowrap;
            margin-bottom: 0;
            font-weight: 700;
            line-height: 1;
            -webkit-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
            transform: translateY(-6px);
        }

  .scroll {
    -webkit-animation: scroll 45s linear infinite;
    animation: scroll 45s linear infinite;
    position: relative;
    top: 4px;
}

        @-webkit-keyframes scroll {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                /* Start from the beginning */
            }

            100% {
                -webkit-transform: translateX(calc(-100% - 1rem));
                transform: translateX(calc(-100% - 1rem));
                /* Move to the end */
            }
        }

        @keyframes scroll {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                /* Start from the beginning */
            }

            100% {
                -webkit-transform: translateX(calc(-100% - 1rem));
                transform: translateX(calc(-100% - 1rem));
                /* Move to the end */
            }
        }


        /* own gym */
        .position-relative{
            position: relative;
        }

        .button-btn{
            background-color: #C01B1B;
            font-size: 14px;
            color: #fff;
            display: inline-block;
            padding: 10px 15px;
            border-radius: 10px;
        }

        section.owngym .text{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            z-index: 1;
        }
        .fw-bold{
            font-weight: bold;
        }
        .heading-color{
                 background: linear-gradient(270deg, #760505 0%, #c01b1b 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font-weight: bold;
        }

        .text-black{
            color: #000;
        }

.div-box{
    padding: 30px;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.05);
background: #fff;
text-align: center;
border-radius: 20px;
}


 .work-text::after {
    content: '+';
    display: inline-block;
    bottom: 3px;
}
.justify-content-center{
    justify-content: center;
}
.mt--5{
    margin-top: -50px;
}
.about-heading{
    background: linear-gradient(90deg, #fc2626 0%, #fff 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.white_btn{
        background-color: #fff;
            font-size: 14px;
            color: #000;
            display: inline-block;
            padding: 10px 15px;
            border-radius: 10px;
}


.pb-5{
    padding-bottom: 50px;
}
.m-0  { margin: 0; }
.m-1  { margin: 0.25rem; }
.m-2  { margin: 0.5rem; }
.m-3  { margin: 1rem; }
.m-4  { margin: 1.5rem; }
.m-5  { margin: 3rem; }

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }

.ms-0 { margin-left: 0; }
.ms-1 { margin-left: 0.25rem; }
.ms-2 { margin-left: 0.5rem; }
.ms-3 { margin-left: 1rem; }
.ms-4 { margin-left: 1.5rem; }
.ms-5 { margin-left: 3rem; }

.me-0 { margin-right: 0; }
.me-1 { margin-right: 0.25rem; }
.me-2 { margin-right: 0.5rem; }
.me-3 { margin-right: 1rem; }
.me-4 { margin-right: 1.5rem; }
.me-5 { margin-right: 3rem; }



.p-0  { padding: 0; }
.p-1  { padding: 0.25rem; }
.p-2  { padding: 0.5rem; }
.p-3  { padding: 1rem; }
.p-4  { padding: 1.5rem; }
.p-5  { padding: 3rem; }

.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 3rem; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-4 { padding-bottom: 1.5rem; }

.ps-0 { padding-left: 0; }
.ps-1 { padding-left: 0.25rem; }
.ps-2 { padding-left: 0.5rem; }
.ps-3 { padding-left: 1rem; }
.ps-4 { padding-left: 1.5rem; }
.ps-5 { padding-left: 3rem; }

.pe-0 { padding-right: 0; }
.pe-1 { padding-right: 0.25rem; }
.pe-2 { padding-right: 0.5rem; }
.pe-3 { padding-right: 1rem; }
.pe-4 { padding-right: 1.5rem; }
.pe-5 { padding-right: 3rem; }


/* Slider */



/* homepage slider */
.sliders{
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#jeff {
  overflow: hidden;
  }
  
  #jeff .rod {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  
  }
  
  #jeff .stack {
  
  height: 100%;
  width: fit-content;
  
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  animation: toTheLeft 50s infinite linear;
  z-index: -2;
  
  }
  
  #jeff img {
  
  height: 150px;
  width: 150px;
  object-fit: contain;
  margin: 20px;
  /* filter: grayscale(100%); */
  }
  
  
  @keyframes toTheLeft {
  
  0% {
  
    transform: translateX(0%);
  
  }
  
  100% {
  
    transform: translateX(-100%);
  
  }
  
  }
  

  #testi .item{
    background: linear-gradient(360deg, #c01b1b 0%, #5a0d0d 100%);
    padding: 25px;
    border-radius: 20px;
    height: 220px;
    width: 100%;
    object-fit: cover;
  }

  .testi-icon{
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
  }

  .get_divgap{
    background: linear-gradient(360deg, #c01b1b 0%, #5a0d0d 100%);
    border-radius: 20px;
  }
  .new_txtbox{
    border-radius: 5px;
  }
  .con{
    font-size: 22px;
    font-weight: bold;
    color: #000;
  }

  .con:hover{
    cursor: pointer;
    text-decoration: none;
    color: #760505;
  }
  .display{
    display: block;
  }
  .offers{
    text-align: left;
  }

  .button-btn:hover{
    color: #fff;
  }

 .swiper-slide .slider .button-btn{
    opacity: 0;
    transition: all 0.5s ease;
    padding: 10px 20px;
 }
  .swiper-slide .slider:hover .button-btn{
    opacity: 1;
    transition: all 0.5s ease;
  }


  /* .whatsapp {
    right: -110px !important;
}

.brochure-icon {
    right: -88px !important;

} */

/* .mega-dropdown a{
        display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
} */

.commercial{
    background: linear-gradient(
    90deg,
    rgba(192, 27, 27, 1) 0%,
    rgba(118, 5, 5, 1) 100%
  ) !important;
   color:#FFFFFF !important;
   border-radius : 10px !important;
}
.nav > .mega-dropdown > .commercial {
    padding: 10px 16px !important;
}

.affix .stickmenu{
    display: none !important;
}
.affix .commercial{
     padding: 10px 16px !important;
}


.left-image img{
    margin-left : -8px;
}



.mega-dropdown-menu{
    padding: 10px 0px !important;
}

.line{
    line-height: 26px;
}