/* -------------------------------------- SIDE HEADING ----------------------------------------------- */

.section-services {
      display: flex;
      background:  url(../resources/img/our-service.jpg); 
      background-size: cover;
        overflow: hidden;
        position: relative;
}
/* linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), */
.section-about,
.section-services,
.section-our-world,
.section-customer,
.section-why-us,
.section-gallery,
.section-footer {
  position: relative;
}
.section-services .side_text-new-about{
  color: #fffcfccc;
  position: absolute;
  overflow: hidden;
  font-weight: bold;
  height: 100vh;
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transform: translatex(1rem);
}

.section-about .side_text-new-about,
.section-our-world .side_text2,
.section-customer .side_text2,
.section-why-us .side_text2,
.section-gallery .side_text-new-about,
.section-footer .side_text2 {
  color: #03030373;
  position: absolute;
  overflow: hidden;
  font-weight: bold;
  height: 100vh;
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transform: translatex(1rem);
}

.side_text-new-about h1,
.side_text2 h1 {
  transform: scale(-1);
  writing-mode: vertical-lr;
  text-align: center;
  font-size: 53px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.side_text-new-about h2 ,
.side_text2 h2{
  transform: scale(-1);
  writing-mode: vertical-lr;
  text-align: center;
  font-size: 53px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.section-customer .side_text2 h1{
  font-size: 48px;
}

.section-footer .side_text2 h1 {
  margin-bottom: 5rem;
}

.section-footer .side_text2,
.section-why-us .side_text2,
.section-gallery .side_text-new-about{
  color: rgba(255, 255, 255, 0.7);
}

.section-gallery .side_text-new-about {
    color: rgba(255, 255, 255, 0.9);
}


@media (max-width: 768px) {
  .section-customer .side_text2,
  .section-about .side_text-new-about
  {
  transform: translatex(0.6rem);
}
.section-about .side_text-new-about,
.section-customer .side_text2 {
    color: rgba(0, 0, 0, 0.7);
}
  .section-about .side_text-new-about,
  .section-services .side_text-new-about,
  .section-our-world .side_text2,
  .section-customer .side_text2,
  .section-why-us .side_text2,
  .section-gallery .side_text-new-about,
  .section-footer .side_text2 {
    transform: translatex(0.2rem);
  }

  .side_text-new-about h1,
  .side_text2 h1,
  .section-customer .side_text2 h1 {
    font-size: 45px;
  }

}

@media (max-width: 468px) {
  .section-about .side_text-new-about
  {
  transform: translatex(0.6rem);
}
  .section-about .side_text-new-about,
  .section-coverage .side_text-new-about,
  .section-our-world .side_text2,
  .section-customer .side_text2,
  .section-why-us .side_text2,
  .section-gallery .side_text-new-about,
  .section-footer .side_text2 {
    transform: translatex(0.2rem);
  }

  .side_text-new-about h1,
  .side_text2 h1,
    .section-customer .side_text2 h1 {
    font-size: 20px;
  }


}

/* -------------------------------------- SIDE HEADING ----------------------------------------------- */

/* -------------------------------------- MAIN HEADING ----------------------------------------------- */

.main-heading {
    width: 100%;
    /* margin: auto; */
    margin-bottom: 1rem;
    border-bottom: 1px solid;
    text-transform: uppercase;
    font-weight: bold;
    color: #d7c080;
    font-size: 2.2rem;
    letter-spacing: 3px;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.section-services .main-heading {
  text-align: center;
  font-size: 2.2rem;
  letter-spacing: 3px;
  border: none;
}

.section-services .main-heading span {
  border-bottom: 1px solid;
  color: #d7c080;
  font-size: 22px;
}



/* -------------------------------------- MAIN HEADING ----------------------------------------------- */

/* -------------------------------------- MENU ------------------------------------------------------- */

@media (max-width: 1140px) {
  .menu .left_menu ul li a {
    line-height: 55px;
  }
}

@media (max-width: 1010px) {
  .menu .left_menu ul li a{
    font-size: 30px;
    line-height: 50px;
  }
}

@media (max-width: 750px) {
  .menu .left_menu .main_nav {
    padding-left: 10%;
  }

  .menu .left_menu ul li a {
    font-size: 25px;
    line-height: 40px;
  }
}

/* -------------------------------------- MENU -------------------------------------------------------- */