html,
body {
  margin: 0;
  padding: 0;
}

.container {
  width: 90%;
  max-width: 1500px;
  margin: auto;
  padding: 40px 0;
}

h1,
h2,
h3 {
  color: #dc2426;
}
.banner img{
  display: block;
}
.hero {
  background-color: #f4f4f4;
  padding: 50px 0;
  text-align: center;
}

.hero::before {
  content: none;
}

.hero h1 {
  font-size: 48px;
  font-family: "ToyotaType-Semibold";
}

.hero h2 {
    font-family: "ToyotaType-Semibold";
}

.hero p {
  text-align: left;
  font-size: 22px;
  font-family: "ToyotaType-Regular";
  /* font-size: 26px; */
  color: #000000;
}

.limiter-info {
  background-color: #fff;
}

.limiter-info h2 {
  font-size: 48px;
  text-align: center;
}

.limiter-info p {
  text-align: left;
  font-size: 26px;
  color: #000000;
}

.benefits {
  display: flex;
  gap: 100px;
  justify-content: center;
  margin: 50px 0;
}

.benefit {
  flex: 1 1 250px;
  max-width: 380px;
  text-align: center;
  position: relative;
}

.benefit::after {
  content: '';
  border-right: 2px solid #e60012;
  height: 100%;
  position: absolute;
  right: -50px;
  top: 0;
}

.benefit:last-child::after {
  content: none;
}

.benefit img {
  height: 150px;
  margin-bottom: 15px;
}

.benefit h3 {
  font-family: 'ToyotaType-Bold';
  color: #000;
  font-size: 36px;
  text-align: center;
  line-height: 40px;
}

.benefit p {
  text-align: center;
}

.why-install {
  background-color: #f4f4f4;
}

.why-install h2 {
  font-size: 48px;
  text-align: center;
  line-height: 40px;
  font-family: "ToyotaType-Semibold";
}

.reasons {
  display: flex;
  gap: 100px;
  justify-content: center;
  text-align: center;
  margin: 50px 0;
}

.reason {
  flex: 1 1 250px;
  max-width: 380px;
  position: relative;
}

.reason::after {
  content: '';
  border-right: 2px solid #e60012;
  height: 100%;
  position: absolute;
  right: -50px;
  top: 0;
}

.reason img {
  height: 150px;
  margin-bottom: 15px;
}

.reason p {
  text-align: center;
  font-size: 18px;
  /* font-size: 22px; */
  font-family: "ToyotaType-Regular";
   /* font-size: 26px; */
  color: #000000;
}

.installation-dates h2 {
  font-size: 48px;
  text-align: center;
  line-height: 40px;
  font-family: "ToyotaType-Semibold";
}

.installation-dates table {
  width: 100%;
  border-collapse: collapse;
  margin: 50px 0 0 30px 0;
}

.installation-dates th,
.installation-dates td {
  border: 2px solid #000;
  padding: 18px;
  text-align: center;
  font-size: 20px;
   font-family: "ToyotaType-Regular";
}

.installation-dates th {
  background-color: #d30000;
  color: white;
}

.contact-us {
  text-align: center;
}

.contact-us h3 {
     font-family: "ToyotaType-Semibold";
  /* font-family: 'ToyotaType-Bold'; */
  font-size: 48px;
  text-align: center;
  line-height: 40px;
  margin-top: 0;
}
.contact-us p{
  text-align: left;
  font-size: 26px;
  color: #000000;
   font-family: "ToyotaType-Regular";
}
.contact-us a {
  color: #d30000;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .hero h1{
    font-size: 36px;
  }
  .hero p{
    font-size: 22px;
  }
  .limiter-info h2{
    font-size: 36px;
  }
  .limiter-info p{
    font-size: 22px;
  }
  .benefit img{
    height: 120px;
  }
  .benefit h3{
    font-size: 30px;
  }
  .why-install h2{
    font-size: 36px;
  }
  .reason p{
    font-size: 16px;
  }
  .installation-dates h2{
    font-size: 36px;
  }
  .contact-us h3{
    font-size: 36px;
  }
  .contact-us p{
    font-size: 22px;
  }
}
@media (max-width: 767px) {
	.hero h1,.hero h2,.why-install h2,.installation-dates h2,.contact-us h3{
		 font-size: 24px !important;
	}
	.hero p,.contact-us p,.installation-dates th, .installation-dates td,.reason p {
        font-size: 16px;
    }


  .benefits,
  .reasons {
    flex-direction: column;
    align-items: center;
  }

  .benefit,
  .reason {
    max-width: 90%;
  }

  .installation-dates table {
    font-size: 14px;
  }
  .benefit::after,
  .reason::after{
    content: none;
  }
  .benefits,
  .reasons{
    gap: 10px;
  }
  .table-container{
    overflow: scroll;
  }
}