.spacer {
    margin-top: 20em;
}

@media (max-width: 768px) {
    .spacer {
        margin-top: 55em;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .spacer {
        margin-top: 40em; /* Adjust as needed for tablets */
    }
}

.spaceri2 {
    margin-top: 20em;
}

@media (max-width: 768px) {
    .spaceri2 {
        margin-top: 35em;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .spaceri2 {
        margin-top: 40em; /* Adjust as needed for tablets */
    }
}



.spacer2 {
    margin-top: 5em;
}

@media (max-width: 768px) {
    .spacer3 {
        margin-top: 10em;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .spacer3 {
        margin-top: 5em; /* Adjust as needed for tablets */
    }
}


.spacer3 {
    margin-top: 5em;
}

@media (max-width: 768px) {
    .spacer3 {
        margin-top: 1em;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .spacer3 {
        margin-top: 5em; /* Adjust as needed for tablets */
    }
}




@media (min-width: 992px) {
    .section-image-1 {
      width: 70%; /* Scale the image to 80% on desktop */
      max-width: 100%; /* Ensures it doesn't exceed container's width */
      height: auto;
    }
  }


@media (max-width: 768px) {
    .section-image-1-wrap {
      text-align: center;
    }

    .section-image-1 {
      width: 50%;
      max-width: 300px;
      height: auto;
    }
  }


.move-up {
    margin-top: -100px;
  }

.move-up2 {
    margin-top: -180px;
  }

  /* On mobile screens (max-width: 768px), set the margin to -10px */
  @media (max-width: 768px) {
    .move-up {
      margin-top: -40px;
    }
  }

a.btn-hover-transparent:hover {
        background-color: transparent !important;
    }


@media (min-width: 1025px) {
  #whyus .container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 140px; /* Adjust this value as needed to push right */
  }

  #whyus h3,
  #whyus h5,
  #whyus p {
    text-align: left;
  }
}


@media (min-width: 1025px) {
  #about .container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 140px; /* Adjust this value as needed to push right */
  }

  #about h3,
  #about h5,
  #about p {
    text-align: left;
  }
}

.section-image-behind img {
    margin-left: -40px;
    width: 800px !important;
    height: auto !important;
    max-width: none !important;
}

/* Tablet view (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .section-image-behind img {
        width: 700px !important;
        margin-left: -40px;
    }
}

/* Mobile view (below 768px) */
@media (max-width: 767px) {
    .section-image-behind img {
        width: 130% !important;
        margin-left: 0;
    }
}




.section-image-1 {
    margin-left: 120px;
    width: false;
    height: false;
    max-width: 100%;
}

/* Tablet view (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .section-image-1 {
        margin-left: 60px;
        width: 95%;
    }
}

/* Mobile view (less than 768px) */
@media (max-width: 767px) {
    .section-image-1 {
        margin-left: 0;
        width: 65%;
    }
}



.section-descr-large {
    font-size: 2.3em; /* Default for PC (desktop) */
}

/* Tablet (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .section-descr-large {
        font-size: 2em;
    }
}

/* Mobile (below 768px) */
@media (max-width: 767px) {
    .section-descr-large {
        font-size: 1.5em;
    }
}



@media (min-width: 1025px) {
    .section-descr {
        margin-left: -150px; /* Adjust this value to move it further left or right */
    }
}
