@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
.navbar {
  background-color: #000000;
}

section.intro {
  padding: 130px 0px 150px 0px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 59%, rgb(66, 57, 0) 92%, rgb(78, 68, 0) 100%);
}
section.intro .title-head {
  padding-top: 60px;
}
section.intro p {
  font-family: "Lato";
  font-size: 16px;
  line-height: 38px;
  font-weight: 400;
  color: #ccc;
}
section.intro .logo-img img {
  width: 80%;
}
@media only screen and (max-width: 600px) {
  section.intro .btn__contact-experts a {
    margin-top: 30px;
  }
}

section.info-section {
  background-color: #000000;
  padding: 80px 0px;
}
section.info-section .text__info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.info-section h2 {
  font-weight: 300;
  margin-bottom: 20px;
  color: #fff;
}
section.info-section p {
  color: #ccc;
  margin-bottom: 20px;
  max-width: 950px;
}
section.info-section ul.regional-awards {
  margin-top: 30px;
  padding: 1em 2em 3em;
  width: 100%;
  display: flex;
}
section.info-section ul.regional-awards li {
  width: 25%;
  color: #444444;
  list-style: none;
  text-align: center;
  font-size: 15px;
}
section.info-section ul.regional-awards li a {
  text-decoration: none;
}
section.info-section ul.regional-awards li a img {
  width: 100%;
}
section.info-section ul.regional-awards li a p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
section.info-section .dubai-link {
  background: linear-gradient(90deg, rgb(132, 255, 199) 5%, rgb(11, 181, 121) 35%, rgb(81, 181, 121) 65%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section .dubai-link:hover {
  background: linear-gradient(90deg, rgb(132, 255, 199) 5%, rgb(16, 228, 154) 35%, rgb(105, 240, 159) 65%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section .houston-link {
  background: linear-gradient(90deg, rgb(239, 61, 61) 5%, rgb(178, 41, 43) 35%, rgb(234, 48, 48) 65%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section .houston-link:hover {
  background: linear-gradient(90deg, rgb(255, 84, 84) 5%, rgb(208, 74, 76) 35%, rgb(255, 96, 96) 65%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section .kl-link {
  background: linear-gradient(90deg, rgb(70, 130, 196) 5%, rgb(100, 156, 217) 50%, rgb(182, 199, 231) 95%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section .kl-link:hover {
  background: linear-gradient(90deg, rgb(92, 158, 229) 5%, rgb(152, 202, 255) 50%, rgb(92, 195, 255) 95%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section .london-link:hover {
  color: #fff;
}
section.info-section .rj-link {
  background: linear-gradient(90deg, rgb(219, 195, 43) 5%, rgb(89, 196, 105) 50%, rgb(221, 198, 46) 95%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section .rj-link:hover {
  background: linear-gradient(90deg, rgb(246, 225, 86) 5%, rgb(104, 230, 122) 50%, rgb(251, 236, 136) 95%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.6s;
}
section.info-section ul.regional-awards li img {
  transition: 0.5s;
}
section.info-section ul.regional-awards li img:hover {
  filter: contrast(0.7);
}
@media only screen and (max-width: 768px) {
  section.info-section ul.regional-awards {
    display: block;
  }
  section.info-section ul.regional-awards li {
    width: 100%;
    margin-bottom: 2em;
    font-size: 17px;
  }
}

body {
  background-color: rgb(0, 0, 0);
  color: #fff;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1380px;
  }
}
h1 {
  font-family: "Lato";
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  padding-bottom: 18px;
}