.sk-about .bg-clr {
  background: #EAEAEA;
}

.sk-about #about-banner-1 {
  background: url('../../../assets/images/banner/about/about_banner_1.jpg') no-repeat;
  background-position: top center;
  background-size: cover;
  height: 580px;
}

.sk-about #aboutushero-1 {
  background: url('../../../assets/img/aboutus/bg-about-1.webp') no-repeat;
  background-position: top center;
  background-size: cover;
  height: 580px;
}

.sk-about #aboutushero-2 {
  background: url('../../../assets/img/aboutus/bg-about-2.webp') no-repeat;
  background-position: top center;
  background-size: cover;
  height: 580px;
}

.sk-about #aboutushero-3 {
  background: url('../../../assets/img/aboutus/bg-about-3.webp') no-repeat;
  background-position: top center;
  background-size: cover;
  height: 580px;
}

.sk-about .txt-p {
  color: #000;
  color: #000;
  font: 30px/44px 'Montserrat Medium', sans-serif;
}

.sk-about .txt-small-p {
  color: #000;
  font: 20px/34px 'Montserrat Regular';
}

.sk-about .btn-p {
  font-size: 16px;
  line-height: 26px;
  font-family: 'Montserrat SemiBold', sans-serif;
  padding: 0.5rem 0.5rem;
}

.sk-about .bg-h-only {
  background: linear-gradient(to right, #EAEAEA 50%, #fff 50%);
  padding: 3rem 0 !important;
}

.sk-about .bg-h-only-1 {
  background: linear-gradient(to bottom right, #D4995C, #F2CA51);
}

.sk-about h1 pre {
  font-size: 3.8rem !important;
  font-family: 'Montserrat Bold';
  overflow: hidden;
}

.sk-about .normal-btn-dark:hover,
.normal-btn-dark:focus:hover {
  color: #000;
  background: none;
  border: 1px solid #000;
}

.sk-about .normal-btn-dark {
  font: 16px/40px 'Montserrat Medium', sans-serif;
  background: #000;
  border-radius: 4px;
  border: 1px solid #000;
  cursor: pointer;
  text-align: center;
  color: #f3c060;
  width: 250px;
  margin: 0 auto;
}

.sk-about .qute h1 {
  color: #000;
  letter-spacing: 1px;
  opacity: 1;
  font-size: 2rem;
}

.sk-about .qute {
  width: 90%;
  text-align: center;
}

.sk-about .border-clr {
  border: 0.15rem solid #F3C060;
  padding: 2.8rem 1.2rem;
  text-align: center;
}

.sk-about .joinpara h2 {
  color: #181818 !important;
}

.sk-about .small-about-logo {
  position: absolute;
  top: 8%;
  left: 2.5%;
  width: 5%;
}

.sk-about .pre-tag {
  display: none
}

.sk-about h1 pre {
  display: block;
}

.sk-about .main-h1 {
  width: 90%;
}

.sk-about .sec-py-5 {
  padding: 4.5rem 0 6rem 0 !important;
}

.sk-about .px-lg-5 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.sk-about .font-family {
  font-family: 'Montserrat SemiBold' !important
}

@media only screen and (max-width:600px) {
  .sk-about .bg-h-only-1 {
    background: linear-gradient(to bottom right, #D4995C, #F2CA51);
    position: initial;
    height: auto;
    padding: 0.5rem 0 1rem;
  }

  .sk-about #aboutushero,
  .sk-about #aboutushero-1,
  .sk-about #aboutushero-2,
  .sk-about #aboutushero-3 {
    background-size: cover;
    height: 200px;
  }

  .sk-about iframe {
    border: 0;
    height: auto;
  }

  .sk-about h1 pre {
    display: none;
  }

  .sk-about .pre-tag {
    display: block !important;
  }

  .sk-about h1.main-h1 {
    width: 100%;
    font: 32px/36px 'Montserrat SemiBold', sans-serif !important;
  }

  .sk-about .txt-p {
    font: 19px/32px 'Montserrat Semibold', sans-serif !important;
  }

  .sk-about .px-lg-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .sk-about .sec-py-5 {
    padding: 0rem 0 1rem 0 !important;
  }

  .sk-about .bg-h-only {
    background: linear-gradient(to bottom, #EAEAEA 40%, #fff 60%);
  }

  .sk-about .main-h1 {
    width: 100%;
  }

}

@media only screen and (min-width: 768px) and (max-width: 884px) {
  .sk-about h1 pre {
    font-size: 2.8rem !important;
  }
}