@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{font-family: "Roboto", sans-serif !important;}

a{ outline:none;}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}



img{ max-width:100%;}
h1{ font-family:"Roboto", sans-serif; font-size:60px !important; color:#5d5d5d !important; font-weight:400 !important;}

.btn-primary { background-color:#802e30 !important; border-color:#802e30 !important;}
.btn-primary:hover{background-color:#ffffff !important; border-color:#802e30 !important; color:#802e30 !important;}

.box {
  padding: 15px 15px 20px 15px;
  background-color: #ffffff;
  transition: transform .2s;
  max-width: 400px;
  max-height: 450px;
  margin: 0 auto;
  
}

.box:hover{
  border:1px solid #802e30;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.13);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.13);
  box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.13);
		
}

.box img{
  display: block;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;	
}

.box:hover img{
	
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.02);
}

.box a{ color:#802e30; text-decoration:none; font-weight:600; font-size:17px; line-height:35px;}


/* Footer Css */
.footer {font-size:14px!important; color:rgb(18 18 18 / 75%)!important; letter-spacing:0.02rem;}
.footer h2{ font-size:18px; font-weight:400; color:rgb(18, 18, 18);}
.footer p{ margin-bottom:5px; line-height:25px;}
.footer p strong{ color:#802e30;}
.footer p a{color:rgb(18 18 18 / 75%); text-decoration:none;}
.footer p a:hover{color:#802e30;}

.footer ul{ list-style-type:none; padding-left:0px;}
.footer ul li{ line-height:25px;}
.footer ul li a{color:rgb(18 18 18 / 75%); text-decoration:none;}
.footer ul li a:hover{color:#802e30;}

.payment {display:block!important; text-align:center;}
.payment img{ max-width:300px}

.social{
	display:block;
	text-align:center;
}

.social a img{ max-width:30px; max-height:30px;}

.footer-text{
  font-size: 13px;
  line-height: 17px !important;
}
.footer-four-title{
  font-size: 15px !important;
}


/**Mobile Phones**/

@media (max-width: 530px) {
.logo {text-align:center; margin-bottom:20px;}
header .text-end{text-align:center !important;}
h1{ font-size:30px !important; font-weight:500 !important;}


}