body{padding-top:var(--top-header-height);  font-family: "Open Sans", sans-serif;;position:relative;margin:0;line-height:1.5}
html{font-size:16px;  font-family: "Open Sans", sans-serif;;scroll-behavior:smooth}
*{box-sizing:border-box;  font-family: "Open Sans", sans-serif;}
ul{margin:0;padding:0}
a{color:inherit}
:root{--white:hsl(0, 0%, 100%);--white10:hsla(0, 0%, 100%, 0.01);--white20:hsla(0, 0%, 100%, 0.02);--white30:hsla(0, 0%, 100%, 0.03);--white40:hsla(0, 0%, 100%, 0.04);--white50:hsla(0, 0%, 100%, 0.05);--white100:hsla(0, 0%, 100%, 0.10);--white200:hsla(0, 0%, 100%, 0.20);--white300:hsla(0, 0%, 100%, 0.30);--white400:hsla(0, 0%, 100%, 0.40);--white500:hsla(0, 0%, 100%, 0.50);--white600:hsla(0, 0%, 100%, 0.60);--white700:hsla(0, 0%, 100%, 0.70);--white800:hsla(0, 0%, 100%, 0.80);--white900:hsla(0, 0%, 100%, 0.90);--black:hsl(0, 0%, 0%);--black10:hsla(0, 0%, 0%, 0.01);--black20:hsla(0, 0%, 0%, 0.02);--black30:hsla(0, 0%, 0%, 0.03);--black40:hsla(0, 0%, 0%, 0.04);--black50:hsla(0, 0%, 0%, 0.05);--black100:hsla(0, 0%, 0%, 0.10);--black200:hsla(0, 0%, 0%, 0.20);--black300:hsla(0, 0%, 0%, 0.30);--black400:hsla(0, 0%, 0%, 0.40);--black500:hsla(0, 0%, 0%, 0.50);--black600:hsla(0, 0%, 0%, 0.60);--black700:hsla(0, 0%, 0%, 0.70);--black800:hsla(0, 0%, 0%, 0.80);--black900:hsla(0, 0%, 0%, 0.90);--primary-color:rgb(255, 107, 0);--secondary-color:rgb(24, 74, 152);--dark-color:rgb(21, 21, 24);--text-color:#343438;--danger:#FF0000;--theme-color:#d22f25}
.theme_color{color:var(--theme-color) !important}
.font10{font-size:.625rem}
.font11{font-size:.688rem}
.font12{font-size:.75rem}
.font13{font-size:.813rem}
.font14{font-size:.875rem}
.font15{font-size:.938rem}
.font16{font-size:1rem}
.font17{font-size:1.063rem}
.font18{font-size:1.125rem}
.font19{font-size:1.188rem}
.font20{font-size:1.25rem}
.font21{font-size:1.313rem}
.font22{font-size:1.375rem}
.font23{font-size:1.438rem}
.font24{font-size:1.5rem}
.font25{font-size:1.563rem}
.font26{font-size:1.625rem}
.font27{font-size:1.688rem}
.font28{font-size:1.75rem}
.font29{font-size:1.813rem}
.font30{font-size:1.875rem}
.font31{font-size:1.938rem}
.font32{font-size:2rem}
.font33{font-size:2.063rem}
.font34{font-size:2.125rem}
.font35{font-size:2.188rem}
.font36{font-size:2.25rem}
.font37{font-size:2.313rem}
.font38{font-size:2.375rem}
.font39{font-size:2.438rem}
.font40{font-size:2.5rem!important}
.font45{font-size:2.813rem}
.font46{font-size:2.875rem}
.font48{font-size:3rem}
.font49{font-size:3.063rem}
.font50{font-size:3.125rem}
.font54{font-size:3.375rem}
.font55{font-size:3.438rem}
.font58{font-size:3.625rem}
.font60{font-size:3.75rem}
.font63{font-size:3.938rem}
.font64{font-size:4rem}
.font65{font-size:4.063rem}
.font74{font-size:4.625rem}
.font80{font-size:5rem}
.font88{font-size:5.5rem}
.font108{font-size:6.75rem}
.fw100{font-weight:100!important}
.fw200{font-weight:200!important}
.fw300{font-weight:300!important}
.fw400{font-weight:400!important}
.fw500{font-weight:500!important}
.fw600{font-weight:600!important}
.fw700{font-weight:700!important}
.fw800{font-weight:800!important}
.fw900{font-weight:900!important}
.color_dark{color:var(--black)!important}
.color_dark10{color:var(--black10)!important}
.color_dark20{color:var(--black20)!important}
.color_dark30{color:var(--black30)!important}
.color_dark40{color:var(--black40)!important}
.color_dark50{color:var(--black50)!important}
.color_dark100{color:var(--black100)!important}
.color_dark200{color:var(--black200)!important}
.color_dark300{color:var(--black300)!important}
.color_dark400{color:var(--black400)!important}
.color_dark500{color:var(--black500)!important}
.color_dark600{color:var(--black600)!important}
.color_dark700{color:var(--black700)!important}
.color_dark800{color:var(--black800)!important}
.color_dark900{color:var(--black900)!important}
.color_light{color:var(--white)!important}
.color_light10{color:var(--white10)!important}
.color_light20{color:var(--white20)!important}
.color_light30{color:var(--white30)!important}
.color_light40{color:var(--white40)!important}
.color_light50{color:var(--white50)!important}
.color_light100{color:var(--white100)!important}
.color_light200{color:var(--white200)!important}
.color_light300{color:var(--white300)!important}
.color_light400{color:var(--white400)!important}
.color_light500{color:var(--white500)!important}
.color_light600{color:var(--white600)!important}
.color_light700{color:var(--white700)!important}
.color_light800{color:var(--white800)!important}
.color_light900{color:var(--white900)!important}
.bg_dark{background-color:var(--black)!important}
.bg_dark10{background-color:var(--black10)!important}
.bg_dark20{background-color:var(--black20)!important}
.bg_dark30{background-color:var(--black30)!important}
.bg_dark40{background-color:var(--black40)!important}
.bg_dark50{background-color:var(--black50)!important}
.bg_dark100{background-color:var(--black100)!important}
.bg_dark200{background-color:var(--black200)!important}
.bg_dark300{background-color:var(--black300)!important}
.bg_dark400{background-color:var(--black400)!important}
.bg_dark500{background-color:var(--black500)!important}
.bg_dark600{background-color:var(--black600)!important}
.bg_dark700{background-color:var(--black700)!important}
.bg_dark800{background-color:var(--black800)!important}
.bg_dark900{background-color:var(--black900)!important}
.bg_light{background-color:var(--white)!important}
.bg_light10{background-color:var(--white10)!important}
.bg_light20{background-color:var(--white20)!important}
.bg_light30{background-color:var(--white30)!important}
.bg_light40{background-color:var(--white40)!important}
.bg_light50{background-color:var(--white50)!important}
.bg_light100{background-color:var(--white100)!important}
.bg_light200{background-color:var(--white200)!important}
.bg_light300{background-color:var(--white300)!important}
.bg_light400{background-color:var(--white400)!important}
.bg_light500{background-color:var(--white500)!important}
.bg_light600{background-color:var(--white600)!important}
.bg_light700{background-color:var(--white700)!important}
.bg_light800{background-color:var(--white800)!important}
.bg_light900{background-color:var(--white900)!important}
a:-webkit-any-link,a:any-link{color:inherit}
a{text-decoration:none}
ul{list-style:none;margin:0;padding:0}

p {color: #5e5e5e;}
.color_text {color: #5e5e5e;}
.header_inner{display:flex;justify-content:space-between;align-items:center}
.header_inner .logo img{max-height:80px; transition: 0.5s;}
.header_inner .main_nav ul{display:flex}
.header_inner .main_nav ul li a{font-size:1.125rem; text-transform: uppercase; transition: 0.5s; position: relative;}
.header_inner .main_nav ul li a:hover, .header_inner .main_nav ul li a.active { color: var(--theme-color);     -webkit-text-stroke-width: 0.5px;}
.header_inner .main_nav ul li a:after { content: ''; position: absolute; bottom: -3px; left: 0; transition: 0.5s; width: 0; height: 2px; background-color: var(--theme-color); display: block;}
.header_inner .main_nav ul li a:hover:after, .header_inner .main_nav ul li a.active:after {width: 100%;}

.header_inner .main_nav ul li:not(:last-child){padding:0 1.5rem}
header { padding: 1rem 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; background: #fff;     box-shadow: 0 2px 12px #00000042;}

header.scrolling-down .logo img {max-height:55px }
.phone_menu, .close_menu {display: none;}
.phone_menu span { display: block; width: 30px; height: 3px;  background-color: var(--black800);   margin: 0 0 5px; border-radius: 6px;}

 .container {
      max-width: 1280px !important;
    }

.main_banner { background-image: url(../images/banner.webp); min-height: 75vh; background-repeat: no-repeat;     filter: brightness(0.7);     background-attachment: fixed;
    background-size: 100% 100%;}



.common_padding {padding: 5rem 0;}
.theme_head{ font-family: "Playfair Display", serif; font-size: 3rem; color: var(--theme-color); margin-bottom: 3rem;}
.theme_head:after { content: ''; margin:1rem auto 0 auto; width: 64px; height: 2px; background-color: #e2e2e2; display: block;}

.about_home_data { max-width: 600px; margin: 0 auto; text-align: center; }

.product_home {     background-color: #f6f6f6;}

.home_product { display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 0.5rem;}
.home_product img {width: 100%;    aspect-ratio: 400 / 400;}

.contact_home .form-floating>.form-control {height: calc(3.4rem + 2px); }
.contact_home .form-floating>label {       padding: 0.8rem 1.2rem;}
.contact_home .form-control:not(textarea) { background-color: #f6f6f6; border: none;border-radius: 0;}
.contact_home .form-control:focus {background-color: #f6f6f6; box-shadow: none !important;  }
.contact_home .form-floating>.form-control:focus~label {opacity: 1; color: var(--theme-color);}
.contact_home textarea {background-color: #f6f6f6; border: none;border-radius: 0; }

textarea::-webkit-input-placeholder{color:#212529!important}
textarea:-moz-placeholder{color:#212529!important}
textarea::-moz-placeholder{color:#212529!important}
textarea:-ms-input-placeholder{color:#212529!important}

.submit_btn {all: unset;}
.submit_btn {background-color: var(--theme-color); padding: 0.8rem 0rem; font-weight: 600; color: var(--white); width: 100%; text-align: center; border-radius: 4px;}
.contact_wrap {display: flex; justify-content: space-between;}
.contact_wrap >div {width: 48%;}

.main_banner_inner {text-align: center; height: 215px; display: flex; align-items: center; justify-content: center;}
.main_banner_inner  .product_banner {max-height: 100px;}
.bg_gary {background-color: #f6f6f6;}

.product_des_box img {height: 223px; border-radius: 50%;}
.product_des_box  {text-align: center; padding: 0 1rem;}
footer { background-color: var(--black); padding: 3rem 0;}

.pro_des_box {padding-left: 2rem;}

.pdf_download_box {max-width: 850px; margin: 0 auto;}
.pdf_download_box ul {gap: 0.5rem 0; display: flex;    flex-direction: column;}
.pdf_download_box a{ background-color: #f6f6f6; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem;}

.inner_banner { width: 100%; text-align: left;}
.inner_banner .theme_head:after {margin-right: auto; margin-left: 0;}

.main_banner_contact { position: relative;    height: 246px;}
.main_banner_contact .contact_banner {position: absolute; right: 0; top: 0; height: 100%; width: 50%;}

.contact_inner_sec {max-width: 810px; margin: 0 auto; }


.contact_inner_sec .form-floating>.form-control {height: calc(3.4rem + 2px); }
.contact_inner_sec .form-floating>label {       padding: 0.8rem 1.2rem;}
.contact_inner_sec .form-control:not(textarea) { background-color: #fff; border: none;border-radius: 0;}
.contact_inner_sec .form-control:focus {background-color: #fff; box-shadow: none !important;  }
.contact_inner_sec .form-floating>.form-control:focus~label {opacity: 1; color: var(--theme-color);}
.contact_inner_sec textarea {background-color: #fff; border: none;border-radius: 0; }
.contact_inner_sec .submit_btn { padding: 0.8rem 3rem; width: auto;}

.add_box_contact { display: flex; justify-content: space-between; text-align: center; margin-top: 5rem;}
.add_box_contact >div {width: 48%;}

.close_menu svg {height: 1.5rem;
    fill: #fff;}
.close_menu {position: absolute; top: 2rem; right: 1rem;}

.mobile_view .main_nav { position: fixed; top: 0; right: 0; width: 100%; height: 100%;
     background-color: var(--black900); padding: 4rem 1rem;  transform: translateX(100%);
    transition: 0.5s;}
.mobile_view .header_inner .main_nav ul {    display: flex
;
    flex-direction: column;
    gap: 2rem 0;}

.nav_active.mobile_view .main_nav {transform: translateX(0); }
    
.mobile_view  .header_inner .main_nav ul li { padding: 0 1.5rem;}
.mobile_view  .header_inner .main_nav ul li a {color: var(--white);}

.mobile_view .header_inner .logo img {max-height: 60px;}
.mobile_view  .phone_menu, .mobile_view  .close_menu {display: block;}
.nav_active.mobile_view  {overflow: hidden;}
.thank_you_msg {
    margin: 0 auto;
    width: 60% !important;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .16);
    text-align: center;
    padding: 2rem;
}
.theme_btn { padding: .6rem 1.8rem; background-color: var(--theme-color); border: solid 1px var(--theme-color); border-radius: 36px; color: var(--white) !important; transition: .5s; display: inline-block; }

.main_banner_contact .contact_mob_banner { display: none;}

@media(max-width:767px){
html {font-size: 14px;}
.main_banner { min-height: 32vh;     background-attachment: unset;}
.common_padding { padding: 2rem 0; }
.theme_head {margin-bottom: 2rem; font-size: 2rem;}
.home_product {display: flex; flex-wrap: wrap; justify-content: center;}
.home_product li {width: 49%;}
.contact_wrap {flex-wrap: wrap;}
.contact_wrap >div {width: 100%;}
.contact_wrap .contact_right {margin-top: 2rem;  text-align: center;}
footer {text-align: center;    padding: 2rem 0;}
/* .product_des_lg .col-sm-4 { margin-bottom: 2rem;} */
.pro_des_box {padding-left: 0; margin-top: 2rem;}
.pdf_download_box a .icon {white-space: nowrap;}

.main_banner_contact .contact_banner {position: static;    width: 100%;}
.add_box_contact {flex-wrap: wrap;}
.add_box_contact >div {width: 100%;}
.main_banner_contact {height: auto;}
.main_banner_contact .contact_mob_banner { display: block; max-width: 100%; margin-bottom: 2rem;}
.main_banner_contact .contact_banner { display: none;}
}