html{
  scroll-behavior: smooth;
}
body{
		 font-family: "Muli", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}
p{line-height: 30px;}

.topbar{
  padding-bottom: 5px;
}
.topbar div{
  padding: 0;
}


.banner{
  padding: 0;
  background-image: url('../images/bg4.jpg');
  background-size: cover;
  height: 600px;  
}

.banner img{
  width: 100%;
}

.navi{
background: #D22B2B;
border-radius: 0;
margin-bottom: 0;
border:0;
}

.navi .nav li a{
 color: #ffffff;
 text-transform: capitalize;

}

.navi .nav li a:hover{
  background: none;
}

.navi .navbar-brand{color:#ffffff; font-weight: bold;}
.cover{
  position: absolute;
  width: 100%;
  height: 600px;
  background: rgba(0,0,0, 0.3);
  top:0;
  z-index: 1;
}

.arc{
  bottom: 0;
  position: absolute;
  z-index: 12;
}


.bt{
  z-index: 50;
  position: inherit;
  margin-top: 250px;
  color: #ffffff;
  text-align: center;
}

.bt h1{
  font-weight: bold;
  font-size: 56px;
}

.button{
  background: #D22B2B;
  color: #ffffff;
  display: inline-block;
  padding: 10px 25px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 5px;
  letter-spacing: 1px;
  margin-top: 15px;
}

.button:hover{
   color:#ffffff;
   text-decoration: none;
}

.sers{
  margin-bottom: 50px;
 
}

.sers img{
  width: 90%;
 }

 .sers h3{
  font-weight: bold;
 }
.title{font-family: 'Muli'; font-weight: bold;}

.title span{
  display: block;
  width: 50px;
  background: #D22B2B;
  height: 6px;
  margin: 10px auto;
}


.intro{
  margin-bottom: 50px;
}
.intro p{
  font-size: 20px;
  letter-spacing: 0.5px;
}

.why i{
  color: #D22B2B;
}

.why p{
  font-size: 17px;
}

.why{
  
  padding: 0;
  background:#f7f7f7;
}

.why div{
  padding-left: 0;
}

.us{
  padding-top: 25px;
}

.prices{ 
  margin-top: 50px;
  margin-bottom: 50px;
}

.price{
  border: 1px solid #ccc;
  padding: 10px;
  float: left;
  width: 100%;
  margin-bottom: 50px;
  min-height: 789px;
}

.price i{color:#D22B2B;}

.bb{
  width: 100%;
  float: left;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  background: #D22B2B;
  font-size: 18px;
  font-weight: 500;
}

 .footer{
  padding: 25px 15px;
  background: #323232;
  color:#ffffff;
}
 
 .footer .links{
  list-style: none;
  padding-left: 0;
}
 .footer .links li{
  display: block;
 }

 .footer .links li a{
  display: block;
  color: #ffffff;
  padding: 5px;
  text-decoration: none;

 }

.footer .socials{
  margin-top: 25px;
}

 .footer .socials a{
  color:#D22B2B;
  display: inline-block;
  margin-right: 10px;
  padding: 10px;
  background: #ffffff;
  border-radius: 50%;
 }

 .copy{font-size: 14px;}
 .copy a{color:#ffffff; }
 form input{width: 100%; height: 40px; margin-bottom: 15px;padding-left: 10px;}

  form textarea{width: 100%; height: 100px; margin-bottom: 15px;padding-left: 10px;}
  form .sub{background: #D22B2B; color: #ffffff; width: 120px; border:0; font-weight: bold;}

 @media(max-width: 768px){
    .bt{margin-top: 0;}
    .banner{height: 400px; overflow: hidden;}
    .arc{display: none;}
    .why div{padding: 0;}
    .why .us{
      padding-left:15px;
      padding-right: 15px; 
    }
 }