/* Interior pages: reproduce the original layout at its responsive breakpoints. */
.interior-page {
  line-height: 26px;
}

.interior-page .container {
  width: 100%;
  padding-inline: 12px;
}

.interior-page .page-header.page-header-modern {
  padding: 50px 0 !important;
  background-color: #f7f7f7;
}

.interior-page .page-header.page-header-modern > .container {
  padding-block: 0 48px !important;
  margin-bottom: 48px !important;
}

.interior-page .page-header.page-header-modern .page-header-svg-container {
  display: block;
}

.interior-page .custom-svg-position-5 {
  inset: 0 -48% auto 33%;
  width: auto;
  height: auto;
}

.interior-page .page-header.page-header-modern .breadcrumb {
  gap: 8px;
  margin-top: 0;
  font-size: 16.8px;
}

.interior-page .breadcrumb a {
  color: #707070;
  font-size: 13.44px;
  font-weight: 600;
}

.interior-page .page-header.page-header-modern .breadcrumb li + li::before {
  content: "›";
  margin-right: 8px;
}

.interior-page .page-header .col {
  position: relative;
  bottom: 5px;
}

.interior-page .page-header h1 {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-top: 4px !important;
  font-size: 38.5px;
  line-height: 1;
  letter-spacing: -.05em;
}

.interior-page .page-header.page-header-modern + section > .custom-container-background {
  margin-top: -100px;
  padding: 48px 12px !important;
}

.interior-page .page-header.page-header-modern + section > .custom-container-background::before {
  width: 125%;
}

.interior-page .page-header.page-header-modern + section > .custom-container-background > .row {
  padding-top: 36px !important;
}

.interior-page .page-header.page-header-modern + section > .custom-container-background > .row > .col {
  padding-inline: 12px;
}

.interior-page .custom-container-background h2 {
  font-size: 32.2px;
  line-height: 42px;
  margin-bottom: 20px !important;
}

.interior-page .custom-container-background .text-4-5 {
  font-size: 18.9px;
  line-height: 1.8;
}

.interior-page .custom-testimonial-style-1 {
  margin: 24px 0 36px !important;
  padding-top: 8px;
}

.interior-page .custom-testimonial-style-1 blockquote {
  position: relative;
  margin: 0;
  padding: 8px 16px 8px 36px !important;
}

.interior-page .custom-testimonial-style-1 blockquote::before {
  position: absolute;
  inset: 0 auto auto 0;
  content: "\f10d";
  font: 900 18px/26px "Font Awesome 6 Free";
  color: #212121;
}

.interior-page .custom-testimonial-style-1 p {
  font-family: "Playfair Display", Georgia, serif;
  font-style: italic;
  font-synthesis: style;
  line-height: 1.7 !important;
}

.interior-page .counter strong,
.interior-page .counter label {
  display: block;
}

.interior-page .counters > div:not(:last-child) {
  margin-bottom: 36px;
}

.interior-page .counter label {
  color: #212529;
  font-size: 21px;
  line-height: 20px;
}

.interior-page .section-height-3 {
  padding-block: 74px;
}

.interior-page .section-height-3 h2 {
  font-size: 30.8px;
  line-height: 42px;
}

.interior-page .section-height-3 :is(h3, p) {
  font-size: 16.8px;
}

.interior-page .section-height-3 .btn {
  flex: 0 0 221px;
  max-width: 100%;
  min-height: 82px;
  padding: 20px 48px;
  background: #fff;
  border-radius: 35px;
  line-height: 21px;
}

.interior-page #footer {
  margin-top: 50px;
  font-size: 12.6px;
  line-height: 26px;
}

.interior-page #footer > .container {
  padding-block: 36px 16px;
}

.interior-page #footer h3 {
  font-size: 17.64px;
  line-height: 27px;
}

.interior-page #footer p {
  font-size: 13.86px;
  color: #595959;
}

.interior-page #footer .list {
  margin: 0 0 16px;
  list-style: none;
  padding-left: 0;
  line-height: 24px;
}

.interior-page #footer .col-lg-12 .list li:not(.d-flex) {
  margin-bottom: 13px;
}

.interior-page #footer .row.mb-5-5 {
  margin-bottom: 36px;
}

.interior-page #footer iframe {
  width: 109px;
  padding-inline: 12px;
}

.interior-page #footer .text-color-grey {
  color: #595959;
}

.interior-page #footer .footer-copyright,
.interior-page #footer .footer-copyright p {
  color: #595959;
}

.interior-page #footer .text-color-grey:hover {
  color: var(--primary);
}

.interior-page #footer hr {
  height: 1px;
  margin: 22px 0;
  border: 0;
  background: #e8e8e8;
}

@media (min-width: 576px) {
  .interior-page .container { max-width: 540px; }
  .interior-page .section-height-3 .flex-sm-row { flex-direction: row; }
  .interior-page .counter { text-align: left !important; }
  .interior-page .section-height-3 .custom-divider { margin: 0 16px 0 36px; }
}

@media (min-width: 768px) {
  .interior-page .container { max-width: 720px; }
}

@media (min-width: 992px) {
  .interior-page .container { max-width: 960px; }
  .interior-page .counters { padding-left: 24px; }
}

@media (min-width: 1200px) {
  .interior-page .container { max-width: 1140px; }
  .interior-page .section-height-3 .row { flex-wrap: nowrap; }
  .interior-page .section-height-3 .justify-content-xl-end { justify-content: flex-end; }
  .interior-page .section-height-3 .text-xl-start { text-align: left; }
}

@media (min-width: 1400px) {
  .interior-page .container { max-width: 1320px; }
  .interior-page .page-header .container { max-width: 1140px; }
}

@media (max-width: 767px) {
  .interior-page .page-header.page-header-modern .row { text-align: center !important; }
  .interior-page .page-header.page-header-modern .breadcrumb { justify-content: center; }
  .interior-page .page-header h1 { font-size: 32px; }
}

@media (max-width: 575px) {
  .interior-page .section-height-3 .btn { flex-basis: auto; }
}
