@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;
}

.top-header{ 
border-top: 3px solid #000; 
} 
.top-header-right{
text-align: right;

}
.top-header-right > div{
display: inline-flex;
text-align: right; 
clip-path: polygon(0 1%, 100% 0, 100% 100%, 5% 100%);
background: #be1919;
margin-top: -3px;
padding: 5px;
padding-left: 30px;
}

.top-header-right > div > p{
padding-right: 25px;
}
.top-header-left > div > p a ,.top-header-right > div > p a{
color: #fff;
}
.top-header-left > div > p a:hover ,.top-header-right > div > p a:hover{
color: #262626;
text-decoration: none;
}
.fa-solid{
	color: #fff;
}
.bottom-header{
padding: 10px;
}
.bottom-header-left img{
width: 250px;
}
.bottom-header-right{
text-align: right;

}

#google_translate_element{
margin-top: 10px;
}



.h-about-sec{
	position: relative;
}
.h-about-sec::after{
	position: absolute;
	content: "";
	width: 50%;
	background: #ebebeb;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}
.h-about-sec-left{
	padding : 0;
}
.h-about-sec-left > div{
	padding: 75px;
}
.h-about-sec-left > div img{ 
	padding: 10px;
	background: #fff;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
}

.h-about-sec-right{
	padding: 0 ;
}
.h-about-sec-right > div{
	padding: 50px;
	padding-top: 0px;
	padding-right: 0;
}

.h-about-sec-right h2{
	font-weight: 700;
	color: #be1919; 
text-decoration: underline;
text-decoration-color:#000;
  text-decoration-thickness: 5px;
  padding-block: 25px;
}
.h-about-sec-right h2 span{ 
	color: #000;
}
.h-about-sec-right p{ 
	color: #4d4d4d;
	margin-bottom: 50px;
}
.mybtn{
	text-decoration: none;
	color: #fff;
	background: #be1919;
	padding: 15px 50px;
	border-radius: 15px; 
	transition: all 0.6s;
}
.mybtn:hover{
	text-decoration: none;
	color: #000;
	background: #f8e7a2;
}





.h-pro-sec{
	position: relative;
}
.h-pro-sec::after{
	position: absolute;
	content: "";
	width: 50%;
	background: #be1919;
	height: 100%;
	right: 0;
	top: 0;
	z-index: -1;
}
.h-pro-sec-right > div{
	padding: 50px 0;
}

.h-pro-sec-left {
	padding: 0;
}
.h-pro-sec-left > div{
	padding: 0;
}
.h-pro-sec-left  div  h2{
	font-weight: 700;
	color: #be1919; 
text-decoration: underline;
text-decoration-color:#000;
  text-decoration-thickness: 5px;
  padding-block: 25px;
  padding-right: 25px;
  text-align: right;
font-size: 25px;
}
.h-pro-sec-left  div  h3{
font-size: 25px;
font-weight: 700;
	color: #be1919;
	margin-top: 25px;
	text-align: center;
}
.h-pro-sec-left   div  h2  span{ 
	color: #000;
}


.h-pro-sec-left-child{
	background: #f8e7a2;
	padding: 50px;
	padding-bottom: 25px;
	padding-left: 75px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}
.h-pro-sec-left-child h5{
	font-size: 35px;
	font-weight: 700;
	color: #0b0b0b;
}
.h-pro-sec-left-child p{ 
	font-weight: 600;
	color: #0b0b0b;
	margin-top: 15px;
	margin-bottom: 15px;
}

.h-pro-sec-left-subchild > div{
	text-align: center;
}
.h-pro-sec-left-subchild > div > div{
background:#be1919 ;
border-radius: 50%;
width: 70px;
height: 70px;
padding-top: 10px;
margin: auto;
margin-top: 25px;
}
.h-pro-sec-left-subchild > div > h4{
	font-size: 18px;
font-weight: 600;
	color: #000;
}

.class19{
    margin-top: 100px;
}
.class19 h2{
	background: #be1919;
	color: #f8e7a2;
	width: 500px;
	clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
	font-size: 25px;
	margin:auto;
	text-align: center;
	padding: 10px;
}
.class18 {
    background-image: url(../images/proslider/bg.jpg);
    background-size: cover;
}



.contact-form{
margin-top: 100px;
position: relative;  
}
.contact-form-img1{
	position: absolute;
	left: 0;
	top: 25%;
	z-index: -2;
}
.contact-form-img2{
	position: absolute;
	right: 0;
	top: 25%;
	z-index: -2;
}
.contact-form::after{
position: absolute;
content: "";
background: #be1919;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
z-index: -1;
}

.contact-form-top{
text-align: center;
margin-bottom: 35px;
}
.contact-form-top h3{
font-size: 25px;
font-weight: 700;
color: #be1919; 
text-decoration: underline;
text-decoration-color:#000;
  text-decoration-thickness: 5px;
}
.contact-form-top h3 span{
color: #000;

}
.myform{
background: #ebebeb;
border-radius: 15px;
padding: 35px 50px;
-webkit-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
-moz-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
margin-bottom: 50px;
}
input[type="text"],     input[type="email"]   {
position: relative;
display: block;
width: 100%;
color: #a5a5a5;
line-height: 26px;
padding: 10px 20px;
height: 60px;
font-size: 14px;
border-radius:0px;
background: #fff;
border: 1px solid transparent;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease; 
margin-bottom: 25px;
-webkit-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
-moz-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
}

textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 20px;
color: #a5a5a5;
height: 200px;
font-size: 14px;
resize: none;
border-radius: 0px;
background: #fff;
border: 1px solid transparent;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease; 
margin-bottom: 25px;
-webkit-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
-moz-box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
box-shadow: 1px -3px 14px -1px rgba(0,0,0,0.21);
}
input[type="submit"] {
background: #be1919;
color: #fff;
line-height: 26px;
padding: 10px 50px; 
font-size: 14px;
border-radius:15px; 
text-transform: uppercase;
transition: all 0.6s;
border: none;
}
input[type="submit"]:hover{
background: #f8e7a2;
color: #000;
}
*:focus {
outline: none;
}

textarea:focus, input:focus{
outline: none!important;
}
.form-control:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}


footer {
    background: #be1919;
    padding-top: 50px;
    padding-block: 50px;
    margin-top: -5px;
}
.f-center{
	padding-right: 50px;
}
.f-center h2{
	font-size: 25px;
font-weight: 700;
color: #fff; 
text-decoration: underline;
text-decoration-color:#d7b040;
  text-decoration-thickness: 5px;
margin-bottom: 25px;
}
.f-center table tr td{
	color: #fff;
	padding: 10px;
	vertical-align: top;
}
.f-center table tr td a{
	color: #fff;
}
.f-center table tr td a:hover{
	text-decoration: none;
}



.f-right h2{
	font-size: 25px;
font-weight: 700;
color: #fff; 
text-decoration: underline;
text-decoration-color:#d7b040;
  text-decoration-thickness: 5px;
margin-bottom: 25px;
}

.f-right ul li {
	list-style: none;
}
.f-right ul li a{
	color: #fff;
}
.f-right ul li a:hover{
text-decoration: none;
}

.footer{
	background: #000000;
	text-align: center;
}
.footer p{
	color: #fff;
	padding: 15px;
}
.footer p span ,.footer p span a{
	font-weight: 600;
	color: #be1919;
}
.footer p span a:hover{
	text-decoration: none;
}



.innerpage{
	position: relative; 
}
.innerpage > div{
	position: absolute;
	left: 0;
	right: 0;
	top:0 ;
	bottom: 0;
	margin: auto;
	text-align: center;
	justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.innerpage > div h2{
	color: #fff;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: 700;
} 

.our-speciality{
	background: #be1919;
	padding-top: 50px;
	padding-block: 50px;
}
.our-speciality-top{
	text-align: center;
}

.our-speciality-top     h2{
font-size: 25px;
font-weight: 700;
	color: #000;
	margin-bottom: 25px;
	text-align: center;	
text-decoration: underline;
text-decoration-color:#000;
  text-decoration-thickness: 5px;
}
.our-speciality-top     h2  span{ 
	color: #fff;
}
.our-speciality-left{
		padding: 0;
}
.our-speciality-left > div{
    padding: 25px; 
}
.our-speciality-left p{
	color: #fff;
}
.our-speciality-right{
	padding: 0;
}
.our-speciality-right > div {
    padding:  25px ;
}
.our-speciality-right > div img {
    padding: 10px;
    background: #fff;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
}
.mision{
	padding-right: 50px;
}
.vision{
	padding-left: 50px;
}

.mision-vision{
	margin-top: 50px; 
}
.mision-img{
	width: 100px;
	height: 100px;
	background: #be1919;
	border-radius: 50%;
	margin: auto;
	padding-top: 10px;
	text-align: center;
}
.mision-text{
	background: #fff;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
	padding: 25px;
	border-radius: 25px;
	margin-top: -35px;
	text-align: center;
}
.mision-text h2{
	font-size: 22px;
	font-weight: 700;
	color: #be1919;
}

 
.vision-img{
	width: 100px;
	height: 100px;
	background: #be1919;
	border-radius: 50%;
	margin: auto;
	padding-top: 10px;
	text-align: center;
}
.vision-text{
	background: #fff;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
	padding: 25px;
	border-radius: 25px;
	margin-top: -35px;
	text-align: center;
}
.vision-text h2{
	font-size: 22px;
	font-weight: 700;
	color: #be1919;
}

.innerpage-text h2{
text-decoration: underline;
text-decoration-color:#fff;
  text-decoration-thickness: 5px;
}
.innerpage-text h3{
	color: #f8e7a2;
	font-weight: 600;
	font-size: 25px;
}
.product-sec{
	position: relative;
}
.product-sec::after{
    position: absolute;
    content: "";
    width: 50%;
    background: #be1919;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}
.product-sec-left{
	padding: 0;
}
.product-sec-left > div{
	padding: 50px 0;
}

.product-sec-right{
padding: 0;
margin-top: 100px;
}
.product-sec-right div h3 {
    font-size: 25px;
    font-weight: 700;
    color: #be1919;
    margin-top: 25px;
    text-align: center;
}
.product-sec-right-child{
	background: #f8e7a2;
	padding: 50px;
	padding-left: 0;
	padding-bottom: 25px;
	padding-left: 75px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}
.product-sec-right-child h5{
	font-size: 35px;
	font-weight: 700;
	color: #0b0b0b;
}
.product-sec-right-child p{ 
	font-weight: 600;
	color: #0b0b0b;
	margin-top: 15px;
	margin-bottom: 15px;
}

.pro-dec-1{
	margin-top: 25px;
	margin-left: 50px;
}
.pro-dec-1 h4,.pro-dec-2 h4{
	font-weight: 600;
	color: #be1919;
	font-size: 22px;
}
.pro-dec-2{
	margin-left: 50px;
	margin-top: 50px;
}

.h-pro-sec-left-child ul li{
	position: relative;
	list-style: none;
}
.h-pro-sec-left-child ul li::after{
    content: '\f054';
    position: absolute;
    left: -15px;
    font-family: 'FontAwesome';
}

.product-sec-right-child ul li{
	position: relative;
	list-style: none;
}
.product-sec-right-child ul li::after{
    content: '\f054';
    position: absolute;
    left: -15px;
    font-family: 'FontAwesome';
}

.pro-dec-2 ul li{
	position: relative;
	list-style: none;
}
.pro-dec-2 ul li::after{
    content: '\f054';
    position: absolute;
    left: -15px;
    font-family: 'FontAwesome';
}


#distributor{
	margin-top: 50px;
}
.class144{
	margin-bottom: 25px;
}

.con-form{
	position: relative;
}
.con-form::after{
	position: absolute;
	content: "";
	width: 50%;
	background: #f4f4f4;
	height: 100%;
	right: 0;
	top: 0;
	z-index: -1;
}
.con-form-right{
	padding: 50px;
}
.con-form-right h2{
	color: #000;
	font-size: 25px;
	font-weight: 700;
}
.con-form-right h6{
	color: #000;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 25px;
}

.con-form-right h3{
	color: #000;
	font-size: 22px;
	font-weight: 500;
}
.con-form-right p,.con-form-right a{
	color: #000;
}
.con-form-right a:hover{
	text-decoration: none;
}

.con-form-left{
	padding-top: 50px;
	margin-bottom: 25px;
}
.map{
	margin-bottom: 50px;
	margin-top: 25px;
}