:root {
  --10-dark-blue: #e7e8eb;
  --dark-green: #2d5a45;
  --black: black;
  --dark-blue: #0f1739;
  --transparent: #0000;
  --light-green: #60c186;
  --40-light-green: #bfe6cf;
  --10-light-green: #eff9f3;
  --blue: #0000a5;
  --white: white;
  --20-dark-blue: #cfd1d7;
  --blue-blend: #0000a5e6;
  --light-green-blend: #60c18640;
  --nav-button: 45px;
  --20-light-green: #dff3e7;
  --40-dark-blue: #9fa2b0;
}

body {
  color: #333;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.body {
  font-family: IBM Plex Sans Arabic, sans-serif;
}

.services--section {
  z-index: 6;
  background-color: var(--10-dark-blue);
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.section--wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  place-items: center end;
  width: 100%;
  max-width: 1450px;
  margin-top: 4rem;
  display: flex;
}

.service--component {
  background-color: #fff;
  border-radius: .355rem;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 5px 1px #0003;
}

.service--wrapper {
  width: 100%;
}

.service--img {
  width: 100%;
  margin-bottom: 0;
}

.project--info {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1.5rem 1.75rem;
  display: flex;
}

.service-image {
  aspect-ratio: 2.39;
  object-fit: cover;
  border-radius: .355rem .35rem 0 0;
  width: 100%;
  max-width: none;
  position: static;
}

.service-name {
  direction: rtl;
  color: #0f1739;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35em;
}

.service-brief {
  direction: rtl;
  color: #305348;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: .8rem;
  font-style: normal;
  line-height: 1.7em;
}

.site-padding {
  padding-left: 5rem;
  padding-right: 5rem;
}

.main {
  z-index: 5;
  width: 100%;
  position: absolute;
  top: 100vh;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.services--wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section--heading {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  place-items: center end;
  width: 100%;
  margin-bottom: 1.75rem;
  padding-left: 1.5rem;
  padding-right: 1.25rem;
  display: flex;
}

.heading-h1 {
  direction: rtl;
  color: var(--dark-blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.65rem;
  font-style: normal;
  line-height: 2.1rem;
  display: inline-block;
}

.sub_heading {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.3em;
  display: inline-block;
}

.hero--section_wrapper {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 100%;
  max-width: 1450px;
}

.hero--section_wrapper.site-padding {
  z-index: 1;
  position: absolute;
}

.hero--heading {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 55%;
  display: block;
}

.hero--heading_h1 {
  direction: rtl;
  color: #fff;
  text-align: right;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Noor, sans-serif;
  font-size: 3.7rem;
  font-style: normal;
  line-height: 6.1rem;
}

.hero--sub_heading {
  direction: rtl;
  color: #fff;
  text-align: right;
  width: 75%;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.3em;
}

.hero--cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 30%;
  height: 3.9rem;
  margin-top: 3.5rem;
  display: block;
}

.nav-logo {
  width: 85px;
  max-width: none;
  height: 29px;
}

.hero--logo {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 100%;
  margin-bottom: 1.5rem;
  display: none;
}

.hero-logo-in {
  height: 1.7rem;
}

.nav-wrapper {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  place-items: center start;
  width: 100%;
  max-width: 1450px;
  height: 100%;
  display: flex;
  position: relative;
}

.nav-brand {
  width: auto;
  height: 70px;
  padding-top: 20.5px;
  padding-bottom: 20.5px;
  padding-left: 24px;
}

.nav--menu {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.nav--menu-wrapper {
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
}

.triger--dropmenu {
  background-color: #0f1739;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 70px;
  display: none;
}

.content--menu {
  justify-content: flex-end;
  align-items: center;
  height: 70px;
  display: flex;
}

.home-link {
  direction: rtl;
  text-decoration: none;
  display: block;
}

.p-n-container {
  background-color: var(--transparent);
  height: 100%;
}

.services-link {
  direction: rtl;
  text-decoration: none;
  display: block;
}

.articles-link {
  direction: rtl;
  text-decoration: none;
  display: none;
}

.contact-link {
  direction: rtl;
  text-decoration: none;
  display: block;
}

.contact-button {
  background-color: var(--light-green);
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.contact-button:hover {
  background-color: var(--dark-green);
}

.whatsapp--link {
  direction: rtl;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.button-container {
  grid-column-gap: 15px;
  background-color: #0000;
  border-radius: 3px;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.contact-name {
  color: #fff;
  text-align: center;
  letter-spacing: .035rem;
  white-space: nowrap;
  width: auto;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3rem;
}

.icon-whatsapp {
  width: 1.25rem;
  max-width: none;
  height: 1.25rem;
}

.nav-main {
  display: flex;
}

.dropmenu-icon {
  color: #60c186;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  line-height: 70px;
  display: flex;
}

.services-imp--wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  display: grid;
}

.about--section {
  z-index: 5;
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.section-image {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
  height: 63vh;
  display: block;
  position: absolute;
}

.about-top-content {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 20vh;
  margin-bottom: 4rem;
  display: flex;
}

.about-top-content.site-padding {
  grid-column-gap: 0rem;
  max-width: 1450px;
  height: 18vh;
  position: relative;
}

.about--heading {
  direction: rtl;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  place-items: flex-start end;
  width: 50%;
}

.heading-side-h1 {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  letter-spacing: .035rem;
  width: 100%;
  margin-top: .25rem;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.7rem;
  font-style: normal;
  line-height: 2.5rem;
}

.fotter-description-text {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: .9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9em;
}

.about--points-container {
  direction: rtl;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  place-items: flex-start end;
  width: 50%;
}

.about-points {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 2.5rem;
  display: block;
}

.point-head {
  align-items: flex-end;
  width: 100%;
  height: 2.1rem;
  padding-left: 1rem;
  padding-right: 1.15rem;
  display: flex;
}

.point-container {
  align-items: center;
  display: flex;
}

.point-header {
  direction: rtl;
  color: var(--light-green);
  text-align: right;
  letter-spacing: .035rem;
  margin-top: .25rem;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2rem;
}

.point-body-text {
  direction: rtl;
  color: #fff;
  text-align: right;
  margin-top: .5rem;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9em;
  display: block;
}

.point-icon-image {
  width: 2.1rem;
  height: 2.1rem;
}

.about--cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 70%;
  height: 3.1rem;
  margin-top: 1.5rem;
  display: block;
}

.about-bott--wrapper {
  background-color: var(--dark-blue);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.articles_gen--section {
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.articles-gen--wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  justify-items: end;
  margin-bottom: 1.5rem;
  display: flex;
}

.articles--thumbnail {
  background-color: var(--transparent);
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  width: 100%;
  height: 100%;
}

.articles--thumbnail:hover {
  background-color: var(--white);
  border-radius: .3rem;
  box-shadow: 1px 1px 5px #0003;
}

.thumbnail--wrapper {
  border-radius: .3rem;
  width: 100%;
}

.article--img {
  width: 100%;
  margin-bottom: 0;
}

.article-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: .355rem .35rem 0 0;
  width: 100%;
  max-width: none;
  position: static;
}

.article--description {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem 1rem 1.25rem;
  display: block;
}

.article-name {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35em;
}

.article-brief {
  direction: rtl;
  color: var(--light-green);
  text-align: right;
  margin-top: .5rem;
  margin-bottom: 0;
  font-size: .75rem;
  font-style: normal;
  line-height: 1.85em;
}

.more {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  margin-top: 1.15rem;
  margin-bottom: 0;
  font-size: .8rem;
  font-style: normal;
  line-height: 1.5em;
  text-decoration: none;
  display: inline-block;
}

.more-articles--cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between center;
  place-items: flex-start end;
  width: 50%;
  height: 3.5rem;
}

.article-cta {
  background-color: var(--dark-blue);
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 1rem;
  display: flex;
}

.article-cta--link {
  direction: rtl;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.article-button-name {
  color: #fff;
  text-align: center;
  letter-spacing: .035rem;
  white-space: nowrap;
  width: auto;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.3rem;
}

.footer {
  background-color: var(--10-dark-blue);
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 28vh;
  display: flex;
}

.fotter-light_background {
  background-color: var(--10-dark-blue);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  place-items: flex-start end;
  width: 60%;
  height: 100%;
}

.fotter-dark_background {
  background-color: var(--20-dark-blue);
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40%;
  height: auto;
  position: relative;
}

.fotter-logo {
  width: 100%;
  margin-bottom: 0;
}

.fotter-description {
  padding-right: 0;
}

.fotter-sitemap {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  width: 55%;
  display: flex;
}

.fotter-head {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  letter-spacing: .035rem;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.fotter-pages {
  grid-row-gap: .65rem;
  flex-direction: column;
  width: 100%;
  padding-right: 0;
  display: flex;
}

.fotter--names {
  color: var(--dark-blue);
  text-align: right;
  letter-spacing: .035rem;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  display: block;
}

.fotter--names:hover {
  color: var(--light-green);
}

.fotter-contact {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  width: 45%;
  display: flex;
}

.fotter-contact-names {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  width: 100%;
  padding-right: 0;
  display: flex;
}

.sm-icon-container {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.sm-icon {
  width: 23px;
  height: 23px;
}

.sm-icon-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.sm-links-sec {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.fotter--copyrights {
  z-index: 1;
  background-color: var(--dark-blue);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between center;
  place-items: center end;
  width: 100%;
  height: 5vh;
  display: flex;
  position: relative;
}

.copyrights-text {
  direction: rtl;
  color: #fff;
  text-align: right;
  letter-spacing: .025rem;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: .7rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.9em;
}

.background-video {
  z-index: 0;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.section_forground {
  z-index: 1;
  background-image: linear-gradient(270deg, var(--dark-blue), var(--transparent)), linear-gradient(270deg, var(--dark-green), var(--transparent));
  mix-blend-mode: hard-light;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.about--heading-image {
  direction: rtl;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  place-items: flex-start end;
  width: 43%;
  position: relative;
}

.about-bott--content {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  max-width: 1450px;
  display: flex;
}

.about-bott--content.site-padding {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.description-container {
  width: 100%;
  padding: 2.5rem 5rem 3rem 3rem;
}

.map-contact-container {
  width: 100%;
  height: 100%;
  padding: 2.5rem 2rem 3rem 5rem;
  display: flex;
}

.fotter-background {
  z-index: 0;
  background-color: var(--20-dark-blue);
  align-items: flex-start;
  width: 100%;
  height: 23vh;
  display: flex;
}

.cta--section {
  z-index: 0;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 53vh;
  display: flex;
  position: relative;
}

.cta--container {
  background-color: var(--dark-blue);
  border-radius: .5rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 33vh;
  display: flex;
}

.cta--container-wrapper {
  flex-direction: row-reverse;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 43vh;
  display: flex;
}

.cta--container-wrapper.site-padding {
  height: 42vh;
  margin-bottom: 0;
}

.cta--content-text {
  direction: rtl;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  place-items: center end;
  width: 60%;
  height: 100%;
  display: flex;
}

.cta--heading-side-h1 {
  direction: rtl;
  color: var(--white);
  text-align: right;
  letter-spacing: .035rem;
  width: 100%;
  margin-top: 0;
  margin-bottom: .5rem;
  font-family: Noor, sans-serif;
  font-size: 1.7rem;
  font-style: normal;
  line-height: 2.5rem;
}

.cta--heading-image {
  direction: rtl;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-end;
  place-items: center end;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.cta-section-image {
  z-index: 1;
  object-fit: scale-down;
  max-width: none;
  max-height: 43vh;
  display: block;
  position: absolute;
}

.cta-description-text {
  direction: rtl;
  color: var(--white);
  text-align: right;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: .9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9em;
}

.cta-apointment {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 70%;
  height: 3.1rem;
  margin-top: 2rem;
  display: block;
}

.cta-section--wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between center;
  place-items: center end;
  width: 100%;
  max-width: 1450px;
  display: flex;
}

.link--anti_bird-service, .link--cleaning-service {
  text-decoration: none;
}

.anim-serv-1 {
  width: 100%;
  height: 100%;
  transform: perspective(1000px);
}

.link--pest_control-service, .link--gen_ser-service, .link--construction-service {
  text-decoration: none;
}

.anim-serv-2, .anim-serv-3, .anim-serv-4, .anim-serv-5 {
  width: 100%;
  height: 100%;
  transform: perspective(1000px);
}

.about-description-text {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: .9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9em;
}

.anim-about_point-1, .anim-about_point-2, .anim-about_point-3, .anim-article_thumb-1, .anim-article_thumb-2, .anim-article_thumb-3 {
  width: 100%;
  height: 100%;
}

.nav-logo-link {
  width: 100%;
  height: 100%;
  display: block;
}

.main--services {
  z-index: 0;
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-top: 65vh;
  display: flex;
  position: absolute;
}

.dark_header-serv_detail-container {
  grid-row-gap: 1.75vh;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.ser_point-img_con {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.ser_point-img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.dark_header-detail-header {
  direction: rtl;
  color: var(--blue);
  text-align: center;
  letter-spacing: .035rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
}

.service-type {
  grid-column-gap: 1.75vw;
  grid-row-gap: 1.75vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 23%;
}

.slide-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1450px;
  height: 100vh;
  display: flex;
  position: absolute;
}

.slide--mask {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 85vw;
  margin-top: 3vw;
  margin-bottom: 1vw;
  display: flex;
}

.sub_header-name {
  background-color: var(--light-green-blend);
  direction: rtl;
  color: var(--blue);
  text-align: right;
  white-space: nowrap;
  word-break: keep-all;
  margin-top: -1.25vw;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 6.5vw;
  font-weight: 300;
  line-height: 8.75vw;
  position: absolute;
}

.slider--cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 27vw;
  height: 6vh;
}

.static-cta-container {
  z-index: 1;
  align-items: center;
  width: 100%;
  max-width: 1450px;
  height: 8vh;
  margin-top: 85vh;
  margin-bottom: 7vh;
  display: flex;
  position: absolute;
}

.static-cta-container.site-padding {
  z-index: 2;
}

.static-cta-container.site-padding.top-mar-55 {
  margin-top: 55vh;
}

.hero--services {
  z-index: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
}

._2--slide-banner {
  background-color: var(--10-light-green);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.slide--background {
  z-index: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 3vh;
  padding-bottom: 3vh;
  padding-left: 3vw;
  display: flex;
  position: relative;
  inset: 0%;
}

.video_banner--container {
  align-items: flex-start;
  width: 60%;
  height: 100%;
  padding-top: 70px;
}

.side_video--empty {
  width: 40%;
  height: 100%;
  padding-top: 70px;
}

.video--background {
  width: 100%;
  height: 100%;
}

.slide-wapper {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

._1--slide-banner, ._3--slide-banner {
  background-color: var(--10-dark-blue);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

._4--slide-banner {
  background-color: var(--10-light-green);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

._5--slide-banner {
  background-color: var(--10-dark-blue);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.banner--body_text {
  direction: rtl;
  color: var(--dark-blue);
  text-align: right;
  width: 91%;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1.35vh;
  font-weight: 400;
  line-height: 2.5vh;
}

._1--sub_header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 10vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header_name {
  background-color: var(--blue-blend);
  direction: rtl;
  color: var(--white);
  text-align: right;
  white-space: nowrap;
  word-break: keep-all;
  margin-top: -2vw;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 10vw;
  font-weight: 700;
  line-height: 13.5vw;
  display: inline-block;
  position: absolute;
}

._1--header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._1--body {
  width: 37%;
}

._2--body {
  width: 33%;
}

._2--header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2--sub_header, ._3--sub_header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 10vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._3--header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._3--body {
  width: 37%;
}

._4--sub_header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 10vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._4--header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._4--body {
  width: 37%;
}

._5--sub_header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 10vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._5--header {
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  max-width: 90vw;
  height: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

._5--body {
  width: 37%;
}

.services_page {
  z-index: 0;
  background-color: var(--white);
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

._1_ac--service-a-style {
  z-index: 0;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.services_page--wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  place-items: center end;
  width: 100vw;
  display: flex;
}

.service_wrapper-a-style {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.service_background {
  z-index: 0;
  background-color: var(--black);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service--img_back {
  z-index: 0;
  opacity: .6;
  max-width: none;
  height: 110%;
  position: absolute;
}

.service-content-a-style {
  z-index: 1;
  flex-flow: column-reverse;
  align-items: flex-start;
  width: 100%;
  max-width: 1450px;
  height: 0;
  display: flex;
  position: relative;
}

.content--box {
  background-color: var(--10-dark-blue);
  flex-direction: column;
  align-content: space-between;
  align-items: center;
  width: 47vw;
  height: auto;
  padding: 5vh 3vw 7vh;
  display: flex;
  position: sticky;
  bottom: 0;
}

.content--box.is-back_light-green {
  flex-flow: column-reverse;
}

.mask--service--head {
  width: 100%;
  height: auto;
  display: flex;
}

.serv--head {
  direction: rtl;
  color: var(--white);
  text-align: right;
  margin-top: -1vh;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 5.5rem;
}

.mask--service--body {
  width: 90%;
  height: auto;
  display: flex;
}

.serv--body {
  direction: rtl;
  color: var(--white);
  text-align: right;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2em;
}

.box--wrapper {
  grid-row-gap: 6vh;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.top_content--box {
  grid-row-gap: 2.5vh;
  background-color: var(--transparent);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.bottom_content--box {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-color: var(--transparent);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
}

.service--cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 65%;
  height: 5.5vh;
}

.service-type-wrappe {
  grid-column-gap: 12%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.service-type-last {
  grid-column-gap: 1.75vw;
  grid-row-gap: 1.75vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 23%;
  display: none;
}

.a_2--detail-header {
  direction: rtl;
  color: var(--dark-blue);
  text-align: center;
  letter-spacing: .035rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
}

.a_2--serv_detail-container {
  grid-row-gap: 1.75vh;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.light--contact-button {
  background-color: var(--dark-blue);
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.light--contact-button:hover {
  background-color: var(--dark-green);
}

.image--box {
  flex-direction: column;
  place-content: space-between center;
  align-items: center;
  width: 45vw;
  height: 83vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service_background-b-style {
  z-index: 0;
  background-color: var(--10-dark-blue);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 100%;
  position: relative;
}

.service_background-b-style.margin-bot_4vh {
  margin-bottom: 4vh;
}

.service-content-b-style {
  z-index: 1;
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1450px;
  height: auto;
  display: flex;
  position: absolute;
}

.content--box-b-style {
  grid-row-gap: 7vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40vw;
  height: auto;
  margin-top: 5vh;
  display: flex;
}

.service--cta-b-style {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 65%;
  height: 5.5vh;
  display: none;
}

.light-contact--cta {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 45%;
  height: 5.5vh;
}

.service--img-b-style {
  z-index: 0;
  max-width: none;
  height: 110%;
  position: absolute;
}

.service--wrapper-b-style {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.archive {
  display: none;
}

.hero--home {
  z-index: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
}

.is-hero-hight_65 {
  height: 65vh;
}

.is-back_blue {
  background-color: var(--blue);
}

.is-back_light-green {
  background-color: var(--light-green);
}

.is-back_dark-green {
  background-color: var(--dark-green);
}

.is-back_10--green {
  background-color: var(--10-light-green);
}

.text-dark_blue {
  color: var(--dark-blue);
}

.text-blue {
  color: var(--blue);
}

.text-light_green {
  color: var(--light-green);
}

._2_pest_control--service-b-style, ._3_cleaning--service-a-style {
  z-index: 0;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.light_header-detail-header {
  direction: rtl;
  color: var(--white);
  text-align: center;
  letter-spacing: .035rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: .8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
}

.light_header-serv_detail-container {
  grid-row-gap: 1.75vh;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

._4_anti_bird--service-b-style, ._5_furniture--service-a-style, ._6_painting--service-b-style {
  z-index: 0;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.old-hero--section {
  z-index: 0;
  direction: rtl;
  flex-direction: row;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.service_page-banner {
  width: 100vw;
  height: 55vh;
}

.service-page-banner-wrapper {
  flex-flow: column;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.service_page-banner_image {
  z-index: 0;
  background-image: repeating-linear-gradient(180deg, var(--black), var(--blue));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.serv_pag--banner_img {
  opacity: .55;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.service_page--content {
  z-index: 1;
  grid-column-gap: .65vh;
  grid-row-gap: .65vh;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 1450px;
  height: 100%;
  margin-top: 80px;
  padding-top: 5vh;
  padding-bottom: 3vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page_service--head {
  width: 50%;
}

.page_service--body {
  width: 50%;
  display: block;
}

.page_serv--head_text {
  direction: rtl;
  color: #fff;
  text-align: right;
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 2.75vw;
  font-weight: 700;
  line-height: 4.5vw;
}

.page_serv--body_text {
  direction: rtl;
  color: #fff;
  text-align: right;
  width: 90%;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 2vw;
}

.footer-all_pages {
  z-index: 5;
  width: 100%;
}

.service_page-service {
  width: 100%;
}

.p_service_background {
  z-index: 0;
  background-color: var(--black);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 100%;
  padding-right: 15vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.p_service_wrapper-a-style {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-left: 5vh;
  display: flex;
  position: relative;
}

.p_service--img_back {
  z-index: 0;
  opacity: .6;
  max-width: none;
  height: 100%;
  position: absolute;
}

.footer--contact {
  z-index: 5;
  flex-flow: column-reverse;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.contact_page-banner {
  width: 100vw;
  height: 55vh;
}

.contact-details {
  z-index: 0;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100vw;
}

.contact--wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1450px;
  padding-top: 6vh;
  padding-bottom: 7.5vh;
  display: flex;
  position: relative;
}

.details-contanier {
  grid-row-gap: 9vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  display: flex;
}

.mask--contact--head {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.contact--head {
  direction: rtl;
  color: var(--blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 5.5rem;
}

.cta-contact-whatsapp {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 83%;
  height: 7vh;
}

.double-cta {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.light--call-button {
  background-color: var(--blue);
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.light--call-button:hover {
  background-color: var(--light-green);
}

.call--link {
  direction: rtl;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.icon-call {
  width: 1.35rem;
  max-width: none;
  height: 1.35rem;
}

.contact--sub_head {
  direction: rtl;
  color: var(--light-green);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.ad-service-section {
  width: 100%;
}

.ad-service {
  z-index: 0;
  background-color: var(--white);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100vw;
  height: auto;
}

.ad-service--wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.ad-service-content {
  z-index: 1;
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1450px;
  height: auto;
  padding-top: 70px;
  padding-bottom: 75px;
  display: flex;
}

.background-video-2 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: relative;
}

.cta-contact-call {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: flex-start end;
  width: 83%;
  height: 7vh;
  display: none;
}

.ad-content--box {
  grid-row-gap: 11vh;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 69vw;
  height: auto;
  display: flex;
}

.ad-image--box {
  z-index: 1;
  object-fit: cover;
  flex-direction: column;
  place-content: space-between center;
  align-items: center;
  width: 45vw;
  height: 83vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ad--serv--head-02 {
  direction: rtl;
  color: var(--blue);
  text-align: center;
  margin-top: -1vh;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 5.5rem;
}

.ad--serv--body {
  direction: rtl;
  color: var(--black);
  text-align: right;
  margin-bottom: 1.5rem;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2em;
}

.fotter-call-link {
  direction: rtl;
  text-decoration: none;
  display: block;
}

.fotter--mob_call {
  color: var(--blue);
  text-align: right;
  letter-spacing: .035rem;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: .9rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4rem;
  display: block;
}

.fotter--mob_call:hover {
  color: var(--light-green);
}

.ac-ad--img_back {
  z-index: 0;
  object-fit: cover;
  max-width: none;
  height: 100%;
  position: absolute;
}

.footer-ads {
  background-color: var(--10-dark-blue);
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 28vh;
  display: flex;
}

.ad-image--box-02 {
  z-index: 1;
  grid-column-gap: 2%;
  background-color: var(--dark-blue);
  object-fit: cover;
  flex-flow: row;
  place-content: space-between center;
  align-items: center;
  width: 100%;
  height: 48vh;
  margin-bottom: 2vh;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-whatsapp-ads-02 {
  width: 1.25rem;
  max-width: none;
  height: 1.25rem;
}

.ad-img-xx {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  display: inline-flex;
  overflow: visible;
}

.ad-img-small_boxes {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vh;
  display: flex;
  overflow: hidden;
}

.page-names-ads-02 {
  color: var(--white);
  text-align: center;
  letter-spacing: .035rem;
  white-space: nowrap;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Noor, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 70px;
}

.page-names-ads-02:hover {
  background-color: var(--light-green);
}

.ad-img-small_boxes-last {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vh;
  position: relative;
  overflow: hidden;
}

.ad--serv--sub_head-02 {
  direction: rtl;
  color: var(--light-green);
  text-align: center;
  margin-top: -1vh;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.7rem;
}

.ad-ser--box-02 {
  z-index: 1;
  grid-column-gap: 4vh;
  background-color: var(--transparent);
  object-fit: cover;
  flex-flow: row;
  place-content: space-between center;
  align-items: center;
  width: 85%;
  height: auto;
  margin-bottom: 2vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ad-service-name {
  direction: rtl;
  color: var(--white);
  text-align: right;
  mix-blend-mode: hard-light;
  background-color: #0000a5;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.8rem;
}

.ad-service-boxes-01 {
  background-image: url('../images/cleaning-2.webp');
  background-position: 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.ad-service-boxes-02 {
  background-image: url('../images/Cleaning-Small-1.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.ad-service-content-xx {
  z-index: 1;
  grid-column-gap: 4vh;
  grid-row-gap: 4vh;
  flex-flow: column-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1450px;
  height: auto;
  padding-bottom: 75px;
  display: flex;
}

.ad-service-boxes-03 {
  background-image: url('../images/Birds-Port-5.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.ad-service-boxes-04 {
  background-image: url('../images/Birds-Sq-1.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.ad-service-boxes-05 {
  background-image: url('../images/cleaning-1.webp');
  background-position: 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.ad-service-boxes-06 {
  background-image: url('../images/AC-Small-1.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.ad-service-boxes-02-bird {
  background-image: url('../images/Birds-Sq-7.webp');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.ad-service-boxes-01-bird {
  background-image: url('../images/Birds-Port-3.webp');
  background-position: 100%;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 65vh;
  padding: 2rem;
  display: flex;
}

.navbar-v2 {
  background-color: var(--10-light-green);
  opacity: .95;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  display: flex;
}

.navbar-v2.site-padding {
  z-index: 20;
  background-color: var(--blue);
  position: fixed;
  box-shadow: 0 1px 5px #0000001a;
}

.nav-contact-v2 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 100%;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
}

.contact-button-v2 {
  background-color: var(--light-green);
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.contact-button-v2:hover {
  background-color: var(--dark-green);
}

.slider {
  background-color: var(--transparent);
  box-shadow: 0 0 9px 0 var(--black);
  border-radius: 1.5rem;
  width: 991px;
  height: 750px;
  overflow: hidden;
}

.slider-wrapping {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.slide-img {
  width: 100%;
  max-width: none;
}

.slide-2 {
  position: absolute;
  right: -991px;
}

.div-block-2 {
  display: none;
}

.slide-3 {
  position: absolute;
  right: -1982px;
}

.slide-nav {
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
}

.shop-body {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 85px;
  display: flex;
}

.slide-img-con {
  justify-content: center;
  align-items: center;
  display: flex;
}

.silder-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.shop-content {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  border-top: 1px solid #000;
  border-radius: 1px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 3.5rem;
  display: flex;
}

.shop-title-container {
  width: 60%;
}

.title-name {
  direction: rtl;
  color: var(--blue);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 5.5rem;
}

.title-name.color {
  color: var(--blue);
}

.title-name.color.xx {
  color: var(--light-green);
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
}

.title-name.color.qq {
  color: var(--black);
}

.shop-price-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 40%;
  display: flex;
}

.shop-description-text {
  direction: rtl;
  color: var(--black);
  text-align: right;
  width: 65%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.description {
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: .5rem;
  display: flex;
}

.shop-sub-title {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 2rem;
  display: flex;
}

.shop-sub {
  direction: rtl;
  color: var(--blue);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.5rem;
}

.shop-double-cta {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row-reverse;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 3rem;
  margin-bottom: 2rem;
  display: flex;
}

.title-price {
  direction: rtl;
  color: var(--dark-blue);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 3.15rem;
  font-weight: 700;
  line-height: 5.5rem;
}

.title-price.color, .title-price.r {
  color: var(--blue);
}

.content-container {
  flex-flow: column;
  width: 991px;
  display: flex;
}

.shop-instlation {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 2rem;
  display: flex;
}

.shop-sub-instlation {
  direction: rtl;
  color: var(--dark-green);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Sans Arabic, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.5rem;
}

.antibird-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.title-price-note {
  direction: rtl;
  color: #ff0303;
  text-align: left;
  margin-top: .5rem;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.title-price-note.color {
  color: var(--blue);
}

.slide-4 {
  position: absolute;
  right: -2973px;
}

.antibird-work {
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.work-img-con {
  width: 49%;
  height: auto;
  overflow: hidden;
}

.title-price-old {
  direction: rtl;
  color: var(--dark-green);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noor, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 3rem;
  text-decoration: line-through;
}

.title-price-old.color {
  color: var(--blue);
}

@media screen and (min-width: 1920px) {
  .service--component {
    width: 100%;
  }

  .service--img {
    margin-bottom: .25rem;
  }

  .project--info {
    margin-bottom: 0;
  }

  .service-name {
    font-size: 1.4rem;
  }

  .service-brief {
    font-size: 1rem;
    line-height: 1.6em;
  }

  .site-padding {
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .services--wrapper {
    grid-row-gap: 7rem;
  }

  .heading-h1 {
    font-size: 2.1rem;
    line-height: 2.9rem;
  }

  .sub_heading {
    font-size: 1.2rem;
    display: block;
  }

  .hero--section_wrapper {
    grid-row-gap: 7rem;
  }

  .hero--heading {
    grid-row-gap: 7rem;
    margin-bottom: 3rem;
  }

  .hero--heading_h1 {
    font-size: 3.8rem;
    line-height: 5.7rem;
  }

  .hero--sub_heading {
    width: 85%;
    margin-top: .35rem;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 1.9em;
  }

  .hero--cta {
    grid-row-gap: 7rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .hero--logo {
    grid-row-gap: 7rem;
    margin-bottom: 3rem;
  }

  .nav-brand {
    height: 80px;
  }

  .nav--menu {
    background-color: var(--transparent);
  }

  .content--menu {
    background-color: var(--transparent);
    height: 80px;
  }

  .home-link, .p-n-container {
    background-color: var(--transparent);
  }

  .contact-name {
    font-size: 1.3rem;
  }

  .icon-whatsapp {
    width: 1.5rem;
    height: 1.5rem;
  }

  .services-imp--wrapper {
    grid-row-gap: 7rem;
    width: 100%;
  }

  .about-top-content {
    grid-row-gap: 7rem;
  }

  .about-top-content.site-padding {
    height: 23vh;
  }

  .about--heading {
    grid-row-gap: 7rem;
  }

  .heading-side-h1 {
    font-size: 2.1rem;
    line-height: 3rem;
  }

  .fotter-description-text {
    padding-left: 5rem;
    font-size: 1.1rem;
  }

  .about--points-container {
    grid-row-gap: 7rem;
  }

  .point-header {
    font-size: 1.3rem;
  }

  .point-body-text {
    font-size: 1rem;
    line-height: 1.9em;
  }

  .about--cta {
    grid-row-gap: 7rem;
    margin-top: 3rem;
  }

  .articles--thumbnail {
    border-radius: .3rem;
    width: 100%;
  }

  .article-name {
    font-size: 1.4rem;
    line-height: 1.5em;
  }

  .article-brief, .more {
    font-size: .9rem;
  }

  .more-articles--cta, .fotter-light_background {
    grid-row-gap: 7rem;
  }

  .fotter-head {
    font-size: 1.2rem;
    line-height: 27px;
  }

  .fotter--names {
    color: var(--dark-blue);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.1rem;
  }

  .fotter--names:hover {
    color: var(--light-green);
  }

  .fotter--copyrights {
    height: 3vh;
  }

  .copyrights-text {
    text-align: center;
  }

  .background-video {
    bottom: 0;
    left: 0;
  }

  .section_forground, .about--heading-image {
    grid-row-gap: 7rem;
  }

  .cta--container {
    height: 37vh;
  }

  .cta--container-wrapper {
    grid-row-gap: 7rem;
  }

  .cta--container-wrapper.site-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .cta--content-text.site-padding {
    padding-left: 5rem;
    padding-right: 4rem;
  }

  .cta--heading-side-h1 {
    font-size: 2rem;
    line-height: 3.5rem;
  }

  .cta--heading-image {
    grid-row-gap: 7rem;
  }

  .cta-section-image {
    height: 45vh;
  }

  .cta-description-text {
    width: 100%;
    margin-top: .35rem;
    margin-bottom: .5rem;
    font-size: 1.2rem;
    line-height: 1.9em;
  }

  .cta-apointment {
    grid-row-gap: 7rem;
    margin-top: 3rem;
  }

  .about-description-text {
    width: 95%;
    font-size: 1rem;
    line-height: 2em;
  }

  .ser_point-img {
    max-width: 81%;
  }

  .dark_header-detail-header {
    font-size: 1.1rem;
    line-height: 2rem;
  }

  .slide-content.site-padding {
    padding-right: 0;
  }

  .slide--mask {
    width: 77vw;
    max-width: 77vw;
  }

  .sub_header-name {
    font-size: 5.5vw;
    line-height: 8vw;
  }

  .slider--cta {
    grid-row-gap: 7rem;
  }

  .static-cta-container.site-padding {
    padding-right: 0;
  }

  .video_banner--container, .side_video--empty {
    width: 50%;
  }

  .banner--body_text {
    width: 87%;
  }

  ._1--sub_header {
    width: 75vw;
    max-width: 80vw;
    height: 9vw;
  }

  .header_name {
    font-size: 9vw;
    line-height: 12.5vw;
  }

  ._1--header {
    width: 75vw;
    max-width: 80vw;
    height: 13vw;
  }

  ._1--body, ._2--body {
    width: 38%;
  }

  ._2--header, ._2--sub_header, ._3--sub_header, ._3--header {
    width: 75vw;
    max-width: 80vw;
  }

  ._3--body {
    width: 38%;
  }

  ._4--sub_header, ._4--header {
    width: 75vw;
    max-width: 80vw;
  }

  ._4--body {
    width: 38%;
  }

  ._5--sub_header, ._5--header {
    width: 75vw;
    max-width: 80vw;
  }

  ._5--body {
    width: 38%;
  }

  ._1_ac--service-a-style {
    grid-row-gap: 7rem;
  }

  .service_background {
    flex-flow: row-reverse;
  }

  .service-content-a-style.site-padding {
    padding-right: 0;
  }

  .content--box {
    width: 59%;
    margin-right: -13vw;
  }

  .mask--service--head {
    width: 90%;
  }

  .serv--head {
    font-size: 4.9rem;
    line-height: 6.8rem;
  }

  .serv--body {
    width: 100%;
    font-size: 1.3rem;
    line-height: 2.2em;
  }

  .top_content--box {
    grid-row-gap: 3.5vh;
  }

  .service--cta {
    grid-row-gap: 7rem;
    margin-top: 3rem;
  }

  .a_2--detail-header {
    font-size: 1.1rem;
    line-height: 2rem;
  }

  .image--box {
    width: 59%;
    margin-right: -13vw;
  }

  .service_background-b-style {
    flex-flow: row-reverse;
  }

  .service-content-b-style.site-padding {
    padding-right: 0;
  }

  .service--cta-b-style, .light-contact--cta {
    grid-row-gap: 7rem;
    margin-top: 3rem;
  }

  ._2_pest_control--service-b-style, ._3_cleaning--service-a-style {
    grid-row-gap: 7rem;
  }

  .light_header-detail-header {
    font-size: 1.1rem;
    line-height: 2rem;
  }

  ._4_anti_bird--service-b-style, ._5_furniture--service-a-style, ._6_painting--service-b-style {
    grid-row-gap: 7rem;
  }

  .service_page--content.site-padding {
    padding-right: 0;
  }

  .page_service--head {
    width: 90%;
  }

  .page_serv--head_text {
    font-size: 4.9rem;
    line-height: 6.8rem;
  }

  .page_serv--body_text {
    width: 100%;
    font-size: 1.3rem;
    line-height: 2.2em;
  }

  .p_service_background {
    flex-flow: row-reverse;
  }

  .contact-details {
    grid-row-gap: 7rem;
  }

  .mask--contact--head {
    width: 90%;
  }

  .contact--head {
    font-size: 4.9rem;
    line-height: 6.8rem;
  }

  .cta-contact-whatsapp {
    grid-row-gap: 7rem;
    margin-top: 3rem;
  }

  .icon-call {
    width: 1.5rem;
    height: 1.5rem;
  }

  .contact--sub_head {
    font-size: 4.9rem;
    line-height: 6.8rem;
  }

  .ad-service {
    grid-row-gap: 7rem;
  }

  .cta-contact-call {
    grid-row-gap: 7rem;
    margin-top: 3rem;
  }

  .ad-image--box {
    width: 59%;
    margin-right: -13vw;
  }

  .ad--serv--head-02 {
    font-size: 4.9rem;
    line-height: 6.8rem;
  }

  .ad--serv--body {
    width: 100%;
    font-size: 1.3rem;
    line-height: 2.2em;
  }

  .fotter--mob_call {
    color: var(--dark-blue);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.1rem;
  }

  .fotter--mob_call:hover {
    color: var(--light-green);
  }

  .ad-image--box-02 {
    width: 59%;
    margin-right: -13vw;
  }

  .icon-whatsapp-ads-02 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .page-names-ads-02 {
    padding-left: 33px;
    padding-right: 33px;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 80px;
  }

  .ad--serv--sub_head-02 {
    font-size: 4.9rem;
    line-height: 6.8rem;
  }

  .ad-ser--box-02 {
    width: 59%;
    margin-right: -13vw;
  }

  .ad-service-name {
    font-size: 9vw;
    line-height: 12.5vw;
  }

  .navbar-v2.site-padding {
    height: 80px;
    padding-left: 0;
    padding-right: 0;
  }

  .title-name, .shop-description-text, .shop-sub, .title-price, .shop-sub-instlation, .title-price-note, .title-price-old {
    font-size: 4.9rem;
    line-height: 6.8rem;
  }
}

@media screen and (max-width: 991px) {
  .services--section {
    padding-bottom: 4rem;
  }

  .section--wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    margin-top: 3.5rem;
  }

  .service--component {
    width: 100%;
    margin-bottom: 0;
  }

  .service-image {
    aspect-ratio: 3 / 2;
  }

  .service-name {
    color: var(--dark-green);
  }

  .service-brief {
    color: var(--black);
    width: 100%;
    margin-top: 1rem;
  }

  .site-padding {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .services--wrapper {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: space-between;
  }

  .section--heading {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
  }

  .heading-h1 {
    text-align: center;
    font-size: 1.5rem;
  }

  .sub_heading {
    color: var(--dark-blue);
    flex-direction: row;
    margin-bottom: .25rem;
    font-size: 1rem;
    line-height: 1.2em;
  }

  .hero--section_wrapper {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .hero--heading {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 75%;
    margin-bottom: 1.25rem;
  }

  .hero--heading_h1 {
    width: 100%;
  }

  .hero--sub_heading {
    width: 75%;
    margin-top: 1rem;
    margin-bottom: .4rem;
  }

  .hero--cta {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 35%;
    margin-bottom: 1.25rem;
  }

  .hero--logo {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .nav--menu {
    display: block;
  }

  .nav--menu-wrapper {
    padding-right: 0;
    position: relative;
  }

  .triger--dropmenu {
    background-color: var(--light-green);
    display: block;
  }

  .triger--dropmenu:hover {
    background-color: var(--40-light-green);
  }

  .content--menu {
    z-index: 100;
    background-color: var(--transparent);
    width: 75px;
    height: 0;
    display: block;
    position: absolute;
    overflow: hidden;
  }

  .home-link {
    background-color: var(--transparent);
  }

  .p-n-container {
    background-color: var(--10-light-green);
  }

  .services-link, .articles-link, .contact-link {
    background-color: var(--transparent);
  }

  .contact-name {
    letter-spacing: .05rem;
    font-size: 1.25rem;
  }

  .nav-main {
    flex-direction: row-reverse;
  }

  .dropmenu-icon {
    color: var(--dark-blue);
  }

  .services-imp--wrapper {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .section-image {
    height: 47vh;
  }

  .about-top-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    margin-bottom: 1.3rem;
  }

  .about--heading {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .heading-side-h1 {
    text-align: right;
    width: 87%;
    font-size: 1.3rem;
    line-height: 2.1rem;
  }

  .fotter-description-text {
    width: 100%;
    margin-top: 1.25rem;
    font-size: .9rem;
    line-height: 1.9em;
  }

  .about--points-container {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .about-points {
    margin-bottom: 1.5rem;
  }

  .point-head {
    height: 1.7rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .point-header {
    text-align: center;
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .point-body-text {
    width: 95%;
    margin-top: .5rem;
    font-size: .8rem;
    line-height: 1.8em;
  }

  .point-icon-image {
    width: 1.7rem;
    height: 1.7rem;
  }

  .about--cta {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 55%;
    height: 3rem;
    margin-top: 1.5rem;
  }

  .about-bott--wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .articles-gen--wrapper {
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: space-between;
  }

  .articles--thumbnail {
    width: 100%;
    margin-bottom: 0;
  }

  .article-image {
    aspect-ratio: 2;
  }

  .article--description {
    padding-top: 1rem;
  }

  .article-brief {
    width: 100%;
    margin-top: .5rem;
  }

  .more {
    margin-top: 1rem;
    display: inline-block;
  }

  .more-articles--cta {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 55%;
    height: 3rem;
  }

  .footer {
    height: 25vh;
  }

  .fotter-light_background {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 53%;
    height: 100%;
  }

  .fotter-dark_background {
    grid-row-gap: .5rem;
    width: 47%;
  }

  .fotter-description {
    width: 100%;
  }

  .fotter-sitemap {
    grid-row-gap: 1rem;
    width: 63%;
  }

  .fotter--names {
    text-align: right;
    font-weight: 400;
    line-height: 1.5rem;
  }

  .fotter--names:hover {
    color: var(--light-green);
  }

  .fotter-contact {
    grid-row-gap: 1rem;
    width: 35%;
  }

  .sm-icon {
    width: 21px;
    height: 21px;
  }

  .fotter--copyrights {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    height: 4vh;
  }

  .copyrights-text {
    text-align: center;
    letter-spacing: .02rem;
    width: 100%;
    font-size: .7rem;
    line-height: 1.8em;
    display: block;
  }

  .section_forground, .about--heading-image {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .description-container, .map-contact-container {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .fotter-background {
    height: 21vh;
  }

  .cta--section {
    padding-top: 2.5rem;
  }

  .cta--container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    height: 35vh;
  }

  .cta--container-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    height: 40vh;
  }

  .cta--container-wrapper.site-padding {
    height: 40vh;
  }

  .cta--content-text {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .cta--content-text.site-padding {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 50%;
  }

  .cta--heading-side-h1 {
    font-size: 1.5rem;
  }

  .cta--heading-image {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .cta-apointment {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 71%;
    height: 3.2rem;
  }

  .cta-section--wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .about-description-text {
    width: 87%;
    margin-top: 1.25rem;
    font-size: .9rem;
    line-height: 1.9em;
  }

  .ser_point-img {
    max-width: 65%;
  }

  .dark_header-detail-header {
    font-size: .65rem;
    line-height: 1.15rem;
  }

  .service-type {
    width: 29%;
  }

  .slide--mask {
    margin-top: 1vw;
  }

  .slider--cta {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 32.5vw;
  }

  .slide--background {
    padding-left: 5vw;
  }

  .video_banner--container {
    width: 57%;
  }

  .banner--body_text {
    font-size: .9rem;
    line-height: 2em;
  }

  ._1--body, ._2--body, ._3--body, ._4--body, ._5--body {
    width: 33vw;
  }

  ._1_ac--service-a-style {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .services_page--wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .service_wrapper-a-style {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .service_background {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 50%;
  }

  .service--img_back {
    height: 150%;
  }

  .service-content-a-style {
    margin-top: 50vh;
  }

  .content--box {
    width: 90%;
    padding-top: 5.5vh;
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .mask--service--head {
    width: 100%;
  }

  .serv--head {
    margin-top: -1.5vh;
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .mask--service--body {
    width: 100%;
  }

  .serv--body {
    line-height: 2.1em;
  }

  .box--wrapper {
    grid-row-gap: 6vh;
  }

  .top_content--box {
    grid-row-gap: 2vh;
    justify-content: flex-start;
    align-items: center;
  }

  .bottom_content--box {
    grid-column-gap: 3vh;
    grid-row-gap: 3vh;
  }

  .service--cta {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 55%;
    height: 3rem;
    margin-top: 1.5rem;
  }

  .service-type-wrappe {
    justify-content: center;
    align-items: flex-start;
  }

  .service-type-last {
    width: 29%;
    display: none;
  }

  .a_2--detail-header {
    font-size: .65rem;
    line-height: 1.15rem;
  }

  .light--contact-button {
    background-color: var(--light-green);
  }

  .image--box {
    width: 100%;
    height: 49vh;
    margin-top: -5vh;
  }

  .service_background-b-style {
    width: 100%;
    height: 100%;
  }

  .service-content-b-style {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
  }

  .content--box-b-style {
    z-index: 1;
    grid-row-gap: 4vh;
    width: 90vw;
    height: 45.5vh;
    margin-top: 7vh;
    position: relative;
  }

  .service--cta-b-style {
    z-index: 1;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 55%;
    height: 3.7rem;
    margin-top: 5vw;
    margin-right: 5vw;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .light-contact--cta {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 55%;
    height: 3rem;
    margin-top: 1.5rem;
    display: none;
  }

  .service--img-b-style {
    height: 130%;
    transform: translate(0);
  }

  .service--wrapper-b-style {
    justify-content: flex-start;
    align-items: center;
  }

  ._2_pest_control--service-b-style, ._3_cleaning--service-a-style {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .light_header-detail-header {
    font-size: .65rem;
    line-height: 1.15rem;
  }

  ._4_anti_bird--service-b-style, ._5_furniture--service-a-style, ._6_painting--service-b-style {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .page_service--head, .page_service--body {
    width: 75%;
  }

  .page_serv--head_text {
    font-size: 4vw;
    line-height: 6vw;
  }

  .page_serv--body_text {
    font-size: 2vw;
    line-height: 3vw;
  }

  .p_service_background {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 50%;
  }

  .p_service_wrapper-a-style {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .p_service--img_back {
    height: 150%;
  }

  .contact-details {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .contact--wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .details-contanier {
    z-index: 1;
    grid-row-gap: 4vh;
    width: 90vw;
    position: relative;
  }

  .mask--contact--head {
    width: 100%;
  }

  .contact--head {
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .cta-contact-whatsapp {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 55%;
    height: 4.5rem;
  }

  .light--call-button {
    width: 100%;
  }

  .contact--sub_head {
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .ad-service {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
  }

  .cta-contact-call {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: space-between;
    width: 55%;
    height: 4.5rem;
    display: block;
  }

  .ad-content--box {
    z-index: 1;
    grid-row-gap: 7vh;
    width: 90vw;
  }

  .ad-image--box {
    width: 100%;
    height: 33vh;
  }

  .ad--serv--head-02 {
    color: var(--blue);
    text-align: center;
    margin-bottom: 3vh;
    font-size: 4.1rem;
    line-height: 5.5rem;
  }

  .ad--serv--body {
    color: var(--black);
    text-align: center;
    width: 90%;
    line-height: 2.1em;
  }

  .fotter--mob_call {
    text-align: right;
    line-height: 1.5rem;
  }

  .fotter--mob_call:hover {
    color: var(--light-green);
  }

  .ac-ad--img_back {
    height: 150%;
  }

  .footer-ads {
    height: 25vh;
  }

  .ad-image--box-02 {
    flex-flow: row;
  }

  .page-names-ads-02 {
    color: var(--dark-blue);
    text-align: right;
    font-weight: 400;
    line-height: 80px;
  }

  .ad--serv--sub_head-02 {
    width: 90%;
    margin-bottom: 3vh;
    font-size: 2.4rem;
    line-height: 3.7rem;
  }

  .ad-ser--box-02 {
    flex-flow: row;
  }

  .ad-service-name {
    font-size: 2rem;
    line-height: 3.5rem;
  }

  .slider {
    border-radius: 1rem;
    width: 708px;
  }

  .s2-img, .slide-img {
    max-width: none;
    height: 750px;
  }

  .slide-2 {
    right: -708px;
  }

  .slide-3 {
    right: -1416px;
  }

  .s3-img {
    max-width: none;
    height: 750px;
  }

  .shop-body {
    padding-top: 70px;
  }

  .slide-img-con {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .shop-title-container {
    width: 55%;
  }

  .title-name {
    color: var(--blue);
    text-align: right;
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 5.5rem;
  }

  .title-name.color {
    text-align: right;
    margin-bottom: 0;
    font-size: 2.75rem;
  }

  .title-name.color.xx {
    font-size: 2.5rem;
  }

  .shop-price-container {
    width: 43%;
  }

  .shop-description-text {
    width: 100%;
    font-size: 1.25rem;
    line-height: 2.25rem;
  }

  .description {
    grid-row-gap: 1rem;
  }

  .shop-sub-title {
    margin-top: 2.5rem;
  }

  .shop-sub {
    font-size: 1.55rem;
    line-height: 2.5rem;
  }

  .shop-double-cta {
    margin-top: 4rem;
    margin-bottom: 2rem;
  }

  .title-price {
    text-align: left;
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 5.5rem;
  }

  .title-price.color {
    text-align: right;
    margin-bottom: 0;
    font-size: 3rem;
  }

  .content-container {
    width: 708px;
  }

  .shop-instlation {
    margin-top: .5rem;
  }

  .shop-sub-instlation {
    width: 100%;
    font-size: 1.35rem;
  }

  .title-price-note {
    text-align: left;
    margin-top: .25rem;
    margin-bottom: 0;
  }

  .title-price-note.color {
    text-align: right;
    margin-bottom: 0;
    font-size: 3rem;
  }

  .slide-4 {
    right: -2124px;
  }

  .title-price-old {
    text-align: left;
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 3.5rem;
  }

  .title-price-old.color {
    text-align: right;
    margin-bottom: 0;
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .section--wrapper {
    align-content: space-between;
  }

  .service--component {
    width: 100%;
    margin-bottom: 0;
  }

  .service-image {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .site-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .services--wrapper {
    grid-row-gap: 1.5rem;
    align-content: space-between;
  }

  .section--heading {
    align-content: space-between;
    margin-bottom: 1.5rem;
  }

  .heading-h1 {
    font-size: 1.3rem;
  }

  .sub_heading {
    margin-top: 0;
  }

  .hero--section_wrapper {
    flex-flow: column wrap;
    place-content: center flex-start;
    align-items: center;
    margin-top: 3rem;
    display: flex;
  }

  .hero--heading {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 90%;
    margin-bottom: .75rem;
    display: flex;
  }

  .hero--heading_h1 {
    text-align: center;
    margin-bottom: .5rem;
    font-size: 3.5rem;
  }

  .hero--sub_heading {
    text-align: center;
    width: 90%;
    font-size: 1.2rem;
    line-height: 1.8em;
  }

  .hero--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 55%;
    margin-top: 1rem;
    margin-bottom: 0;
    display: flex;
  }

  .nav-logo {
    flex: none;
    max-width: 100px;
    height: auto;
    display: block;
  }

  .hero--logo {
    align-content: space-between;
    margin-bottom: 0;
    display: flex;
  }

  .hero-logo-in {
    flex: none;
    height: 2.9rem;
    display: block;
  }

  .nav-brand {
    flex: none;
    max-width: 100px;
    height: auto;
    display: block;
  }

  .nav--menu-wrapper {
    padding-right: 0;
  }

  .content--menu {
    width: 75%;
  }

  .contact-button {
    background-color: var(--blue);
    width: 100%;
  }

  .contact-button:hover {
    background-color: var(--light-green);
  }

  .contact-name {
    font-size: 1.3rem;
  }

  .services-imp--wrapper {
    grid-row-gap: 1.5rem;
    align-content: space-between;
  }

  .section-image {
    aspect-ratio: 1;
    height: 28vh;
  }

  .about-top-content {
    grid-row-gap: 0rem;
    align-content: space-between;
    margin-bottom: 1rem;
  }

  .about-top-content.site-padding {
    margin-bottom: 2.5rem;
  }

  .about--heading {
    grid-row-gap: 1.5rem;
    align-content: space-between;
  }

  .heading-side-h1 {
    font-size: 1.3rem;
  }

  .fotter-description-text {
    text-align: right;
    width: 95%;
    margin-top: 0;
    font-size: .75rem;
    line-height: 1.6em;
  }

  .about--points-container {
    grid-row-gap: 1.5rem;
    align-content: space-between;
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 1.5rem;
  }

  .point-head {
    height: 1.6rem;
  }

  .point-header {
    font-size: 1rem;
    font-weight: 300;
  }

  .point-body-text {
    text-align: right;
    width: 90%;
    margin-top: 1rem;
    font-size: .8rem;
    line-height: 1.4em;
  }

  .point-icon-image {
    width: 1.6rem;
    height: 1.6rem;
  }

  .about--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 45%;
    margin-top: 2rem;
    display: flex;
  }

  .about-bott--wrapper {
    grid-row-gap: 1.5rem;
    align-content: space-between;
    padding-bottom: 2rem;
  }

  .about--points {
    margin-top: 2rem;
  }

  .articles_gen--section {
    padding-bottom: 3.5rem;
  }

  .articles-gen--wrapper {
    grid-row-gap: 1.5rem;
    align-content: space-between;
  }

  .articles--thumbnail {
    width: 100%;
    margin-bottom: 0;
  }

  .article-image {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .article--description {
    padding-top: 1rem;
    padding-left: 1rem;
  }

  .article-name {
    font-size: 1rem;
  }

  .article-brief {
    margin-top: .5rem;
  }

  .more-articles--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 45%;
    height: 3.5rem;
    display: flex;
  }

  .article-cta {
    width: 100%;
  }

  .article-cta--link {
    display: block;
  }

  .article-button-name {
    font-size: 1rem;
  }

  .footer {
    height: auto;
  }

  .fotter-light_background {
    grid-row-gap: 0rem;
    align-content: space-between;
    width: 100%;
    height: 12vh;
  }

  .fotter-dark_background {
    width: 100%;
    height: 9vh;
  }

  .fotter-logo {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 40%;
    display: flex;
  }

  .fotter-description {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .fotter-sitemap {
    display: none;
  }

  .fotter-head {
    width: 100%;
  }

  .fotter-pages {
    grid-row-gap: .5rem;
  }

  .fotter--names {
    width: 90%;
    line-height: 1.4rem;
  }

  .fotter-contact {
    grid-row-gap: 1rem;
    width: 100%;
  }

  .fotter-contact-names {
    flex-flow: row;
  }

  .sm-icon {
    width: 21px;
    height: 21px;
  }

  .sm-links-sec {
    justify-content: flex-end;
    align-items: center;
    width: 47%;
  }

  .fotter--copyrights {
    align-content: space-between;
  }

  .copyrights-text {
    text-align: center;
    letter-spacing: .015rem;
    width: 100%;
    font-size: .7rem;
    line-height: 1.8em;
  }

  .section_forground {
    flex-flow: column wrap;
    place-content: center flex-start;
    align-items: center;
    display: flex;
  }

  .about--heading-image {
    grid-row-gap: 1.5rem;
    align-content: space-between;
  }

  .about-bott--content {
    flex-flow: wrap;
    align-content: flex-start;
  }

  .description-container {
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
  }

  .map-contact-container {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .fotter-background {
    height: auto;
    display: block;
  }

  .cta--container {
    align-content: space-between;
    height: 27vh;
  }

  .cta--container-wrapper {
    align-content: space-between;
    height: auto;
  }

  .cta--content-text {
    grid-row-gap: 1.5rem;
    align-content: space-between;
  }

  .cta--content-text.site-padding {
    z-index: 1;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
  }

  .cta--heading-side-h1 {
    background-color: var(--blue-blend);
    text-align: right;
    margin-bottom: .75rem;
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .cta--heading-image {
    z-index: 0;
    align-content: space-between;
  }

  .cta-section-image {
    aspect-ratio: 1;
    min-width: 90%;
    height: auto;
    margin-left: 225px;
  }

  .cta-description-text {
    background-color: var(--blue-blend);
    text-align: right;
    width: 100%;
    font-size: .9rem;
    line-height: 1.8em;
  }

  .cta-apointment {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 1.5rem;
    display: flex;
  }

  .cta-section--wrapper {
    align-content: space-between;
  }

  .about-description-text {
    text-align: right;
    width: 100%;
    font-size: .8rem;
    line-height: 1.8em;
  }

  .ser_point-img {
    max-width: 71%;
  }

  .ser_point-head {
    align-items: flex-end;
  }

  .dark_header-detail-header {
    font-size: .6rem;
    line-height: 1.1rem;
  }

  .service-type {
    width: 33%;
  }

  .slide--mask {
    margin-top: 2vw;
  }

  .sub_header-name {
    font-size: 8vw;
    line-height: 10.75vw;
  }

  .slider--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 63vw;
  }

  .video_banner--container {
    width: 75%;
  }

  .banner--body_text {
    mix-blend-mode: multiply;
  }

  ._1--sub_header {
    height: 13vw;
  }

  .header_name {
    font-size: 13vw;
    line-height: 17.25vw;
  }

  ._1--header {
    height: 21vw;
  }

  ._1--body, ._2--body {
    width: 80%;
  }

  ._2--header {
    height: 21vw;
  }

  ._2--sub_header, ._3--sub_header {
    height: 13vw;
  }

  ._3--header {
    height: 21vw;
  }

  ._3--body {
    width: 80%;
  }

  ._4--sub_header {
    height: 13vw;
  }

  ._4--header {
    height: 21vw;
  }

  ._4--body {
    width: 80%;
  }

  ._5--sub_header {
    height: 13vw;
  }

  ._5--header {
    height: 21vw;
  }

  ._5--body {
    width: 80%;
  }

  ._1_ac--service-a-style {
    grid-row-gap: 0rem;
    align-content: space-between;
  }

  .services_page--wrapper {
    align-content: space-between;
  }

  .mask--service--head {
    width: 100%;
  }

  .serv--head {
    font-size: 3.4rem;
    line-height: 4.8rem;
  }

  .mask--service--body {
    width: 100%;
  }

  .serv--body {
    font-size: .9rem;
  }

  .top_content--box {
    grid-row-gap: 2vh;
  }

  .service--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 75%;
  }

  .service-type-last {
    width: 31%;
  }

  .a_2--detail-header {
    font-size: .6rem;
    line-height: 1.1rem;
  }

  .light--contact-button {
    width: 100%;
  }

  .light--contact-button:hover {
    background-color: var(--dark-green);
  }

  .image--box {
    height: 47vh;
    margin-top: 0;
    margin-bottom: 4vh;
  }

  .content--box-b-style {
    height: 43vh;
    margin-top: 6vh;
  }

  .service--cta-b-style, .light-contact--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 75%;
  }

  ._2_pest_control--service-b-style, ._3_cleaning--service-a-style {
    grid-row-gap: 0rem;
    align-content: space-between;
  }

  .light_header-detail-header {
    font-size: .6rem;
    line-height: 1.1rem;
  }

  ._4_anti_bird--service-b-style, ._5_furniture--service-a-style, ._6_painting--service-b-style {
    grid-row-gap: 0rem;
    align-content: space-between;
  }

  .page_service--head, .page_service--body {
    width: 100%;
  }

  .page_serv--head_text {
    font-size: 5.5vw;
    line-height: 9vw;
  }

  .page_serv--body_text {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .contact-details {
    grid-row-gap: 0rem;
    align-content: space-between;
  }

  .mask--contact--head {
    width: 100%;
  }

  .contact--head {
    font-size: 3.1rem;
    line-height: 4.5rem;
  }

  .cta-contact-whatsapp {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 75%;
  }

  .light--call-button {
    background-color: var(--blue);
    width: 100%;
  }

  .light--call-button:hover {
    background-color: var(--light-green);
  }

  .contact--sub_head {
    font-size: 2.1rem;
    line-height: 3.4rem;
  }

  .ad-service {
    grid-row-gap: 0rem;
    align-content: space-between;
  }

  .cta-contact-call {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    width: 75%;
  }

  .ad-content--box {
    grid-row-gap: 6vh;
  }

  .ad-image--box {
    height: 33vh;
    margin-top: 0;
    margin-bottom: 2vh;
  }

  .ad--serv--head-02 {
    width: 100%;
    font-size: 3.3rem;
    line-height: 4.8rem;
  }

  .ad--serv--body {
    width: 100%;
    margin-bottom: 1rem;
    font-size: .9rem;
  }

  .fotter-call-link {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 47%;
    display: flex;
  }

  .fotter--mob_call {
    width: 90%;
    line-height: 1.4rem;
  }

  .footer-ads {
    height: auto;
  }

  .ad-image--box-02 {
    background-color: var(--dark-blue);
    height: 48vh;
    margin-bottom: 2vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .icon-whatsapp-ads-02 {
    width: 2rem;
    height: 2rem;
  }

  .ad-img-xx {
    max-width: none;
    height: 100%;
  }

  .ad-img-small_boxes {
    height: 40vh;
  }

  .page-names-ads-02 {
    color: var(--dark-blue);
  }

  .ad-img-small_boxes-last {
    height: 40vh;
    display: none;
  }

  .ad--serv--sub_head-02 {
    font-size: 2.2rem;
    line-height: 3.5rem;
  }

  .ad-ser--box-02 {
    padding-left: 0;
    padding-right: 0;
  }

  .ad-service-name {
    font-size: 1.6rem;
    line-height: 3rem;
  }

  .ad-service-boxes-01, .ad-service-boxes-02, .ad-service-boxes-03, .ad-service-boxes-04, .ad-service-boxes-05, .ad-service-boxes-06, .ad-service-boxes-02-bird, .ad-service-boxes-01-bird {
    width: 100%;
    height: 40vh;
    padding: 1rem;
  }

  .navbar-v2.site-padding {
    background-color: var(--blue);
    height: 72px;
  }

  .nav-contact-v2 {
    width: 5rem;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .contact-button-v2 {
    background-color: var(--light-green);
    width: 100%;
  }

  .contact-button-v2:hover {
    background-color: var(--light-green);
  }

  .slider {
    width: 440px;
    height: 550px;
  }

  .slider-wrapping {
    padding: 20px;
  }

  .s2-img, .slide-img {
    height: 555px;
  }

  .slide-2 {
    right: -440px;
  }

  .slide-3 {
    right: -880px;
  }

  .s3-img {
    height: 555px;
  }

  .shop-body {
    padding-top: 72px;
  }

  .shop-content {
    flex-flow: column;
  }

  .shop-title-container {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .title-name {
    width: 100%;
    font-size: 3.3rem;
    line-height: 4.8rem;
  }

  .title-name.color {
    width: auto;
    font-size: 2.25rem;
    line-height: 3rem;
  }

  .title-name.color.xx {
    width: auto;
    font-size: 1.9rem;
    line-height: 3rem;
  }

  .shop-price-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: .5rem;
  }

  .shop-description-text {
    font-size: 1.15rem;
    line-height: 1.75rem;
  }

  .description {
    grid-row-gap: .5rem;
  }

  .shop-sub {
    font-size: 1.35rem;
    line-height: 2rem;
  }

  .shop-double-cta {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }

  .title-price {
    text-align: right;
    font-size: 2rem;
    line-height: 2.75rem;
  }

  .content-container {
    width: 440px;
  }

  .shop-instlation {
    margin-top: 1rem;
  }

  .shop-sub-instlation {
    color: var(--light-green);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2rem;
  }

  .title-price-note {
    text-align: right;
    font-size: 1.15rem;
    line-height: 2.75rem;
  }

  .slide-4 {
    right: -1320px;
  }

  .title-price-old {
    text-align: right;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .services--section {
    display: inline-block;
  }

  .section--wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    margin-top: 3rem;
  }

  .service--component {
    width: 100%;
    margin-bottom: 0;
  }

  .service-image {
    aspect-ratio: 2;
    object-fit: cover;
    position: static;
  }

  .service-name {
    font-size: 1.5rem;
  }

  .service-brief {
    font-size: .9rem;
    font-weight: 400;
  }

  .site-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .services--wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    display: grid;
  }

  .section--heading {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    margin-bottom: 1rem;
  }

  .heading-h1 {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.75rem;
  }

  .sub_heading {
    text-align: center;
    margin-bottom: .3rem;
    font-size: .85rem;
    line-height: 1em;
  }

  .hero--section_wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
  }

  .hero--heading {
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    width: 100%;
    margin-bottom: 0;
  }

  .hero--heading_h1 {
    text-align: center;
    letter-spacing: .035rem;
    margin-bottom: 1rem;
    font-size: 2.3rem;
    line-height: 3.3rem;
  }

  .hero--sub_heading {
    width: 85%;
    margin-top: 0;
    margin-bottom: .3rem;
    font-size: 1.1rem;
    line-height: 1.9em;
  }

  .hero--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
  }

  .nav-logo {
    max-width: 80%;
    height: 80%;
  }

  .hero--logo {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
    margin-bottom: .25rem;
  }

  .hero-logo-in {
    height: 2.7rem;
  }

  .nav-brand {
    max-width: 80%;
    height: 80%;
    display: none;
  }

  .content--menu {
    width: 100%;
  }

  .contact-button {
    background-color: var(--blue);
  }

  .button-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-name {
    font-size: 1.15rem;
  }

  .services-imp--wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    display: grid;
  }

  .about--section {
    display: inline-block;
  }

  .section-image {
    aspect-ratio: 2.39;
    width: 100%;
    max-width: 100%;
    height: 17vh;
    margin-right: 0;
    position: static;
  }

  .about-top-content {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
  }

  .about-top-content.site-padding {
    height: auto;
  }

  .about--heading {
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .heading-side-h1 {
    text-align: center;
    width: 85%;
    margin-top: .15rem;
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .fotter-description-text {
    text-align: center;
    width: 90%;
    margin-top: 1rem;
    font-size: .8rem;
    line-height: 1.9em;
  }

  .about--points-container {
    grid-row-gap: 0rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .point-head {
    height: 1.3rem;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .point-header {
    text-align: right;
    font-size: .9rem;
    line-height: 1rem;
  }

  .point-body-text {
    width: 100%;
    margin-top: .5rem;
    font-size: .8rem;
    line-height: 1.6em;
  }

  .point-icon-image {
    width: 1.3rem;
    height: 1.3rem;
  }

  .about--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 75%;
  }

  .about-bott--wrapper {
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .about--points {
    flex-direction: column;
    align-items: center;
    margin-top: .5rem;
    display: block;
  }

  .articles_gen--section {
    padding-top: 0;
    padding-bottom: 3rem;
    display: none;
  }

  .articles-gen--wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: nowrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    margin-bottom: 1rem;
    display: flex;
  }

  .articles--thumbnail {
    width: 100%;
    margin-bottom: 0;
  }

  .article-image {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    position: static;
  }

  .article--description {
    padding: .5rem .5rem 1rem;
  }

  .article-name {
    font-size: .8rem;
    line-height: 1.5em;
  }

  .article-brief {
    margin-top: .5rem;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1.4em;
  }

  .more {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.3em;
  }

  .more-articles--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 75%;
  }

  .footer {
    height: 22.5vh;
    display: inline-block;
  }

  .fotter-light_background {
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    height: 12vh;
  }

  .fotter-dark_background {
    grid-row-gap: 0rem;
    flex-direction: column;
    align-items: center;
    height: 7vh;
  }

  .fotter-logo {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .fotter-description {
    width: 100%;
    display: none;
  }

  .fotter-sitemap {
    grid-row-gap: .75rem;
    width: 60%;
  }

  .fotter-head {
    text-align: center;
  }

  .fotter-contact {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .sm-icon-container {
    width: 25px;
    height: 25px;
  }

  .sm-icon {
    width: 19px;
    height: 19px;
  }

  .sm-links-sec {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    width: 50%;
  }

  .fotter--copyrights {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    height: 3.5vh;
  }

  .copyrights-text {
    text-align: center;
    width: 100%;
    font-size: .6rem;
    line-height: 1.3em;
  }

  .section_forground {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
  }

  .about--heading-image {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    width: 100%;
  }

  .about-bott--content.site-padding {
    display: block;
  }

  .description-container {
    justify-content: center;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .map-contact-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .cta--section {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-bottom: 2.5rem;
  }

  .cta--container {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    height: 25vh;
  }

  .cta--container-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
  }

  .cta--container-wrapper.site-padding {
    height: auto;
  }

  .cta--content-text {
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .cta--content-text.site-padding {
    justify-content: center;
    align-items: center;
  }

  .cta--heading-side-h1 {
    background-color: var(--transparent);
    text-align: center;
    width: 100%;
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .cta--heading-image {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
    width: 0%;
    display: none;
  }

  .cta-section-image {
    max-height: 34vh;
    margin-right: 0;
  }

  .cta-description-text {
    background-color: var(--transparent);
    text-align: center;
    width: 100%;
    font-size: .8rem;
    line-height: 1.9em;
  }

  .cta-apointment {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 100%;
    margin-top: 2rem;
  }

  .cta-section--wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
  }

  .about-description-text {
    text-align: center;
    width: 100%;
    margin-top: 1rem;
    font-size: .8rem;
    line-height: 1.9em;
  }

  .anim-article_thumb-3 {
    display: none;
  }

  .main--services {
    margin-top: 65vh;
  }

  .ser_point-img {
    max-width: 73%;
  }

  .ser_point-head {
    align-items: flex-end;
  }

  .dark_header-detail-header {
    font-size: .65rem;
    line-height: 1.3rem;
  }

  .service-type {
    width: 45%;
  }

  .slide-content.site-padding {
    align-items: center;
  }

  .slide--mask {
    align-items: center;
    width: 80vw;
    max-width: 80vw;
  }

  .sub_header-name {
    background-color: var(--blue-blend);
    color: var(--white);
    letter-spacing: .035rem;
    font-size: 6vw;
    line-height: 9vw;
  }

  .slider--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 90vw;
  }

  .static-cta-container.site-padding {
    justify-content: center;
  }

  .static-cta-container.site-padding.top-mar-55 {
    margin-top: 54vh;
  }

  .slide--background {
    height: 85vh;
    padding-right: 5vw;
  }

  .slide--background.is-hero-hight_65 {
    height: 65vh;
  }

  .video_banner--container {
    width: 100%;
  }

  .side_video--empty {
    display: none;
  }

  .banner--body_text {
    color: var(--white);
    text-align: center;
    mix-blend-mode: normal;
    font-size: .8rem;
  }

  ._1--sub_header {
    align-items: center;
    width: 80vw;
    max-width: 80vw;
    height: 10vw;
  }

  .header_name {
    text-align: center;
    letter-spacing: .035rem;
    margin-bottom: 1.5rem;
    font-size: 10vw;
    line-height: 15vw;
  }

  ._1--header {
    align-items: center;
    width: 80vw;
    max-width: 80vw;
    height: 16vw;
  }

  ._2--header {
    align-items: center;
    height: 22vw;
  }

  ._2--sub_header, ._3--sub_header {
    align-items: center;
    height: 13.5vw;
  }

  ._3--header {
    align-items: center;
    height: 22vw;
  }

  ._4--sub_header {
    align-items: center;
    height: 13.5vw;
  }

  ._4--header {
    align-items: center;
    height: 22vw;
  }

  ._5--sub_header {
    align-items: center;
    height: 13.5vw;
  }

  ._5--header {
    align-items: center;
    height: 22vw;
  }

  ._1_ac--service-a-style {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
  }

  .services_page--wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: space-between;
  }

  .service_wrapper-a-style {
    justify-content: flex-start;
    align-items: center;
  }

  .service_background {
    justify-content: center;
    align-items: center;
  }

  .service--img_back {
    height: 115%;
  }

  .content--box {
    width: 100%;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .serv--head {
    letter-spacing: .035rem;
    margin-top: -1.25vh;
    font-size: 2.3rem;
    line-height: 3.35rem;
  }

  .serv--body {
    font-size: .8rem;
    line-height: 2.15em;
  }

  .box--wrapper {
    grid-row-gap: 5vh;
  }

  .top_content--box {
    grid-row-gap: 1.5vh;
  }

  .bottom_content--box {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
  }

  .service--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 75%;
  }

  .service-type-wrappe {
    align-content: flex-start;
  }

  .service-type-last {
    width: 45%;
    display: none;
  }

  .a_2--detail-header {
    font-size: .65rem;
    line-height: 1.3rem;
  }

  .image--box {
    justify-content: center;
    align-items: center;
    width: 89vw;
    height: 42.5vh;
    margin-top: 5.5vh;
    margin-bottom: 0;
  }

  .service_background-b-style {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }

  .content--box-b-style {
    grid-row-gap: 4vh;
    width: 85vw;
    height: 42vh;
    margin-top: 5vh;
  }

  .service--cta-b-style {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 88%;
  }

  .light-contact--cta {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 75%;
  }

  .service--img-b-style {
    height: 115%;
  }

  .service--wrapper-b-style {
    justify-content: flex-start;
    align-items: center;
  }

  ._2_pest_control--service-b-style, ._3_cleaning--service-a-style {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
  }

  .light_header-detail-header {
    font-size: .65rem;
    line-height: 1.3rem;
  }

  ._4_anti_bird--service-b-style, ._5_furniture--service-a-style, ._6_painting--service-b-style {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
  }

  .old-hero--section {
    justify-content: center;
    display: flex;
  }

  .page_serv--head_text {
    letter-spacing: .035rem;
    margin-top: -1.25vh;
    font-size: 8.5vw;
    line-height: 11.5vw;
  }

  .page_serv--body_text {
    font-size: 3.5vw;
    line-height: 6vw;
  }

  .p_service_background {
    justify-content: center;
    align-items: center;
  }

  .p_service_wrapper-a-style {
    justify-content: flex-start;
    align-items: center;
  }

  .p_service--img_back {
    height: 115%;
  }

  .contact-details {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
  }

  .contact--wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .details-contanier {
    justify-content: center;
    align-items: center;
  }

  .contact--head {
    letter-spacing: .035rem;
    font-size: 2rem;
    line-height: 3.35rem;
  }

  .cta-contact-whatsapp {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 100%;
  }

  .double-cta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .light--call-button {
    background-color: var(--blue);
  }

  .contact--sub_head {
    letter-spacing: .035rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
  }

  .ad-service {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between center;
  }

  .ad-service-content {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .cta-contact-call {
    grid-column-gap: 0rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    width: 100%;
  }

  .ad-content--box {
    grid-row-gap: 4vh;
    width: 85vw;
    margin-top: 3.5vh;
  }

  .ad-image--box {
    justify-content: center;
    align-items: center;
    width: 89vw;
    height: 33vh;
    margin-top: 3vh;
    margin-bottom: 0;
  }

  .ad--serv--head-02 {
    letter-spacing: .035rem;
    margin-top: -1.25vh;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  .ad--serv--body {
    font-size: .7rem;
    line-height: 1.8em;
  }

  .fotter-call-link {
    width: 50%;
  }

  .ac-ad--img_back {
    height: 115%;
  }

  .footer-ads {
    display: inline-block;
  }

  .ad-image--box-02 {
    grid-column-gap: 4%;
  }

  .ad--serv--sub_head-02 {
    letter-spacing: .035rem;
    width: 100%;
    margin-top: -1.25vh;
    font-size: 1.5rem;
    line-height: 2.6rem;
  }

  .ad-ser--box-02 {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    flex-flow: column;
    margin-top: 4vh;
    padding-left: 0;
    padding-right: 0;
  }

  .ad-service-name {
    letter-spacing: .035rem;
    font-size: 1.5rem;
  }

  .ad-service-content-xx {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
  }

  .navbar-v2 {
    z-index: 100;
    position: fixed;
  }

  .nav-contact-v2 {
    width: 9.5rem;
  }

  .contact-button-v2 {
    background-color: var(--blue);
  }

  .slider {
    width: 320px;
    height: 425px;
  }

  .slide-2 {
    right: -320px;
  }

  .slide-3 {
    right: -640px;
  }

  .shop-content {
    grid-row-gap: .5rem;
    flex-flow: column;
    margin-top: 3rem;
  }

  .shop-title-container {
    flex-flow: column;
    width: 100%;
  }

  .title-name {
    letter-spacing: .035rem;
    margin-top: -1.25vh;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }

  .title-name.color {
    line-height: 3rem;
  }

  .title-name.color.xx {
    margin-top: .5vh;
  }

  .shop-price-container {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .shop-description-text {
    letter-spacing: .035rem;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .shop-sub-title {
    height: auto;
    margin-top: 1rem;
  }

  .shop-sub {
    letter-spacing: .035rem;
    width: 100%;
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .shop-double-cta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .title-price {
    text-align: right;
    letter-spacing: .035rem;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  .content-container {
    width: 320px;
  }

  .shop-instlation {
    height: auto;
    margin-top: 1rem;
  }

  .shop-sub-instlation {
    letter-spacing: .035rem;
    width: 100%;
    font-size: 1.25rem;
    line-height: 2rem;
  }

  .title-price-note {
    text-align: right;
    letter-spacing: .035rem;
    margin-top: .25rem;
    font-size: .75rem;
    line-height: 2.5rem;
  }

  .slide-4 {
    right: -960px;
  }

  .title-price-old {
    text-align: right;
    letter-spacing: .035rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

#w-node-_9f320016-3205-d8b4-cb6f-69eed9278272-e5b58c85, #w-node-_2a941486-3ace-d901-85ed-f89282c9f25f-e5b58c85, #w-node-d5467801-aa25-3207-2ef8-a9198d930c68-e5b58c85, #w-node-f0ce168b-d348-6234-972f-2a7c7eac9520-e5b58c85, #w-node-c519fdbf-6c40-38a5-656f-3bdb0464af87-e5b58c85 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype'), url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-5-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-2-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-4-Text.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-6-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-1-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-3-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  src: url('../fonts/IBMPlexSansArabic-7-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noor';
  src: url('../fonts/Noor-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noor';
  src: url('../fonts/Noor-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noor';
  src: url('../fonts/Noor-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}