@import url('https://fonts.googleapis.com/css2?family=Anton&family=Tilt+Warp&display=swap');

body{}
*{color: black;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
a{}
ul{}
ul li{}
img{}


.top{background: #FF914D;}
.top .top1{border-right: 1px solid white;}
.top .top1 p{padding-top:10px;font-weight:bold;text-align: left;}
.top .top2 p{padding-top:10px;font-weight:bold;text-align: left;}


/*.top-header {position: absolute; left: 0; top: 0; width: 100%; z-index:9}*/
.header ul li{display: inline-block;margin-left:30px; font-size: 16px;font-weight: bold;text-align: center;padding-top: 50px}
.header ul li a{text-decoration: none;color: black;}
.header hr{width: 100%;margin-top:40px;border-bottom: 1px solid #FF914D;}
.header ul li a:hover{color: #FF914D;text-decoration: underline;}


.banner .item{padding: 200px 0;background-size: cover!important;background-position: center center!important;position:relative}
.banner .item:after{content:''; background:rgb(0 0 0 / .7); width:100%; height:100%; position:absolute; top:0; left:0}
.banner .item *{color:#fff}
.banner .item .container{z-index:5; position:relative}
.banner hr{width: 15%; border-bottom: 3px solid #FF914D;margin-left: 5px;animation-delay: 1s}
.banner .item h1{font-size:50px;animation-delay: 0.5s}
.banner .item p{text-align: left;font-size: 18px;padding-right: 390px;margin-bottom: 40px;animation-delay: 1.5s}
.banner a{background: #FF914D; font-family: 'Heebo', sans-serif; color: white; font-size: 18px; padding: 12px 35px;border-radius: 50px;animation-delay:2s;}
.banner a:hover{color:  #FF914D;background: white;text-decoration: none;font-weight: bold;}



.bann .item{padding:200px 0;background-size: cover!important;background-position: center!important;position: relative;}
.bann .item:after{content:''; background:rgb(0 0 0 / .7); width:100%; height:100%; position:absolute; top:0; left:0}
.bann .item *{color:#fff}
.bann .item .container{z-index:5; position:relative}
.bann .item h3{font-size:50px;animation-delay:0.5s }
.bann hr{width: 90%; border-bottom: 3px solid #FF914D;margin-left: 5px}



.info h1{color: #FF914D;font-weight: bold;}
.info h1:after{content: "";border-bottom: 4px solid #FF914D; width: 72%;display: block;float: right;margin-top: 25px;}
.info p{font-size: 18px;font-family: "Nunito", sans-serif;text-align: justify;padding-top: 15px;line-height: 1.5;}


.serv .bg-back{background: rgb(0 0 0 / .7)	; position: relative;}
.serv .back1{padding: 15px;}
.serv .back1 h3{font-size: 40px;color:#FF914D;padding:10px 10px 0 60px}
.serv .back1 h3:after{content: "";border-bottom: 2px solid #FF914D; width: 72%;display: block;margin-top: 25px;}
.serv .back1 ul li{color: white;font-size: 16px;font-family: "Nunito", sans-serif;padding:  30px 20px 0px 20px;list-style: none;}


 .sec h3{text-align: center;font-weight: bold;margin-bottom: 20px;padding:20px}
 .sec hr{width: 20%; border-bottom: 3px solid #FF914D;}
 .sec p{text-align: center;font-size: 18px;font-family: "Nunito", sans-serif;}


.offer{background: rgb(255,137,64);background: linear-gradient(130deg, rgba(255,137,64,1) 33%, rgba(0,0,0,0) 33%);}
.offer .offer1 h3{font-size: 50px;padding: 90px 5px 10px 5px; color: white;}
.offer .offer1 a{font-family: 'Heebo', sans-serif; color: white; font-size: 18px; padding: 12px 30px;border-radius: 50px;border: 3px solid white;text-decoration: none;font-weight: bold;}
.offer .offer1 a:hover{background: white;color: #FF914D;border:2px solid #FF914D;}
.offer .prov ul{padding-top: 10px}
.offer .prov ul li{list-style: none;border: 2px solid #dee2e6;margin-bottom: 15px;border-radius: 30px}
.offer .prov ul li h4:hover{background: #FF914D;color: white}
.offer .prov ul li h4{padding: 10px;font-size: 20px;font-weight: bold;text-align: center;color: #FF914D}
.offer .prov ul li p{font-size: 16px;font-family: "Nunito", sans-serif;text-align: center;padding: 0 10px;}


.about .cont h3{text-align: left;font-weight: bold;margin-bottom: 20px;padding-top: 60px}
.about .cont hr{float:right;width: 65%; border-bottom: 1px solid #FF914D;margin-top: -35px}
.about .cont p{text-align: justify;font-size: 16px;font-family: "Nunito", sans-serif;padding-bottom: 20px}
.about .cont a{font-family: 'Heebo', sans-serif; ; font-size: 18px;color: #FF914D; padding: 12px 30px;border-radius: 50px;border: 3px solid #FF914D;text-decoration: none;font-weight: bold;}

.choose{background-size: cover!important;background-position: center!important;text-align: center;position: relative;background-attachment: fixed!important;}
.choose:after{content:'';width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background: rgb(0 0 0 / 70%);}
.choose h3, .choose p, .choose i, .choose span{position:relative; z-index:10; color:#fff;top:100px;}
.choose h3{font-size: 40px;}
.choose p{font-size: 20px;}
.choose i{color:#FF914D; }
.choose span{font-size: 18px;font-family: "Nunito", sans-serif;}
.choose ul li{list-style: none;float: right;}


.review h3{font-size: 40px;padding-top: 20px}
.review h3:after{content: "";border-bottom: 2px solid #FF914D; width: 20%;display: block;margin-top: 20px;margin-left: 40%;}
.review p{font-size: 16px;font-family: "Nunito", sans-serif;padding: 10px}

.review .border img{padding-bottom: 20px}
.review .border p{font-style: italic;padding: 20px;color:#9ca1a7}
.review h4{color:#FF914D;padding-top: 20px;font-size: 18px}

/*------------------contact us---------*/


.contact .min{padding: 200px 0;background-size: cover!important;background-position: center center!important;position:relative}
.contact .min:after{content:''; background:rgb(0 0 0 / .7); width:100%; height:100%; position:absolute; top:0; left:0}
.contact .min *{color: white;}
.contact .min h3, p, hr, ul,li{z-index:5; position:relative;}
.contact .min h3{margin: 10px 40px;font-size: 50px;top: -130px}
.contact .min p{margin: 10px 40px;font-size: 18px;top: -130px;font-family: "Nunito", sans-serif}
.contact .min hr{width: 65%; border-bottom: 2px solid #FF914D; top: -130px;margin: 20px 40px;}
.contact .min ul li{list-style: none;margin-bottom: px;font-family: "Nunito", sans-serif;font-size: 16px;padding-left: px;top:-130px}



.contact .addres{padding: 30px;margin-left: 70px}
.contact .addres h1{color:#FF914D ;font-weight: bold;}
.contact .form-control{border: 0}
.contact form .form-control{border-bottom: 1px solid black; border-radius: 0;padding: 10px 0 0 0}
.contact form textarea{height: 140px}
.contact form .btn{font-family: 'Heebo', sans-serif; ; font-size: 18px;color: #FF914D; padding: 12px 30px;border-radius: 50px;border: 3px solid #FF914D;text-decoration: none;font-weight: bold;}
.contact form .btn:hover{background: #FF914D;color: white;}
.contact form input::placeholder{color: black;font-weight: bold;}
.contact form textarea::placeholder{color: black;font-weight: bold;}



/*------------------supply------------*/
.supply .digit .sup h1{padding: 50px 40px;font-weight: bold;color:#FF914D; }
.supply .digit .off p{font-family: "Nunito", sans-serif;font-size: 16px;text-align: justify; line-height: 30px;border: 2px solid #dee2e6;padding: 25px;border-radius: 20px}
.supply .digit .off p:hover{background: #FF914D;color: white;}
.supply .digit1 .sup h1{padding: 50px 40px;font-weight: bold;color:#FF914D; margin-left: 70px}
.supply .digit1 .off p{font-family: "Nunito", sans-serif;font-size: 16px;text-align: justify; line-height: 30px;border: 2px solid #dee2e6;padding: 25px;border-radius: 20px}
.supply .digit1 .off p:hover{background: #FF914D;color: white;}




footer{background-color: #FF914D }
footer .copyright .copy p{padding-top:15px;font-weight:bold;text-align: left;color: black;}
footer .copyright .social{margin-right: -30px}
footer .copyright .social a i{padding-top:15px;color: #212529;}


.anim{opacity: 0;transform: translateY(10px); animation: moveup 1s linear forwards;}


@keyframes moveup{
	100%{
		opacity: 1;
		transform: translateY(0px);
	}
}