.gtp-banner {
  background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url("https://www.rayteq.com/img/slide1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 8% 0px;
}

.gtp-banner h1,
.gtp-banner p {
  color: white;
}

.gtp-banner h1 {
  margin-bottom: 15px;
}

.gtp-banner p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}

.cta-sec {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}

.gtp-text p {
  font-size: 16px;
  font-weight: 400;
  color: #777;
  line-height: 1.9;
  margin-bottom: 15px;
}

.gtp-text a {
  color: green;
  text-decoration: underline;
}

.gtp-text h2,
.gtp-text h3 {
  margin-bottom: 15px;
}
.gtp-text .cta-sec a {
  border: 2px solid green;
  text-decoration: none;
}

.gtp-text .cta-sec a:hover {
  border: 2px solid green !important;
  background: green;
  color: white !important;
}
.usps .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.usps {
  padding: 20px 0px;
  background: #009543;
  color: white;
  font-size: 20px;
}

@media only screen and (max-width: 500px) {
  .gtp-banner {
    padding: 10% 15px;
  }

  .cta-sec {
    gap: 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }

  .usps .container {
    gap: 10px;
  }

  .usps {
    padding: 15px;
  }

  .row.gtp-text {
    padding: 0px 15px;
  }
}