/*
Theme Name: Landscaper Pro
Theme URI: https://prothemes.ramblinjackson.com
Version: 1.0
Description: A Beaver Builder child theme for Landscaping Companies.
Author: The Ramblin Jackson Dev Team
Author URI: https://prothemes.ramblinjackson.com
template: bb-theme
*/

/* =============================================================================
   TABLE OF CONTENTS
   =============================================================================

   1.  Global / Base Styles
   2.  Google Ads Landing Page Styles
   3.  Header Styles
   4.  Navigation / Menu Styles
   5.  Footer Styles
   6.  Custom Module Styles
       6a. Mountain View V1 Headings
       6b. Mountain View V3 Headings
       6c. Services Slider
       6d. Portfolio Grid Slices
       6e. Process Module
       6f. Stone Mason Gallery
       6g. Clickable Columns
       6h. Service Hover Cards
       6i. Testimonial Slider
       6j. Inline Lists
       6k. Back To Top Button
   7.  Blog / Post Styles
   8.  Gravity Forms Styles
   9.  Responsive Styles
       9a. Max-width: 1025px
       9b. Max-width: 1024px
       9c. Max-width: 820px
       9d. Max-width: 768px
       9e. Max-width: 400px
       9f. Max-width: 374px

   ============================================================================= */

/* =============================================================================
   1. Global / Base Styles
   ============================================================================= */

body ul li {
  list-style-type: disc;
}

body ol li {
  list-style-type: auto;
}

/* Button Animation */
.button,
.fl-button,
li.menu-button > a {
  transition: all 0.2s ease-in-out;
}

/* Heading Prefix Spacing */
.heading-title,
.pp-heading-prefix {
  margin-top: 0;
  margin-bottom: 0;
}

/* =============================================================================
   2. Google Ads Landing Page Styles
   ============================================================================= */

.lander-zip .ginput_container_address span {
  flex: 0 0 99% !important;
}

.comparison-wrap .pp-image-comp {
  border-style: solid;
  border-radius: 2px;
  background-clip: border-box;
  border-color: var(--l-pro-base-100);
  border-top-width: 5px;
  border-right-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 5px;
  box-shadow: 0px 1px 10px 0px var(--l-pro-base-700);
}

.gallery .pp-swiper-button svg {
  filter: drop-shadow(1px 1px 3px var(--l-pro-base-700));
}

/* =============================================================================
   3. Header Styles
   ============================================================================= */

/* Center Aligned Logo */
header .fl-logo-img {
  max-width: 180px !important;
  max-height: 100%;
  width: 180px !important;
  height: 100%;
  position: relative;
  z-index: 99;
}

/* Override logo size for Indus */
body header .fl-logo-img {
  max-width: 160px !important;
  max-height: 100%;
  width: 160px !important;
}

/* Sticky Header Logo Size */
.fl-theme-builder-header-sticky .fl-logo-img {
  max-height: 120px !important;
  height: 120px !important;
}

body:not(.fl-builder-edit)
  header
  .fl-row:not(.fl-visible-medium):not(.fl-visible-mobile)
  .fl-col-group-nested {
  min-height: 0 !important;
  height: 0;
}

body:not(.fl-builder-edit) .centered-header-widgets {
  position: relative;
  bottom: -20px; /* Adjust Accordingly */
  z-index: 1;
  transition:
    all 0.4s ease-in-out,
    background-position 1ms;
}

body:not(.fl-builder-edit)
  .fl-theme-builder-header-shrink-row-bottom
  .centered-header-widgets {
  bottom: -10px; /* Adjust Accordingly */
  padding-right: 5px;
  padding-left: 5px;
}

body .fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap {
  padding-block: 10px;
}

.fl-theme-builder-header-shrink-row-bottom .fl-col.centered-logo,
.fl-col.centered-logo {
  position: relative;
  z-index: 10;
}

/* Header Top Bar */
body .header-top .fl-module-content {
  height: 43px;
}

/* Single Post Header Border */
.single-post header {
  border-bottom: 1px solid #ccc;
}

/* =============================================================================
   4. Navigation / Menu Styles
   ============================================================================= */

/* Menu Button */
.menu > li.menu-button > a {
  color: var(--l-pro-base-100) !important;
  background-color: var(--l-pro-action) !important;
  border-radius: 100px !important;
}

.menu > li.menu-button > a:hover {
  text-decoration: none !important;
  color: var(--l-pro-base-100) !important;
  background-color: var(--l-pro-action-alt) !important;
  border-radius: 100px !important;
}

/* Responsive Menu */
.fl-menu-mobile-clone {
  width: 100%;
}

.fl-menu-mobile-clone .fl-module-content {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

/* Centered Logo Menu Layout */
.centered-logo .fl-menu-horizontal {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}

.centered-logo .menu {
  justify-content: space-around !important;
}

.centered-logo .fl-menu ul.menu > li.menu-item {
  padding-top: 40px !important;
}

/* Override centered logo menu padding for Indus */
body .centered-logo .fl-menu ul.menu > li.menu-item {
  padding-top: 11px !important;
}

/* Menu Logo Transition */
body .fl-menu-logo {
  transition: all 0.3s ease-in-out !important;
}

/* =============================================================================
   5. Footer Styles
   ============================================================================= */

.footer-social-icon .fl-icon-wrap {
  display: flex;
  justify-content: center;
}

.footer-social-icon .fl-icon-wrap .fl-icon {
  margin-top: 4px;
}

.footer-social-icon .fl-icon-wrap .fl-icon-text {
  height: auto;
}

/* =============================================================================
   6. Custom Module Styles
   ============================================================================= */

/* ----------------------------------------------------------------------------
   6a. Mountain View V1 Headings - Smart Heading Module
   ---------------------------------------------------------------------------- */

.primary-outline.white .pp-primary-title,
.secondary-outline.white .pp-secondary-title {
  display: inline-block !important;
  width: auto;
  padding: 0;
  border-top: 1px solid var(--l-pro-base-100);
  border-bottom: 1px solid var(--l-pro-base-100);
}

.primary-outline.dark .pp-primary-title,
.secondary-outline.dark .pp-secondary-title {
  display: inline-block !important;
  width: auto;
  padding: 0;
  border-top: 1px solid var(--l-pro-base-800);
  border-bottom: 1px solid var(--l-pro-base-800);
}

/* ----------------------------------------------------------------------------
   6b. Mountain View V3 Headings - Smart Heading Module
   ---------------------------------------------------------------------------- */

.single.secondary-outline
  .pp-heading-content
  .pp-heading
  .heading-title
  .pp-primary-title {
  font-size: 19px !important;
  padding-bottom: 10px !important;
  text-transform: uppercase;
  letter-spacing: normal;
  line-height: 1.3em;
  text-wrap: balance;
}

.single.secondary-outline .pp-secondary-title,
.single.primary-outline .pp-primary-title {
  display: inline-block !important;
  width: auto;
  padding: 5px 0 0;
  border-top: 2px solid var(--l-pro-accent);
}

/* ----------------------------------------------------------------------------
   6c. Services Slider - Content Slider Module
   ---------------------------------------------------------------------------- */

.services .fl-slide .fl-slide-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 450px;
  padding-top: 0 !important;
}

.services .fl-slide-photo .fl-slide-photo-img {
  object-fit: cover !important;
  min-height: 450px;
}

.services .fl-slide-foreground {
  display: flex;
  align-items: center;
}

.services .fl-content-slider-navigation .slider-prev {
  left: -20px;
}

.services .fl-content-slider-navigation .slider-next {
  right: -10px;
}

.services .fl-content-slider-navigation a {
  position: absolute;
  display: inline-block;
  opacity: 1 !important;
}

.services a.slider-next:hover,
.services a.slider-prev:hover,
.services a.slider-next:focus,
.services a.slider-prev:focus {
  background-color: transparent !important;
}

.services .fl-content-slider-svg-container {
  background-color: var(--l-pro-base-100);
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid var(--l-pro-action);
  -webkit-transition: background 1s ease-out !important;
  transition: background 1s ease-out !important;
}

.services .fl-content-slider-svg-container:hover {
  background-color: var(--l-pro-action);
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid var(--l-pro-action);
}

.services .fl-content-slider-navigation .slider-prev,
.services .fl-content-slider-navigation .slider-next {
  -webkit-transition: fill 1s ease-out !important;
  transition: fill 1s ease-out !important;
}

.services .fl-content-slider-navigation .slider-prev:hover path,
.services .fl-content-slider-navigation .slider-next:hover path {
  fill: var(--l-pro-base-100) !important;
}

body .services .fl-cta-text-content ul {
  padding-left: 20px;
}

/* ----------------------------------------------------------------------------
   6d. Portfolio Grid Slices - Power Pack Gallery Module
   ---------------------------------------------------------------------------- */

.slice-portfolio-grid .pp-photo-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.slice-portfolio-grid .pp-photo-gallery .pp-photo-gallery-item {
  width: 100% !important;
  max-width: 100%;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.slice-portfolio-grid .pp-photo-gallery .pp-photo-gallery-item:hover,
.slice-portfolio-grid .pp-photo-gallery .pp-photo-gallery-item:focus {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.slice-portfolio-grid .pp-photo-gallery:hover .pp-photo-gallery-item,
.slice-portfolio-grid .pp-photo-gallery:focus .pp-photo-gallery-item {
  opacity: 0.6;
}

.slice-portfolio-grid .pp-photo-gallery:hover .pp-photo-gallery-item:hover,
.slice-portfolio-grid .pp-photo-gallery:focus .pp-photo-gallery-item:focus {
  opacity: 1;
}

.slice-portfolio-grid .pp-photo-gallery-item .pp-photo-gallery-content {
  height: 451px;
}

.slice-portfolio-grid .pp-photo-gallery-content > a {
  position: relative;
}

.slice-portfolio-grid .pp-photo-gallery .pp-gallery-img {
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  width: auto;
  height: 451px;
  max-width: none;
  transition: all 400ms ease-in-out;
}

.slice-portfolio-grid .pp-photo-gallery .pp-photo-gallery-item .pp-gallery-img,
.slice-portfolio-grid .pp-photo-gallery .pp-photo-gallery-item .pp-gallery-img {
  width: 100% !important;
  object-fit: cover;
  object-position: center;
}

/* ----------------------------------------------------------------------------
   6e. Process Module - Tabs Module
   ---------------------------------------------------------------------------- */

.process h4 {
  font-weight: 400;
  font-size: 24px;
  color: var(--l-pro-base-800);
}

.process .pp-tabs-label.pp-tab-active {
  color: var(--l-pro-action) !important;
}

.process .pp-tabs {
  display: flex;
  flex-direction: column;
}

.process .pp-tabs-panels {
  order: 2;
}

.process .pp-tabs-horizontal .pp-tabs-labels {
  width: 68%;
  order: 1;
  margin-top: 20px;
}

.process .pp-tabs-style-7 .pp-tabs-label .pp-tab-label-inner {
  border: none !important;
}

.process .pp-tabs-style-7 .pp-tabs-label .pp-tab-label-inner::before {
  position: absolute;
  top: 0 !important;
  left: 50%;
  margin-left: -5px;
  content: "";
  width: 10px !important;
  height: 10px !important;
  background: var(--l-pro-action);
  border: none !important;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
}

.process .pp-tabs-label.pp-tab-active .pp-tab-label-inner::before {
  background: var(--l-pro-action) !important;
  border: none !important;
}

.process .pp-tabs-labels::before {
  position: absolute;
  top: 4px;
  left: 40px;
  z-index: 0;
  content: "";
  width: 83%;
  margin: 0 auto;
  height: 2px;
  background-color: var(--l-pro-action-alt);
}

.process
  .pp-tabs-style-7
  .pp-tabs-label.pp-tab-active
  .pp-tab-label-inner::before {
  outline: 8px solid rgba(0, 126, 24, 0.2) !important;
}

.mobile-label {
  display: none !important;
}

/* ----------------------------------------------------------------------------
   6f. Stone Mason Gallery - Image Carousel Module
   ---------------------------------------------------------------------------- */

.stone-mason-carousel .pp-image-carousel-wrapper {
  border-radius: 4px;
  background-color: var(--l-pro-base-200);
  background-clip: border-box;
  box-shadow: 1px 1px 3px 1px rgba(9, 22, 32, 0.13);
}

/* ----------------------------------------------------------------------------
   6g. Clickable Columns
   ---------------------------------------------------------------------------- */

.clickable-col {
  transition: all 0.3s ease;
}

.clickable-col:hover {
  transform: translateY(-10px);
}

/* ----------------------------------------------------------------------------
   6h. Service Hover Cards
   ---------------------------------------------------------------------------- */

.service-card .pp-hover-card-container.powerpack-style::before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 2.06%,
    rgba(0, 0, 0, 0.5) 37.94%,
    rgba(0, 0, 0, 0.7) 62.06%,
    rgba(0, 0, 0, 0) 100%
  );
}

.service-card .pp-hover-card-container {
  background-position: center;
}

/* ----------------------------------------------------------------------------
   6i. Testimonial Slider
   ---------------------------------------------------------------------------- */

body .testimonial-slider {
  max-width: 440px;
  margin: auto;
}

.testimonial-slider .pp-testimonials .owl-carousel button.owl-dot {
  box-shadow: none !important;
}

.testimonial-slider .owl-theme .owl-dots {
  margin-top: 20px;
}

.testimonial-slider .pp-content-wrapper {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.testimonial-slider .pp-testimonials-image img {
  margin-bottom: 10px !important;
}

body .pp-testimonials .pp-testimonials-content p:last-of-type {
  margin-bottom: 0 !important;
}

/* ----------------------------------------------------------------------------
   6j. Inline Lists
   ---------------------------------------------------------------------------- */

.inline-list .fl-module-content ul {
  padding-left: 0;
}

.inline-list .fl-module-content li {
  list-style-type: none;
  display: inline;
  position: relative;
  overflow-wrap: normal;
  white-space: nowrap;
}

.inline-list .fl-module-content li:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: 12px;
  background-color: var(--l-pro-base-100);
  display: inline-block;
  margin-left: 10px;
  margin-right: 8px;
}

.inline-list .fl-module-content li a {
  text-decoration: underline;
}

.inline-list .fl-module-content li a:hover {
  text-decoration: none;
}

/* ----------------------------------------------------------------------------
   6k. Back To Top Button
   ---------------------------------------------------------------------------- */

body #fl-to-top {
  background-color: var(--l-pro-action-alt);
  bottom: 100px;
  right: 44px;
  width: 60px;
  height: 60px;
  border-radius: 100px;
}

body #fl-to-top i {
  top: calc(50% - 16px);
  left: calc(50% - 14px);
  font-size: 32px;
  line-height: 1;
}

body #fl-to-top:hover {
  background-color: var(--l-pro-action);
}

/* =============================================================================
   7. Blog / Post Styles
   ============================================================================= */

/* Blog Post Grid */
.blog-post-grid .fl-post-grid-image img {
  height: 273px !important;
  object-fit: cover;
}

.blog-post-grid .fl-post-grid-image a:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
}

/* Single Post */
.single-post .fl-module-fl-post-content ul,
.single-post .fl-module-fl-post-content ol {
  padding-left: 40px;
}

.single-post .fl-module-fl-post-content ul li {
  list-style-type: disc;
}

.single-post .fl-module-fl-post-content ol li {
  list-style-type: auto;
}

.single-post .fl-module-fl-post-content ol + p,
.single-post .fl-module-fl-post-content ul + p {
  margin-top: 15px;
}

/* Pagination */
body .fl-builder-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

body .fl-builder-pagination li {
  border-radius: 0;
  overflow: inherit;
}

body .fl-builder-pagination li a,
.fl-builder-pagination li span {
  color: var(---l-pro-base-100) !important;
  text-decoration: none !important;
  height: 35px;
  width: 35px !important;
  border-radius: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 5px !important;
  margin: 0 !important;
  border: 1px solid var(--l-pro-action) !important;
  background-color: var(--l-pro-action);
}

body .fl-builder-pagination li a.page-numbers:hover,
body .fl-builder-pagination li span.current {
  background: var(--l-pro-action-alt) !important;
  border-color: var(--l-pro-action-alt) !important;
  text-decoration: none !important;
  color: var(---l-pro-base-100) !important;
}

body .fl-builder-pagination li .next.page-numbers,
body .fl-builder-pagination li .prev.page-numbers {
  width: auto !important;
}

body .fl-builder-pagination {
  padding-bottom: 0 !important;
}

/* Service Area Text Box Links */
body .service-area-text-box .fl-module-content li a {
  color: var(--l-pro-action) !important;
}

body .service-area-text-box .fl-module-content li a:hover {
  color: var(--l-pro-base-100) !important;
}

/* =============================================================================
   8. Gravity Forms Styles
   ============================================================================= */

body .gform_wrapper .gfield_error .validation_message {
  padding: 5px 10px !important;
}

body .gform_wrapper .gfield .ginput_complex.ginput_container label,
body .gform_wrapper.gravity-theme .gfield-choice-input + label {
  font-weight: 400 !important;
}

body .gform_wrapper.gravity-theme .gfield-choice-input + label {
  vertical-align: top;
}

body .gform_wrapper.gravity-theme .gfield-choice-input {
  vertical-align: top;
  margin-top: 4px;
  accent-color: #2a4055;
  cursor: pointer;
}

body .gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
  margin-top: 20px !important;
}

body .gform_wrapper.gravity-theme select {
  cursor: pointer;
  padding-right: 30px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(https://indusco.tempurl.host/wp-content/uploads/2026/02/select-arrows-1.svg);
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 12px;
  background-color: transparent;
}

body .gform_wrapper.gravity-theme input,
body .gform_wrapper.gravity-theme select,
body .gform_wrapper.gravity-theme textarea {
  line-height: 1.4 !important;
  min-height: auto !important;
}

body .gform_wrapper.gravity-theme .gfield textarea {
  height: 150px !important;
  min-height: inherit !important;
}

/* =============================================================================
   9. Responsive Styles
   ============================================================================= */

/* ----------------------------------------------------------------------------
   9a. Max-width: 1025px
   ---------------------------------------------------------------------------- */

@media only screen and (max-width: 1025px) {
  body .fl-builder-content[data-shrink="1"] img.fl-photo-img {
    max-height: 112px !important;
  }
}

/* ----------------------------------------------------------------------------
   9b. Max-width: 1024px
   ---------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {
  /* Hamburger Menu */
  .fl-menu-icon svg {
    display: none;
  }

  .fl-menu .fl-menu-mobile-toggle {
    font-size: 0 !important;
  }

  .fl-menu-icon {
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    background: currentColor;
    border-radius: 2px;
    position: relative;
    transition: background 0.3s ease;
  }

  .fl-menu-icon::before,
  .fl-menu-icon::after {
    content: "";
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    background: currentColor;
    border-radius: 2px;
    position: absolute;
    transition: all 0.3s ease;
  }

  .fl-menu-icon::before {
    top: -9px;
  }
  .fl-menu-icon::after {
    top: 9px;
  }

  /* Active State - X */
  .fl-active .fl-menu-icon {
    background: transparent;
  }

  .fl-active .fl-menu-icon::before {
    transform: translateY(9px) rotate(45deg);
  }

  .fl-active .fl-menu-icon::after {
    transform: translateY(-9px) rotate(-45deg);
  }

  /* Mobile Only Labels */
  .mobile-label {
    display: none;
  }

  /* Image Width */
  .fl-module-photo:not(.site-logo) .fl-photo-content,
  .fl-module-photo:not(.site-logo) .fl-photo-img {
    width: 100% !important;
  }

  /* Footer */
  .footer-col .fl-photo .fl-photo-content,
  .footer-col .fl-photo .fl-photo-img-svg {
    width: 300px !important;
  }

  body .footer-logo img {
    max-width: 300px;
  }

  body .fl-col-small.footer-col {
    width: 33.33% !important;
  }

  .fl-col-small.footer-col {
    width: 100% !important;
  }

  .footer-col .fl-module,
  .footer-col .fl-heading {
    text-align: center !important;
  }

  .footer-social-icon .fl-icon-wrap,
  footer .fl-icon-group {
    justify-content: center !important;
  }

  .footer-social-icon + .fl-module-rich-text {
    margin-top: 0 !important;
  }

  .footer-social-icon.footer-address-icon .fl-icon-wrap .fl-icon-text {
    width: 178px;
    padding-left: 0;
    text-align: center;
  }

  /* Service Area */
  .service-area .fl-col.backdrop-blur {
    width: 70% !important;
  }

  /* Mobile Menu Padding */
  .fl-menu-mobile-clone .fl-module-content .fl-menu ul.menu {
    padding: 10px;
    margin-top: 20px;
  }

  header .fl-menu .menu .sub-menu > li a {
    padding-block: 9px;
  }
}

/* ----------------------------------------------------------------------------
   9c. Max-width: 820px
   ---------------------------------------------------------------------------- */

@media (max-width: 820px) {
  /* Services */
  .services .fl-slide .fl-slide-content-wrap {
    width: 60% !important;
  }

  .services .bx-viewport {
    height: 450px !important;
  }

  .services .fl-slide-mobile-photo {
    max-height: 450px;
  }

  /* Process */
  .process .pp-tabs-panel-label span {
    display: inline !important;
  }

  /* Service Area */
  .service-area-lists .fl-module > .fl-module-content {
    margin-left: 0 !important;
  }

  .service-area-lists .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 98% !important;
  }

  .fl-col-small.service-area-lists {
    padding: 0 20px !important;
  }
}

/* ----------------------------------------------------------------------------
   9d. Max-width: 768px
   ---------------------------------------------------------------------------- */

@media (max-width: 768px) {
  /* Menu */
  .menu > li.menu-button > a {
    text-align: center;
  }

  .fl-menu-mobile-clone .fl-module-content .fl-menu ul.menu {
    padding: 20px;
  }

  /* Carousel Width */
  .fl-module-pp-image-carousel .swiper-slide-image {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }

  /* Column Width */
  .fl-builder-content:not([data-type="header"])
    .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Process Section */
  .process .pp-tabs-label .pp-tab-label-flex {
    align-items: flex-start !important;
  }

  .process .pp-tabs-panel-label span {
    display: inline !important;
    width: 100%;
  }

  .mobile-label {
    display: inline !important;
  }

  /* Services Section */
  .services .fl-content-slider-navigation {
    top: 150px !important;
  }

  .services .fl-slide-content {
    padding-top: 60px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    min-height: auto !important;
  }

  .services .fl-slide-content-wrap {
    min-height: auto !important;
  }

  .services.fl-module-content-slider .fl-slide .fl-slide-text,
  .services.fl-module-content-slider .fl-slide .fl-slide-text * {
    font-size: 16px !important;
  }

  .services .bx-viewport {
    height: 645px !important;
  }

  /* Back To Top Button */
  body #fl-to-top {
    bottom: 87px;
    right: 20px;
    width: 50px;
    height: 50px;
  }

  /* Buttons */
  .fl-builder-content .fl-button:is(a, button),
  .fl-builder-content a.fl-button:visited {
    padding-inline: 15px;
  }
}

/* ----------------------------------------------------------------------------
   9e. Max-width: 400px
   ---------------------------------------------------------------------------- */

@media (max-width: 400px) {
  .footer-social-icon .fl-icon-wrap .fl-icon-text {
    height: auto;
    text-align: center;
    padding: 0;
    width: 170px;
  }

  .header-top .fl-icon i {
    width: 37px !important;
    height: 41px !important;
    font-size: 22px !important;
  }

  .header-top .fl-button {
    font-size: 14px !important;
  }

  body .service-card .pp-hover-card-wrap .pp-hover-card-container {
    height: 490px !important;
  }
}

/* ----------------------------------------------------------------------------
   9f. Max-width: 374px
   ---------------------------------------------------------------------------- */

@media (max-width: 374px) {
  body .service-card .pp-hover-card-wrap .pp-hover-card-container {
    height: 590px !important;
  }
}