.section-s2-title {
  text-align: center;
  margin-bottom: 20px;
}
.features-container {
  display: grid;
  grid-template-columns: minmax(17.75rem, auto) 1fr;
  grid-template-rows: 1fr;

  .right-col {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 20px;
    padding: 0px 15px;
  }
  .left-col {
    text-align: right;
  }
}
.feature-sub-text {
  color: #001061;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.feature-sub-container {
  height: 70vh;
}
.feature-sub-text p {
  color: #001061;
  font-weight: 500;
}
.feature-sub-text h2 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

@media (max-width: 767.98px) {
  .feature-sub-text {
    text-align: center;
  }
  .feature-sub-text h2 {
    font-size: 1.2rem;
  }
  .feature-sub-text p {
    font-size: 1rem;
  }
}
.sub-features-container {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  height: 100%;
  width: 100%;
  gap: 5px;
  padding: 0px 5px;
}
.sub-feature {
  /* flex-basis: 33.33%; */
  text-align: left;
}
.sub-feature-heading-1 {
  color: #0b184e;
  font-weight: 600;
  font-size: 1rem;
}
.sub-feature-heading-2 {
  color: #0b184e;
  font-weight: 400;
  font-size: 0.8rem;
}
.image-container {
  align-content: center;
}
.feature-image {
  border-radius: 10px;
}
.btn-features-container {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  justify-content: center;
  height: 100%;
}
.btn-features {
  max-width: 350px;
  flex-basis: 33.33%;
}
.btn-feature {
  padding-bottom: 10px;
  position: relative;
  text-decoration: none;
  border-radius: 10px;
  color: #727272;
  background-color: transparent;
  box-shadow: none;
}

.btn-feature.active {
  background-color: white;
  color: #727272;
  text-decoration: none;
}

a:focus {
  color: #0b184e;
}
a:hover {
  color: #0b184e;
}
.sub-heading {
  color: #727272;
  font-weight: 400;
}
.heading-2 {
  color: #1974db;
  font-weight: 600;
}
.heading-1 {
  color: #0b184e;
}
.feature-fleetgo {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  padding: 0px 10px;
}
.footer-details {
  display: flex;
  justify-content: center;
}
.socials {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}
.socials i {
  font-size: 24px;
}
.contact-form-info h2 {
  margin-bottom: 30px;
}
.contact-form {
  max-width: 70%;
  flex-basis: 70%;
}
.contact-form-container {
  display: flex;
  justify-content: center;
}
.fleet-go-section {
  background-color: white;
}
.site-logo {
  max-width: 200px;
  margin-left: 10px;
}

@media (max-width: 991px) {
  .features-container {
    grid-template-columns: minmax(10.75rem, auto) 1fr;
    grid-template-rows: 1fr;
  }
  .btn-features-container {
    gap: 3rem;
  }
  .feature-sub-container {
    height: 45vh;
  }
}
@media (max-width: 767px) {
  .btn-feature {
    padding: 10px 20px;
  }
  .btn-features-container {
    flex-direction: row;
    gap: 0rem;
  }
  .features-container {
    grid-template-rows: minmax(100px, auto) 1fr;
    grid-template-columns: 1fr;
  }
}
.terms {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}
.terms div,
.terms a {
  color: white;
  font-weight: 600;
}
.main-list {
  list-style-type: decimal;
  margin: auto;
  font-size: 2rem;
}
.main-list .main-title {
  font-size: 1.5rem;
}
.main-list li {
  font-size: 1rem;
}
.detail-list {
  margin-left: 40px;
  list-style-type: lower-alpha;
}
.detail-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.font-bold {
  font-weight: 600;
}
.margin-bottom-sm {
  margin-bottom: 30px;
}
.unorder-list {
  list-style-type: disc;
}
.sub-list {
  list-style-type: decimal;
}
.sub-title {
  margin-top: 10px;
  font-size: 1.2rem;
}
.unorder-list {
  margin-left: 30px;
}
.desc {
  margin-top: 10px;
}
.list-circle {
  list-style-type: circle;
  margin-left: 20px;
}
.italic {
  font-style: italic;
}
.list-lower-alpha {
  list-style: lower-alpha;
  margin-left: 2rem;
}
.list-lower-roman {
  list-style: lower-roman;
  margin-left: 2rem;
}