@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --container_width: 100%;
    --container_padding: 15px;
}

@media (min-width: 640px) {
    :root {
        --container_width: 100%;
    }
}

@media (min-width: 768px) {
    :root {
        --container_width: 100%;
    }
}

@media (min-width: 1280px) {
    :root {
        --container_width: 100%;
        --container_padding: 60px;
    }
}

@media (min-width: 1600px) {
    :root {
        --container_padding: 90px;
    }
}

.container {
    max-width: var(--container_width) !important;
    padding: 0 var(--container_padding);
    margin: 0 auto;
}

/* calibri */
@font-face {
    font-family: 'calibri';
    src: url('../fonts/calibri-regular.woff2');
}
/* calibribold */
@font-face {
    font-family: 'calibribold';
    src: url('../fonts/calibri-bold.woff2');
}
/* calibrilitaric */
@font-face {
    font-family: 'calibrilight';
    src: url('../fonts/calibri-light.woff2');
}
/* Helvetica */
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaRoundedLTStd-Bd.woff2');
}
/* HelveticaBold */
@font-face {
    font-family: 'HelveticaBold';
    src: url('../fonts/helvetica-rounded-bold.woff2');
}


.firareg {font-family: "Fira Sans", sans-serif;font-weight: 400;font-style: normal;}
.firalight {font-family: "Fira Sans", system-ui; font-weight: 300; font-style: normal; }
.firamed { font-family: "Fira Sans", sans-serif; font-weight: 500; font-style: normal;}
.firasemibold { font-family: "Fira Sans", sans-serif; font-weight: 600; font-style: normal;}
.firabold {font-family: "Fira Sans", sans-serif; font-weight: 700; font-style: normal;}
.helvetica{font-family: 'Helvetica';}
.helveticabold{font-family: 'HelveticaBold';}
.calibri{font-family: 'calibri';}
.calibribold{font-family: 'calibribold';}
.calibrilight{font-family: 'calibrilight';}
.montserrat-bold {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
.montserrat-regular {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
.btn-primary { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-radius: 6px; color: #ffff; background-color: #EF4B23; }
strong, body, b{color: #4E4E4E !important;}
.hamburger { position: relative; width: 1em; height: 1em; font-size: inherit; transition: all 0.3s ease; cursor: pointer; }
.hamburger.is-md {font-size: 1.5rem;}
.hamburger-line { position: absolute; right: 0; width: 100%; height: 1.5px; border-radius: 0.125em; background: currentColor; transition: inherit;}
.hamburger-line:nth-child(1) { top: 0.125em;}
.hamburger.is-active .hamburger-line:nth-child(1), .w-nav-button.w--open .hamburger-line:nth-child(1) { top: 50%; transform: translateY(-50%) rotateZ(-135deg);}
.hamburger-line:nth-child(2) { top: 0.438em;}
.hamburger.is-active .hamburger-line:nth-child(2), .w-nav-button.w--open .hamburger-line:nth-child(2) { right: 50%; width: 0;}
.hamburger-line:nth-child(3) { top: 0.75em; }
.hamburger.is-active .hamburger-line:nth-child(3), .w-nav-button.w--open .hamburger-line:nth-child(3) { top: 50%; width: 100%; transform: translateY(-50%) rotateZ(135deg);}
.navbar:has(.w-nav-button.w--open) { background: red;}
main.p1 section.two ul li.active{background-color: #E81D2C; color: #fff;}
input[type="search"]::-webkit-search-cancel-button {display: none;}
input[type="search"]::placeholder{font-family: "Fira Sans", sans-serif; font-size: 14px; font-weight: 300;}
/* #menu ul li {width: calc(100% / 7); padding: 0 7px;} */
/* #menu ul li a{text-transform: capitalize;text-align: center;    padding: 0;} */
#menu ul li span{display: block;}
.home-banner .owl-nav{position: absolute;top: 20%;width: 100%;display: flex;justify-content: space-between;}
.home-banner .owl-nav button img{width: 25px;height: 50px;}
.home-banner .owl-nav button.owl-prev img{    transform: rotate(180deg);}
.remove-after::after {
    content: none !important;
}
/* .hover-effect {overflow: hidden;}
.hover-effect img {transition: transform 0.3s ease-in-out;}
.hover-effect:hover img { transform: scale(1.2);} */
/* .owl-carousel .owl-stage {
    transition-timing-function: linear !important;
} */


/* home page section six  */
section.six .owl-carousel .carousel-item{position: relative;}
section.six .owl-carousel .carousel-item iframe{position: relative;height: 300px;}
section.six .owl-carousel .owl-item.active.center .carousel-item{padding: 0;top: 40px;}
section.six .owl-carousel .owl-item.active.center .carousel-item iframe{height: 400px;}
section.six .owl-carousel .owl-item.active.center .carousel-item p{padding-right: 25rem;}
section.six .owl-carousel .owl-item .carousel-item img{transition: all .5s ease-in-out;}
section.six .owl-carousel .owl-item.active.center .carousel-item img{animation: customFadeIn .5s ease-in-out;}
.productPage .tab.active{text-decoration: underline; color: #E4600D;}
@keyframes customFadeIn {from { opacity: 0; transform: scale(0.9);} to { opacity: 1; transform: scale(1); }}
@keyframes customFadeOut {from { opacity: 1; transform: scale(1);} to { opacity: 0; transform: scale(0.9);}}
.owl-item .item { animation: customFadeIn 1s ease-in-out;}
.owl-item .item.out {animation: customFadeOut 1s ease-in-out;}
.dotsOverride.owl-carousel .owl-nav.disabled{display: block;}
.testimonial.owl-carousel .owl-nav .owl-prev{    transform: rotate(-180deg);}
.owl-theme .owl-nav [class*=owl-]:hover{    background: none;color: transparent; text-decoration: none;}
.dotsOverride.owl-carousel.testimonial .owl-nav.disabled{display: flex; justify-content: space-between; padding: 0rem 5rem;}
/* .image-slider { display: grid; place-content: center; position: relative; overflow: hidden; border-radius: 1rem; --position: 50%; height: 500px; width:83%; margin: auto; }
.image-container { max-width: 800px; max-height: 90vh; aspect-ratio: 1/1; }
.slider-image { width: 100%; height: 100%; object-fit: cover; object-position: left; }
.image-before { position: absolute; inset: 0;  width: var(--position); }
.slider { position: absolute; inset: 0; cursor: pointer; opacity: 0;  width: 100%; height: 100%;}
.slider:focus-visible ~ .slider-button { outline: 5px solid black; outline-offset: 3px;}
.slider-line { position: absolute; inset: 0; width: 0.2rem; height: 100%; background-color: #fff; left: var(--position); transform: translateX(-50%); pointer-events: none;}
.slider-button { position: absolute; background-color: #fff; color: black; padding: 0.5rem; border-radius: 100vw; display: grid; place-items: center; top: 50%; left: var(--position); transform: translate(-50%, -50%); pointer-events: none; box-shadow: 1px 1px 1px hsl(0, 50%, 2%, 0.5); } */
main.p5 section.two .subCard,
main.p6 section.two .subCard{transition: all 0.5s ease-in-out;}
main.p5 section.two .subCard.active,
main.p6 section.two .subCard.active{ display: flex; gap: 2rem; padding: 3rem 1rem; background-color: #fff; width: 100%; position: absolute; z-index: 9; left: 0; }
main.p6 section.two .subCard.active{    padding: 2rem 1rem; height: 500px;}
main.p5 section.two .subCard.active .main-img,
/* main.p6 section.two .subCard.active .main-img{width: 50%;} */
main.p5 section.two .subCard.active h3,
main.p6 section.two .subCard.active h3{padding-right: 0;}
main.p5 section.two .subCard.active .content,
main.p6 section.two .subCard.active .content{display: block;}
main.p5 section.two .subCard.active .arrow,
main.p6 section.two .subCard.active .arrow{display: none;}
main.p5 section.two .subCard.active .close-icon,
main.p6 section.two .subCard.active .close-icon{cursor: pointer; display: block;position: absolute;right: 20px; top: 20px; width: 34px;}
.mobile-slider .owl-dots{text-align: center;}
.mobile-slider .owl-dots .owl-dot{    height: 20px;
width: 20px;}
.mobile-slider .owl-dots .owl-dot span{width: 7px;height: 7px; display: inline-block; background: #00000052; border-radius: 50px;}
.mobile-slider .owl-dots .owl-dot.active span{    background: #00000087;}
.breadcum ul li a{font-size: 14px;}
.blog-content-dynamic h1,
.blog-content-dynamic h2 span,
.blog-content-dynamic h3 span,
.blog-content-dynamic h4,
.blog-content-dynamic h5,
.blog-content-dynamic h6{
font-family: 'HelveticaBold' !important;
 font-size: 2.5rem !important;color: #4E4E4E !important;}
 .blog-content-dynamic p span{font-family: "Fira Sans", sans-serif!important; font-weight: 400 !important; font-size: 1.3rem !important;color: #4E4E4E !important;}
 .fixed-text.formobile{display: none;}
  .blogviewstyle .s1style h1{padding-right: 15rem;}
 .blogviewstyle .s1style p{font-family: "Fira Sans"; font-weight: 400; font-size: 20px;}
.image-slider {
    display: grid;
    /* place-content: center; */
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    --position: 50%;
  }
  
  .image-container {
    max-width: 800px;
    max-height: 90vh;
    aspect-ratio: 1/1;
  }
  
  .slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
  
  .image-before {
    position: absolute;
    inset: 0;
    width: var(--position);
    filter: grayscale(100%)
  }
  
  .slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
    /* for Firefox */
    width: 100%;
    height: 100%;
  }
  
  .slider:focus-visible ~ .slider-button {
    outline: 5px solid black;
    outline-offset: 3px;
  }
  
  .slider-line {
    position: absolute;
    inset: 0;
    width: .2rem;
    height: 100%;
    background-color: #fff;
    /* z-index: 10; */
    left: var(--position);
    transform: translateX(-50%);
    pointer-events: none;
  }
  
  .slider-button {
    position: absolute;
    background-color: #fff;
    color: black;
    padding: .5rem;
    border-radius: 100vw;
    display: grid;
    place-items: center;
    top: 50%;
    left: var(--position);
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* z-index: 100; */
    box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5);
  }

    /* Custom horizontal scrollbar - always visible */
    .custom-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: #e60023 transparent; /* red on transparent bg */
        border-radius: 10px;
    }

    .custom-scrollbar::-webkit-scrollbar {
        height: 4px;
    }

    .custom-scrollbar::-webkit-scrollbar-track {
        background: transparent;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
        background-color: #e60023;
        border-radius: 10px;
    }

    /* Only visible on mobile */
    @media (min-width: 768px) {
        .custom-scrollbar::-webkit-scrollbar {
            height: 0px;
        }

        .custom-scrollbar {
            scrollbar-width: none;
        }
    }


/* media query  */
@media (width <= 1910px)  { section.six .owl-carousel .owl-item.active.center .carousel-item p{ padding-right: 17rem;}}
@media (width <= 1910px)  {section.six .owl-carousel .owl-item.active.center .carousel-item p{ padding-right: 4rem;}}
@media (width <= 768px)  {p{font-size: 14px !important;line-height: normal !important;}.btn-primary {font-size: 12px; padding: 3px 14px; border-radius: 5px;}}
@media (width <= 499px)  {p{font-size: 12px !important;padding-bottom: 4px;}.btn-primary{ padding: 6px 14px;}.breadcum ul li a{font-size: 12px;}.breadcum ul li:not(:last-child)::after{top: 7px;font-size: 12px;}.image-slider{height: 300px;width: 96%;}section.six .owl-carousel .owl-item.active.center .carousel-item{top: 0rem;}section.six .owl-carousel .carousel-item iframe{    height: 200px;}section.six .owl-carousel .owl-item.active.center .carousel-item iframe{height: 200px;}section.six .owl-carousel .owl-item.active.center .carousel-item iframe{height: 250px;}.testimonial .owl-nav button img{width: 35px;}main.p5 section.two .subCard.active{  flex-direction: column;gap: 0rem; padding: 1rem 1rem;}main.p5 section.two .subCard.active .main-img{    width: 100%;}main.p5 section.two .subCard.active .close-icon{    width: 18px;}#menu ul li a{text-align: left;}main.p6 section.two .subCard.active{height: 360px;padding: 1rem 1rem;flex-direction: column;gap: 0rem;}main.p6 section.two .subCard.active .active-h{height: 160px;min-height: 160px !important;}main.p6 section.two .subCard.active .main-img{height: 160px !important; }main.p6 section.two .subCard.active{height: auto;}.fixed-text{display: none;}.fixed-text.formobile{display: block; font-size: 10px !important;}.blog-content-dynamic h1, .blog-content-dynamic h2 span, .blog-content-dynamic h3 span, .blog-content-dynamic h4, .blog-content-dynamic h5, .blog-content-dynamic h6{font-size: 1.6rem !important;}.blog-content-dynamic p span{font-size: 16px !important;
        line-height: 22px;}.blogviewstyle .s1style h1{padding-right: 0rem;}.blogviewstyle .s1style p{font-size: 14px !important;  padding-bottom: 16px;}.blogviewstyle .s1style h1{padding-bottom: 5px;}}