/* @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Merriweather+Sans:wght@400;700&display=swap"); */

@font-face {
  font-family: 'poppins';
  src: url('../fonts/PoppinsRegular-B2Bw.otf'); /*URL to font*/
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'poppins';
  color: #040000;
  
}


.headline_section {
  width: 100%;
  background-color: #cccccc;
  display: grid;
  align-items: center;
}

.headline_section .images {
  position:relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #FF7DAF;
  grid-column: 1;
  grid-row: 1;
}

.headline_section .banner {
  width: 100%;
  margin: auto;
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
  text-align: center;
}

.headline_section .banner h1 {
  color: #ffffff;
  font-size: 3.8rem;
}

.headline_section .left {
  display: grid;
  align-items: start;
  width: 50%;
}

.headline_section .right {
  display: grid;
  align-items: start;
  width: 50%;
}

.headline_section .left img {
  width: 100%;
  grid-column: 1;
  grid-row: 1;
}

.headline_section .images .left .header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4% 10% 0% 15%;
  grid-column: 1;
  grid-row: 1;
}

.headline_section .images .left .header .logo {
  width: 70%;
  padding-right: 2rem;
  aspect-ratio: 818/192;
}

.headline_section .images .left .header .about_us_link {
  padding-right: 1rem;
  min-width: 6.2rem;
  font-size: 1.1rem;
}

.headline_section .images .left .header .about_us_link a:link {
  color: #ffffff;
}

.headline_section .images .left .header .about_us_link a:visited {
  color: #ffffff;
}

.headline_section .images .left .header .services_link {
  font-size: 1.1rem;
}

.headline_section .images .left .header .services_link a:link {
  color: #ffffff;
}

.headline_section .images .left .header .services_link a:visited {
  color: #ffffff;
}

.headline_section .right img {
  width: 100%;
  grid-column: 1;
  grid-row: 1;
}

.headline_section .images .right .header {
  width: 100%;
  display: flex;
  flex-direction:row-reverse;
  align-items: center;
  padding: 8% 10% 0% 15%;
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
}

.headline_section .images .right .header .contact_us_link {
  padding-right: 1rem;
  min-width: 6.2rem;
  font-size: 1.1rem;
}

.headline_section .images .right .header .contact_us_link a:link {
  color: #ffffff;
}

.headline_section .images .right .header .contact_us_link a:visited {
  color: #ffffff;
}

@media (max-width: 1000px) {
  .headline_section .images {
    flex-direction: column;
  }

  .headline_section .left {
    width: 100%;
  }

  .headline_section .images .left .header {
    padding: 4% 0;
  }

  .headline_section .images .left .header .logo {
    width: 100%;
    padding-right: 0rem;
  }
  .headline_section .images .left .header .about_us_link {
    display: none;
  }

  .headline_section .images .left .header .services_link {
    display: none;
  }

  .headline_section .images .right .header .contact_us_link {
    display: none;
  }

  .headline_section .right {
    width: 100%;
  }

  .headline_section .images .left .header {
    width: 60%;
    margin: 0 auto auto auto;
  }
  
  .headline_section .banner {
    width: 40%;
  }

}


.about_us {
  position:relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #FF7DAF;
}

.about_us .left img {
  padding: 5%;
  width: 100%;
}

.about_us .right {
  width: 100%;
  font-family: 'poppins';
  color: #040000;
  text-transform: lowercase;
  padding: 6%;
}

.about_us .right h2 {
  color: #D0E700;
  font-size: 60px;
  font-weight: bold;
}

.about_us .right p {
  color: #FFFFFF;
  font-size: 1.5rem;
}

@media (max-width: 1000px) {
  .about_us {
    flex-direction: column;
  }
  .about_us .right h2 {
    text-align: center;
  }
  .about_us .right p {
    text-align: center;
  }
}

.services {
  width: 100%;
  background-color: #463CFF;
  text-transform: lowercase;
}

.services .header h1 {
  padding-top: 100px;
  padding-bottom: 1rem;
  margin-left: 8%;
  margin-right: 8%;
  font-size: 3rem;
  color: #D0E700;
  text-align: center;
}

.services .header p {
  margin-left: 8%;
  margin-right: 8%;
  font-size: 2rem;
  text-align: center;
}

.services p {
  margin-left: 8%;
  margin-right: 8%;
  color: #FFFFFF;
}

.services .feature_container {
  position:relative;
  display: flex;
  flex-direction: row;
  gap: 6%;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}  


@media (max-width: 1000px) {
  .services .feature_container {
    flex-direction: column;
  }
}


.services .feature_container .box {
  display: flex;
  flex-direction: column;
  text-align: center;
}  

@media (max-width: 1000px) {
  .services .feature_container .box {
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: row;
    text-align: left;
  }
  .services .feature_container .box .info {
    padding-top: 4rem;
    width: 30%;
  }
}

.services .feature_container .box  h5 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 24px;
}  

.services .feature_container .box  p {
  color: #FFFFFF;
  padding: 0px;
  margin:0px;
}  

.contact_us {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #463CFF;
  text-transform: lowercase;
}

.contact_us a {
  /* width: 20%; */
  background-color: #FFFFFF;
  font-size: 2.1rem;
  font-weight: bold;
  color: #463CFF;
  padding: 0.2rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  text-align: center;
  border-radius: 3rem;
}

.rental_services {
  background-color: #463CFF;
  text-transform: lowercase;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.rental_services .header h1 {
  margin-left: 8%;
  margin-right: 8%;
  padding-bottom: 1rem;
  font-size: 3rem;
  color: #D0E700;
  text-align: center;
}

.rental_services .feature_container {
  position:relative;
  display: flex;
  flex-direction: row;
  gap: 6%;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem;
}  

@media (max-width: 1000px) {
  .rental_services .feature_container {
    flex-direction: column;
  }
}

.rental_services .feature_container .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}  

.rental_services .feature_container .box .diamond img {
  width: 250px;
}

.rental_services .feature_container .box .diamond h5 {
  position: relative;
  top: 50%;
  left:50%;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
  transform: translate( -50%, -140px);
  color: #FFFFFF;
}

.rental_services .feature_container .box .description p {
  width: 13rem;
  color: #FFFFFF;
  text-align: center;
}

@media (max-width: 1000px) {
  .rental_services .feature_container .box {
    flex-direction: row;
  }
  .rental_services .feature_container .box .info {
    padding-top: 60px;
  }
  .rental_services .feature_container .box .description p {
    padding-left: 2rem;
    text-align: left;
  }
}

.our_work {
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: #463CFF;
  text-transform: lowercase;
}

.our_work .left {
  padding: 4rem;
  width: 40%;
  background-color: #D0E700;
  text-transform: lowercase;
  color: #463CFF;
}

.our_work .left h1 {
  font-weight: bold;
  padding-bottom: 2rem;
}

.our_work .right {
  padding-top: 3rem;
  width: 60%;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1000px) {
  .our_work {
    flex-direction: column;
  }
  .our_work .left {
    width: 100%;
    text-align: center;
  }
  .our_work .right {
    width: 100%;
  }
}

.client_section {
  width: 100%;
  /* display: flex;
  flex-direction: row; */
  background-color: #FF7636;
}

.client_section .heading_container {
  padding-top: 5rem;
  padding-bottom: 3rem;
  margin-left: 8%;
  margin-right: 8%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.client_section .heading_container h2 {
  text-align: center;
  font-weight:bolder;
  font-size: 2.5rem;
  text-transform: lowercase;
  color: #ffffff;
}

.client_section .heading_container h2 strong {
  color: #D5E702;
}

.client_section .reviews {
  width: 100%;
}

.client_section .reviews .item {
  padding-left: 1rem;
  padding-right: 1rem;
  /* border-right: .2rem solid #ffffff; */
}

.client_section .box .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #D5E702;
  font-size: 1.1rem;
  font-weight: bold;
}

.client_section .reviews .item .box .header img {
  width: 8rem;
  height: 1.98rem;
  aspect-ratio: 347/86;
}

.client_section .box .client_text {
  margin-top: 1rem;
  color: #ffffff;
}

.client_section .box .date {
  margin-top: 1rem;
  color: #D5E702;
}

.contact_section {
  width: 100%;
  display: flex;
  flex-direction: row;
  /* text-transform: lowercase; */
}

.contact_section .left {
  padding: 5rem;
  width: 50%;
  background-color: #FFFFFF;
  /* text-transform: lowercase; */
  color: #463CFF;
}

.contact_section .left h2 {
  font-weight: bold;
  font-size: 3rem;
  padding-bottom: 2rem;
}

.contact_section .left input,textarea {
  width: 100%;
  /* text-transform: lowercase; */
  padding: .7rem;
  padding-left: 1.2rem;
  font-size: 1rem;
  margin-bottom: 1.1rem;
  border-radius: 2.1rem;
  border-width: .2rem;
  border-color: #D5E702;
  border-style: solid;
  color: #463CFF;
}

.contact_section .left textarea {
  height: 12rem;
}

.contact_section .left button {
  font-weight: bold;
  font-size: 1.8rem;
  width: 25%;
  float:right;
  text-transform: lowercase;
  padding: .3rem;
  margin-bottom: 1.1rem;
  border-radius: 2.1rem;
  border-width: .2rem;
  border-color: #D5E702;
  border-style: solid;
  color: #463CFF;
  text-align: center;
  background-color: #FFFFFF;
}

.contact_section .right {
  width: 50%;
  background-color: #463CFF;
  display: grid;
  align-items: center;
}

.contact_section .right img {
  width: 100%;
  max-width: 60rem;
  aspect-ratio: 1;
  grid-column: 1;
  grid-row: 1;
}

.contact_section .right .info {
  width: 100%;
  max-width: 60rem;
  grid-column: 1;
  grid-row: 1;
  text-align: center;
  color: #463CFF;
}

.contact_section .right .info h3 {
  font-weight: bolder;
  font-size: 2.3rem;
  padding-bottom: 1.5rem;
}

.contact_section .right .info a {
  font-weight: bolder;
  font-size: 1.6rem;
}

.contact_section .right .info a:link {
  color: #463CFF;
}

.contact_section .right .info a:visited {
  color: #463CFF;
}

.contact_section .right .info p {
  padding-top: 2rem;
  font-weight: bolder;
  font-size: 1.6rem;
}

@media (max-width: 1000px) {
  .contact_section {
    flex-direction: column;
  }
  .contact_section .left {
    width: 100%;
    /* text-align: center; */
  }
  .contact_section .right {
    width: 100%;
  }
}

.loop {
  width: 100%;
  font-weight: bolder;
  font-size: 2rem;
  text-align: center;
  color: #FFFFFF;
  padding: .7rem;
  background-color: #FF7DAF;
}

.loop a:link {
  color: #FFFFFF;
}

.loop a:visited {
  color: #FFFFFF;
}

.loop img {
  width: 2rem;
}