body{margin:0}
p{font-size:18px;color:#424242;line-height:30px}
p a{color:#1AA3E9;font-weight:400;text-decoration:none}
h1,h2,h3,.cus-name{font-family: 'Poppins', sans-serif;font-weight:800;color:#202020}
h1{font-size:42px;line-height:46px}
h2{font-size:36px;line-height:44px}
h3{font-size:20px;line-height:26px;font-weight:700}
.pro-gal,.pro-ind{width:100%}
p,.banner ul,.box-btn,.start-btn{font-family: 'Quicksand', sans-serif}
.banner,.txtcontent,.pro-gal,.pro-ind,.orderway,.ordercol,.testmo,.txtcontent-sec{height:auto;overflow:hidden}
.banner{width:100%;background-color:#FFFAF1;padding:50px 0;}
.bnr-col-1,.bnr-col-2{width:48%;height:auto;overflow:hidden;}
.bnr-col-1{float:left;}
.bnr-col-2{float:right;}
.bnr-col-2 img{width:100%;height:auto;}
.banner p{margin-top:5px;}
.banner ul{list-style-type:none;margin:20px 0;}
.banner ul li{margin:10px 0 10px 0;padding:0;}
.box-btn{display:inline-block;background-color:#e9c46a;padding:10px 16px;border-radius:10px;color:#202020;font-weight:700;}
.box-btn:hover{background-color:#202020;color:#e9c46a;}
.box-hd{text-align:left;margin:70px 0 0 0;font-size:30px;}
.start-btn{background-color:#202020;color:#e9c46a;border-radius:50px;font-size:16px;font-weight:700;padding:10px 14px;letter-spacing:0.5px;display:inline-block;}
.start-btn:hover{background-color:#e9c46a;color:#424242;}
.box-under{width:100px;height:1px;border-bottom:7px solid #e9c46a;border-radius:50px;margin-top:2px;}
.txtcontent,.txtcontent-sec{width:100%;text-align:center}
.txtcontent{padding:80px 0;}
.txtcontent-sec{padding:30px 0 80px 0;}
.txtcontent-sec{text-align:left;}
.txtcontent-sec p{margin:0;padding:0}
.txtcontent-sec p span{font-weight:700}
.txtcontent-sec h2{font-weight:700;margin:50px 0 20px 0;}
.txtcontent-sec h3{font-weight:400;font-size:28px;margin-bottom:30px}
.primepro{width:100%;height:auto;margin-top:20px;text-align:center;}
.primecol{width:22%;height:auto;display:inline-block;;margin:50px 1% 0 1%;vertical-align:top;}
.primecol img{width:100%;height:auto;border-radius:5px}
.primecol h3{margin:5px 0 20px 0}
.step{width:75px;height:75px;border-radius:50%;background-color:#E9C46B;color:#202020;font-family: 'Poppins', sans-serif;line-height:75px;display:block;margin:0 auto;font-weight:700;font-size:32px}
.shorthead{width:600px;height:auto;margin:0 auto}
.shortpara{width:75%;height:auto;margin:0 auto;margin-top:25px;text-align:center}
.orderway{padding:80px 0;width:100%}
.orderway{background-color:#FFFAF1;text-align:center}
.ordercol{width:33.333%;float:left}
.inorder{width:80%;text-align:center;margin:30px auto 0 auto}
.protxt h3,.inorder h3{color:#202020;font-weight:700;margin:20px 0 15px 0}
.protxt h3{line-height:22px;font-size:18px}
.inorder img{width:40%;height:auto}
.inorder h3{line-height:26px;font-size:22px}
.inorder p{color:#424242;font-weight:400;line-height:20px;font-size:16px;margin:0}
.pro-gal{background-color:#fff;padding:80px 0}
.pro-gal h2,.pro-ind h2{text-align:center;font-weight:800}
.pro-gal h2 span{font-weight:500}
.pro-ind{background-color:#FFF;padding:80px 0}
.pro-gal h2,.pro-ind h2{text-align:center;font-weight:600}
.spacer{clear:both;margin:55px 0}
/*faqs*/
*{box-sizing:border-box}::after,::before{box-sizing:border-box}
.freq-container{width:100%;height:auto;margin:0 auto;padding:0 0 80px 0}
.freq-container h2{margin-bottom:20px}
.accordion .accordion-item{border-bottom:1px solid #e5e5e5}
.accordion .accordion-item button[aria-expanded=true]{border-bottom:1px solid #e9c46a}
.accordion button{position:relative;display:block;text-align:left;width:100%;padding:16px 0;color:#424242;font-size:18px;font-weight:400;border:none;background:0 0;outline:0;font-family:Quicksand,sans-serif}
.accordion button:focus,.accordion button:hover{cursor:pointer;color:#e9c46a}
.accordion button:focus::after,.accordion button:hover::after{cursor:pointer;color:#e9c46a;border:1px solid #e9c46a}
.accordion button .accordion-title{padding:16px 24px 16px 0}
.accordion button .icon{display:inline-block;position:absolute;top:18px;right:0;width:22px;height:22px;border:1px solid;border-radius:22px}
.accordion button .icon::before{display:block;position:absolute;content:"";top:9px;left:5px;width:10px;height:2px;background:currentColor}
.accordion button .icon::after{display:block;position:absolute;content:"";top:5px;left:9px;width:2px;height:10px;background:currentColor}
.accordion button[aria-expanded=true]{color:#424242}
.accordion button[aria-expanded=true] .icon::after{width:0}
.accordion button[aria-expanded=true]+.accordion-content{opacity:1;max-height:190em;transition:all .2s linear;will-change:opacity,max-height}
.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity .2s linear,max-height .2s linear;will-change:opacity,max-height}
.accordion .accordion-content p{font-size:18px;font-weight:300;margin:32px 0}
.testimonial-wrap{width:100%;height:auto;overflow:hidden;background-color:#FFFAF1;padding:80px 0;text-align:center;}
.tesi-col{width:45%;display:inline-block;margin:50px 2% 0 2%;vertical-align:top;}
.tesi-col img{width:100px;height:100px;border-radius:50px;border: 5px solid #e9c46a}
.cus-name{font-weight:700;margin:15px 0;}
.cus-name span{font-weight:400;}
/*testimonials*/
.comfea{width:100%;padding:80px 0;overflow:hidden;height:auto}.comfea{background-color:#FFF;text-align:center;}
.comfea h2 span{font-weight:400;}
.feabox{width:100%;text-align:center;margin:30px 0 0 0;}
.feacol{width:28%;display:inline-block;vertical-align:top;margin:15px;}
.feaimg{overflow:hidden;}
.feaimg img{width:100px;height:100px;display:block;margin:5px auto 25px auto}
.featxt h4{font-family:Rubik,sans-serif;font-size:14px;font-weight:400;color:#202020;line-height:22px;}
.feabox h3{margin-bottom:20px}
@media all and (max-width :1039px){
.bnr-col-2{padding-top:100px;}
}
@media all and (max-width :919px){
.primepro{margin-top:20px;}
.primecol{width:45.75%;margin:50px 1% 0 1%;}
}
@media all and (max-width :802px){
.bnr-col-1,.bnr-col-2{width:100%;height:auto;overflow:hidden;}
.bnr-col-1{float:none;}
.bnr-col-2{float:none;}
.tesi-col{width:100%;display:block;margin:50px 0;}
}
@media all and (max-width :703px){
.feacol{width:42%;}
.ordercol{width:100%;float:none;margin-top:20px}
.ordercol img{width:125px;height:125px}
.shorthead{width:90%}
.testmo{width:90%}
}
@media all and (max-width :500px){
.feacol{width:82%;margin-top:45px}
.feabox{margin:10px 0 0 0;}
}
@media all and (max-width :486px){
.primecol{width:95%;margin:50px 0 0 0;}
}