@font-face {
  font-family: Montserrat_Black;
  src: url(../fonts/Montserrat-Black.ttf);
}
@font-face {
  font-family: Cormorant_medium;
  src: url(../fonts/cormorant_infant_medium.otf);
}
@font-face {
  font-family: Cormorant_bold;
  src: url(../fonts/cormorant_bold.otf);
}
@font-face {
  font-family: Raleway_Medium;
  src: url(../fonts/Raleway-Medium.ttf);
}
@font-face {
  font-family: Raleway_Bold;
  src: url(../fonts/Raleway-Bold.ttf);
}
@font-face {
  font-family: Raleway_Extr_Bold;
  src: url(../fonts/Raleway-ExtraBold.ttf);
}




:root {
  --theme_color_1: #0E165E;
  --theme_color_2: #95C72A;
  --theme_color_3: #D41A20;
  --theme_color_4: #FFCC00;
  --theme_color_5: #00AFEF;
  --theme_color_6: #EC268F;
  --theme_side_spacing: 0px;


  --themelayer_color_1: #fff000;
  --themelayer_color_2: #00aff0;
  --themelayer_color_3: #ed3338;
}



body {
    font-family: Raleway_Medium;
    overflow-x: hidden;
}

a {
	text-decoration: none;
	cursor:pointer;
}
a:hover, a:focus {
	text-decoration: none;
}
a:focus {
	outline: none;
}





/* The tiny solid dot */
        .cursor-dot {
            position: fixed;
            width: 8px;
            height: 8px;
            background-color: var(--theme_color_2);
            border-radius: 50%;
            pointer-events: none; /* CRITICAL: Allows you to click "through" the custom cursor */
            transform: translate(-50%, -50%); /* Centers the div exactly on the mouse coordinates */
            z-index: 1000; /* Keeps it on top of other elements */
        }

        /* The larger, smooth-following outline */
        .cursor-outline {
            position: fixed;
            width: 40px;
            height: 40px;
            border: 2px solid var(--themelayer_color_2);
            border-radius: 50%;
            pointer-events: none;
            transform: translate(-50%, -50%);
            z-index: 999;
        }






/* Underline From Center */
.hvr-underline-from-center_acme_dash {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center_acme_dash:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #d71015;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center_acme_dash:hover:before, .hvr-underline-from-center_acme_dash:focus:before, .hvr-underline-from-center_acme_dash:active:before {
  left: 0;
  right: 0;
}



.theme_button{
    border-radius: 100px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 900;
    font-family: Raleway_Bold;
}

.theme_side_spacing{
    margin: 0px var(--theme_side_spacing);    
    border-radius: 0px;
    overflow: hidden;
}

.theme_heading_section{
    width: 100%;
}
.theme_layer_4{
    background: var(--themelayer_color_1);
    border-radius: 80px;
    margin: auto;
    width: 100%;
}
.theme_layer_3{
    background: var(--themelayer_color_2);
    border-radius: 80px;
    margin: auto;
    width: 98.75%;
}
.theme_layer_2{
    background: var(--themelayer_color_3);
    border-radius: 80px;
    margin: auto;
    width: 98.45%;
}
.theme_layer_1{
    background: var(--theme_color_1);
    border-radius: 80px;
    margin: auto;
    width: 98.20%;
    padding: 0px 15px;
    font-size: calc(1.3vw + 3vh);
    font-family: Raleway_Bold;
    color: #fff;
    text-align: center;}



.tear_top_section{
/*    margin-top: -34px;*/
    margin-top: -2%;
    position: relative;
    z-index: 99;
}
.tear_bottom_section{
/*    margin-bottom: -34px;*/
    margin-bottom: -2%;
    position: relative;
    z-index: 99;
}
.tear_bottom_section2{
/*    margin-bottom: -48px;*/
    margin-bottom: -2%;
    position: relative;
    z-index: 99;
}


.tear_joiner_class_top{    
/*    margin-bottom: -1px;*/
    margin-bottom: -2%;
}
.tear_joiner_class_bottom{    
/*    margin-top: -1px;*/
    margin-top: -2%;
}


header{
    position: fixed;
/*    background: #fff;*/
    transition: all 0.5s;
    width: 100%;
    z-index: 9999;
}
.headerinner{
    padding: 0% 4%;   
    margin-top: -11px;  
}
.hdr_marquee{
    padding: 0% 1%;  
    background: #faf6d3; 
    color: #d80911;
    font-weight: bold;
/*    font-size: 16px;*/
    font-size: 0.95vw;
    width: 87%;
    margin: auto;
    border-radius: 0px 0px 100px 100px;
}
.hdr_top_desc{
    padding: 8px 10% 0% 10%;  
/*    font-size: 21px;*/
    font-size: 1.15vw;
    color: #fff; 
}
.hdr_social a{
    color: #fff; 
}
.hdr_top_desc_scroll{
    padding: 0px 10% 0% 10%;  
    font-size: 0.9vw;
}
.hdr_top_desc span{
/*    font-size: 14px;*/
    font-size: 0.85vw;
}
.headerbarscroll{
    position: fixed;
    width: 100%;
    z-index: 9999;
/*    background: #f9731cad;*/
/*    background: #ec3539a6;*/
background: #F9731C;
background: linear-gradient(180deg, rgba(249, 115, 28, 1) 0%, rgba(244, 107, 27, 0.77) 13%, rgba(239, 90, 25, 0.65) 46%, rgba(234, 74, 24, 0.56) 62%, rgba(234, 74, 24, 0.33) 91%, rgba(234, 74, 24, 0.16) 100%);
}
.hrdlogoimgscroll{
    width: 42% !important;
}
.hdr_button_scroll {
    padding: 4% 8% !important;
    font-size: 0.9vw !important;
}

.hdr_logo{
    align-content: center;
    text-align: center;
}
.hdr_logo img{
    width: 60%;
    transition: all 0.5s;
}
.hdr_nav_section{
    align-content: center;
}

.hdr_nav_section .nav-link{
    transition: all 0.7s;
}
.hdr_nav_section .nav-link:hover{
    padding-bottom: 6px;
}



.hdr_mob_menu_sec{
    display: none;
    text-align: right;
    align-content: center;
    z-index: 9999;
}

.hdr_mob_menu .bar1, .hdr_mob_menu .bar2, .hdr_mob_menu .bar3 {
    width: 34px;
    height: 4px;
    background-color: #333;
    margin: 5px 0;
    margin-left: auto;
    transition: 0.4s;
}

.hdr_mob_menu .change .bar1 {
    transform: translate(0, 11px) rotate(-45deg);
    background-color: #fff;
}

.hdr_mob_menu .change .bar2 {opacity: 0;
    background-color: #fff;
}

.hdr_mob_menu .change .bar3 {
    transform: translate(0, -7px) rotate(45deg);
    background-color: #fff;
}

.mob_menu_dropdown{
    display: none;
    animation: fadeInRight 1s;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 95%;;
    z-index: 999;
/*    background: #ffd544cc;*/
/*    background: #ec3539a6;*/
    height: 100%;
    background: #F9731C;
background: linear-gradient(260deg, rgba(249, 115, 28, 1) 0%, rgba(246, 110, 27, 0.93) 34%, rgba(244, 107, 27, 0.88) 64%, rgba(239, 90, 25, 0.78) 73%, rgba(234, 74, 24, 0.71) 83%, rgba(234, 74, 24, 0.62) 92%, rgba(234, 74, 24, 0.47) 100%);
}

.mob_menu_cont{
    display: grid;
    height: 100%;
    width: auto;
    text-align: center;
    padding: 5% 0%;
    align-content: center;
}
.mob_menu_link{
    padding: 3% 0%;
    color: #000;
/*    color: #fff;*/
}


.hdr_nav_section .navbar{
    width: 55%; 
    margin: auto;
    font-size: 19px;
    font-weight: 700;
    font-family: Raleway_Medium;
    color: #fff;
}
.hdr_cont{
    align-content: center; 
    text-align: right;
}
.hdr_button{
    border-radius: 100px;
    padding: 3% 5%;
    font-size: 1vw;
    font-weight: 900;
    font-family: Raleway_Bold;
    transition: all 0.5s;
}










.home_category_section{
    background: #fff;
    padding: 0% 0%;
}

.home_category_bg{
/*  background: url(../assets/img/tear_bg.png);
  background-size: 100% 100%;   
    padding: 20%; */
    background: #f0f0f0;
}
.home_category_bg .row{
    width: 80%;
    margin: auto;
    position: relative;
    margin-top: -9%;
    margin-bottom: -9%;
}
.home_category_bg .col-sm-8, .home_category_bg .col-sm-4{
    margin: auto;
}
.pcat_box{
    background: #d71015;
    font-family: Raleway_Bold; 
    color: #fff;
    font-size: 2.5vw;
    border-radius: 50px;
    padding: 80px 0%;
    text-align: center;
    margin: 12px;
    box-shadow: inset 0 0 0 2000px rgb(16 16 16 / 65%);
}
/*
.pcat_bg1{
    background: url('../assets/img/bhujia_cover.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pcat_bg2{
    background: url('../assets/img/chips_cover.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pcat_bg3{
    background: url('../assets/img/fryums_cover.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pcat_bg4{
    background: url('../assets/img/puffs_cover.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pcat_bg5{
    background: url('../assets/img/family_pack_cover.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}*/

.cat_text_container{
    transform: rotate(5deg);
    width: 104%;
    padding: 4% 0%;
    margin-left: -2%;
    margin-top: -8%;
}
.cat_text_bg{
    background: #fa7a1c;
    position: relative;
}
.home_garlic_img1{
    position: absolute;
    top: 15%;
    left: 18%;
    width: 4%;
}
.home_bp_img1{
    position: absolute;
    top: -3%;
    left: 18.2%;
    width: 1.2%;
}
.home_bp_img2{
    position: absolute;
    top: 40%;
    left: 19.2%;
    width: 1.2%;
}
.home_bp_img3{
    position: absolute;
    top: 13%;
    left: 14.2%;
    width: 1.2%;
}
.home_bp_img4{
    position: absolute;
    top: 10%;
    left: 22.2%;
    width: 1.2%;
}


.home_bp_img5{
    position: absolute;
    top: -16%;
    right: 19.2%;
    width: 1.2%;
}
.home_bp_img6{
    position: absolute;
    top: 6%;
    right: 18.7%;
    width: 1.2%;
}
.home_bp_img7{
    position: absolute;
    top: 21%;
    right: 13.2%;
    width: 1.2%;
}


.cat_text_container h4{
    transform: skewX(6deg);
    color: #ff8831;
    font-size: 12vw;
    font-family: Raleway_Bold; 
    padding: 2% 2%;
    line-height: 0.9;
    text-align: center;
    margin: 0%;
}




.product_range_section{
/*    width: 60%;*/
    margin: auto;
    background: #fff;
    position: relative;
    padding: 0% 12%;
}
.product_range_section h3{
    font-size: 2vw;
    text-align: center;
    font-family: Raleway_Bold; 
    color: #fa7a1c;
}
.pr_product{
    background: #fa7a1c;
    border-radius: 40px 40px 15px 15px;
    font-family: Raleway_Bold; 
    color: #fff;
    text-align: center;
    margin: auto;
    margin-top: 80px;
    width: 80%;
    padding: 5%;
}
.pr_product img{
    width: 100%;
    margin-top: -80px;
}
.prsldr_img_cont{
/*    width: 80%;*/
    margin: auto;
}
.pr_product h4{
    font-size: 2vw;
}
.pr_product p{
    font-size: 1.1vw;
}





    /* ─── Carousel wrapper ─── */
    .carousel-wrapper {
/*      max-width: 1100px;*/
      margin: 0 auto;
      position: relative;
      padding: 0 48px;
    }
    /* ─── Slick arrow overrides ─── */
    .slick-prev,
    .slick-next {
      width: 40px;
      height: 40px;
      background: #ec3539 !important;
      border-radius: 50%;
      box-shadow: 0 2px 10px rgba(0,0,0,0.12);
      z-index: 10;
      transition: box-shadow 0.18s ease, transform 0.18s ease;
    }

    .slick-prev { left: 0; }
    .slick-next { right: 0; }

    .slick-prev:hover,
    .slick-next:hover {
      background: ##ec3539 !important;
      box-shadow: 0 4px 18px rgba(0,0,0,0.18);
      transform: scale(1.08);
    }

    .slick-prev::before,
    .slick-next::before {
      color: #fff !important;
      font-size: 20px;
      opacity: 1;
    }
.slick-dots{
    display: none !important;
}











.about_section_lck{
  background: url(../assets/img/abt_bg.jpg);
  background-position-y: bottom;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;    
  padding: 5% 0% 5% 8%;
/*  background: #d71015;*/
    position: relative;
}
.abt_txt_lck{
/*    color: #fff;*/
    font-size: calc(0.8vw + 1vh);
    font-family: Raleway_Bold; 
    align-content: center;
    padding: 1% 1% 1% 1%;
}
.about_section{
  /*background: url(../assets/img/abt_bg.jpg);
  background-position-y: bottom;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;    */
  padding: 5% 8%;
  background: #d71015;
    position: relative;
}
.abt_bg1{   
    mix-blend-mode: darken;
  background: url(../assets/img/lcb.png);
  background-repeat: no-repeat;
  background-size: cover;    
  padding: 20% 0% 16% 0%;
}

.abt_txt{
    color: #fff;
    font-size: 20px;
    font-family: Raleway_Bold; 
    align-content: center;
    padding: 1% 5% 1% 5%;
}








.social_media_section{
  background: url(../assets/img/white-paper-texture.jpg);
  background-position-y: bottom;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;    
  padding: 5% 2%;
}

.social_media_section h3{
    font-size: 2vw;
    text-align: center;
    font-family: Raleway_Bold; 
    color: #d71015;
}


.social_media_section .blog-carousel {
  position: relative;
  display: flex;
  align-items: center;
}

.social_media_section .blog-track {
  display: flex;
  gap: 24px;
  width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 36px calc(50% - 180px);
  scrollbar-width: none;
}

.social_media_section .blog-track::-webkit-scrollbar {
  display: none;
}

.social_media_section .blog-card {
  flex: 0 0 360px;
  scroll-snap-align: center;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08);
  transform: scale(0.86);
  opacity: 0.55;
  transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.35s ease;
}

.social_media_section .blog-card.is-active {
  transform: scale(1.08);
  opacity: 1;
  z-index: 3;
  box-shadow: 0 22px 48px rgba(159, 16, 22, 0.18);
}

.blog-card{
  background: linear-gradient(135deg, #fff0f0, #d71920);
}
.blog-content iframe{
    width: 100% !important;
}


.social_media_section .blog-content {
  padding: 22px;
/*  background: #d71015;*/
}
.social_media_section .blog-content h3{
    padding: 40% 2%;
    color: #fff;
    font-size: 2.5vw;
    text-align: center;
    font-family: Raleway_Medium; 
}



.social_media_section .blog-arrow {
  position: absolute;
  z-index: 5;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #d71920;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.social_media_section .blog-arrow svg {
  width: 22px;
  height: 22px;
}

.social_media_section .blog-prev {
  left: -10px;
}

.social_media_section .blog-next {
  right: -10px;
}

.social_media_section .blog-view-wrap {
  text-align: center;
  margin-top: 24px;
}

.social_media_section .blog-view-all {
  display: inline-block;
  background: #d71920;
  color: #fff;
  padding: 12px 26px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 700;
}








.form_text_container{
    transform: rotate(-5deg);
    width: 109%;
    padding: 4% 0%;
    margin-left: -4%;
    margin-top: -10px;
}
.form_text_bg{
    background: #fa7a1c;
    position: relative;
}
.dtrbtr_garlic_img1{
    position: absolute;
    top: 33%;
    left: 18%;
    width: 4%;
}
.dtrbtr_bp_img1{
    position: absolute;
    top: 16%;
    left: 19.2%;
    width: 1.2%;
}
.dtrbtr_bp_img2{
    position: absolute;
    top: 54%;
    left: 18.6%;
    width: 1.2%;
}
.dtrbtr_bp_img3{
    position: absolute;
    top: 28%;
    left: 15.6%;
    width: 1.2%;
}
.dtrbtr_bp_img4{
    position: absolute;
    top: 31%;
    left: 22%;
    width: 1.2%;
}


.form_text_container h4{
    transform: skewX(-6deg);
    color: #ff8831;
    font-size: 12vw;
    font-family: Raleway_Bold; 
    padding: 2% 2%;
    line-height: 0.9;
    text-align: center;
    margin: 0%;
}


.distributor_form_section{
    width: 80%;
    margin: auto;
    border: 4px solid #d71015;
    border-radius: 50px;
    padding: 3%;
}
.distributor_form_section h3{
    font-size: 2vw;
    text-align: center;
    font-family: Raleway_Bold; 
    color: #d71015;
}
.distributor_form_section .form-control{
    background: unset;
    border: 2px #a17543 solid;
    border-radius: 50px;
    margin: 1%;
}












.section2{
	padding: 3% 5%; 
	background:#fff;
	text-align: center;
}
.section2 img{
	width: 70%;
    mix-blend-mode: luminosity;
    transition: all 0.8s;
}

.section2 img:hover{
    mix-blend-mode: unset;
    scale: 1.2;
}



.section3{
	background: #f4f4f4; 
	padding: 7% 5%;
}
.sec3_heading{
	width: 50%;
}
.sec3_heading h5{
  	font-size: 20px;
  	font-family: Raleway_Bold;
}
.sec3_heading h3{
  	font-size: 35px;
  	font-family: Raleway_Bold;
}
.sec3_post_cont{
	background: #fff;
	width: 100%;
}
.sec3_post_cont img{
	width: 100%;
}
.sec3_post_text{
	padding: 8%;
}
.sec3_post_text h4{
  	font-size: 20px;
  	font-family: Raleway_Bold;
}
.sec3_post_text p{
  	font-size: 15px;
}




.section4{
	color: #fff;
}
.sec4_bg1{
	background: #1c1d1f;
}
.sec4_bg2{
	background: url('../assets/img/15000.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec4_cont{
	padding: 15% 22%;
}
.sec4_cont h5{
	color: #205289;
  	font-family: Raleway_Bold;
  	font-size: 18px;
}
.sec4_cont h4{
	color: #fff;
  	font-family: Raleway_Bold;
  	font-size: 30px;
}
.sec4_cont p{
	color: #bebebe;
  	font-size: 15px;
}
.sec4_cont h3{
	color: #fff;
  	font-size: 18px;
  	padding-left: 5%;
    line-height: 2;
}
.sec4_cont h2{
	color: #205289;
  	font-family: Raleway_Bold;
  	font-size: 45px;
  	padding-left: 35%;
}






.section5{
	background: #f4f4f4; 
	padding: 7% 5%;
}
.sec5_heading{
	width: 70%;
	margin: auto;
}
.sec5_heading h4{
  	font-family: Raleway_Bold;
  	font-size: 28px;
}
.sec5_heading p{
  	font-size: 15px;
}

.sec5_bg1{
	background: url('../assets/img/chemical_processing1.jpg'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 100%; 
	min-height: 400px;
}
.sec5_txt_head_cnt{
	display: flex; 
	text-align: center;
	padding: 0px 20px;
}
.sec5_txt_head{
	width: 100%; 
	padding: 18px 0px;
	color: #747474;
  	font-family: Raleway_Bold;
  	font-size: 15px;
}
.sec5_txt_head:hover{
	color: #000;
}
.sec5_txt1{
  	font-size: 15px;
  	padding: 0px 50px;
}

.sec5_cont2{
	margin-top: 5%;
}
.sec5_txt2 h5{
  	font-size: 18px;
  	font-family: Raleway_Bold;
}
.sec5_txt2 p{
  	font-size: 15px;
}

.sec5_post{
	background: #fff; 
	padding:  8% 8%;
}
.sec5_post .sec5_icon{
  	font-size: 50px;
  	font-family: Raleway_Bold;
}
.sec5_post h4{
  	font-size: 22px;
  	font-family: Raleway_Bold;
}
.sec5_post p{
  	font-size: 15px;
}

.sec5_bg2{
	background: url('../assets/img/chemical_processing2.jpg'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 100%; 
	min-height: 500px;
}





.section6{
	padding: 7% 5%;
}

.sec6_heading{
	width: 50%;
}
.sec6_heading h3{
  	font-family: Raleway_Bold;
  	font-size: 35px;
}
.sec6_heading p{
  	font-size: 15px;
}


.sec6_post_cont{
	background: #f4f4f4;
	width: 95%;
	margin: auto;
}
.sec6_post_cont img{
	width: 100%;
}
.sec6_post_text{
	padding: 8%;
}
.sec6_post_text h4{
  	font-size: 17px;
}
.sec6_post_text p{
  	font-size: 22px;
  	font-family: Raleway_Bold;
}





.section7{
	background: #1c1d1f; 
	padding: 7% 5%;
}
.cont7_text{
	color: #fff; 
	padding-right: 20%;
}

.cont7_text h3{
  	font-size: 36px;
  	font-family: Raleway_Bold;
  	padding-bottom: 20px;
}
.cont7_text p{
  	font-size: 15px;
  	padding-bottom: 20px;
}

.dash_feedback_scroll{
    overflow-y: scroll; 
    max-height: 590px;
}
.dash_feedback_scroll::-webkit-scrollbar {
    width: 3px;
}

.dash_feedback_scroll::-webkit-scrollbar-thumb {
  	background: #555; 
}
.dash_feedback_scroll::-webkit-scrollbar-thumb:hover {
	background: #888; 
}

.sec7_feedback{
	background: #fff; 
	padding: 4%; 
	width: 80%; 
	margin-bottom: 5%;
}
.sec7_feedback p{
  	font-size: 15px;
}
.sec7_feedback h5{
  	font-size: 16px;
  	font-family: Raleway_Bold;
}
.sec7_feedback img{
	width: 80%;
}


.section8{
	padding: 7% 5%; 
	background: #f4f4f4;
}

.sec8_card{
	 padding: 12%;
	 margin: 0px 10px;
}
.sec8_card h4{
  	font-size: 26px;
  	font-family: Raleway_Bold;
}
.sec8_card h5{
  	font-size: 18px;
}
.sec8_card p{
  	font-size: 15px;
}

.sec8_text{
	padding: 0px 30px;
}
.sec8_text h3{
  	font-size: 36px;
  	font-family: Raleway_Bold;
}
.sec8_text h5{
  	font-size: 17px;
}
.sec8_text p{
  	font-size: 15px;
}



.section9{
	padding: 7% 5%; 
	background: #1c1d1f;
}
.sec9_text{
	color: #fff;
	margin-bottom: 50px;
}

.sec9_text h3{
  	font-size: 36px;
  	font-family: Raleway_Bold;
}
.sec9_text p{
  	font-size: 15px;
}

.sec9_card{
	background: #fff;
}
.sec9_card img{
	width: 100%;
}
.sec9_card h5{
  	font-size: 18px;
  	font-family: Raleway_Bold;
}
.sec9_card p{
  	font-size: 15px;
}
.sec9_card svg{
  	font-size: 18px;
}
.sec9_card_text{
	 padding: 8%
}




.section10{
	padding: 7% 5%; 
	background: #f4f4f4;
}
.sec10_heading h3{
  	font-size: 32px;
  	font-family: Raleway_Bold;

}

.sec10_post_cont{
	background: #fff;
}

.sec10_post_cont img{
	width: 100%;
}
.sec10_post_text{
	padding: 8%;
}
.sec10_post_text h4{
  	font-size: 20px;
  	font-family: Raleway_Bold;
}
.sec10_post_text p{
  	font-size: 15px;
}
















.about_bnrbg{
  background: url(../assets/img/about_banner.png);
/*  background: #fa7a1c;    */
/*  background: #F9731C;*/
/*background: linear-gradient(180deg, rgba(249, 115, 28, 1) 100%, rgba(244, 107, 27, 0.77) 100%, rgba(239, 90, 25, 0.65) 100%, rgba(234, 74, 24, 0.56) 100%, rgba(234, 74, 24, 0.41) 100%, rgba(234, 74, 24, 0.33) 100%, rgba(234, 74, 24, 0.23) 100%, rgba(234, 74, 24, 0.16) 100%);*/

/*  background: url(../assets/img/abt_bg.jpg);*/
  background-position-y: top;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 23% 0% 18% 0%;
  position: relative;
}

.banner_txt{
     background-color: #d71015;
    border-radius: 100px;
    color: #fff;
    font-size: 30px;
    font-family: Raleway_Bold;
    padding: 1% 2% 1% 2%;
    border: none;
    position: absolute;
    right: 16%;
    bottom: 0%;
    transition: all 0.5s;
    z-index: 999;
}


.about_pg_section{
/*  background: url(../assets/img/abt_bg.jpg);*/
  background-position-y: bottom;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;    
  padding: 5% 8%;
}
.abt_bg2{   
/*    mix-blend-mode: darken;*/
/*  background: url(../assets/img/lcb.png);*/
  background: url(../assets/img/factory_photo.JPG);
  background-repeat: no-repeat;
  background-size: cover;    
  padding: 20% 0% 16% 0%;
}

.abt_txt2{
    color: #000;
    font-size: 20px;
    font-family: Raleway_Bold; 
    align-content: center;
    padding: 1% 5% 1% 5%;
}

.mission_vision_section{
/*  width: 65%;*/
   margin: auto;
}


.mission_box{
  background-color: #d71015;
    padding: 5%;
}
.vision_box{
  background-color: #fa7a1c;
    padding: 5%;
}

.mission_vision_section h3{
    font-size: 4vw;
    font-family: Raleway_Bold;
    color: #fff;
    text-align: justify;
}

.mission_vision_section p{
    font-family: Raleway_Medium;
  font-size: 1vw;
  color: #fff;
}














.products_bnrbg{
  background: url(../assets/img/prod_banner.png);
/*  background: #fa7a1c;    */
/*  background: #F9731C;*/
/*background: linear-gradient(180deg, rgba(249, 115, 28, 1) 100%, rgba(244, 107, 27, 0.77) 100%, rgba(239, 90, 25, 0.65) 100%, rgba(234, 74, 24, 0.56) 100%, rgba(234, 74, 24, 0.41) 100%, rgba(234, 74, 24, 0.33) 100%, rgba(234, 74, 24, 0.23) 100%, rgba(234, 74, 24, 0.16) 100%);*/

/*  background: url(../assets/img/abt_bg.jpg);*/
  background-position-y: top;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 23% 0% 18% 0%;
  position: relative;
}

.products_section{
    padding: 5% 8%;
}

.product_filter_bar {
    margin: 0 auto 32px;
    padding: 22px;
    border: #c7c7c76e solid 1px;
    background: #fff;
    font-family: Raleway_Bold;
}
.product_filter_bar label {
    display: block;
    margin-bottom: 8px;
    color: #d71015;
    font-size: 14px;
}
.product_filter_input {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    padding: 10px 14px;
    color: #333;
    font-family: Raleway_Medium;
    background: #fff;
}
.product_filter_input:focus {
    border-color: #fa7a1c;
    box-shadow: 0 0 0 3px rgba(250, 122, 28, 0.14);
}
.product_filter_actions {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.product_filter_actions .btn {
    min-height: 46px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Raleway_Bold;
}
.product_filter_reset {
    color: #d71015;
    font-family: Raleway_Bold;
    padding-bottom: 12px;
}
.product_filter_categories_col {
    margin-bottom: 18px;
}
.product_filter_categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.product_filter_cat_btn {
    min-height: 40px;
    padding: 8px 18px;
    border: 1px solid #d71015;
    border-radius: 30px;
    background: #fff;
    color: #d71015;
    font-family: Raleway_Bold;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}
.product_filter_cat_btn.is-active,
.product_filter_cat_btn:hover {
    background: #d71015;
    color: #fff;
}
.product_filter_search_input {
    max-width: 260px;
    min-height: 40px;
    padding: 8px 12px;
}
.product_empty_alert {
    width: 100%;
    text-align: center;
}
.product_results_wrap {
    position: relative;
    min-height: 260px;
}
.product_results_wrap.is-loading {
    opacity: 0.55;
    pointer-events: none;
}
.product_results_wrap.is-loading::after {
    content: "Loading products...";
    position: absolute;
    top: 18px;
    right: 18px;
    background: #d71015;
    color: #fff;
    border-radius: 5px;
    padding: 8px 12px;
    font-family: Raleway_Bold;
    font-size: 14px;
    z-index: 3;
}
.product_results_summary {
    margin: 0 0 18px;
    color: #6d0001;
    font-family: Raleway_Bold;
    font-size: 16px;
}
.product_results_row {
    row-gap: 18px;
}
.product_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 32px;
}
.product_page_link {
    min-width: 42px;
    min-height: 42px;
    border: 1px solid #d71015;
    background: #fff;
    color: #d71015;
    border-radius: 5px;
    padding: 8px 12px;
    font-family: Raleway_Bold;
    cursor: pointer;
}
.product_page_link.is-active,
.product_page_link:hover {
    background: #d71015;
    color: #fff;
}
.product_page_link:disabled {
    border-color: #d7d7d7;
    color: #a0a0a0;
    cursor: not-allowed;
}

.product_box{
    width: 80%;
    margin: 5% auto;
    border: #c7c7c76e solid 1px;
    text-align: center;
    padding: 2%;
}
.product_box img{
    width: 80%;
/*    transition: all 0.5s ease;*/
    transition: all 0.5s ease;    position: relative;
    top: 0px;
}
.product_box:hover img{
    top: -17px;
    transition: all 0.5s ease;
}





.product_detail{
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 9999;
    min-height: 100%;
    width: 100%;
    overflow-y: scroll;
    background: #fff;
    padding: 4%;
    background: url('../assets/img/abt_bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.pd_left_section{
    align-content: center;
    align-items: center;
  font-family: Raleway_Medium;
}

.pd_left_section h3{
    font-family: Raleway_Medium;
    font-size: 1.8vw;
    color: #fff;
}
.pd_left_section h4{
    font-family: Raleway_Medium;
    font-size: 1.2vw;
    color: red;
}
.pd_left_section h5{
    font-family: Raleway_Medium;
    font-size: 1.4vw;
    color: #fff;
}
.pd_left_section p{
    font-family: Raleway_Medium;
    font-size: 1vw;
    color: #fff;
}

.pd_right_section{
    align-content: center;
    align-items: center;
}
.pd_right_section img{
    width: 90%;
    transform: rotate(10deg);
}








.product_box { cursor: pointer; transition: transform .2s ease; }
.product_box:hover,
.product_box:focus-within { transform: translateY(-4px); }
.product_box:focus-within { outline: 3px solid #E8A33D; outline-offset: 3px; }

/* ---------- Full-screen overlay ---------- */
.pq-overlay {
    position: fixed;
    inset: 0;
    background: linear-gradient(150deg, #F8C63D 0%, #F3B70F 55%, #ECA400 100%);
    z-index: 99991;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.03);
    transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
  font-family: Raleway_Medium;
}
.pq-overlay.is-active { opacity: 1; visibility: visible; transform: scale(1); }

.pq-close {
    position: fixed;
    top: 28px;
    right: 32px;
    z-index: 10000;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #2A1A0F;
    background: transparent;
    color: #2A1A0F;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.pq-close:hover { background: #2A1A0F; color: #fff; transform: rotate(90deg); }
.pq-close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.pq-panel {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    overflow-y: auto;
}

/* ---------- Left: copy ---------- */
.pq-left {
    flex: 1 1 46%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 110px 7vw;
    min-width: 300px;
}

.pq-name {
/*    font-family: 'Caveat', cursive;*/
  font-family: Raleway_Bold;
    font-style: italic;
    font-weight: 700;
    font-size: clamp(34px, 4.2vw, 56px);
    line-height: 1.15;
    color: #201209;
    margin: 0 0 18px;
}

.pq-price {
    display: inline-block;
    font-style: italic;
    font-weight: 600;
    font-size: 20px;
    color: #201209;
    margin-bottom: 6px;
}
.pq-price::before { content: "₹"; }

.pq-block { margin-top: 30px; max-width: 480px; }

.pq-label {
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 15px;
    font-weight: 800;
    color: #C1272D;
}

.pq-text {
    margin: 0;
    color: #3A2318;
    line-height: 1.75;
    font-size: 15.5px;
}

/* ---------- Right: hero image ---------- */
.pq-right {
    flex: 1 1 54%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 320px;
}

.pq-right img {
    position: relative;
    z-index: 2;
    max-width: 62%;
    max-height: 74%;
    object-fit: contain;
    transform: rotate(-4deg);
    filter: drop-shadow(0 30px 40px rgba(0,0,0,.28));
}

.pq-blob {
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    filter: blur(2px);
}
.pq-blob-1 {
    width: 46vw;
    height: 46vw;
    max-width: 560px;
    max-height: 560px;
    background: rgba(255,255,255,.14);
    top: -8%;
    right: -6%;
}
.pq-blob-2 {
    width: 20vw;
    height: 20vw;
    max-width: 260px;
    max-height: 260px;
    background: rgba(58,35,24,.08);
    bottom: 6%;
    left: 8%;
}

body.pq-lock { overflow: hidden; }

@media (max-width: 900px) {
    .pq-panel { flex-direction: column-reverse; }
    .pq-left { padding: 36px 28px 60px; flex: none; }
    .pq-right { flex: none; min-height: 300px; padding-top: 90px; }
    .pq-name { font-size: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    .pq-overlay, .pq-close { transition: none; }
}











/*
.cont_bannerbg{
  background: url(../assets/img/contact_bg.jpg);
  background-position-y: bottom;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 10% 0% 7% 0%;
  position: relative;
}*/
.cont_bannerbg{
  background: url(../assets/img/contact_bg.png);
  background-position-y: top;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 23% 0% 18% 0%;
  position: relative;
}

.contact_sec1{
	padding: 7% 5%; 
	background: #fff;
	text-align: center;
}
.contact_sec1 h3{
  	font-size: 32px;
  	font-family: Raleway_Bold;	
}
.contact_sec1 p{
  	font-size: 15px;	
}




.cont1{
  background-color: #d71015;
  margin: 0%;
  padding: 5% 7%;
}

.cont1 h3{
    font-size: 40px;
    font-family: Raleway_Bold;
    color: #fff;
    text-align: justify;
}

.cont1 h4{
    font-size: 20px;
    font-weight: bold;
    font-family: Raleway_Bold;
    color: #fff;
    text-align: justify;
}


.frm{
    padding: 5% 0% 5% 0%;
    width: 100%;
}

.frm_input{
	border: none; 
	width: 100%; 
	margin-bottom: 20px; 
	padding: 16px; 
	background-color: #dfdfdf; 
	font-family: Raleway_Bold; 
	border-radius: 5px;
    color: #757575;
}

.frm input, .frm textarea{
  font-size: 15px;
}


.map1{
  margin: 0%;
  padding: 0% !important;
}
.map1 iframe{
  width: 100%;
  height: 100%;
}










.comparison-slider-wrapper .comparison-slider .divider:before {
    background: #205289 url(../../assets/img/drag.png) no-repeat center center !important;
    color: #ffffff;
}

.wt_bnrbg{
  position: relative;
}
.wt_bnr_txt{
     background-color: #205289;
    border-radius: 100px;
    color: #fff;
    font-size: 30px;
    font-family: Raleway_Bold;
    padding: 1% 2% 1% 2%;
    border: none;
    position: absolute;
    right: 16%;
    bottom: -30px;
    transition: all 0.5s;
}


.wt_sec2{
	background: #f4f4f4; 
	padding: 7% 5%;
}

.wt_sec2_cont{
	margin-top: 5%;
}

.wt_sec2_txt{
	height: 100%;
	align-content: center;
}
.wt_sec2_txt h5{
  	font-size: 20px;
  	font-family: Raleway_Bold;
}
.wt_sec2_txt p, .wt_sec2_txt ul{
  	font-size: 15px;
}
.wt_sec2_img img{
	width: 100%;
}


    .landinghmbnr1img {
        position: relative;
        width: 100%;
        animation: fadeIn 1s;
    }
    .landinghmbnr1img img {
        width: 100%;
    }








.footer_section{
	background: #6d0001; 
	padding: 7% 18%;
}

.footer_logo{
	width: 60%;
/*	margin-bottom: 10px;*/
}
.ftr_address{
    color: #fff;
    font-family: Raleway_Medium;
    width: 85%;
}
.footer_section form input, .footer_section form button{
	border-radius: 0;
	width: 100%;
}
.footer_navigation{
	color: #fff;
/*	padding-left: 15%;*/
/*	text-align: center;*/
    font-family: Raleway_Medium;
    padding: 8px;
}
.footer_navigation h5, .footer_social h5{
    padding: 4px;
    font-family: Raleway_Bold;
    color: #fff;
}
.footer_navigation ul{
    padding-left: 0px;
}
.footer_navigation ul li{
	list-style-type: none;
/*	line-height: 1;*/
  	font-size: 16px;    
  	width: 100%;
/*    display: inline;*/
    padding: 4px;
}
.footer_navigation ul li a{
	color: #fff;
}

.footer_social{
    padding: 8px;
}
.footer_social ul li{
    display: inline;
    padding: 4px;
}
.footer_social a{
    color: #fff;
    font-size: 25px;
}




.topbtn{
	position: fixed;
    bottom: 80px;
    right: 1%;
    z-index: 9999;
    width: 48px;
    height: 50px;
    background: #ec3539;
    border-radius: 113%;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 27px;
    box-shadow: 1px 1px 3px #00000085;
    transition: all 0.4s;
}
    .topbtn:hover{
        background: #ffd02a;
        color: #000;
        font-size: 31px;
    }
    .topbtn a:hover{
        text-decoration: none;
    }

    .topbtnshow{
    display: grid;
    }


    .whatsapp{
        position: fixed;
        bottom: 25px;
        right: 1%;
        z-index: 9999;
        width: 45px;
    }
    .whatsapp img{
        width: 100%;
    }