*{margin: 0; padding: 0; box-sizing:border-box;}

:root{
    --yellow:#f47920;
    --sky:#004c93;
    --white:#fff;
}

  

body{font-size: 16px; font-family: 'Poppins', sans-serif !important; color:#252525 !important;}
.small-text{font-size:12px; margin-top: 15px; }
.bg1{background-color: #fbf3ed;}
.bg2{background-color: #1b214c; color:#fff}
.cta .btn{padding:12px 40px; font-size:22px; border-radius:4px;}

.header-top{margin-bottom:40px; position: relative; background-color: #f47920}
.header-top h1{margin-bottom:0}
.header-top a{color:var(--white);}
.header-top a.logo{margin:0; display: inline-block;}
.header-top a.logo img{ height:54px;}
.header-top a.reach{float:right; margin:15px; position: relative;}

a .call{width: 20px; height: 20px; background:url(../images/call.png) center center no-repeat; float: left; margin-top:2px;}
a .env{width: 20px; height: 20px; background:url(../images/env.png) center center no-repeat; float: left; margin-right:7px; margin-top:2px;}
.header-top a.reach:hover{color: var(--sky); text-decoration: none;}

header{background:var(--sky) url(../images/header-bg.jpg) no-repeat center center; background-size:100% 100%; position:relative; padding-bottom:60px;}
header::before{content:""; position: absolute; top: 0; left: 0; width: 100%; height:100%; background-color:rgba(60, 30, 20, 0.5);}
section{padding: 65px 0;}
section h2{font-size:32px; font-weight:400;}
.cta{padding:30px 0}
.cta h2{margin-bottom:0; font-size:24px;}
.header-information{padding:40px 0 0; color:var(--white);}
.header-information h2{font-weight:300; margin-bottom:40px; text-transform:uppercase; font-size:24px;}
.header-information h2 strong{font-size:40px; font-weight: 400; display: block; color:var(--white)}
.header-information h4{font-size:22px; margin-bottom:30px; font-weight:400;}
.header-information ul{list-style: none;}
.header-information ul li{margin-bottom: 15px; padding-left:30px; font-size:18px; position: relative;}
.header-information ul li::before{width:10px; height:10px; content:''; position: absolute; top:10px; left: 0; background-color:var(--white)}
.header-information.thank-you{padding:100px 0;}
.header-information.thank-you a{color: var(--colorW);}

.header-lp-forms{padding:30px 30px 15px; background:#fdefe6; border-radius: 15px; }
.header-lp-forms p{margin-bottom:40px; position: relative; font-weight:600; text-align:center;}
.header-lp-forms p::after{ height:1px; background-color:#000; position: absolute; content:''; left:10%; right:10%; bottom:-15px;}
.header-lp-forms p{}
.header-lp-forms input,
.header-lp-forms select,
.header-lp-forms textarea,
.header-lp-forms input{border-radius:4px; border-color:transparent; height:54px; width: 100%; font-weight: 400; background-color:#e3e2e1; color: #000; font-size: 15px;}
.header-lp-forms textarea{height:72px; resize: none;}
.header-lp-forms input.btn-danger,.btn-warning{background-color:var(--yellow); border: none; color: #fff; transition:400ms linear; font-size:24px; padding-left: 40px; padding-right: 40px;}
.header-lp-forms input.btn-danger:hover,.btn-warning:hover{border-color: transparent; background-color: var(--sky); transition:400ms linear; color: #fff;}
.header-lp-forms p{color:#1d0102; padding-top: 10px;}
.header-lp-forms input::-webkit-input-placeholder{opacity: 1; color:#000;}
.header-lp-forms input::-moz-placeholder{opacity: 1; color:#000;}
.header-lp-forms textarea::-webkit-input-placeholder{opacity: 1; color:#000;}
.header-lp-forms textarea::-moz-placeholder{opacity: 1; color:#000;}
.highlights{color: var(--white); font-weight: 300; font-size:16px; margin-top: 40px;}
.highlights img{margin-right:10px;}
.additionals{background-color:var(--white); padding:80px 0;}
.additionals .counter-box{width:50%;background-color:#fafbfe; display:flex; justify-content:center; align-items:center; float:left; height:243px}
.additionals .counter-box .box{width:100%; text-align: center;}
.additionals .counter-box.yellow,
.additionals .counter-box:nth-child(2),
.additionals .counter-box:nth-child(3){background-color: var(--yellow);}
.additionals .counter,
.product-range-counter .counter{font-weight:500; color: var(--color1); margin-bottom: 10px;}
.additionals .counter-box p{text-transform:uppercase; padding:0 15px;}
.additionals h2{font-size:52px; text-transform: uppercase; color: var(--sky); text-align: right; padding-top:20px; font-weight:400;}
.additionals h2 strong{color:var(--yellow); display: block; font-weight:700;}
.additionals .img-box{margin-top:40px; text-align: center;}
.additionals .img-box img{max-width: 100%;}
.pr-50{padding-right: 50px}
.modal .header-lp-forms{box-shadow: none;}

.information{padding:80px 0;  position: relative;}

.information article{padding-top:0;}
.information article h2 strong{font-weight:400; color:var(--yellow)}
.information article ul{list-style:none; margin-top:30px; padding-left:15px}
.information article ul li{margin-bottom:15px; padding-left:25px; position: relative;}
.information article ul li::before{width:10px; height:10px; content:''; background-color:var(--yellow); position: absolute; top:5px; left: 0;}
.information .yt-btn{margin-top:0; float: right;}
.information .yt-btn a{position: relative; cursor: pointer; display: block; box-shadow: 15px 15px var(--yellow), -15px -15px var(--yellow)}
.information .yt-btn a::after{position:absolute; left: 50%; top:50%; transition:400ms ease-in-out; transform: translate(-50%, -50%); content: ""; width:60px; height:42px; background:url(../images/yt-icon.png) no-repeat; opacity: 1;}
.information .yt-btn a::before{position: absolute; top:0; left: 0; content:""; width: 100%; transition:400ms ease-in-out; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: 0;}
.information .yt-btn a:hover::before{opacity: 1; transition:400ms ease-in-out;}
.information .yt-btn a:hover::after{opacity: .8; transition:400ms ease-in-out;}
.information .table{margin-top: 50px;}
.information .table th{color: var(--yellow)}
.information .table tfoot td{border-color:transparent; font-size:14px; padding-left:0; padding-right:0;}

#videoModal iframe{height:400px; width: 100%; margin: 0; border: 10px solid #1d0102;}
#videoModal.modal{top: 50%; transform:translateY(-50%); height: 440px;}
#videoModal .modal-content{background-color: transparent; border-radius: 0; border: none;}
#videoModal.modal .modal-body{padding:10px;}
#videoModal.modal .modal-body button.close{position: absolute; right:0px; top:-15px; font-size:50px; color:var(--yellow);}
.modal-backdrop.show{opacity:0.8;}
.product-range{background:#0b639f url(../images/repeat-bg.jpg); padding:60px 0; }
.product-range h2,
.testimonials h2{font-weight:400; text-align: center; margin-bottom:0; position: relative; color:var(--white)}
.pro-box{width:100%; text-align: center;padding: 2px;}
.pro-box img{max-width: 100%; background-color: var(--white)}
.pro-box h4{font-size:16px; font-weight:500; color: #13238a; background-color:var(--yellow); text-align: left; padding: 10px; text-transform: uppercase;}

.product-range .owl-carousel{padding: 30px 0 0 }
.product-range .owl-carousel .owl-dots,
#manufacturing .owl-dots{margin-top: 30px}

#manufacturing .item,
#manufacturing .item img{border-radius:15px;}

.common-section{padding:60px 0; background: var(--white);}
.common-section h2{margin-bottom:50px}
.certified-img img{width:150px; border:1px solid #ccc; margin:0 10px 25px; border-radius:5px;}
.testimonials{padding: 60px 0; background-color:#e46713}
.testimonials .owl-item .item{width:60%; border-radius: 15px; position: relative; background-color:#fff;padding:30px; margin:40px auto 40px;text-align:center;box-shadow:3px 3px 16px rgba(0,0,0,.2);}
.testimonials .owl-carousel .owl-item img {width: 119px; height: 119px; margin: 0 auto 30px; border-radius: 50%; border:4px solid var(--yellow);}
.testimonials h4 {font-size: 17px; font-weight: 700;}
.testimonials h4 small{display: block; font-weight: 400;}
.testimonials .clientDetail{padding-top:20px;}
.testimonials .owl-nav,
.product-range .owl-nav,
#manufacturing .owl-nav{display:none;}
.testimonials .owl-dots,
.product-range .owl-dots,
#manufacturing .owl-dots{text-align: center;}
.testimonials .owl-dots .owl-dot,
#manufacturing .owl-dots .owl-dot,
.product-range .owl-dots .owl-dot{width:15px; height:15px; background-color:#ccc; margin: 0 5px; border-radius: 50%; outline: none;}
.testimonials .owl-dots .owl-dot.active,
#manufacturing .owl-dots .owl-dot.active,
.product-range .owl-dots .owl-dot.active{background-color: var(--sky);}


.wrapper{width: 100%;text-align: center;position: relative;color: #FFF;}
.wrapper a{color: #FFF;}
.common-area{padding:70px 0; text-align: center;font-size: 25px}
.common-area a{font-size: 25px;padding: 10px 30px;}
footer{padding:10px 0; font-size:13px; color:#626262;}
footer a{color:#626262; margin: 0 10px;}
footer a:hover{color:var(--yellow);}
footer p{margin:0; text-align: right;}
.mobile-activity{display: none;}
.white{color: #FFFFFF;text-align:center;margin-bottom: 15px;}
#clients{padding-top:50px;}
#clients .owl-nav,
#clients .owl-dots,
#welnessSheet .owl-nav,
#welnessSheet .owl-dots{display: none;}
.information .yt-btn img{max-width: 100%;}
.attachment{
    position: relative;
    width: 100%;
    height: 52px;
    background-color: #f6ecc3;
    padding: 15px;
    cursor: pointer;
}
.attachment input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    visibility: hidden;
}


/*Custom Design Started*/

.require {padding: 65px 0; background: #602225 url(../images/bg2.jpg) no-repeat; background-size: 100% 100%}
.require h2 {font-size: 36px; color: var(--white); margin-bottom:50px;}
.require .btn-info {border: 2px solid var(--white); color: var(--white); border-radius:15px; background: 0 0; padding: 12px 40px; transition: .4s; -webkit-transition: .4s; font-size:22px;}
.require .btn-info:hover {background: var(--white); color: var(--color1); transition: .4s; -webkit-transition: .4s}
.award h2{margin-bottom: 50px;}
.adv{padding:70px 0}
.whatsapp-icon{position:fixed; height:30px; left:5px; bottom:5px; z-index:9999;}
/*End of Custom Design */
@media screen and (max-width:991px){
    .header-lp-forms{margin-top:30px}
    .pr-50{padding-right: 0;}
    .certified-img img{margin: 0 5px 25px;}
    .testimonials .owl-item .item{width:100%;}
    
}


@media screen and (max-width:767px){
    header{background:var(--sky) url(../images/mb01.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 40px;}
    .header-top {text-align: center;}
    .header-top a.reach{margin:10px 10px; font-size:20px; display: inline-block; float: none;}
    .header-top a.reach::after{display: none;}
    a .call{width:27px; height:27px;}
    .header-information{padding:20px 0;}
    .header-information h2{font-size:22px}
    .header-information h2 strong{font-size:30px;}
    .header-information h4{font-size:16px; margin-bottom: 20px;}
    .header-information ul li,
    .information article ul li{margin-bottom:5px; padding-left:20px; font-size:15px;}
    .header-information ul li::before,
    .information article ul li::before{width: 8px; height: 8px; top:8px}
    .header-lp-forms{padding:15px; box-shadow: none;}
    .header-lp-forms p{font-size:13px}
    .highlights{font-size: 15px; margin-top: 20px;}
    .additionals,
    .information,
    .testimonials,
    .product-range,
    .common-section,
    .ourCollection{padding:40px 0;}
    .ourCollection h2{margin-bottom:30px;}
    .pr-50{padding-right:15px;}
    .additionals .counter-box{height:190px;}
    .additionals .counter{font-size:20px; }
    .additionals .counter-box p{font-size:14px;}
    .additionals h2{font-size:36px; text-align: center;}
    section h2{font-size:25px !important;}
    section h2 br{display: none;}
    .information{}
    .information article ul{padding: 0;}
    .information .table{margin-top: 30px;}
    .information .yt-btn{margin-top:30px; width:100%;}
    .information .yt-btn a img{max-width: 100%;}
    .information .yt-btn a{box-shadow: none; text-align: center;}
    .certify img{margin: 0 5px 25px;}
    .owl-carousel .owl-item img{margin:0;}
    .common-section h2,
    .product-range h2, 
    .testimonials h2{margin-bottom: 30px}
    .pro-box{ margin-bottom: 15px;}
    .pro-box h4{text-align: center; font-size: 12px; padding: 10px 0;}
    
    .testimonials .owl-item .item{width: 100%; margin: 10px auto; padding:20px; font-size:14px; box-shadow: none; min-height:500px}
    .product-range .owl-carousel .owl-dots, #manufacturing .owl-dots{margin-top:0}
    #manufacturing .owl-dots{margin-bottom:40px; }
    .ourCollection .capt p{font-size:13px;}
    footer{margin-bottom: 35px; text-align: center;}
    footer p{text-align: center;}
    footer a{margin: 0 6px;}
    section{padding: 30px 0}
    .cta h2{margin-bottom:30px;}
    .mobile-activity{width: 100%; display: block; position: fixed; left: 0; bottom: 0; z-index: 3}
    .mobile-activity a{width: 50%; float: left; padding:10px; border-radius:0; height:40px; display: flex; justify-content: center; font-size:14px; font-weight:600; letter-spacing: 1px; cursor:pointer; color: var(--white); background-color:var(--yellow); text-transform:uppercase;}
    .mobile-activity a:first-child{background-color:#0b639f;}
    .mobile-activity a .env{margin-top:0}
    .mobile-activity a .call{background-position: left center; margin-top:1px}

    .adv{padding:0}
    .cta .btn,
    .btn-warning{font-size:16px; padding:10px 20px;}
}

@media (max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display: none!important
	}
}