@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,700&family=Open+Sans:ital,wght@0,500;0,600;0,800;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600;700&display=swap');


body,html{
padding: 0;
margin:0 ;
box-sizing: border-box; 
}
 


*,p,h1,h2,h3,h4,h5,h6{
padding: 0;
margin: 0;	
font-family:Rubik;
}
a{
text-decoration: none;
color: #262626;
}
.zoom-in {
  cursor: zoom-in;
}
 
 

.class0{
	background:#ddab41;
    height: 3px;
}
.class1{
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.class1 img{
	max-width: 250px;
}
.class2{
	 background: #d04c0b;
	text-align: center;
	width: 250px;
	border-radius: 25px;
}
.class2 p{
	padding: 5px;
	font-weight: 600;
}
.class2 p a:hover{
	text-decoration: none;
}
.class2 i{
	padding: 5px;
	color: #fff;
}
.class2 p a{
	color: #fff;
}
 
.class3 p{
	padding: 5px;
	font-weight: 600;
}
.class3 p a:hover{
	text-decoration: none;
}
.class3 i{
	padding: 5px;
	color: #000;
}
.class3 p a{
	color: #000;
}
.class4{
	/*background: #e1e1e1;*/
	width: 250px;
	padding:5px;
}






footer{
	background-image: url('../images/extra/footer-bg.png');
	background-size: cover;
	padding-top: 50px;
	position: relative;
background-repeat: no-repeat;
background-position: left;
}
.footer-bottom{
	background: #ec7f33;
	padding: 10px 25px;
}
.footer-bottom p{
	font-size: 16px;
	color: #000 ;
	text-align: center;
}
.footer-bottom p a{
	color: #fff;
}
.footer-bottom p span{
	font-weight: 700;
	color: #fff;
}
.footer-left,.footer-center,.footer-right{
	padding-left: 50px;
	margin-bottom: 50px;
}
footer h4{
	color: #fff;
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 25px;
	position: relative;
}
 
footer ul{
	margin: 0;
	padding: 0;
}
footer ul li{
	list-style: none;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 5px;
	font-family: 'Rubik', sans-serif;
}
footer ul li i{
	color: #5fcb78;
	padding-right: 5px;
}
footer ul li > a{
	color: #fff;
	text-decoration: none;
}
footer table tr{

}
footer table tr td i{
	color: #ec7f33;
}
footer table tr td{
	color: #fff;
	font-size: 16px;
	font-weight: 400; 
	font-family: 'Rubik', sans-serif;
	padding-bottom: 25px;
}
footer table i{
	font-size: 25px;padding-right: 15px;
}
footer table a{
color: #fff;text-decoration: none;
}
footer table a:hover,footer ul li > a:hover{
	color: #fff;text-decoration: none;
}
.footer-center ul li {
    background-image: url(../images/extra/arrow.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 5px;
    padding-left: 25px;
}
.footer-left ul li {
    background-image: url(../images/extra/arrow.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 5px;
    padding-left: 25px;
}
footer h4{
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
	text-decoration-color: #ec7f33;
	-moz-text-decoration-color: #ec7f33;
}


.about{
	padding-top: 66px;
	padding-bottom: 66px;
}
.about .right h2{
	font-weight: 500;
	color: #000;
	font-size: 35px;
	text-transform: uppercase;
}
.about .right h3{
	font-weight: 500;
	color: #000;
	font-size: 30px;
	text-transform: uppercase;
}
.about .left{
	padding-right: 80px;
}
.about .right{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.about .right h2 span {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #d04c0b, #ddab41);
    -webkit-background-clip: text;
    background-clip: text;
	font-weight: 700;
}
.about .right-inner{
	border-top: 3px solid #000;
	padding-top: 10px;
}
.about .right p{
	margin-top: 10px;
}
.right-button{
	display: flex;
	margin-top: 15px;
}
.button01{
		background-image: linear-gradient(90deg, #d04c0b, #ddab41);
		border-radius:100px ;
		-webkit-border-radius:100px ;
		-moz-border-radius:100px ;
		-ms-border-radius:100px ;
		-o-border-radius:100px ;
		padding: 12px 25px;
}
.products{
	padding: 0 66px;
	padding-bottom: 100px;
}
.products-wrapper{
	display: flex;
	flex-direction: column;
	gap: 45px;
}
.products-head{
	text-align: center;
}
.products-head h2{
	font-weight: 700;
	color: #000;
	font-size: 35px;
}
.products-head h2 span{
	 -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #d04c0b, #ddab41);
    -webkit-background-clip: text;
    background-clip: text;
}
.products-grid{
	    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.products-block-content{
		background-image: linear-gradient(90deg, #d04c0b, #ddab41);
		border-radius:20px ;
		-webkit-border-radius:20px ;
		-moz-border-radius:20px ;
		-ms-border-radius:20px ;
		-o-border-radius:20px ;
		padding: 12px 25px;
		height: 110px;
		align-items: center;
		display: flex;
		justify-content: center;
		text-align: center;
		max-width: 280px;
		margin: auto;
		margin-top: -35px;
		position: relative;
		z-index: 2;
}
.products-block-content h3{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.choose{
	padding-top: 66px;
	padding-bottom: 30px;
	background-image: url('../images/extra/certificate-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
}
.choose-block{
	max-width: 600px;
	margin-left: auto;
}
.choose-block-head{
	display: flex;
	align-items: center;
	color: #fff;
}
.choose-block-head h2{
	font-size: 100px;
	font-weight: 700;
}
.choose-block-head h3{
	font-size: 35px;
		font-weight: 700;
}
.choose-block-center{
	border: 3px solid #d04e0c;
	border-radius: 15px;
	padding: 10px 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;

}
.choose-block-center h2{
color: #fff;
font-size: 30px;
font-weight: 700;
}
.choose-block-image{
	display: flex;
	flex-direction: row;
	gap: 30px;
	margin-top: 15px;
	justify-content: center;
}


.quick{
	padding: 100px 0;
	overflow: hidden;
}
.quick-grid{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-right: 50px;
}
.quick-block{
	background-image: linear-gradient(90deg, #d04c0b, #ddab41);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px;
}
.quick-block-text{
	background-color: #fff;
	font-size:25px;
	color: #000;
	padding: 30px 20px;
	width: 100%;
}
.quick-block-number{
	width: 150px;
	font-size: 35px;
	font-weight: 600;
	text-align: center;
}
.quick-form{
	background-image: linear-gradient(90deg, #d04c0b, #ddab41);
	padding: 30px;
}
.quick-form-head p{
	color: #fff;
}
.quick-form-head h2{
	color: #000;
	font-size: 30px;
	font-weight: 700;
}
.quick-form form{
	margin-top: 35px;
}
.quick .left{
	display: flex;
    align-items: center;
}
.quick-form input::placeholder, .quick-form textarea::placeholder{
		color: #262626;
}
.quick-form input, .quick-form textarea ,.quick-form select{
    width: 100%;
    padding: 5px 10px;
    border-radius: 0;
    border: 1px solid #b5b5b5;
    margin-bottom: 15px;
	color: #262626;
	outline: none;
}
.h-from-btn {
    background-color: #000;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 5px 35px;
    border-radius: 10px;
    border: none;
}


.inner-hero{
	padding:150px 25px;
		background-image: url('../images/extra/inner-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
}
.inner-hero-wrapper{
	text-align: center;
}
.inner-hero-wrapper h1{
	font-size: 35px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.about02{
	padding: 100px 0;
}
.about02-wrapper{
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.about02-head{
	max-width: 600px;
	margin: auto;
}
.about02-head h2{
font-size: 30px;
color: #000;
}
.about02-head h2 span{ 
 -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #d04c0b, #ddab41);
    -webkit-background-clip: text;
    background-clip: text;
font-weight: 600;
}
.about02-divider{
	background-color: #cacaca;
	height: 3px;
	width: 100%;
}

.mission{
	background-image: linear-gradient(90deg, #d04c0b, #ddab41);
	padding: 66px 0;
}
.mission-wrapper{
	display: flex;
	flex-direction: row;
	gap: 50px;
	    justify-content: space-around;
}
.mission-block{
	max-width: 400px;
	color: #fff;
	
}
.mission-block-head{
	text-align: center;
}
.mission-block h2{
	font-size: 30px;
	font-weight: 600;
}
.mission-img{
	
}
.mission-block p{
text-align: justify;
margin-top: 15px;
}
.class620 {
    margin-bottom: 50px;
}


.dealer-form{
  padding-top: 50px;
  padding-bottom: 50px;
}
.dealer-form input, .dealer-form textarea ,  .dealer-form select{
    width: 100%;
    padding: 5px;
    border-radius: 0;
    border: 1px solid #b5b5b5;
    margin-bottom: 15px;
}
.c-form{
  padding-top: 50px;
  padding-bottom: 50px;
} 
.class51 h2{
	 -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #d04c0b, #ddab41);
    -webkit-background-clip: text;
    background-clip: text;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 25px;  
}
 

.c-form input,.c-form textarea{
  width: 100%;
    padding: 5px;
    border-radius: 0;
    border: 1px solid #b5b5b5;
    margin-bottom: 15px;
}
.class52,.class53{
  margin-bottom: 50px;
  max-width: 400px;
}
.class52 h2,.class53 h2,.class54 h2{
    color: #232222;
  font-weight: 600;
  font-size: 22px; 
}


.pro-image{
	max-width: 500px;
	margin: auto; 
	margin-bottom: 66px;
}
.pro-image {
    align-items: center;
    background-color: #d04c0b;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}
.pro-image > div {
    border: 3px solid #d04c0b;
    padding: 15px;
    background: rgb(254, 254, 254);
    background: -moz-radial-gradient(center, ellipse cover, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(254, 254, 254, 1) 0%, rgba(226, 226, 226, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=1 );
}
.pro-image h2 {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    padding: 25px 50px;
}
.pro-top{
  padding-top: 50px;
  padding-bottom: 50px; 
}

.pro-top h2 { 
     -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #d04c0b, #ddab41);
    -webkit-background-clip: text;
    background-clip: text;
font-weight: 600; 
    font-size: 30px;
    margin-bottom: 25px;  
}
 
.pro-top p{
  color: #232222;
  text-align: justify;
    font-size: 16px;
}
 
.pro-bottom{
  padding-top: 50px;
  padding-bottom: 50px; 
  background-color: #ececec;
}
.pro-bottom-title h2{
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #d04c0b, #d04c0b);
    -webkit-background-clip: text;
    background-clip: text;
font-weight: 600; 
  font-size: 30px;
  margin-bottom: 25px;  
  text-align: center;
} 
.pro-bottom table{
  background-color: #fff;
}

.pro-bottom-subtitle h3{
font-size: 20px;
font-weight: 600;
color: #000;
margin-bottom: 15px;
}



.spareparts > div{
    background-color: #ddab41; 
    color: #fff;
}
.spareparts > div h2{
    font-size: 22px;
    text-transform: capitalize;
    padding: 10px;
    text-align: center;
}