html,
body {height: 100%;}
body { margin: 0; padding: 0;  font-size: 16px;  width: 100%; font-family: 'Poppins', sans-serif;  overflow-x: hidden; background: #fff;}
h1,h2,h3,h4,h5 {font-family: 'Roboto', sans-serif; font-weight: 600;}
ul {list-style: none; padding: 0; margin: 0;}
a{color: #000;}
a:hover {text-decoration: none; color: #111;}
:focus { outline: none;}
button:focus {outline: none;}
p { margin-top: 10px; margin-bottom: 25px; font-size: 16px; font-weight: 400;}
input, textarea { border: 1px solid rgb(220, 219, 235); border-radius: 4px; font-size: 15px; padding: 10px; color: #000; transition: all .15s ease-in; border-radius: 0px;}
input[type=submit]::focus {border: 1px solid #fff;}
input:focus {border-color: rgb(68 184 227); box-shadow: 0px 0px 6px outline: none;}
input::placeholder { color: #999;}

.container {width: 90%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width: 1180px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width: 1620px;
    }
}


.class-bdr:before {position: absolute; content: ""; right: -20px; bottom: 20px; background: rgb(196 199 195 / 0.3); height: 2px;
    width: 40px; transform: rotate(90deg); -o-transform: rotate(90deg);  -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);}

.section-space { position: relative; padding: 60px 0;}

.cate-shop img{border-radius: 25px; width: 100%;}
.cate-shop-link{font-size: 30px; color: #fff; font-weight: 600; position: absolute; left: 0; right: 0; bottom: 100px; text-align: center; text-transform: capitalize;}


.comn-btn{ background: #1f3317; font-family: 'Karla', sans-serif;  font-size: 18px; transition: all 0.3s; -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;-o-transition: all 0.3s; -moz-transition: all 0.3s; display: inline-block; padding: 10px 35px 10px 35px; border-radius: 10px 0px 0px 0px; color: #FFF; text-decoration: none; border: none;}
.comn-btn:hover{color: #fff;  background: #000;}

.comn-btn-2{background: #1f3317; font-family: 'Karla', sans-serif;  font-size: 18px; transition: all 0.3s; -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;-o-transition: all 0.3s; -moz-transition: all 0.3s; display: inline-block; padding: 10px 35px 10px 35px; border-radius: 0px 10px 0px 0px; color: #FFF; text-decoration: none; border: none;}
.comn-btn-2:hover{color: #fff;  background: #000;}

.comn-btn-3{background: #fff; font-family: 'Karla', sans-serif;  font-size: 18px; transition: all 0.3s; -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;-o-transition: all 0.3s; -moz-transition: all 0.3s; display: inline-block; padding: 10px 35px 10px 35px; border-radius: 10px; color: #000; text-decoration: none; border: none;}
.comn-btn-3:hover{color: #000;  background: #FBB925;}


.top-announcement {padding: 12px 0; background-color: #5f5f5f;}
.top-anno-email span, .top-anno-email a{color: #fff;}
.socail-link a{height: 30px; width: 30px; margin-left: 5px; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50px;}

.header-sec .navbar {justify-content: space-between !important;}
.header-sec {background-color: #fff;}
.header-sec.header-fixed {position: fixed; left: 0; right: 0; top: 0; z-index: 9;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}


.navbar-nav.header-nav-sec li a {font-size: 16px; font-family: 'Karla', sans-serif; color: #000 !important;}
.navbar-nav.header-nav-sec .nav-item.dropdown .dropdown-menu a{color: #000 !important; font-size: 18px;}
.navbar-nav.header-nav-sec .dropdown-item.active, .navbar-nav.header-nav-sec .dropdown-item:active{background-color: transparent !important;}

.navbar-nav.header-nav-sec li:not(:last-child){margin-right: 15px;}
.header-nav-sec li.active a {color: #000 !important; font-weight: 600; text-decoration: underline;}

.section-heading .heading{font-size: 40px; margin-bottom: 15px;}

.about-us-home {display: flex; align-items: center; background-color: #f7f7f7;}
.about-us-home-img {margin-right: 30px;}
.about-us-home-img, .about-us-home-cont {width: 50%; }
.about-us-home-cont {padding: 15px; }


.commitment-wrap {border: 1px solid #000; padding: 30px 15px; text-align: center;}
.com-title {font-size: 24px; font-weight: 600;}
.commitment-img img{border-radius: 50%;}

.our-product-sec {padding: 30px 30px 90px 30px; background-color: #f7f8f9;}
.our-product-wrap {margin-top: -80px;}
.our-prod-link {padding: 10px 30px; font-size: 24px; font-weight: 600; background: #F0EFE9; display: inline-block; width: 100%; text-align: center;}
.our-prod-link-wr {padding: 0 30px; position: absolute; left: 0; right: 0; bottom: 30px; }

.manufacturing-wrap {padding: 20px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}


.contact-form-section {padding: 80px 0; position: relative; background-repeat: no-repeat; background-position: center; z-index: 2; }
.contact-form-wrap{text-align: center; border-radius: 25px;}

.contact-form-wrap .form-control{padding: 12px 20px; border-radius: 16px; border: 2px solid #fff; color: #fff; height: inherit; background-color: transparent;}
.contact-form-wrap .form-control::placeholder{color: #fff;}


.hero-video-sec{position: relative;}
.hero-video-sec:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: calc(100% - 7px); background-color: rgba(0,0,0,.5);}
.hero-video-sec video{height: 650px; object-fit: cover;}


.list-disc {list-style: disc; padding-left: 19px;}

.text-red {color: red;}


.cate-title {font-size: 24px; font-weight: 500;}
.category-slider .slick-slide {margin: 0 10px;}
.category-slider .slick-list {margin: 0 -10px;}
.category-slider-item {overflow: hidden; }
.category-slider-item .cate-img img {transition: .3s ease all;}
.category-slider-item:hover .cate-img img {transform: translateY(20px); transition: .3s ease all;}

.turn-desc-ul {padding-left: 18px; list-style: disc;}

.OurCommitment-section {
    padding: 129px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
}

.OurCommitment {padding: 30px; border-radius: 10px; /*border: 0.5px solid rgba(0, 0, 0, 0.20);*/ background: #00000005; color: #fff; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15); }

.OurCommitment-slider .slick-slide {margin: 0 15px;}
.OurCommitment-slider .slick-list {margin: 0 -15px;}


.testimonial-block {padding: 30px; border-radius: 10px; border: 0.5px solid rgba(0, 0, 0, 0.20); background: #FFF; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.15); }
.testi-cont {display: flex;}
.t-client-img {width: 260px; margin-right: 20px;}
.t-client-img img{border-radius: 50%;}

.testimonial-slider .slick-slide {margin: 0 15px;}
.testimonial-slider .slick-list {margin: 0 -15px;}
.t-c-name {font-weight: 600;}
.testimonial-slider .slick-dots {display: flex; justify-content: center; margin-top: 30px;}
.testimonial-slider .slick-dots li{font-size: 0px; margin-right: 10px;}
.testimonial-slider .slick-dots li button{background: #E8EDFB; width: 15px; height: 10px; border: none; border-radius: 25px;}
.testimonial-slider .slick-dots li.slick-active button {width: 30px; background: #000}


.hero-sl-cont {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 0 15px; z-index: 2; text-align: center;}
.hero-sl-cont-fix {width: 50%; margin: auto;}
.hero-sl-cont h1{font-size: 60px;}
.hero-sl-cont p{font-size: 22px; color: #FBB925;}


.footer-section{background: #1C1C1C; padding: 80px 0;}
.socail-md-link ul{display: flex;}
.socail-md-link li:not(:last-child){margin-right: 10px;}
.socail-md-link li a { background-color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
.socail-md-link li a svg{width: 25px; height: 25px;}
.footer-menu a{color: #fff; font-size: 14px; text-decoration: none; }
.footer-menu a.active {color: #fff; text-decoration: underline;}
.footer-menu ul li{margin-bottom: 12px;}

.f-contact-block{display: flex; margin-bottom: 30px;}
.f-contact-desc{width: calc(100% - 70px); margin-left: 20px;}



.breadcrumb-section{padding: 70px 15px;}

.f-contact-number {font-size:16px; font-weight: 600;}


/*contact us css*/
.contact-info-block-main{padding: 35px;margin-top: 60px; background: rgba(0, 0, 0, 0.10);}
.contact-info-block {display: flex; }
.location-circle{position: relative; padding: 30px; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100%;margin-top: -85px;
margin-left: auto; margin-right: auto;}
.loc-circle-inner1 {border: 1px solid #d2e0dd; width: calc(100% - 20px); height: calc(100% - 20px);  position: absolute; border-radius: 100%; }
.loc-circle-inner2 {border: 1px solid #d2e0dd; width: calc(100% - 15px); height: calc(100% - 15px);  position: absolute; border-radius: 100%;}
.cont-velaIcons {width: 33.33%;  padding-right: 50px; display: flex; align-items: start; margin-top: 30px;}
.cont-velaTitle {font-size: 20px; font-weight: 600; margin-bottom: 10px; display: block;}
.cont-velaIcon {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; margin-right: 15px;}
.cont-velaIcon-cont{width: calc(100% - 55px)}
.contact-form-info{ padding: 30px 15px; background: #11BAE4;}
.contact-form-sec{padding: 20px; background: #fff;}
.zoomContainer .zoomWindow {cursor: zoom-in!important;}
.nav-item.dropdown:hover>.dropdown-menu{display: block;}



#scroll {position:fixed; right:15px; bottom:15px; cursor:pointer; width:50px; height:50px; background-color: #FBB925; text-indent:-9999px; display:none;
-webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index: 3;}
#scroll span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover { background-color:#000; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }

.cus-sort-by {
    padding: 10px 20px;
    border-radius: 5px;
    margin-left: 10px;
}

.sort-by-title {    font-weight: 600;   }

.product-items {
    text-align: center;
    padding: 30px;
    box-shadow: 3.814px 3.814px 30.257px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
}

.product-cd-img {
    position: relative;
    overflow: hidden;
}

.product-items .product-cd-img .pr-first-img {
    transition: .3s ease all;
}

.product-cd-img .pr-hover-img {
    position: absolute;
    left: calc(-100% - 30px);
    transition: .3s ease all;
    top: 0;
}

.product-cont {
    margin-top: 10px;
}

.pr-p-title {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    max-height: 95px;
    min-height: 95px;
}

.pr-p-price {
    font-size: 18px;
    color: #1E3416;
    font-weight: 600;
}

.pr-p-button {
    position: absolute;
    left: 15px;
    right: 15px;
    transform: translateY(100%);
    transition: .3s ease all;
    opacity: 0;
    visibility: hidden;
}

.comn-btn-style {
    background: #11BAE4;
    color: #fff;
    position: relative;
    overflow: hidden;
    font-size: 17px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    display: inline-block;
    padding: 13px 30px 13px 30px;
}

.product-slider-thumb.slick-current.slick-active {  border: 1px solid #000; }

.product-slider-thumb { padding: 8px; border: 1px solid transparent; margin: 0 5px; }

.product-variant input[type="radio"]:checked + .variant-box span {  color: #fff; }

.product-variant input[type="radio"]:checked + .variant-box { background-color: #11BAE4; }

.product-variant input[type="radio"] {  display: none; }

.product-variant .variant-box { padding: 10px 30px; background-color: #fff; transition: all 250ms ease; will-change: transition; display: inline-block; text-align: center; cursor: pointer; position: relative; border: 1px solid #ddd; border-radius: 3px; }

.product-detail-price { margin-top: 10px; }

.product-detail-price span { font-size: 24px; font-weight: 600; }

.ul-list-style { list-style: disc; padding-left: 43px;  margin-bottom: 12px; }

@media (max-width: 1199px) {
    .hero-sl-banner{height: 60vh;}
    .cont-velaIcons {padding-right: 15px;}
    .contact-info-block-main{padding: 20px}
    .navbar-collapse-header {order: -1;}
    .navbar-collapse-header .navbar-collapse {position: absolute; z-index: 4; width: calc(100% + 30px); left: -15px; right: 0px; top: 100%;}

    .hero-sl-cont-fix{width: 50%;}
    .hero-sl-cont h1 {font-size: 44px;}
    .section-heading .heading {font-size: 30px;}
    .nav-item.dropdown:hover>.dropdown-menu{display: none;} 
    .navbar-nav .nav-item.dropdown.show .dropdown-menu {display: block;}

}
@media (max-width: 991px) { 
    .cate-shop-link{font-size: 18px; bottom: 40px;}
    .navbar-light .navbar-toggler {background: #fff;}
    .navbar-collapse {background-color: #fff;}
    .hero-sl-cont h1 {font-size: 35px;}
    .navbar-nav.header-nav-sec li a {color: #000 !important; padding: 10px;}

    .about-us-home {flex-direction: column}
    .about-us-home-img, .about-us-home-cont {width: 100%;}
    .about-us-home-img {margin-right: 0}
    .our-product-sec .w-50 {width: 100% !important;}

    .about-us-home-img video{width: 100%;}
    .our-prod-link {font-size: 18px;}


    .breadcrumb-section {padding: 50px 0;}
}

@media (max-width: 767px) {
    .section-space {padding: 30px 0;}
    body, p {font-size: 15px;}
    h1{font-size: 30px;}
    h2{font-size: 24px;}
    h3{font-size: 20px;}

    .hero-sl-cont-fix {width: 80%;}
    .hero-sl-cont p {font-size: 18px;}
    .heading-st-font, .bg-bio-title {font-size: 30px;}
    .section-heading .heading {font-size: 26px;}

    .footer-menu{display: block;}
    .product-detail-title { font-size: 24px;}

    .comn-btn-style{font-size: 15px; padding: 13px 15px 13px 15px;}
    .navbar-nav.header-nav-sec li a, .navbar-nav.header-nav-sec .nav-item.dropdown .dropdown-menu a{font-size: 16px;}
    .navbar-nav.header-nav-sec .nav-item.dropdown .dropdown-menu a {padding: 5px 14px; }
    .header-sec .navbar {padding-left: 0px; padding-right: 0px;}
    .copyright-sec p{text-align: center;}

    .breadcrumb-section {padding: 30px 0}

}
@media (max-width: 576px) {
    .top-announcement .socail-link, .top-announcement .top-anno-email {text-align: center !important;}
    .top-announcement .socail-link {margin-top: 8px;}
    .hero-sl-cont-fix {width: 100%;}
}