/************************************************
 * Used to adjust the space of a features card  *
 * for the Why Us section of the index page.    *
 ************************************************/
.phanoon-why-us-feature-spacer {
  margin-top: 100px;
}

@media screen and (max-width: 1200px) {
  .phanoon-why-us-feature-spacer {
    margin-top: 50px;
  }
}

@media screen and (max-width: 1000px) {
  .phanoon-why-us-feature-spacer {
    margin-top: 30px;
  }
}

/************************************************
 * Styles for mobile/tablet navigation panel    *
 * Used to adjust the space between header      *
 * and navigation panel.                        *
 ************************************************/

@media (max-width: 991.98px) {
  .phanoon-navgation-mt-spacer-one {
    margin-top: -80px !important;
  }
  .phanoon-navgation-mt-spacer-two {
    margin-top: 40px !important;
  }
}

@media (max-width: 767.98px) {
  .phanoon-navgation-mt-spacer-one {
    margin-top: -110px !important;
  }

  .phanoon-navgation-mt-spacer-two {
    margin-top: 30px !important;
  }
}

/************************************************
 * Styles for Section Index (Home Page)         *
 * Used to adjust the space between sections    *
 * on the main Services page only.              *
 ************************************************/

.phanoon-index-hero-spacer {
  padding: 165px 0 90px 0 !important;
}

.phanoon-index-service-spacer {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.phanoon-index-why-us-spacer {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  margin-bottom: 110px !important;
}

.phanoon-index-portfolio-spacer {
  margin-bottom: 110px !important;
}

.phanoon-index-development-spacer {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin-bottom: 110px !important;
}

.phanoon-index-technologies-spacer {
  margin-bottom: 100px !important;
}

.phanoon-index-testimonial-spacer-one {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.phanoon-index-testimonial-spacer-two {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.phanoon-index-faq-spacer {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.phanoon-index-footer-spacer {
  padding-top: 100px !important;
}

@media (max-width: 1199.98px) {
  .phanoon-index-hero-spacer {
    padding: 135px 0 65px 0 !important;
  }

  .phanoon-index-service-spacer {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .phanoon-index-why-us-spacer {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    margin-bottom: 60px !important;
  }

  .phanoon-index-portfolio-spacer {
    margin-bottom: 60px !important;
  }

  .phanoon-index-development-spacer {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    margin-bottom: 60px !important;
  }

  .phanoon-index-technologies-spacer {
    margin-bottom: 60px !important;
  }

  .phanoon-index-testimonial-spacer-one {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .phanoon-index-testimonial-spacer-two {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .phanoon-index-faq-spacer {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .phanoon-index-footer-spacer {
    padding-top: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .phanoon-index-hero-spacer {
    padding: 115px 0 60px 0 !important;
  }
}

@media (max-width: 767.98px) {
  .phanoon-index-hero-spacer {
    padding: 100px 0 40px 0 !important;
  }

  .phanoon-index-service-spacer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-index-why-us-spacer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
    margin-bottom: 45px !important;
  }

  .phanoon-index-portfolio-spacer {
    margin-bottom: 45px !important;
  }

  .phanoon-index-development-spacer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
    margin-bottom: 45px !important;
  }

  .phanoon-index-technologies-spacer {
    margin-bottom: 45px !important;
  }

  .phanoon-index-testimonial-spacer-one {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-index-testimonial-spacer-two {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-index-faq-spacer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-index-footer-spacer {
    padding-top: 45px !important;
  }
}

/************************************************
 * Styles for Section Spacing (Services Page)   *
 * Used to adjust the space between sections    *
 * on the main Services page only.              *
 ************************************************/

.phanoon-section-sub-spacer {
  margin-bottom: 60px !important;
}

.phanoon-service-hero-spacer {
  padding: 170px 0 85px !important;
}

.phanoon-service-marquee-spacer {
  margin-top: -1px !important;
  margin-bottom: 90px !important;
}

.phanoon-service-benefits-spacer {
  margin-bottom: 90px !important;
}

.phanoon-service-portfolio-spacer {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.phanoon-services-development-spacer {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin-bottom: 110px !important;
}

.phanoon-service-technologies-spacer {
  margin-bottom: 100px !important;
}

.phanoon-service-testimonial-spacer-one {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.phanoon-service-testimonial-spacer-two {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.phanoon-service-faq-spacer {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.phanoon-service-footer-spacer {
  padding-top: 100px !important;
}

@media (max-width: 1199.98px) {
  .phanoon-section-sub-spacer {
    margin-bottom: 40px !important;
  }

  .phanoon-service-hero-spacer {
    padding: 135px 0 45px !important;
  }

  .phanoon-service-marquee-spacer {
    margin-top: -1px !important;
    margin-bottom: 50px !important;
  }

  .phanoon-service-benefits-spacer {
    margin-bottom: 45px !important;
  }

  .phanoon-service-portfolio-spacer {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .phanoon-services-development-spacer {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
    margin-bottom: 70px !important;
  }

  .phanoon-service-technologies-spacer {
    margin-bottom: 60px !important;
  }

  .phanoon-service-testimonial-spacer-one {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .phanoon-service-testimonial-spacer-two {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .phanoon-service-faq-spacer {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .phanoon-service-footer-spacer {
    padding-top: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .phanoon-service-hero-spacer {
    padding: 115px 0 45px !important;
  }

  .phanoon-service-benefits-point-spacer {
    margin-top: 35px !important;
    border-bottom: 1px solid #eee !important;
  }

  .phanoon-service-benefits-point-border-spacer {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 767.98px) {
  .phanoon-section-sub-spacer {
    margin-bottom: 30px !important;
  }
  .phanoon-service-hero-spacer {
    padding: 100px 0 30px !important;
  }

  .phanoon-service-marquee-spacer {
    margin-top: -1px !important;
    margin-bottom: 45px !important;
  }

  .phanoon-service-benefits-spacer {
    margin-bottom: 45px !important;
  }

  .phanoon-service-portfolio-spacer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-services-development-spacer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
    margin-bottom: 55px !important;
  }

  .phanoon-service-technologies-spacer {
    margin-bottom: 45px !important;
  }

  .phanoon-service-testimonial-spacer-one {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-service-testimonial-spacer-two {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-service-faq-spacer {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-service-footer-spacer {
    padding-top: 45px !important;
  }
}

@media (max-width: 575.98px) {
}

/************************************************
 * Styles for Section Index (Portfolio/projects)*
 * Used to adjust the space between sections    *
 * on the main those pages - note heade and     *
 * footer is shared from index.                 *
 ************************************************/

.phanoon-portfolio-projects-spacer {
  padding-top: 110px !important;
  padding-bottom: 50px !important;
}

@media (max-width: 1198.98px) {
  .phanoon-portfolio-projects-spacer {
    padding-top: 70px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767.98px) {
  .phanoon-portfolio-projects-spacer {
    padding-top: 55px !important;
    padding-bottom: 5px !important;
  }
}

/************************************************
 * Used on the Contact Us page.                 *
 * Main spacer class provides general spacing. *
 * Another class ensures suitable spacing      *
 * between the cards of a specific section,    *
 * especially on mobile and tablet devices.    *
 ************************************************/

.phanoon-contact-form-spacer {
  padding-top: 110px !important;
  padding-bottom: 100px !important;
}

@media (max-width: 1199.98px) {
  .phanoon-contact-form-spacer {
    padding-top: 70px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 991.98px) {
  .phanoon-contact-cards-mobile-spacer {
    margin-top: 50px !important;
  }
}

@media (max-width: 767.98px) {
  .phanoon-contact-form-spacer {
    padding-top: 55px !important;
    padding-bottom: 45px !important;
  }

  .phanoon-contact-cards-mobile-spacer {
    margin-top: 25px !important;
  }
}

/* Phanoon Legal pages accordian spacer adjusetr */

.phanoon-legal-spacer {
  padding-left: 0 !important;
  padding-right: 0 !important;
}




/* Phanoon marque start spacer */

.phanoon-marquee-star-spacer{
 margin-bottom: 1.75px !important;
}

.phanoon-marquee-star-grey-spacer {
 margin-bottom: 1.8px !important;
}

.phanoon-hero-star-spacer {
  margin-bottom: 1.6px !important;
}