/* FS */

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.section-title h1 {
  font-size: 50px;
}

.single-choose-inner h5 {
  font-size: 20px;
}

.section-title h6 {
  font-size: 12px;
}

.section-title h2 {
  font-size: 34px;
}

#service-1 .single-service-item .service-icon i:before {
  font-size: 38px;
}

#service-1 .single-service-item h4 {
  font-size: 18px;
}

.project-list button.nav-link {
  font-size: 14px;
}

.single-choose-inner h5 span {
  top: -35px;
}

.project-details-info h3 {
  font-size: 18px;
}

.project-details-info p {
  font-size: 16px;
}

.project-desc h3 {
  font-size: 22px;
}

.breadcrumb-area .breadcrumb-title h1 {
  font-size: 35px;
}

#project-standard .project-title h6 {
  font-size: 10px;
}

#project-standard .project-title h3 {
  font-size: 18px;
}

p {
  font-size: 14px;
}

.about-list-item ul li {
  font-size: 14px;
}

.mt-custom-1 {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .section-title h1 {
    font-size: 28px;
  }

  .section-title h2 {
    font-size: 26px;
  }

  .single-choose-inner h5 {
    font-size: 18px;
  }

  .single-choose-inner h5 span {
    top: -45px;
  }

  .breadcrumb-area .breadcrumb-title h1 {
    font-size: 25px;
  }

  p {
    font-size: 14px;
  }

  .mt-custom-1 {
    margin-top: 0px;
  }

  .project-details-inner {
    margin-top: 10px;
  }
}

.main-menu ul li.active:before {
  background: #1889ad !important;
}

.main-menu ul li.active a {
  color: #1889ad !important;
}

.disabled > .page-link, .page-link.disabled {
  color: var(--bs-pagination-disabled-color) !important;
  pointer-events: none !important;
  background-color: var(--bs-pagination-disabled-bg) !important;
  border-color: var(--bs-pagination-disabled-border-color) !important;
}

.active > .page-link, .page-link.active {
  background-color: #1889ad !important;
  border-color: #1889ad !important;
}

.main-menu ul li a.navlink:before {
  background: #1889ad !important;
}

.main-menu ul > li > a:hover {
  color: #1889ad !important;
}

.progress-wrap svg.progress-circle path {
  stroke: #1889ad !important;
}

.single-contact-info .contact-icon {
  width: 50px;
  height: 50px;
}