@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap");
:root {
  --c-body: #333333;
  --c-black: #000000;
  --c-white: #ffffff;
  --c-primary: #141E46;
  --c-secondary:#90CAEC;
  --c-purple:#A49BE5;
  --c-bg-light:#EFF6FA;
  --c-dark-gray:#666666 ;
  --c-gray: #F3F2F1;
}

html,
body {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "DM Sans", sans-serif;
}

html body {
  line-height: 1.4;
  color: var(--c-black);
  font-size: 16px;
  font-weight: normal;
}

* {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*::after, *::before {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
  line-height: 1.1;
  font-weight: normal;
  font-family: "Saffron Grotesk", sans-serif;
}
@media screen and (max-width: 575.5px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
  font-family: "Saffron Grotesk", sans-serif;
}

h5,
h6 {
  line-height: 1.4;
}

p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991.5px) {
  p br {
    display: none;
  }
}

.brands-content .brands-heading h2, h1 {
  font-size: 3.125rem;
}
@media screen and (min-width: 1200px) {
  .brands-content .brands-heading h2, h1 {
    font-size: 4.375rem;
  }
}
@media screen and (min-width: 1600px) {
  .brands-content .brands-heading h2, h1 {
    font-size: 5.625rem;
  }
}

.career-full-page .career-main-title h2, .inner-banner-with-image .inner-banner-left-content h2, .page-id-11 .inner-banner .inner-banner-content h2, .hero-banner .banner-content h2,
.hero-banner .case-study-content h2,
.case-studies-sec .banner-content h2,
.case-studies-sec .case-study-content h2, h2 {
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .career-full-page .career-main-title h2, .inner-banner-with-image .inner-banner-left-content h2, .page-id-11 .inner-banner .inner-banner-content h2, .hero-banner .banner-content h2,
  .hero-banner .case-study-content h2,
  .case-studies-sec .banner-content h2,
  .case-studies-sec .case-study-content h2, h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  .career-full-page .career-main-title h2, .inner-banner-with-image .inner-banner-left-content h2, .page-id-11 .inner-banner .inner-banner-content h2, .hero-banner .banner-content h2,
  .hero-banner .case-study-content h2,
  .case-studies-sec .banner-content h2,
  .case-studies-sec .case-study-content h2, h2 {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 1400px) {
  .career-full-page .career-main-title h2, .inner-banner-with-image .inner-banner-left-content h2, .page-id-11 .inner-banner .inner-banner-content h2, .hero-banner .banner-content h2,
  .hero-banner .case-study-content h2,
  .case-studies-sec .banner-content h2,
  .case-studies-sec .case-study-content h2, h2 {
    font-size: 3.75rem;
  }
}

.inner-banner .inner-banner-content h2 {
  font-size: 2.125rem;
}
@media screen and (min-width: 768px) {
  .inner-banner .inner-banner-content h2 {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 992px) {
  .inner-banner .inner-banner-content h2 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1400px) {
  .inner-banner .inner-banner-content h2 {
    font-size: 4.625rem;
  }
}

.pdf-outer-section h2, .service-inner-cards .inner-heading h2, .news-full-content .news-short-description h4, .page-id-28 .work-with-mct .work-with-title h2, .page-id-8 .multiple-content .row h4, .get-in-touch .bg-title h2, .bg-image-with-content .content h2, .why-choose-us-sec .section-title h2, .services-sec .service-caption h2,
.our-services .service-caption h2, .get-started .row .icon-title-text-image h2,
.our-services .row .icon-title-text-image h2, h3 {
  font-size: 2.5rem;
}
@media screen and (min-width: 992px) {
  .pdf-outer-section h2, .service-inner-cards .inner-heading h2, .news-full-content .news-short-description h4, .page-id-28 .work-with-mct .work-with-title h2, .page-id-8 .multiple-content .row h4, .get-in-touch .bg-title h2, .bg-image-with-content .content h2, .why-choose-us-sec .section-title h2, .services-sec .service-caption h2,
  .our-services .service-caption h2, .get-started .row .icon-title-text-image h2,
  .our-services .row .icon-title-text-image h2, h3 {
    font-size: 3.125rem;
  }
}

.get-started .row > .col-md-8 h2, .get-started .row > .last-card h2,
.our-services .row > .col-md-8 h2,
.our-services .row > .last-card h2 {
  font-size: 1.5rem;
}
@media screen and (min-width: 992px) {
  .get-started .row > .col-md-8 h2, .get-started .row > .last-card h2,
  .our-services .row > .col-md-8 h2,
  .our-services .row > .last-card h2 {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .get-started .row > .col-md-8 h2, .get-started .row > .last-card h2,
  .our-services .row > .col-md-8 h2,
  .our-services .row > .last-card h2 {
    font-size: 2.1875rem;
  }
}

.pdf-outer-section .inner-item h4, .project-content .what-we-did p, h4 {
  font-size: 1.75rem;
}
@media screen and (min-width: 992px) {
  .pdf-outer-section .inner-item h4, .project-content .what-we-did p, h4 {
    font-size: 1.875rem;
  }
}

.pdf-outer-section h3, .caption-with-image .caption h4, .project-overview-block article .project-name h4, .multiple-content .spotlight-content h3, .bg-image-with-content .content h4, .spotlight-sec .spotlight-content h2 {
  font-size: 2.5rem;
}
@media screen and (min-width: 1200px) {
  .pdf-outer-section h3, .caption-with-image .caption h4, .project-overview-block article .project-name h4, .multiple-content .spotlight-content h3, .bg-image-with-content .content h4, .spotlight-sec .spotlight-content h2 {
    font-size: 2.5rem;
  }
}

.service-equipments .call-to-action .call-to-action-caption h4, .project-content .project-elements .accordion .accordion-header .accordion-button, .equipment-items .equipments .paragraph--type--equipment .equipment-title h4, .ui-dialog .webform-confirmation-modal--content, .contact-details.inner-banner .map-with-contact-detail .contact-card h4,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card h4, .get-in-touch .webform .contact-number a, h5 {
  font-size: 1.25rem;
}
@media screen and (min-width: 992px) {
  .service-equipments .call-to-action .call-to-action-caption h4, .project-content .project-elements .accordion .accordion-header .accordion-button, .equipment-items .equipments .paragraph--type--equipment .equipment-title h4, .ui-dialog .webform-confirmation-modal--content, .contact-details.inner-banner .map-with-contact-detail .contact-card h4,
  .contact-details.inner-banner .map-with-contact-detail .office-timing-card h4, .get-in-touch .webform .contact-number a, h5 {
    font-size: 1.625rem;
  }
}

h6 {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  h6 {
    font-size: 1.375rem;
  }
}

.view-table-section, footer.footer-sec, .service-case-studies .link-btn, .service-case-studies .projectSwiper, .service-inner-cards .inner-service-content, .brands-content .container, .project-content, .project-banner, .equipment-items .equipments, .bg-image-with-content .bg-image, .services-sec .service-cards,
.services-sec .services-all-cards,
.our-services .service-cards,
.our-services .services-all-cards, .page-id-30 .spotlight-sec, .generate-quote-section {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .view-table-section, footer.footer-sec, .service-case-studies .link-btn, .service-case-studies .projectSwiper, .service-inner-cards .inner-service-content, .brands-content .container, .project-content, .project-banner, .equipment-items .equipments, .bg-image-with-content .bg-image, .services-sec .service-cards,
  .services-sec .services-all-cards,
  .our-services .service-cards,
  .our-services .services-all-cards, .page-id-30 .spotlight-sec, .generate-quote-section {
    padding-top: 80px;
  }
}

.view-table-section, .service-equipments .service-eqiupment-inner, .service-equipments .heading, .brands-content .brands .row > div, .brands-content .brands-heading, .project-content .project-title, .career-full-page .row, .career-full-page .career-main-title, .paragraph--type--career-items .career-overview-block, .hero-banner,
.case-studies-sec, .generate-quote-section {
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .view-table-section, .service-equipments .service-eqiupment-inner, .service-equipments .heading, .brands-content .brands .row > div, .brands-content .brands-heading, .project-content .project-title, .career-full-page .row, .career-full-page .career-main-title, .paragraph--type--career-items .career-overview-block, .hero-banner,
  .case-studies-sec, .generate-quote-section {
    padding-bottom: 80px;
  }
}

.service-case-studies, .service-equipments, .service-inner-cards, .caption-with-image, .news-full-content, .paragraph--type--news .news-overview, .project-testimonial, .project-content .project-half-images, .project-content .project-body, .project-content .what-we-did, .paragraph--type--projects, .introduction, .career-full-page, .paragraph--type--career-items .career-overview-block, .work-with-mct, .field--name-field-main-content > .field__item .equipment-items, .page-id-8 .multiple-content .spotlight-sec, .multiple-content .spotlight-sec, .inner-banner, .contact-details.inner-banner .map-with-contact-detail, .why-choose-us-sec, .case-studies-sec, .services-sec, .spotlight-sec, .get-started,
.our-services, .basic-title-content {
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  .service-case-studies, .service-equipments, .service-inner-cards, .caption-with-image, .news-full-content, .paragraph--type--news .news-overview, .project-testimonial, .project-content .project-half-images, .project-content .project-body, .project-content .what-we-did, .paragraph--type--projects, .introduction, .career-full-page, .paragraph--type--career-items .career-overview-block, .work-with-mct, .field--name-field-main-content > .field__item .equipment-items, .page-id-8 .multiple-content .spotlight-sec, .multiple-content .spotlight-sec, .inner-banner, .contact-details.inner-banner .map-with-contact-detail, .why-choose-us-sec, .case-studies-sec, .services-sec, .spotlight-sec, .get-started,
  .our-services, .basic-title-content {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .service-case-studies, .service-equipments, .service-inner-cards, .caption-with-image, .news-full-content, .paragraph--type--news .news-overview, .project-testimonial, .project-content .project-half-images, .project-content .project-body, .project-content .what-we-did, .paragraph--type--projects, .introduction, .career-full-page, .paragraph--type--career-items .career-overview-block, .work-with-mct, .field--name-field-main-content > .field__item .equipment-items, .page-id-8 .multiple-content .spotlight-sec, .multiple-content .spotlight-sec, .inner-banner, .contact-details.inner-banner .map-with-contact-detail, .why-choose-us-sec, .case-studies-sec, .services-sec, .spotlight-sec, .get-started,
  .our-services, .basic-title-content {
    padding-top: 120px;
  }
}

.service-case-studies, .service-equipments, .service-inner-cards, .caption-with-image, .news-full-content, .paragraph--type--news .news-overview, .project-content .project-body, .project-content .what-we-did, .paragraph--type--projects, .career-full-page, .work-with-mct, .multiple-content, .inner-banner, .why-choose-us-sec, .services-sec,
.our-services, .spotlight-sec, .basic-title-content {
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .service-case-studies, .service-equipments, .service-inner-cards, .caption-with-image, .news-full-content, .paragraph--type--news .news-overview, .project-content .project-body, .project-content .what-we-did, .paragraph--type--projects, .career-full-page, .work-with-mct, .multiple-content, .inner-banner, .why-choose-us-sec, .services-sec,
  .our-services, .spotlight-sec, .basic-title-content {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1400px) {
  .service-case-studies, .service-equipments, .service-inner-cards, .caption-with-image, .news-full-content, .paragraph--type--news .news-overview, .project-content .project-body, .project-content .what-we-did, .paragraph--type--projects, .career-full-page, .work-with-mct, .multiple-content, .inner-banner, .why-choose-us-sec, .services-sec,
  .our-services, .spotlight-sec, .basic-title-content {
    padding-bottom: 120px;
  }
}

.region-content {
  padding: 0;
}

.service-case-studies .case-study-content h5, .paragraph--type--news .news-overview .view-all-news .view-header h5, .project-content .project-introduction h5, .project-content .project-title h5, .inner-banner-with-image .inner-banner-left-content h5, .inner-banner .inner-banner-content h5, .bg-image-with-content .content h5, .why-choose-us-sec .section-title h5, .services-sec .service-caption h5,
.our-services .service-caption h5, .spotlight-sec .spotlight-content h5, .hero-banner .banner-content h5,
.hero-banner .case-study-content h5,
.case-studies-sec .banner-content h5,
.case-studies-sec .case-study-content h5, .header .menus-wrapper .menu .menu--main h5 {
  font-size: 14px;
  padding-bottom: 10px;
  font-family: "DM Sans", sans-serif;
  text-transform: uppercase;
  position: relative;
  color: var(--c-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 1.96px;
}
.service-case-studies .case-study-content h5::before, .paragraph--type--news .news-overview .view-all-news .view-header h5::before, .project-content .project-introduction h5::before, .project-content .project-title h5::before, .inner-banner-with-image .inner-banner-left-content h5::before, .inner-banner .inner-banner-content h5::before, .bg-image-with-content .content h5::before, .why-choose-us-sec .section-title h5::before, .services-sec .service-caption h5::before,
.our-services .service-caption h5::before, .spotlight-sec .spotlight-content h5::before, .hero-banner .banner-content h5::before,
.hero-banner .case-study-content h5::before,
.case-studies-sec .banner-content h5::before,
.case-studies-sec .case-study-content h5::before, .header .menus-wrapper .menu .menu--main h5::before {
  content: "";
  display: block;
  margin-right: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--dot-color, var(--c-secondary));
}

@media screen and (min-width: 1400px) {
  .container {
    max-width: 1176px;
  }
}
@media screen and (max-width: 767.5px) {
  .container {
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* pager css start here */
nav.pager {
  padding-top: 50px;
}
nav.pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
}
nav.pager ul li:not(:last-child) {
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  nav.pager ul li:not(:last-child) {
    padding-right: 30px;
  }
}
nav.pager ul li.pager__item--first, nav.pager ul li.pager__item--last {
  display: none;
}
nav.pager ul li.is-active a {
  background-color: var(--c-white);
  color: var(--c-black);
}
nav.pager ul li a {
  width: 42px;
  height: 42px;
  border-radius: 50% !important;
  text-decoration: none;
  color: var(--c-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  background-color: transparent;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
nav.pager ul li a:hover {
  color: var(--c-primary);
  background-color: var(--c-purple);
}
nav.pager ul li a:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* basic-title-content css start here */
.basic-title-content {
  background-color: var(--c-bg-light);
}
.basic-title-content .container {
  max-width: 700px;
}
.basic-title-content h2 {
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .basic-title-content h2 {
    padding-bottom: 60px;
  }
}

.cookiesjsr-banner {
  background-color: var(--c-white);
  color: var(--c-black);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 60px 0;
}
.cookiesjsr-banner .cookiesjsr-links {
  display: none;
}
.cookiesjsr-banner .cookiesjsr-banner--action button {
  width: auto;
  height: auto;
  border-radius: 3px;
  border: 1px solid var(--c-purple);
  background-color: var(--c-purple);
  color: var(--c-black);
  display: inline-block;
  text-align: center;
  padding: 18px 30px;
}
@media screen and (min-width: 768px) {
  .cookiesjsr-banner .cookiesjsr-banner--action button {
    padding: 20px 40px;
  }
}
.cookiesjsr-banner .cookiesjsr-banner--action button.allowAll {
  background-color: transparent;
  border-color: var(--c-black);
}

.dialog-off-canvas-main-canvas.d-flex.flex-column.h-100 {
  height: unset !important;
}

.cookiesjsr-layer--body ul.cookiesjsr-service-groups {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cookiesjsr-layer--body ul.cookiesjsr-service-groups li {
  display: block;
  width: 100% !important;
}
.cookiesjsr-layer--body ul.cookiesjsr-service-groups li button {
  background-color: var(--c-primary) !important;
  width: 100% !important;
}
.cookiesjsr-layer--body ul.cookiesjsr-service-groups li .cookiesjsr-service-group--content {
  position: unset;
  background-color: var(--c-primary) !important;
  padding: 20px;
  width: 100%;
}
.cookiesjsr-layer--body ul.cookiesjsr-service-groups li .cookiesjsr-service-group--content > div {
  padding: 0 !important;
}
.cookiesjsr-layer--body ul.cookiesjsr-service-groups li .cookiesjsr-service--action {
  width: 100%;
}
.cookiesjsr-layer--body ul.cookiesjsr-service-groups li .cookiesjsr-service--description {
  padding: 20px 0;
}

/* generate-quote-section css satrt */
.path-generate-quote {
  background-color: var(--c-bg-light);
}

.generate-quote-section h3 {
  color: var(--c-primary);
}
.generate-quote-section .region-content {
  background-color: var(--c-white);
  border-radius: 10px;
  padding: 30px 12px;
}
@media screen and (min-width: 576px) {
  .generate-quote-section .region-content {
    padding: 40px 20px;
  }
}
@media screen and (min-width: 992px) {
  .generate-quote-section .region-content {
    padding: 50px;
  }
}
.generate-quote-section #generate-quote-form .generate-quote-buttons {
  display: block;
  width: 100% !important;
}
.generate-quote-section #generate-quote-form .button.js-form-submit {
  display: inline-block;
  padding: 14px 30px;
  background-color: var(--c-primary);
  color: var(--c-white);
  text-decoration: none;
  border: none;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  margin: 20px 6px 0;
  width: auto;
}
.generate-quote-section #generate-quote-form .button.js-form-submit:hover {
  background-color: var(--c-secondary);
}
.generate-quote-section #generate-quote-form > div > details > .card-header:after {
  content: "";
  position: absolute;
  top: 0;
  width: 16px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  background-image: url("../images/angle-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 100%;
  right: 10px;
}
@media screen and (min-width: 768px) {
  .generate-quote-section #generate-quote-form > div > details > .card-header:after {
    right: 16px;
    width: 20px;
  }
}
.generate-quote-section #generate-quote-form details {
  margin: 0 0 20px !important;
  border: none;
}
.generate-quote-section #generate-quote-form details > .card-header {
  all: unset;
  border: none !important;
  background-color: var(--c-bg-light) !important;
  padding: 16px 35px 16px 20px;
  color: var(--c-primary);
  position: relative;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .generate-quote-section #generate-quote-form details > .card-header {
    font-size: 18px;
  }
}
.generate-quote-section #generate-quote-form details .details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
}
.generate-quote-section #generate-quote-form details .details-wrapper > .form-wrapper > div {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.generate-quote-section #generate-quote-form details .details-wrapper > div {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .generate-quote-section #generate-quote-form details .details-wrapper > div {
    margin: 0 12px 20px;
    width: calc(50% - 24px);
  }
}
.generate-quote-section #generate-quote-form details .details-wrapper .alert-info {
  width: 100%;
}
.generate-quote-section #generate-quote-form details .details-wrapper .form-item {
  margin: 20px 0px 0;
  width: 100%;
}
@media screen and (min-width: 576px) {
    .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-quotation-confirmation.form-item-quotation-confirmation
{
  width: 90% !important;
}
  .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox {
    width: calc(33% - 24px) !important;
  }

  .generate-quote-section #generate-quote-form details .details-wrapper .form-item {
    margin: 20px 12px 0;
    width: calc(50% - 24px);
  }

  .generate-quote-section #other-services-details details .details-wrapper .form-item {
    margin: 20px 12px 0;
    width: calc(50% - 24px) !important;
  }
}
.generate-quote-section #generate-quote-form details .details-wrapper .form-item .description {
  display: none;
}
.generate-quote-section #generate-quote-form details .details-wrapper .form-item label {
  margin-bottom: 6px;
  display: inline-block;
}
.generate-quote-section #generate-quote-form details .details-wrapper .form-item .form-control {
  border-radius: 0px;
  width: 100%;
  height: auto;
  border: 1px solid #777;
  padding: 12px 30px;
}
@media screen and (min-width: 768px) {
  .generate-quote-section #generate-quote-form details .details-wrapper .form-item .form-control {
    padding: 14px 30px;
  }
}
.generate-quote-section #generate-quote-form details .details-wrapper .form-item .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.generate-quote-section #generate-quote-form table {
  margin-top: 50px;
}
.generate-quote-section #generate-quote-form table thead {
  background-color: var(--c-primary);
}
.generate-quote-section #generate-quote-form table thead tr {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.generate-quote-section #generate-quote-form table thead tr td,
.generate-quote-section #generate-quote-form table thead tr th {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.generate-quote-section #generate-quote-form #customer-and-sites-details-details .card-body .form-item-custom-and-site-details-site-postcode {
  width: 100% !important;
}
.generate-quote-section #generate-quote-form #other-services-details .card-body > div.form-wrapper {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.generate-quote-section #generate-quote-form #other-services-details .card-body > div.form-wrapper > div.form-wrapper {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.generate-quote-section #generate-quote-form #other-services-details .card-body > div.form-wrapper > div.form-wrapper > div,
.generate-quote-section #generate-quote-form #other-services-details .card-body > div.form-wrapper > div.form-wrapper .js-form-submit {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .generate-quote-section #generate-quote-form #other-services-details .card-body > div.form-wrapper > div.form-wrapper > div,
  .generate-quote-section #generate-quote-form #other-services-details .card-body > div.form-wrapper > div.form-wrapper .js-form-submit {
    margin: 0 12px;
    width: calc(33.333% - 24px) !important;
  }
}
/*.generate-quote-section #generate-quote-form #other-services-details .card-body .js-form-type-checkbox {
  width: 100% !important;
}*/
.generate-quote-section #generate-quote-form #ductwork-cleaning-details .card-body fieldset.form-composite {
  width: 100% !important;
}
.generate-quote-section #generate-quote-form #ductwork-cleaning-details .card-body fieldset.form-composite .fieldset-wrapper .form-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.generate-quote-section #generate-quote-form #ductwork-cleaning-details .card-body fieldset.form-composite .fieldset-wrapper .form-radios > div {
  width: auto;
}
.generate-quote-section #generate-quote-form #fan-controller-ins-details .card-body .js-form-type-textarea {
  width: 100% !important;
}
.generate-quote-section #generate-quote-form #grease-filter-cleaning-details .card-body .form-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.generate-quote-section #generate-quote-form #grease-filter-cleaning-details .card-body .form-wrapper .form-item {
  width: calc(50% - 24px);
}
.generate-quote-section #generate-quote-form #grease-filter-cleaning-details .card-body .js-form-type-textarea {
  width: calc(100% - 24px);
}
.generate-quote-section #generate-quote-form #grease-filter-cleaning-details .card-body .js-form-type-textarea .form-textarea-wrapper, .generate-quote-section #generate-quote-form #grease-filter-cleaning-details .card-body .js-form-type-textarea label {
  margin: 0 12px;
}

.card-header[aria-expanded=true]::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header {
  z-index: 99;
  top: 0;
  background-color: var(--c-white);
  -webkit-box-shadow: 0px 5px 25px rgba(143, 143, 143, 0.1);
          box-shadow: 0px 5px 25px rgba(143, 143, 143, 0.1);
  background-color: var(--c-white);
  border-bottom: 1px solid var(--c-gray);
  padding: 18px 0px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 992px) {
  .header {
    padding: 18px 0 0;
  }
}
.header .back-top-menu {
  display: none;
}
.header-fixed .header {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  position: sticky;
  width: 100%;
  top: 0;
}
@media screen and (min-width: 992px) {
  .header-fixed .header {
    padding: 12px 14px 0;
  }
}
@media screen and (min-width: 1400px) {
  .header .container {
    max-width: 1416px;
  }
}
.header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .logo {
  width: 50%;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 992px) {
  .header .logo {
    width: 13%;
  }
}
@media screen and (min-width: 1200px) {
  .header .logo {
    width: 15%;
  }
}
.header .logo img {
  width: 100%;
  margin: 0;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.header-fixed .header .logo img {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
@media screen and (max-width: 991.5px) {
  .header .logo img {
    max-width: 98px;
  }
}
.header .menus-wrapper {
  width: 80%;
}
@media screen and (min-width: 576px) {
  .header .menus-wrapper {
    width: 85%;
  }
}
@media screen and (max-width: 991.5px) {
  .header .menus-wrapper {
    display: none;
  }
}
.header .menus-wrapper .region-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.header .menus-wrapper .menu {
  padding-top: 10px;
}
.header-fixed .header .menus-wrapper .menu {
  padding-top: 5px;
}
.header .menus-wrapper .menu .menu--header-top {
  padding-bottom: 10px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.header-fixed .header .menus-wrapper .menu .menu--header-top {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.header .menus-wrapper .menu .menu--header-top ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.header .menus-wrapper .menu .menu--header-top ul li:not(:last-child) {
  margin-right: 20px;
}
.header .menus-wrapper .menu .menu--header-top ul li a {
  text-decoration: none;
  color: var(--c-primary);
  font-size: 15px;
  font-family: "DM Sans", sans-serif;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.header .menus-wrapper .menu .menu--header-top ul li a:hover {
  color: var(--c-purple);
}
.header .menus-wrapper .menu .menu--header-top ul li:last-child {
  margin-right: 0;
}
.header .menus-wrapper .menu .menu--header-top ul li:last-child a {
  margin-right: 0;
  color: var(--c-white);
  background-color: var(--c-purple);
  border-radius: 22px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  padding: 6px 16px;
}
.header .menus-wrapper .menu .menu--header-top ul li:last-child a:hover {
  color: var(--c-white);
  background-color: var(--c-primary);
}
.header .menus-wrapper .menu .menu--main {
  display: none;
  font-family: "DM Sans", sans-serif;
}
@media screen and (min-width: 992px) {
  .header .menus-wrapper .menu .menu--main {
    display: block;
  }
}
.header .menus-wrapper .menu .menu--main > ul {
  padding: 0 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  position: relative;
  margin: 0;
}
.header .menus-wrapper .menu .menu--main > ul > li {
  list-style: none;
  color: var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  margin: 0;
}
.header .menus-wrapper .menu .menu--main > ul > li:not(:last-child) {
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .header .menus-wrapper .menu .menu--main > ul > li:not(:last-child) {
    padding-right: 40px;
  }
}
.header .menus-wrapper .menu .menu--main > ul > li .mean-expand svg, .header .menus-wrapper .menu .menu--main > ul > li .mean-expand i {
  margin-left: 6px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  cursor: pointer;
}
.header .menus-wrapper .menu .menu--main > ul > li > a,
.header .menus-wrapper .menu .menu--main > ul > li span {
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  cursor: pointer;
  padding: 0 0 12px;
  position: relative;
}
.header .menus-wrapper .menu .menu--main > ul > li > a::after,
.header .menus-wrapper .menu .menu--main > ul > li span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  border-bottom: 1px solid var(--c-purple);
  bottom: 0;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 1200px) {
  .header .menus-wrapper .menu .menu--main > ul > li > a,
  .header .menus-wrapper .menu .menu--main > ul > li span {
    font-size: 16px;
  }
}
.header .menus-wrapper .menu .menu--main > ul > li > a.is-active,
.header .menus-wrapper .menu .menu--main > ul > li span.is-active {
  color: var(--c-purple);
}
.header .menus-wrapper .menu .menu--main > ul > li > a.is-active::after,
.header .menus-wrapper .menu .menu--main > ul > li span.is-active::after {
  width: 100%;
}
.header .menus-wrapper .menu .menu--main > ul > li > a:hover,
.header .menus-wrapper .menu .menu--main > ul > li span:hover {
  color: var(--c-purple);
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded > .menu-dropdown {
  background-color: var(--c-white);
  padding: 50px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded > .menu-dropdown ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded > .menu-dropdown ul.menu > li {
  list-style: none;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-bottom: 30px;
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded > .menu-dropdown ul.menu > li img {
  margin-right: 20px;
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded > .menu-dropdown ul.menu > li a {
  text-transform: capitalize;
  font-size: 18px;
  color: var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  padding: 0;
  text-decoration: none;
  margin: 0;
  font-size: 15px;
}
@media screen and (min-width: 1200px) {
  .header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded > .menu-dropdown ul.menu > li a {
    font-size: 16px;
  }
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded > .menu-dropdown ul.menu > li a:hover {
  color: var(--c-purple);
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded:hover .mean-expand svg, .header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded:hover .mean-expand i {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: var(--c-purple);
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded:hover .mean-expand svg fill, .header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded:hover .mean-expand i fill {
  color: var(--c-purple);
}
.header .menus-wrapper .menu .menu--main > ul > li.menu-item--expanded:hover > .menu-dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

/* toggle css mboile */
.menu-toggle {
  width: 30px;
  height: 28px;
  position: relative;
  cursor: pointer;
  z-index: 999;
}
@media screen and (min-width: 992px) {
  .menu-toggle {
    display: none;
  }
}
.menu-toggle span {
  width: 22px;
  border-bottom: 3px solid var(--c-primary);
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0px;
}
.menu-toggle span:nth-child(2) {
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s;
}
.menu-open .menu-toggle span:nth-child(2) {
  opacity: 0;
}
.menu-toggle span:nth-child(1) {
  margin-top: -8px;
  -webkit-transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
}
.menu-open .menu-toggle span:nth-child(1) {
  -webkit-transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-color: var(--c-primary);
}
.menu-toggle span:nth-child(3) {
  margin-top: 8px;
  -webkit-transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out;
  transition: margin 0.32s 0.32s ease-in-out, transform 0.32s 0s ease-in-out, -webkit-transform 0.32s 0s ease-in-out;
}
.menu-open .menu-toggle span:nth-child(3) {
  border-color: var(--c-primary);
  -webkit-transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out;
  transition: margin 0.32s ease-in-out, transform 0.32s 0.32s ease-in-out, -webkit-transform 0.32s 0.32s ease-in-out;
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mobile-menu-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--c-white);
  z-index: 92;
  width: 100%;
  height: 100%;
  padding-top: 92px;
  overflow-y: scroll;
}
.user-logged-in .mobile-menu-wrapper {
  padding-top: 124px;
}
@media screen and (min-width: 992px) {
  .mobile-menu-wrapper {
    display: none !important;
  }
}
.mobile-menu-wrapper .mobile-menu-inti {
  height: 100vh;
  padding-bottom: 30px;
}
.mobile-menu-wrapper .region-menu {
  position: relative;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.mobile-menu-wrapper h5 {
  display: none;
}
.mobile-menu-wrapper nav.menu--main,
.mobile-menu-wrapper .menu--header-top {
  overflow-x: hidden;
}
.mobile-menu-wrapper nav.menu--main > ul.menu, .mobile-menu-wrapper nav.menu--main > .navbar-nav,
.mobile-menu-wrapper .menu--header-top > ul.menu,
.mobile-menu-wrapper .menu--header-top > .navbar-nav {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block !important;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li,
.mobile-menu-wrapper .menu--header-top > ul.menu > li,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  flex-wrap: wrap;
  padding: 0;
  /* menu-dropdown css start here */
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li a,
.mobile-menu-wrapper nav.menu--main > ul.menu > li span, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li a,
.mobile-menu-wrapper nav.menu--main > .navbar-nav > li span,
.mobile-menu-wrapper .menu--header-top > ul.menu > li a,
.mobile-menu-wrapper .menu--header-top > ul.menu > li span,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li a,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li span {
  font-size: 18px;
  margin: 12px 30px;
  text-decoration: none;
  color: var(--c-primary);
  font-weight: 400;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li .mean-expand, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li .mean-expand,
.mobile-menu-wrapper .menu--header-top > ul.menu > li .mean-expand,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li .mean-expand {
  font-size: 18px;
  padding: 12px 30px;
  margin: 0;
  cursor: pointer;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li .back-top-menu, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li .back-top-menu,
.mobile-menu-wrapper .menu--header-top > ul.menu > li .back-top-menu,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li .back-top-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  background-color: var(--c-white);
  border-bottom: 1px solid var(--c-gray);
  padding-bottom: 10px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  cursor: pointer;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li .back-top-menu span, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li .back-top-menu span,
.mobile-menu-wrapper .menu--header-top > ul.menu > li .back-top-menu span,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li .back-top-menu span {
  margin: 0;
  padding-left: 20px;
}
.sub-menu-open .mobile-menu-wrapper nav.menu--main > ul.menu > li .back-top-menu, .sub-menu-open .mobile-menu-wrapper nav.menu--main > .navbar-nav > li .back-top-menu,
.sub-menu-open .mobile-menu-wrapper .menu--header-top > ul.menu > li .back-top-menu,
.sub-menu-open .mobile-menu-wrapper .menu--header-top > .navbar-nav > li .back-top-menu {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li > .menu-dropdown, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li > .menu-dropdown,
.mobile-menu-wrapper .menu--header-top > ul.menu > li > .menu-dropdown,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li > .menu-dropdown {
  background-color: var(--c-white);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  left: 100%;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  opacity: 0;
  visibility: hidden;
  margin-top: 50px;
}
.sub-menu-open .mobile-menu-wrapper nav.menu--main > ul.menu > li > .menu-dropdown, .sub-menu-open .mobile-menu-wrapper nav.menu--main > .navbar-nav > li > .menu-dropdown,
.sub-menu-open .mobile-menu-wrapper .menu--header-top > ul.menu > li > .menu-dropdown,
.sub-menu-open .mobile-menu-wrapper .menu--header-top > .navbar-nav > li > .menu-dropdown {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li > .menu-dropdown ul, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li > .menu-dropdown ul,
.mobile-menu-wrapper .menu--header-top > ul.menu > li > .menu-dropdown ul,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li > .menu-dropdown ul {
  margin: 0;
  padding: 0;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li > .menu-dropdown ul img, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li > .menu-dropdown ul img,
.mobile-menu-wrapper .menu--header-top > ul.menu > li > .menu-dropdown ul img,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li > .menu-dropdown ul img {
  display: none;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li > .menu-dropdown ul li, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li > .menu-dropdown ul li,
.mobile-menu-wrapper .menu--header-top > ul.menu > li > .menu-dropdown ul li,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li > .menu-dropdown ul li {
  padding: 0;
}
.mobile-menu-wrapper nav.menu--main > ul.menu > li > .menu-dropdown ul li a, .mobile-menu-wrapper nav.menu--main > .navbar-nav > li > .menu-dropdown ul li a,
.mobile-menu-wrapper .menu--header-top > ul.menu > li > .menu-dropdown ul li a,
.mobile-menu-wrapper .menu--header-top > .navbar-nav > li > .menu-dropdown ul li a {
  display: inline-block;
  padding: 0;
}
.mobile-menu-wrapper .menu--header-top {
  border-top: 1px solid var(--c-gray);
  padding-top: 30px;
  margin-top: 30px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.sub-menu-open .mobile-menu-wrapper .menu--header-top {
  opacity: 0;
  visibility: hidden;
}
.mobile-menu-wrapper .menu--header-top ul.navbar-nav > li a {
  color: var(--c-dark-gray);
  padding: 0;
}
.mobile-menu-wrapper .menu--header-top ul.navbar-nav > li:last-child {
  padding-top: 30px;
}
.mobile-menu-wrapper .menu--header-top ul.navbar-nav > li:last-child a {
  width: 100%;
  padding: 14px 30px;
  border-radius: 30px;
  background-color: var(--c-purple);
  color: var(--c-white);
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.mobile-menu-wrapper .menu--header-top ul.navbar-nav > li:last-child a:hover {
  background-color: var(--c-primary);
}

.contextual-region {
  position: unset;
}

@media screen and (min-width: 1400px) {
  .hero-banner .container {
    max-width: 1416px;
  }
}

.hero-banner,
.case-studies-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: var(--c-primary);
  color: var(--c-white);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .hero-banner,
  .case-studies-sec {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
}
.hero-banner .banner-content,
.hero-banner .case-study-content,
.case-studies-sec .banner-content,
.case-studies-sec .case-study-content {
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .hero-banner .banner-content,
  .hero-banner .case-study-content,
  .case-studies-sec .banner-content,
  .case-studies-sec .case-study-content {
    margin-right: -45%;
  }
}
.hero-banner .banner-content h2,
.hero-banner .case-study-content h2,
.case-studies-sec .banner-content h2,
.case-studies-sec .case-study-content h2 {
  padding-bottom: 12px;
}
.page-id-3 .hero-banner .banner-content h2,
.page-id-3 .hero-banner .case-study-content h2,
.page-id-3 .case-studies-sec .banner-content h2,
.page-id-3 .case-studies-sec .case-study-content h2 {
  font-size: 48px;
}
@media screen and (min-width: 1200px) {
  .page-id-3 .hero-banner .banner-content h2,
  .page-id-3 .hero-banner .case-study-content h2,
  .page-id-3 .case-studies-sec .banner-content h2,
  .page-id-3 .case-studies-sec .case-study-content h2 {
    font-size: 60px;
  }
}
.hero-banner .banner-content h2 span,
.hero-banner .case-study-content h2 span,
.case-studies-sec .banner-content h2 span,
.case-studies-sec .case-study-content h2 span {
  color: var(--c-secondary);
}
.hero-banner .banner-content h2 br,
.hero-banner .case-study-content h2 br,
.case-studies-sec .banner-content h2 br,
.case-studies-sec .case-study-content h2 br {
  display: block;
}
.hero-banner .banner-content h6,
.hero-banner .case-study-content h6,
.case-studies-sec .banner-content h6,
.case-studies-sec .case-study-content h6 {
  padding-bottom: 20px;
}
.hero-banner .banner-content h5,
.hero-banner .case-study-content h5,
.case-studies-sec .banner-content h5,
.case-studies-sec .case-study-content h5 {
  padding-bottom: 20px;
}
.hero-banner .banner-content h6,
.hero-banner .case-study-content h6,
.case-studies-sec .banner-content h6,
.case-studies-sec .case-study-content h6 {
  font-family: "DM Sans", sans-serif;
}
.hero-banner .banner-content .row > div,
.hero-banner .case-study-content .row > div,
.case-studies-sec .banner-content .row > div,
.case-studies-sec .case-study-content .row > div {
  padding-right: 20px;
}
.hero-banner .banner-image,
.hero-banner .case-study-image,
.case-studies-sec .banner-image,
.case-studies-sec .case-study-image {
  width: 100%;
  text-align: right;
  margin-bottom: 40px;
}
.page-id-3 .hero-banner .banner-image,
.page-id-3 .hero-banner .case-study-image,
.page-id-3 .case-studies-sec .banner-image,
.page-id-3 .case-studies-sec .case-study-image {
  margin-bottom: -80px;
}
@media screen and (min-width: 768px) {
  .hero-banner .banner-image,
  .hero-banner .case-study-image,
  .case-studies-sec .banner-image,
  .case-studies-sec .case-study-image {
    margin-bottom: 0;
    width: 45%;
  }
}
.hero-banner .banner-image img,
.hero-banner .case-study-image img,
.case-studies-sec .banner-image img,
.case-studies-sec .case-study-image img {
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 80%;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .hero-banner .banner-image img,
  .hero-banner .case-study-image img,
  .case-studies-sec .banner-image img,
  .case-studies-sec .case-study-image img {
    padding-top: 0px;
    height: 100vh;
    width: 100%;
  }
}

/* get-started css start here */
.get-started,
.our-services {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.get-started .get-started-title,
.get-started .services-title,
.our-services .get-started-title,
.our-services .services-title {
  text-align: center;
  padding-bottom: 30px;
}
@media screen and (min-width: 1600px) {
  .get-started .get-started-title,
  .get-started .services-title,
  .our-services .get-started-title,
  .our-services .services-title {
    padding-bottom: 40px;
  }
}
.get-started .row .icon-title-text-image,
.our-services .row .icon-title-text-image {
  background-color: var(--c-secondary);
  color: var(--c-primary);
  padding: 30px 20px 40px;
  border-radius: 16px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .get-started .row .icon-title-text-image,
  .our-services .row .icon-title-text-image {
    padding: 60px 30px 0px;
    border-radius: 24px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .get-started .row .icon-title-text-image,
  .our-services .row .icon-title-text-image {
    padding: 60px 40px 0px;
  }
}
.get-started .row .icon-title-text-image h2,
.our-services .row .icon-title-text-image h2 {
  max-width: 300px;
  padding-top: 12px;
}
@media screen and (max-width: 575.5px) {
  .get-started .row .icon-title-text-image h2,
  .our-services .row .icon-title-text-image h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .get-started .row .icon-title-text-image h2,
  .our-services .row .icon-title-text-image h2 {
    padding-bottom: 30px;
  }
}
.get-started .row .icon-title-text-image .link,
.our-services .row .icon-title-text-image .link {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .get-started .row .icon-title-text-image .link,
  .our-services .row .icon-title-text-image .link {
    padding-top: 50px;
  }
}
@media screen and (max-width: 767.5px) {
  .get-started .row .icon-title-text-image p,
  .our-services .row .icon-title-text-image p {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .get-started .row .icon-title-image,
  .our-services .row .icon-title-image {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767.5px) {
  .get-started .row .icon-title-left-image img,
  .our-services .row .icon-title-left-image img {
    display: none;
  }
}
.get-started .row .col-md-5,
.our-services .row .col-md-5 {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
@media screen and (min-width: 1200px) {
  .get-started .row > .col-md-12 .icon-title-image-content,
  .our-services .row > .col-md-12 .icon-title-image-content {
    padding-right: 30px;
  }
}
.get-started .row > .col-md-8, .get-started .row > .last-card,
.our-services .row > .col-md-8,
.our-services .row > .last-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.get-started .row > .col-md-8 > div, .get-started .row > .last-card > div,
.our-services .row > .col-md-8 > div,
.our-services .row > .last-card > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.get-started .row > .col-md-8 > div > div, .get-started .row > .last-card > div > div,
.our-services .row > .col-md-8 > div > div,
.our-services .row > .last-card > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.get-started .row > .last-card .row,
.our-services .row > .last-card .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.get-started .row > .last-card .row .col-md-5,
.get-started .row > .last-card .row .col-md-7,
.our-services .row > .last-card .row .col-md-5,
.our-services .row > .last-card .row .col-md-7 {
  width: 80%;
}

.link a {
  text-decoration: none;
  color: var(--c-primary);
  padding-bottom: 2px;
  border-bottom: 1px solid var(--c-primary);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.link a:hover {
  color: var(--c-primary);
  border-color: var(--c-primary);
  font-weight: bold;
}

/* spotlight-sec css start here */
.background-white-color .spotlight-sec {
  background-color: var(--c-white);
  color: var(--c-black);
}

.spotlight-sec {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.spotlight-sec .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .spotlight-sec .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 767.5px) {
  .spotlight-sec .spotlight-content {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .spotlight-sec .spotlight-content {
    padding-right: 10%;
  }
}
@media screen and (min-width: 1200px) {
  .spotlight-sec .spotlight-content {
    padding-right: 20%;
  }
}
.spotlight-sec .spotlight-content strong {
  font-weight: 500;
}
.spotlight-sec .spotlight-content h5 {
  padding-bottom: 40px;
}
@media screen and (max-width: 767.5px) {
  .spotlight-sec .spotlight-content h5 {
    padding-bottom: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.spotlight-sec .spotlight-content h2 {
  padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .spotlight-sec .spotlight-content h2 {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767.5px) {
  .spotlight-sec .spotlight-image {
    padding-bottom: 40px;
  }
}
.spotlight-sec .spotlight-image img {
  width: 100%;
}

/* link-btn css start */
.link-btn {
  padding-top: 40px;
}
.link-btn a {
  text-decoration: none;
  color: var(--c-primary);
  background-color: var(--c-purple);
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 15px;
  padding: 18px 60px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  border: 2px solid transparent;
}
@media screen and (max-width: 575.5px) {
  .link-btn a {
    width: 100%;
  }
}
.link-btn a:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
  border-color: var(--c-white);
}

/* services-sec css start here */
.services-sec,
.our-services {
  background-color: var(--c-bg-light);
  color: var(--c-primary);
}
.services-sec .service-caption h5,
.our-services .service-caption h5 {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .services-sec .service-caption h5,
  .our-services .service-caption h5 {
    padding-bottom: 40px;
  }
}
.services-sec .service-caption h2,
.our-services .service-caption h2 {
  color: "Saffron Grotesk", sans-serif;
}
.services-sec .service-cards .row,
.services-sec .services-all-cards .row,
.our-services .service-cards .row,
.our-services .services-all-cards .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services-sec .service-cards .row > div,
.services-sec .services-all-cards .row > div,
.our-services .service-cards .row > div,
.our-services .services-all-cards .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services-sec .service-cards .row > div > div,
.services-sec .services-all-cards .row > div > div,
.our-services .service-cards .row > div > div,
.our-services .services-all-cards .row > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.services-sec .service-cards .row > div > div > div,
.services-sec .service-cards .row > div > div article,
.services-sec .services-all-cards .row > div > div > div,
.services-sec .services-all-cards .row > div > div article,
.our-services .service-cards .row > div > div > div,
.our-services .service-cards .row > div > div article,
.our-services .services-all-cards .row > div > div > div,
.our-services .services-all-cards .row > div > div article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.services-sec .service-cards .row > div > div > div > div,
.services-sec .service-cards .row > div > div article > div,
.services-sec .services-all-cards .row > div > div > div > div,
.services-sec .services-all-cards .row > div > div article > div,
.our-services .service-cards .row > div > div > div > div,
.our-services .service-cards .row > div > div article > div,
.our-services .services-all-cards .row > div > div > div > div,
.our-services .services-all-cards .row > div > div article > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.services-sec .service-cards .card-type-2,
.services-sec .services-all-cards .card-type-2,
.our-services .service-cards .card-type-2,
.our-services .services-all-cards .card-type-2 {
  padding: 30px;
  background-color: var(--c-white);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 28px;
  width: 100%;
  position: relative;
}
.services-sec .service-cards .card-type-2 .icon,
.services-sec .services-all-cards .card-type-2 .icon,
.our-services .service-cards .card-type-2 .icon,
.our-services .services-all-cards .card-type-2 .icon {
  padding-bottom: 12px;
}
.services-sec .service-cards .card-type-2 .card-title,
.services-sec .services-all-cards .card-type-2 .card-title,
.our-services .service-cards .card-type-2 .card-title,
.our-services .services-all-cards .card-type-2 .card-title {
  padding-bottom: 60px;
}
@media screen and (min-width: 992px) {
  .services-sec .service-cards .card-type-2 .card-title h4,
  .services-sec .services-all-cards .card-type-2 .card-title h4,
  .our-services .service-cards .card-type-2 .card-title h4,
  .our-services .services-all-cards .card-type-2 .card-title h4 {
    max-width: 300px;
  }
}
.services-sec .service-cards .card-type-2 .link,
.services-sec .services-all-cards .card-type-2 .link,
.our-services .service-cards .card-type-2 .link,
.our-services .services-all-cards .card-type-2 .link {
  margin-top: auto;
}
.services-sec .service-cards .card-type-2 .link a::before,
.services-sec .services-all-cards .card-type-2 .link a::before,
.our-services .service-cards .card-type-2 .link a::before,
.our-services .services-all-cards .card-type-2 .link a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* case-studies-sec css stat here */
.case-studies-sec {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.case-studies-sec h5 {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .case-studies-sec h5 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767.5px) {
  .case-studies-sec .case-study-image {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 12px;
  }
}
.case-studies-sec .case-study-image img {
  width: 100%;
}

/* why-choose-us-sec css start */
.background-white-color .why-choose-us-sec {
  background-color: var(--c-white);
  color: var(--c-primary);
}
@media screen and (min-width: 768px) {
  .background-white-color .why-choose-us-sec {
    padding-bottom: 0;
  }
}
.background-white-color .why-choose-us-sec p {
  color: var(--c-dark-gray);
}

.background-light-color .why-choose-us-sec {
  background-color: var(--c-bg-light);
  color: var(--c-primary);
}
.background-light-color .why-choose-us-sec p {
  color: var(--c-dark-gray);
}

.why-choose-us-sec {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.page-id-30 .why-choose-us-sec {
  padding-bottom: 0;
}
.why-choose-us-sec .section-title {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .why-choose-us-sec .section-title {
    padding-bottom: 40px;
  }
}
.why-choose-us-sec .section-title p {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .why-choose-us-sec .section-title p {
    padding-bottom: 40px;
  }
}
.why-choose-us-sec .section-title h5 {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .why-choose-us-sec .section-title h5 {
    padding-bottom: 40px;
  }
}
.why-choose-us-sec .section-title h2 {
  padding-bottom: 20px;
}
.why-choose-us-sec .image-caption {
  padding-top: 20px;
}
@media screen and (min-width: 992px) {
  .why-choose-us-sec .image-caption .image {
    padding-right: 60px;
  }
}
@media screen and (max-width: 767.5px) {
  .why-choose-us-sec .image-caption .image {
    padding-bottom: 40px;
  }
}
.why-choose-us-sec .image-caption .image img {
  width: 100%;
  border-radius:15px;
}
@media screen and (min-width: 1200px) {
  .why-choose-us-sec .image-caption .title-text-points {
    padding-left: 60px;
  }
}
.why-choose-us-sec .image-caption .title-text-points ul {
  padding: 0;
  margin: 0;
}
.why-choose-us-sec .image-caption .title-text-points ul li {
  border-bottom: 1px solid #CFCFCF;
  padding-bottom: 30px;
  margin-bottom: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767.5px) {
  .why-choose-us-sec .image-caption .title-text-points ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: none;
    margin-bottom: 0;
  }
}
.why-choose-us-sec .image-caption .title-text-points ul li::before {
  content: "";
  display: block;
  margin-top: 6px;
  min-width: 28px;
  min-height: 28px;
  margin-right: 20px;
  background-image: url("../images/check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 767.5px) {
  .why-choose-us-sec .image-caption .title-text-points ul li::before {
    margin-bottom: 20px;
  }
}
.why-choose-us-sec .image-caption .title-text-points ul li h5 {
  padding-bottom: 12px;
}
@media screen and (min-width: 1200px) {
  .why-choose-us-sec .image-caption .title-text-points ul li h5,
  .why-choose-us-sec .image-caption .title-text-points ul li p {
    padding-right: 100px;
  }
}
.why-choose-us-sec .image-caption .title-text-points ul li a {
  text-decoration: none;
  color: var(--c-secondary);
}

/* bg-image-with-content css start here */
.bg-image-with-content {
  overflow: hidden;
}
.bg-image-with-content .bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}
.page-id-3 .bg-image-with-content .bg-image {
  padding: 0;
}
.bg-image-with-content .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bg-image-with-content .content {
  padding: 20px 0 100px;
}
@media screen and (min-width: 768px) {
  .bg-image-with-content .content {
    padding: 60px 0 140px;
  }
}
.bg-image-with-content .content h5 {
  color: var(--c-primary);
  margin-bottom: 16px;
}
.bg-image-with-content .content h5::before {
  background-color: var(--c-primary);
}
.bg-image-with-content .content h2 {
  padding-bottom: 20px;
}
.bg-image-with-content .content h4 {
  padding-bottom: 20px;
}
.page-id-27 .bg-image-with-content .image {
  padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
  .bg-image-with-content .image img {
    max-width: unset;
    width: 120%;
    margin-left: -30%;
  }
}
@media screen and (max-width: 767.5px) {
  .bg-image-with-content .image img {
    max-width: unset;
    width: 120%;
    margin-left: -15%;
    margin-top: -50px;
  }
}
.page-id-27 .bg-image-with-content .image img {
  width: 100%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .page-id-27 .bg-image-with-content .image img {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .page-id-27 .bg-image-with-content .image img {
    padding-left: 60px;
  }
}
.bg-image-with-content .col-md-7 {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.bg-image-with-content .link-btn {
  padding-top: 40px;
}
@media screen and (min-width: 576px) {
  .bg-image-with-content .link-btn {
    padding-top: 60px;
  }
}
@media screen and (min-width: 992px) {
  .bg-image-with-content .link-btn {
    padding-top: 80px;
  }
}

/* get-in-touch css start */
.get-in-touch .bg-image {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  border-radius: 10px;
  padding: 80px 0;
}
@media screen and (min-width: 768px) {
  .get-in-touch .bg-image {
    padding: 60px 0;
    margin: 80px auto;
  }
}
.page-id-17 .get-in-touch .bg-image {
  margin-top: 0;
}
@media screen and (min-width: 576px) {
  .get-in-touch .bg-image {
    padding: 80px 0;
  }
}
@media screen and (min-width: 992px) {
  .get-in-touch .bg-image {
    max-width: 90%;
    margin: 120px auto;
    background-position: right center;
    padding: 100px 0;
  }
}
.get-in-touch .bg-title {
  padding-bottom: 20px;
}
@media screen and (max-width: 767.5px) {
  .get-in-touch .bg-title h2 {
    font-size: 1.5625rem;
  }
}
.get-in-touch .webform {
  max-width: 450px;
  position: relative;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .get-in-touch .webform {
    padding-top: 60px;
  }
}
.get-in-touch .webform form > .form-item,
.contact-us--form .webform form > .form-item,
.contact-us--form .webform .webform-flex--container > .form-item {
  margin: 0 0 30px;
}
.get-in-touch .webform form label,
.contact-us--form .webform form label {
  padding-bottom: 10px;
  color: var(--c-primary);
}
.get-in-touch .webform form .form-control {
  padding: 16px 20px;
  border-radius: 4px;
  border: none;
}
.contact-us--form .webform form .form-control {
  padding: 16px 20px;
  border-radius: 4px;
}
.get-in-touch .webform form .form-control:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.contact-us--form .webform form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.get-in-touch .webform form .form-actions {
  margin: 50px 0 0;
}
.contact-us--form .webform form .form-actions {
    margin: 25px 0 0;
    text-align: center;
}
.get-in-touch .webform form .form-actions .button,
.contact-us--form .webform form .form-actions .button {
  text-decoration: none;
  color: var(--c-primary);
  background-color: var(--c-purple);
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 15px;
  padding: 14px 60px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  border: none;
}
.contact-us--form h2{
  margin-bottom: 25px;
  text-align: center;
}
@media screen and (max-width: 767.5px) {
  .get-in-touch .webform form .form-actions .button {
    margin-bottom: 60px;
    width: 100%;
  }
}
.get-in-touch .webform form .form-actions .button:hover,
.contact-us--form .webform form .form-actions .button:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}
@media screen and (min-width: 576px) {
  .get-in-touch .webform .contact-number {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(-23%);
            transform: translateY(-23%);
  }
}
.get-in-touch .webform .contact-number a {
  text-decoration: none;
  color: var(--c-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 575.5px) {
  .get-in-touch .webform .contact-number a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.get-in-touch .webform .contact-number a img {
  width: 28px;
  margin-right: 12px;
}

.contact-details.inner-banner {
  background-color: #EFF6FA;
}
.contact-details.inner-banner .map-with-contact-detail .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .contact-details.inner-banner .map-with-contact-detail .row > div {
    padding: 0 20px;
  }
}
@media screen and (min-width: 992px) {
  .contact-details.inner-banner .map-with-contact-detail .row > div {
    padding: 0 30px;
  }
}
.contact-details.inner-banner .map-with-contact-detail .contact-card,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card {
  padding: 30px 16px;
  background-color: var(--c-white);
  border-radius: 10px;
  margin-bottom: 28px;
  text-align: left;
}
@media screen and (min-width: 576px) {
  .contact-details.inner-banner .map-with-contact-detail .contact-card,
  .contact-details.inner-banner .map-with-contact-detail .office-timing-card {
    padding: 40px 30px;
  }
}
@media screen and (min-width: 992px) {
  .contact-details.inner-banner .map-with-contact-detail .contact-card,
  .contact-details.inner-banner .map-with-contact-detail .office-timing-card {
    padding: 60px 40px;
  }
}
.contact-details.inner-banner .map-with-contact-detail .contact-card h4,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card h4 {
  padding-bottom: 30px;
}
.contact-details.inner-banner .map-with-contact-detail .contact-card .phone a,
.contact-details.inner-banner .map-with-contact-detail .contact-card .email a,
.contact-details.inner-banner .map-with-contact-detail .contact-card .contact-form a,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card .phone a,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card .email a,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card .contact-form a {
  text-decoration: none;
  color: var(--c-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 16px;
}
.contact-details.inner-banner .map-with-contact-detail .contact-card .phone a img,
.contact-details.inner-banner .map-with-contact-detail .contact-card .email a img,
.contact-details.inner-banner .map-with-contact-detail .contact-card .contact-form a img,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card .phone a img,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card .email a img,
.contact-details.inner-banner .map-with-contact-detail .office-timing-card .contact-form a img {
  margin-right: 20px;
}
.contact-details.inner-banner .map-with-contact-detail .office-timing-card {
  margin: 0;
}
.contact-details.inner-banner .map-with-contact-detail .map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767.5px) {
  .contact-details.inner-banner .map-with-contact-detail .map {
    margin-top: 40px;
  }
}
.contact-details.inner-banner .map-with-contact-detail .map > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.contact-details.inner-banner .map-with-contact-detail .map > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.contact-details.inner-banner .map-with-contact-detail .map p {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact-details.inner-banner .map-with-contact-detail .map iframe {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media screen and (max-width: 767.5px) {
  .contact-details.inner-banner .map-with-contact-detail .map iframe {
    height: 400px;
  }
}

.contact-webform {
  margin-top: 30px;
  background-color: var(--c-white);
  padding: 30px;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .contact-webform {
    margin-top: 60px;
  }
}
.contact-webform .form-item {
  padding-bottom: 20px;
}
.contact-webform .form-item label {
  text-align: left;
  margin-bottom: 5px;
  color: var(--c-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.contact-webform .form-item .form-control {
  border-color: var(--c-gray);
  padding: 14px 20px;
  color: var(--c-primary);
  border-radius: 0px;
  background-color: transparent;
}
.contact-webform .form-item .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.contact-webform .form-item .form-control::-webkit-input-placeholder {
  color: var(--c-gray);
}
.contact-webform .form-item .form-control::-moz-placeholder {
  color: var(--c-gray);
}
.contact-webform .form-item .form-control:-ms-input-placeholder {
  color: var(--c-gray);
}
.contact-webform .form-item .form-control::-ms-input-placeholder {
  color: var(--c-gray);
}
.contact-webform .form-item .form-control::placeholder {
  color: var(--c-gray);
}
.contact-webform .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.contact-webform .form-actions .button {
  background-color: var(--c-purple);
  color: var(--c-white);
  padding: 14px 30px;
  border-radius: 30px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  letter-spacing: 2px;
  border: none;
}
.contact-webform .form-actions .button:hover {
  background-color: var(--c-primary);
}

.ui-dialog {
  padding: 0 !important;
  background-color: var(--c-bg-light) !important;
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: none !important;
  border-radius: 20px;
}
.ui-dialog .webform-confirmation-modal--content {
  text-align: center;
  color: var(--c-primary);
  font-weight: 400;
  padding: 50px 30px 60px !important;
  height: auto;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: transparent;
  padding: 0;
  border: none;
}
.ui-dialog .ui-dialog-titlebar-close {
  padding: 10px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  background-color: var(--c-purple);
  color: var(--c-white) !important;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(25%, -25%);
          transform: translate(25%, -25%);
  opacity: 1;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff '%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.ui-dialog .ui-dialog-titlebar-close:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.inner-banner {
  text-align: center;
  background-color: var(--c-white);
}
.inner-banner .inner-banner-content {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: var(--c-primary);
}
.inner-banner .inner-banner-content h5 {
  padding-bottom: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inner-banner .inner-banner-content h2 {
  padding-bottom: 30px;
  color: var(--c-primary);
}
/* multiple-content css start */
.multiple-content {
  background-color: var(--c-bg-light);
}
.page-id-8 .multiple-content {
  background-color: var(--c-white);
}
.multiple-content .spotlight-sec {
  padding-bottom: 0;
  background-color: unset;
}
@media screen and (max-width: 767.5px) {
  .multiple-content .spotlight-sec .row {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
  }
}
@media screen and (max-width: 767.5px) {
  .multiple-content .spotlight-sec .spotlight-image {
    padding-top: 40px;
  }
}
@media screen and (min-width: 992px) {
  .multiple-content .spotlight-content {
    padding-right: 80px;
  }
}
.multiple-content .spotlight-content h3 {
  color: var(--c-primary);
}
@media screen and (max-width: 767.5px) {
  .multiple-content .spotlight-content h3 {
    font-size: 1.75rem;
  }
}
.multiple-content .spotlight-content p {
  color: #666666;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .multiple-content .spotlight-content p {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .multiple-content .field--name-field-image-title-text-link > .field__item:nth-child(even) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 992px) {
  .multiple-content .field--name-field-image-title-text-link > .field__item:nth-child(even) .spotlight-content {
    padding-right: 0;
    padding-left: 60px;
  }
}
.multiple-content .field--name-field-image-title-text-link > .field__item:last-child .spotlight-image {
  padding-bottom: 0;
}

/* maintenance-memberships page css start here */
.page-id-8 .multiple-content {
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .page-id-8 .multiple-content {
    padding-bottom: 40px;
  }
}
.page-id-8 .multiple-content .spotlight-sec {
  padding-bottom: 0;
}
.page-id-8 .multiple-content .row {
  padding: 40px 12px 0;
  border-radius: 10px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .page-id-8 .multiple-content .row {
    padding: 50px 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.page-id-8 .multiple-content .row > div {
  position: relative;
  z-index: 1;
}
.page-id-8 .multiple-content .row::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--c-bg-light);
  width: 100%;
  height: 85%;
}
@media screen and (min-width: 768px) {
  .page-id-8 .multiple-content .row::after {
    width: 90%;
    height: 100%;
  }
}
.page-id-8 .multiple-content .row .spotlight-image {
  padding-bottom: 0;
}
.page-id-8 .multiple-content .row h4 {
  color: var(--c-primary);
}
.page-id-8 .multiple-content .field--name-field-image-title-text-link > .field__item:nth-child(even) .row::after {
  left: unset;
  right: 0;
}
.inner-banner-with-image {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .inner-banner-with-image {
    padding: 100px 0;
  }
}
.inner-banner-with-image .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.5px) {
  .inner-banner-with-image .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767.5px) {
  .inner-banner-with-image .inner-banner-left-content {
    position: relative;
    z-index: 3;
    margin-top: 40px;
  }
}
.inner-banner-with-image .inner-banner-left-content h2 {
  padding: 20px 0 30px;
  color: var(--c-primary);
}
@media screen and (min-width: 992px) {
  .inner-banner-with-image .inner-banner-left-content h2 {
    font-size: 50px;
  }
}
.inner-banner-with-image .inner-banner-left-content p {
  color: var(--c-dark-gray);
}
@media screen and (min-width: 1200px) {
  .inner-banner-with-image .inner-banner-right-image {
    padding-left: 40px;
  }
}
.inner-banner-with-image .inner-banner-right-image img {
  width: 100%;
  border-radius: 15px;
}

/* field--name-field-main-content  */
.background-light-bg .paragraph--type--equipment {
  background-color: var(--c-bg-light) !important;
}

.field--name-field-main-content > .field__item .equipment-items {
  background-color: var(--c-white);
  padding-bottom: 40px;
}
.field--name-field-main-content > .field__item:nth-child(odd) .equipment-items,
.pricing-table-sec,
.paragraph--type--faq {
  background-color: var(--c-bg-light);
}
.field--name-field-main-content > .field__item:nth-child(odd) .equipment-items .paragraph--type--equipment {
  background-color: var(--c-white);
}
.field--name-field-main-content > .field__item:nth-child(odd) .equipment-items .equipment-title h4 {
  color: var(--c-primary);
}

.equipment-items h3 {
  color: var(--c-primary);
  padding-bottom: 6px;
  text-align: center;
}
.equipment-items p {
  text-align: center;
}
.equipment-items .equipments .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 576px) {
  .equipment-items .equipments .row > div {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .equipment-items .equipments .row > div {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.equipment-items .equipments .row > div > div {
  width: 100%;
}
.equipment-items .equipments .paragraph--type--equipment {
  text-align: center;
  border-radius: 10px;
  padding: 50px;
  margin-bottom: 24px;
}
@media screen and (min-width: 576px) {
  .equipment-items .equipments .paragraph--type--equipment {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 992px) {
  .equipment-items .equipments .paragraph--type--equipment {
    margin-bottom: 50px;
  }
}
.equipment-items .equipments .paragraph--type--equipment .equipment-image {
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .equipment-items .equipments .paragraph--type--equipment .equipment-image {
    margin-bottom: 30px;
  }
}
.equipment-items .equipments .paragraph--type--equipment .equipment-image img {
  width: 100%;
  height: 230px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}
.equipment-items .equipments .paragraph--type--equipment .equipment-title {
  text-align: center;
}
.work-with-mct {
  background-color: var(--c-bg-light);
}
.page-id-28 .work-with-mct {
  background-color: var(--c-white);
}
.work-with-mct .work-with-title {
  text-align: center;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .work-with-mct .work-with-title {
    padding-bottom: 60px;
  }
}
.work-with-mct .work-with-title h2 {
  padding-top: 20px;
}
.page-id-28 .work-with-mct .work-with-title h2 {
  text-align: left;
}
@media screen and (max-width: 767.5px) {
  .page-id-28 .work-with-mct .work-with-title h2 {
    font-size: 26px;
  }
}
.work-with-mct .container {
  max-width: 1024px;
}
.work-with-mct .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .work-with-mct .row > div {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .work-with-mct .row > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.work-with-mct .row > div > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.work-with-mct .work-with-card-inner {
  background-color: var(--c-white);
  color: var(--c-primary);
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 40px 20px;
}
.page-id-28 .work-with-mct .work-with-card-inner {
  background-color: var(--c-bg-light);
}
@media screen and (min-width: 576px) {
  .work-with-mct .work-with-card-inner {
    padding: 50px 20px;
  }
}
@media screen and (min-width: 992px) {
  .work-with-mct .work-with-card-inner {
    padding: 70px 30px;
  }
}
.work-with-mct .work-with-card-inner h4 {
  padding: 20px 0;
}

/* paragraph--type--career-items css start here */
.paragraph--type--career-items .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .paragraph--type--career-items .row > div {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .paragraph--type--career-items .row > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.paragraph--type--career-items .row > div article {
  width: 100%;
}
.paragraph--type--career-items .row > div > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--career-items .view-header {
  text-align: center;
}
.paragraph--type--career-items .view-header h2 {
  text-align: center;
  color: var(--c-primary);
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--career-items .view-header h2 {
    padding-bottom: 60px;
  }
}
.paragraph--type--career-items .vacancy-overview {
  padding: 30px 20px;
  position: relative;
  color: var(--c-primary);
  background-color: var(--c-bg-light);
  margin-bottom: 32px;
}
@media screen and (min-width: 576px) {
  .paragraph--type--career-items .vacancy-overview {
    padding: 40px 20px;
  }
}
@media screen and (min-width: 992px) {
  .paragraph--type--career-items .vacancy-overview {
    padding: 60px 30px;
  }
}
.paragraph--type--career-items .vacancy-overview a {
  color: var(--c-primary);
  text-decoration: none;
}
.paragraph--type--career-items .vacancy-overview a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.paragraph--type--career-items .vacancy-overview h4 {
  padding-bottom: 30px;
}
.paragraph--type--career-items .vacancy-overview .link {
  padding-top: 50px;
}
.paragraph--type--career-items .vacancy-overview .link a {
  color: var(--c-purple);
  padding-bottom: 5px;
  border-color: var(--c-purple);
  text-decoration: none;
}

/* ware-washing-engineer css start */
.page-node-type-vacancy {
  background-color: var(--c-bg-light);
}

.career-full-page .bg-wrapper {
  background-color: var(--c-white);
  color: var(--c-primary);
  padding: 16px;
}
@media screen and (min-width: 768px) {
  .career-full-page .bg-wrapper {
    padding: 40px 100px;
  }
}
@media screen and (min-width: 992px) {
  .career-full-page .bg-wrapper {
    padding: 100px;
  }
}
@media screen and (min-width: 768px) {
  .career-full-page .bg-wrapper p {
    font-size: 18px;
  }
}
.career-full-page .bg-wrapper ul {
  margin: 0;
  padding-left: 1rem;
  padding: 20px 0 30px 1rem;
}
@media screen and (min-width: 768px) {
  .career-full-page .bg-wrapper ul {
    padding: 20px 0 60px 1rem;
  }
}
.career-full-page .bg-wrapper ul li {
  padding-bottom: 6px;
}
.career-full-page .career-main-title h2 {
  color: var(--c-primary);
}
.career-full-page .row {
  margin-bottom: 60px;
  border-bottom: 1px solid #B3B3B3;
}

.back-to-list {
  padding-top: 60px;
  margin-top: 60px;
  border-top: 1px solid #B3B3B3;
}
.back-to-list a {
  text-decoration: none;
  color: var(--c-black);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.back-to-list a:hover {
  color: var(--c-purple);
}

.introduction {
  background-color: var(--c-bg-light);
}
.introduction h4 {
  color: var(--c-primary);
}
@media screen and (max-width: 767.5px) {
  .introduction h4 {
    padding-bottom: 30px;
  }
}
.introduction p {
  color: var(--c-dark-gray);
}
@media screen and (min-width: 768px) {
  .introduction .right-caption {
    padding-left: 30px;
  }
}
@media screen and (min-width: 992px) {
  .introduction .right-caption {
    padding-left: 80px;
  }
}

.paragraph--type--projects {
  background-color: var(--c-bg-light);
}
.paragraph--type--projects .view-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.paragraph--type--projects .view-filters > p {
  color: var(--c-black);
  margin: 0;
  padding: 0;
  padding-right: 30px;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--projects .view-filters > p {
    padding-right: 20px;
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
}
.paragraph--type--projects .view-filters form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--projects .view-filters form > div > div {
    width: 100%;
  }
}
.paragraph--type--projects .view-filters form label {
  display: none;
}
.paragraph--type--projects .view-filters form .js-form-type-select {
  margin: 0;
}
.paragraph--type--projects .view-filters form .js-form-type-select:not(:last-child) {
  padding: 0 20px 0 0;
}
.paragraph--type--projects .view-filters form select {
  border: 0px;
  color: var(--c-black);
  background-color: var(--c-white);
  color: var(--c-black);
  border-radius: 37px;
  padding: 10px 40px 10px 20px;
  max-width: 100%;
  width: auto;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--projects .view-filters form select {
    width: 100%;
    margin-bottom: 12px;
  }
}
.paragraph--type--projects .view-filters form select:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.project-overview-block .view-content > .views-row:not(:last-child) {
  margin-bottom: 32px;
}
.project-overview-block article {
  background-color: var(--c-white);
  border-radius: 10px;
  padding: 30px 20px;
}
@media screen and (min-width: 576px) {
  .project-overview-block article {
    padding: 40px 20px;
  }
}
@media screen and (min-width: 992px) {
  .project-overview-block article {
    padding: 50px;
  }
}
.project-overview-block article .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-overview-block article .project-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.project-overview-block article .project-name h6 {
  font-size: 14px;
  color: var(--c-primary);
  padding: 6px 12px;
  background-color: var(--c-gray);
  border-radius: 37px;
  margin-bottom: 38px;
  display: inline-block;
  width: auto;
}
.project-overview-block article .project-name h6 div {
  display: inline-block;
  width: auto;
}
.project-overview-block article .project-name h6 a {
  color: var(--c-primary);
  text-decoration: none;
}
.project-overview-block article .project-name h4 {
  color: var(--c-primary);
  padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .project-overview-block article .project-name h4 {
    padding-bottom: 30px;
  }
}
.project-overview-block article .project-name h4 a {
  color: var(--c-primary);
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .project-overview-block article .project-name p {
    max-width: 400px;
  }
}
.project-overview-block article .project-name .link {
  margin-top: auto;
  padding-top: 30px;
}
.project-overview-block article .overview-image {
  text-align: right;
  width: 100%;
}
@media screen and (max-width: 767.5px) {
  .project-overview-block article .overview-image {
    padding-top: 40px;
  }
}
.project-overview-block article .overview-image .field--name-field-project-thumbnail-image {
  position: relative;
  padding: 0 0 83.3333%;
  width: 100%;
}
.project-overview-block article .overview-image .field--name-field-project-thumbnail-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/product-page-frame.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
}
.project-overview-block article .overview-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767.5px) {
  .project-overview-block article .overview-image img {
    margin-left: auto;
    margin-right: 0;
  }
}

/* project detail page css start  here  */
.project-banner .field--name-field-project-image {
  position: relative;
  padding: 0 0 47.6655052%;
}
.project-banner .field--name-field-project-image::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("../images/frame.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 100%;
  height: 100%;
}
.project-banner img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 1400px) {
  .project-banner .container {
    max-width: 1416px;
  }
}

.project-content .project-title {
  color: var(--c-primary);
}
.project-content .project-title h5 {
  padding-bottom: 20px;
}
.project-content .project-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767.5px) {
  .project-content .project-cat .category {
    padding-bottom: 20px;
  }
}
.project-content .project-cat .location:not(:last-child),
.project-content .project-cat .category:not(:last-child) {
  margin-right: 40px;
}
.project-content .project-cat .location p,
.project-content .project-cat .category p {
  color: var(--c-dark-gray);
  margin-bottom: 6px;
}
.project-content .project-cat .location a,
.project-content .project-cat .location h6,
.project-content .project-cat .category a,
.project-content .project-cat .category h6 {
  text-decoration: none;
  color: var(--c-primary);
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .project-content .project-cat .location a,
  .project-content .project-cat .location h6,
  .project-content .project-cat .category a,
  .project-content .project-cat .category h6 {
    font-size: 20px;
  }
}
.project-content .project-cat .location {
  padding-right: 30px;
}
@media screen and (min-width: 576px) {
  .project-content .project-cat .location {
    padding-right: 60px;
  }
}
@media screen and (min-width: 768px) {
  .project-content .project-cat .location {
    padding-right: 80px;
  }
}
.project-content .project-introduction {
  color: var(--c-primary);
}
@media screen and (max-width: 767.5px) {
  .project-content .project-introduction {
    padding-top: 60px;
  }
}
.project-content .project-introduction h5 {
  padding-bottom: 18px;
}
@media screen and (min-width: 768px) {
  .project-content .project-introduction h5 {
    padding-bottom: 28px;
  }
}
.project-content .project-introduction p {
  color: var(--c-primary);
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .project-content .project-introduction p {
    font-size: 22px;
  }
}
.project-content .project-full-image {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .project-content .project-full-image {
    padding-top: 80px;
  }
}
@media screen and (min-width: 992px) {
  .project-content .project-full-image {
    padding-top: 120px;
  }
}
.project-content .project-full-image > div {
  position: relative;
  padding: 0 0 46.66667%;
}
.project-content .project-full-image > div img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /* height: 100%; */
  height: auto;
  -o-object-position: center;
     object-position: center;
  /* -o-object-fit: cover;
     object-fit: cover; */
  border-radius: 10px;
}
.project-content .what-we-did {
  color: var(--c-primary);
}
.project-content .what-we-did h2 {
  color: var(--c-primary);
}
@media screen and (max-width: 767.5px) {
  .project-content .what-we-did h2 {
    padding-bottom: 20px;
  }
}
.project-content .what-we-did p {
  color: var(--c-primary);
  font-size: 18px;
}
.project-content .project-body {
  background-color: var(--c-bg-light);
}
.project-content .project-elements .accordion .accordion-item {
  border-radius: 10px;
}
.project-content .project-elements .accordion .accordion-header .accordion-button {
  border: none;
  font-weight: 400;
  color: var(--c-primary);
  font-family: "Saffron Grotesk", sans-serif;
  background: unset;
  padding: 18px 30px;
}
.project-content .project-elements .accordion .accordion-header .accordion-button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.project-content .project-elements .accordion .accordion-body {
  padding: 16px 32px;
}
.project-content .project-elements ul,
.project-content .project-elements .field--name-field-element {
  padding: 0;
  margin-left: -12px;
  margin-right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-content .project-elements ul li,
.project-content .project-elements ul .field__item,
.project-content .project-elements .field--name-field-element li,
.project-content .project-elements .field--name-field-element .field__item {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--c-gray);
}
@media screen and (min-width: 768px) {
  .project-content .project-elements ul li,
  .project-content .project-elements ul .field__item,
  .project-content .project-elements .field--name-field-element li,
  .project-content .project-elements .field--name-field-element .field__item {
    width: calc(33.333% - 24px);
  }
}
.project-content .project-half-images .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 992px) {
  .project-content .project-half-images .row > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.project-content .project-half-images .row > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project-content .project-half-images img {
  border-radius: 13px;
}
@media screen and (max-width: 767.5px) {
  .project-content .project-half-images img {
    margin-bottom: 30px;
  }
}

.project-testimonial .row {
  background-color: var(--c-primary);
  color: var(--c-white);
  border-radius: 12px;
  margin: 0;
  padding: 60px 12px;
}
@media screen and (min-width: 576px) {
  .project-testimonial .row {
    border-radius: 22px;
    padding: 80px 40px;
  }
}
@media screen and (min-width: 768px) {
  .project-testimonial .row {
    padding: 100px 40px;
  }
}
@media screen and (min-width: 992px) {
  .project-testimonial .row {
    padding: 120px 40px;
  }
}
.project-testimonial .quotes {
  text-align: center;
  padding-bottom: 32px;
}
.project-testimonial .testimony-caption {
  max-width: 880px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.project-testimonial .testimony-caption p {
  font-size: 18px;
}
@media screen and (min-width: 576px) {
  .project-testimonial .testimony-caption p {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .project-testimonial .testimony-caption p {
    font-size: 22px;
  }
}
.project-testimonial .testimony-name-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 880px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 30px;
}
.project-testimonial .testimony-name-position .testimony-image {
  max-width: 42px;
  aspect-ratio: 1/1;
  margin-right: 20px;
}
.project-testimonial .testimony-name-position .testimony-image img {
  width: 100%;
  height: 100%;
}
.project-testimonial .testimony-name-position .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.project-testimonial .testimony-name-position .title h6 {
  font-size: 16px;
  color: var(--c-secondary);
  padding: 0 10px;
}
.project-testimonial .read-more, .project-testimonial .read-less {
  text-align: center;
  padding-top: 12px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .project-testimonial .read-more, .project-testimonial .read-less {
    padding-top: 20px;
  }
}
.project-testimonial .read-more a, .project-testimonial .read-less a {
  text-decoration: none;
  color: var(--c-white);
  display: inline-block;
  border-bottom: 1px solid var(--c-white);
  cursor: pointer;
}

/* brands-content css start */
.brands-content .container {
  border-top: 1px solid var(--c-dark-gray);
  padding-bottom: 40px;
}
.brands-content .brands-heading {
  text-align: center;
}
.brands-content .brands-heading h2 {
  color: var(--c-primary);
  padding-bottom: 20px;
}
.brands-content .brands .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brands-content .brands .row > div {
  text-align: center;
}
.brands-content .brands .row > div img {
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.brands-content .brands .row > div img:hover {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.paragraph--type--news {
  background-color: var(--c-bg-light);
}
.paragraph--type--news .news-overview {
  /* recent-news-inner css start */
}
.paragraph--type--news .news-overview .view-all-news .view-header {
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--news .news-overview .view-all-news .view-header {
    padding: 0 24px;
  }
}
.paragraph--type--news .news-overview .view-all-news .view-header h5 {
  margin-bottom: 30px;
}
.paragraph--type--news .news-overview .view-content > .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1200px) {
  .paragraph--type--news .news-overview .view-content > .row > div {
    padding: 0 20px;
  }
}
.paragraph--type--news .news-overview .view-content > .row article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--news .news-overview .view-content > .row article > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.paragraph--type--news .news-overview .col-md-8 {
  padding: 0;
}
.paragraph--type--news .news-overview .col-md-8 .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.5px) {
  .paragraph--type--news .news-overview .col-md-8 .news-thumb-image {
    margin-top: 40px;
  }
}
.paragraph--type--news .news-overview .col-md-8 .news-thumb-image img {
  width: 100%;
}
.paragraph--type--news .news-overview .recent-two-news-inner {
  background-color: var(--c-white);
  border-radius: 10px;
  color: var(--c-primary);
  margin-bottom: 40px;
  padding: 30px 20px;
}
@media screen and (min-width: 576px) {
  .paragraph--type--news .news-overview .recent-two-news-inner {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--news .news-overview .recent-two-news-inner {
    padding: 40px 20px 40px 40px;
  }
}
.paragraph--type--news .news-overview .recent-two-news-inner h4 {
  color: var(--c-primary);
  padding: 30px 0;
}
.paragraph--type--news .news-overview .recent-two-news-inner h4 a {
  color: inherit;
  text-decoration: none;
}
.paragraph--type--news .news-overview .recent-two-news-inner .link {
  padding-top: 50px;
}
.paragraph--type--news .news-overview .recent-two-news-inner .news-thumb-image img {
  width: 100%;
}
.paragraph--type--news .news-overview .col-md-4 .row {
  margin: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.paragraph--type--news .news-overview .col-md-4 .row > div {
  width: 100%;
  padding: 0;
}
.paragraph--type--news .news-overview .col-md-4 .recent-two-news-inner {
  padding: 40px 20px;
}
.paragraph--type--news .news-overview .col-md-4 .news-thumb-image {
  margin-bottom: 40px;
}
.paragraph--type--news .news-overview .col-md-4 .news-thumb-image img {
  width: 100%;
}
.paragraph--type--news .news-overview .recent-news-inner {
  background-color: var(--c-white);
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--news .news-overview .recent-news-inner {
    padding: 60px 40px;
  }
}
.paragraph--type--news .news-overview .recent-news-inner h4 {
  padding: 20px 0 60px;
  color: var(--c-primary);
}
.paragraph--type--news .news-overview .recent-news-inner h4 a {
  text-decoration: none;
  color: inherit;
}

/* news-full-content css start here */
.news-full-content {
  color: var(--c-black);
}
.news-full-content .news-short-description {
  width: 100%;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.news-full-content .news-short-description .date {
  padding-bottom: 20px;
}
.news-full-content .news-short-description .date p {
  font-size: 18px;
}
.news-full-content .news-short-description h4 {
  padding-bottom: 30px;
}
.news-full-content .news-image {
  padding: 60px 0;
}
@media screen and (min-width: 768px) {
  .news-full-content .news-image {
    padding: 80px 0;
  }
}
.news-full-content .news-image img {
  width: 100%;
}
.news-full-content .news-full-caption {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.news-full-content .news-full-caption p {
  margin-bottom: 70px;
}

.our-services {
  background-color: var(--c-bg-light);
}
.our-services .services-title {
  color: var(--c-primary);
}
.our-services .services-all-cards .card-type-2 {
  color: var(--c-primary);
}

/* services inner page css start here  */
.caption-with-image {
  color: var(--c-primary);
}
.caption-with-image img{ 
  border-radius: 15px;
}
.page-id-28 .caption-with-image {
  padding-bottom: 0;
}
@media screen and (min-width: 992px) {
  .caption-with-image .image {
    padding-right: 60px;
  }
}
.caption-with-image .image img {
  width: 100%;
}
@media screen and (max-width: 767.5px) {
  .caption-with-image .caption {
    padding-top: 40px;
  }
}
.caption-with-image .caption h4 {
  padding: 0 0 40px;
}
@media screen and (max-width: 767.5px) {
  .caption-with-image .caption h4 {
    font-size: 26px;
  }
}

/* service-inner-cards css start here */
.service-inner-cards {
  background-color: var(--c-bg-light);
  color: var(--c-primary);
}
.service-inner-cards .inner-heading {
  text-align: left;
}
.page-id-26 .service-inner-cards .inner-heading {
  text-align: left;
}
.service-inner-cards .inner-heading h2 {
  text-align: left;
  padding-bottom: 20px;
}
@media screen and (max-width: 767.5px) {
  .service-inner-cards .inner-service-content .field__item.col-md-4:last-child .service-card-wrapper {
    margin-bottom: 0;
  }
}
.service-inner-cards .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.service-inner-cards .row > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.service-inner-cards .service-card-wrapper {
  padding: 50px 30px;
  border-radius: 10px;
  width: 100%;
  background-color: var(--c-white);
}

.service-inner-cards .service-card-wrapper {
  margin-bottom: 25px;
}

@media screen and (max-width: 767.5px) {
  
}
.service-inner-cards .service-card-wrapper h5 {
  padding: 20px 0 30px;
}
.service-inner-cards .service-card-wrapper p {
  color: var(--c-dark-gray);
}

/* service-equipments >= commercial-kitchen-design-installation css stat here */
.service-equipments {
  background-color: var(--c-bg-light);
  color: var(--c-primary);
}
.service-equipments .heading {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .service-equipments .heading {
    max-width: 630px;
  }
}
.service-equipments .heading h2 {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .service-equipments .row > div {
    padding: 0 20px;
  }
}
.service-equipments .service-eqiupment-inner h4 {
  margin: 20px 0 12px;
}
@media screen and (min-width: 768px) {
  .service-equipments .service-eqiupment-inner h4 {
    margin: 30px 0 20px;
  }
}
.service-equipments .service-eqiupment-inner .field--name-field-image {
  position: relative;
  padding: 0 0 57.1555%;
  border-radius: 10px;
}
.service-equipments .service-eqiupment-inner img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.service-equipments .call-to-action {
  background-color: var(--c-primary);
  color: var(--c-white);
  border-radius: 10px;
  padding: 30px 20px;
}
@media screen and (min-width: 576px) {
  .service-equipments .call-to-action {
    padding: 40px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .service-equipments .call-to-action {
    padding: 60px 50px;
  }
}
.service-equipments .call-to-action .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.5px) {
  .service-equipments .call-to-action .call-to-action-caption {
    padding-bottom: 30px;
  }
}
.service-equipments .call-to-action .link-btn {
  padding-top: 0;
  text-align: center;
}

/* service-case-studies section css start here */
.service-case-studies {
  background-color: var(--c-primary);
  color: var(--c-white);
}
.service-case-studies .case-study-content h5 {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .service-case-studies .case-study-content h5 {
    padding-bottom: 40px;
  }
}
.service-case-studies .case-study-content h2 {
  padding-bottom: 12px;
  text-transform: capitalize;
}
@media screen and (min-width: 768px) {
  .service-case-studies .case-study-content h2 {
    padding-bottom: 20px;
  }
}
.service-case-studies .projectSwiper .swiper-slide {
  height: auto;
}
.service-case-studies .projectSwiper .swiper-slide img {
  width: 100%;
}
.service-case-studies .projectSwiper .project-name {
  padding-top: 20px;
}
.service-case-studies .projectSwiper .project-name h5 {
  padding-bottom: 0;
}
.service-case-studies .projectSwiper .project-name h4 {
  color: var(--c-white);
  padding: 20px 0;
}
.service-case-studies .projectSwiper .project-name h4 a {
  text-decoration: none;
  color: inherit;
}
.service-case-studies .projectSwiper .overview-image .field--name-field-project-thumbnail-image {
  position: relative;
  padding: 0 0 55.4174%;
}
.service-case-studies .projectSwiper .overview-image .field--name-field-project-thumbnail-image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/case-img-frame.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
}
.service-case-studies .projectSwiper .overview-image .field--name-field-project-thumbnail-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}
.service-case-studies .projectSwiper .link a {
  color: var(--c-purple);
  border-bottom: 1px solid var(--c-purple);
  display: inline-block;
}
.service-case-studies .link-btn {
  text-align: center;
  letter-spacing: 2px;
}

.button_on_hover .vc_column-inner > .wpb_wrapper > div:last-child {
  margin-bottom: 0;
}
.button_on_hover .vc_column-inner > .wpb_wrapper > div:last-child(2) {
  margin-bottom: 0;
}

.user-page .user-content {
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("/sites/default/files/2024-01/get in touch.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 12px;
  overflow: auto;
}
.user-page .user-content > .region-content {
  color: var(--c-white);
  max-width: 450px;
  border-radius: 10px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  height: 100%;
  margin: 140px 0px 50px;
  height: 500px;
  padding: 30px;
  background-color: var(--c-primary);
}
.user-page details {
  background-color: transparent;
}
.user-page details summary {
  background-color: transparent !important;
}
.user-page .tabs-wrapper .nav-tabs {
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  padding-bottom: 30px;
}
.user-page .tabs-wrapper .nav-tabs li {
  border: none;
  background-color: transparent;
  padding: 0;
}
.user-page .tabs-wrapper .nav-tabs li:not(:last-child) {
  margin: 0 20px 0 0;
}
.user-page .tabs-wrapper .nav-tabs li a {
  background-color: transparent;
  color: var(--c-white);
  font-weight: 600;
  border: none !important;
  border-radius: 0px;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.user-page .tabs-wrapper .nav-tabs li a.is-active {
  text-decoration: underline;
}
.user-page .tabs-wrapper .nav-tabs li a:hover {
  text-decoration: underline;
}
.user-page .tabs-wrapper .nav-tabs li:nth-child(3) {
  position: absolute;
  bottom: 40px;
  right: 30px;
}
.user-page form label {
  margin-bottom: 6px;
  text-transform: uppercase;
  color: var(--c-white);
  font-weight: bold;
}
.user-page form.user-login-form .description {
  display: none;
}
.user-page form .form-control {
  padding: 14px 20px;
  border-radius: 0px;
  border-color: var(--c-white);
  background-color: transparent;
  font-weight: bold;
  color: var(--c-white);
}
.user-page form .form-control::-webkit-input-placeholder {
  color: var(--c-white);
  font-weight: bold;
}
.user-page form .form-control::-moz-placeholder {
  color: var(--c-white);
  font-weight: bold;
}
.user-page form .form-control:-ms-input-placeholder {
  color: var(--c-white);
  font-weight: bold;
}
.user-page form .form-control::-ms-input-placeholder {
  color: var(--c-white);
  font-weight: bold;
}
.user-page form .form-control::placeholder {
  color: var(--c-white);
  font-weight: bold;
}
.user-page form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-page form .button {
  padding: 12px 30px;
  border-radius: 0px;
  text-transform: uppercase;
  color: var(--c-primary);
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
  background-color: var(--c-white);
  border: none;
  margin-top: 30px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 16px;
}
.user-page form .button:hover {
  background-color: var(--c-secondary);
  color: var(--c-white);
}

footer.footer-sec {
  background-color: var(--c-primary);
  color: var(--c-white);
  padding-bottom: 0;
}
footer.footer-sec .footer-bg-logo {
  position: relative;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
footer.footer-sec .container {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1400px) {
  footer.footer-sec .container {
    max-width: 1416px;
  }
}
footer.footer-sec .footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 767.5px) {
  footer.footer-sec .footer-logo {
    margin-bottom: 40px;
  }
}
footer.footer-sec .footer-logo img {
  width: 100%;
  height: auto;
  max-width: 280px;
}
@media screen and (max-width: 767.5px) {
  footer.footer-sec .footer-logo img {
    max-width: 180px;
  }
}
@media screen and (min-width: 1200px) {
  footer.footer-sec .col-md-3 {
    width: 19.667%;
  }
}
footer.footer-sec .footer-menu {
  position: relative;
  z-index: 4;
}
footer.footer-sec .footer-menu h6 {
  font-size: 16px;
  color: var(--c-secondary);
  margin-bottom: 12px;
}
@media screen and (max-width: 767.5px) {
  footer.footer-sec .footer-menu h6 {
    margin-top: 30px;
  }
}
footer.footer-sec .footer-menu ul {
  padding: 0;
  margin: 0;
}
footer.footer-sec .footer-menu ul li {
  list-style: none;
  margin: 0;
}
footer.footer-sec .footer-menu ul li:not(:last-child) {
  padding-bottom: 15px;
}
footer.footer-sec .footer-menu ul li img {
  margin-right: 10px;
}
footer.footer-sec .footer-menu ul li a {
  text-decoration: none;
  color: var(--c-white);
  padding: 0 !important;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
footer.footer-sec .footer-menu ul li a:hover {
  color: var(--c-purple);
}
footer.footer-sec .footer-menu ul li span {
  padding: 0 !important;
  margin: 0;
}
footer.footer-sec .social-info {
  padding-top: 40px;
}
footer.footer-sec .social-info ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer.footer-sec .social-info ul li {
  list-style: none;
  padding: 0 !important;
}
footer.footer-sec .social-info ul li:not(:last-child) {
  margin-right: 20px;
}
footer.footer-sec .social-info ul li a {
  font-size: 20px;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  background-color: var(--c-secondary);
  color: var(--c-primary);
  aspect-ratio: 1/1;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
footer.footer-sec .social-info ul li a svg path {
  fill: var(--c-white);
}
footer.footer-sec .social-info ul li a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.footer-bottom {
  padding-top: 10px;
}
@media screen and (min-width: 992px) {
  .footer-bottom {
    margin-top: -50px;
  }
}
.footer-bottom .safe-register-logo-number {
  margin-top: auto;
  padding-bottom: 16px;
}
.footer-bottom .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-bottom .copyright-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-bottom .copyright-text p {
  padding-right: 20px;
  margin: 0;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .footer-bottom .copyright-text p {
    font-size: 15px;
    padding-right: 30px;
  }
}
.footer-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 767.5px) {
  .footer-bottom ul {
    padding-top: 16px;
  }
}
.footer-bottom ul li {
  list-style: none;
  position: relative;
  padding-bottom: 0;
}
.footer-bottom ul li:not(:last-child) {
  padding-right: 12px;
}
@media screen and (min-width: 768px) {
  .footer-bottom ul li:not(:last-child) {
    padding-right: 30px;
  }
}
.footer-bottom ul li a {
  padding: 0 !important;
  font-size: 12px;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
@media screen and (min-width: 768px) {
  .footer-bottom ul li a {
    font-size: 15px;
  }
}
.footer-bottom ul li a:hover {
  color: var(--c-purple);
}
.footer-bottom .designed-by {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .footer-bottom .designed-by {
    padding-top: 0px;
    text-align: right;
  }
}
.footer-bottom .designed-by p {
  font-size: 15px;
}
.footer-bottom .designed-by p a {
  color: var(--c-white);
  font-size: 15px;
  text-decoration: none;
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
}
.footer-bottom .designed-by p a:hover {
  color: var(--c-purple);
}

.registered-sec {
  padding: 20px 0;
  margin-top: 20px;
  border-top: 1px solid #374479;
  color: #9da6c9;
}
.registered-sec p {
  color: #9da6c9;
  font-size: 14px;
  padding: 0;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .registered-sec p {
    margin: 0;
  }
}
@media screen and (min-width: 1400px) {
  .registered-sec .container {
    max-width: 1416px;
  }
}

/* monroe website css  */
.view-table-section table thead {
  background-color: var(--c-primary);
  padding: 10px;
}
.view-table-section table thead tr th {
  background-color: var(--c-primary);
  color: var(--c-white);
}
@media screen and (min-width: 992px) {
  .view-table-section table thead tr th {
    width: 33.333%;
    padding: 10px;
  }
}
@media screen and (min-width: 768px) {
  .view-table-section table thead tr th:last-child {
    text-align: center;
  }
}
.view-table-section table tbody tr {
  border: none;
}
.view-table-section table tbody tr td {
  color: var(--c-primary);
}
@media screen and (min-width: 992px) {
  .view-table-section table tbody tr td {
    width: 33.333%;
  }
}
.view-table-section table tbody tr td:last-child .dropbutton-wrapper {
  text-align: center;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.view-table-section table tbody tr td a {
  color: var(--c-black);
  text-decoration: none;
}

/* website pdf design css */
.pdf-outer-section {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  padding-top: 30px;
}
.pdf-outer-section .container {
  padding-left: 16px;
  padding-right: 16px;
}
.pdf-outer-section .accept-btn form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pdf-outer-section .accept-btn form .form-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .accept-btn form .form-item {
    width: 90%;
  }
}
.pdf-outer-section .accept-btn form .form-item .form-checkbox {
  margin-right: 12px;
}
.pdf-outer-section .accept-btn form .form-actions {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .accept-btn form .form-actions {
    width: 10%;
  }
}
.pdf-outer-section .accept-btn form .form-actions .button {
  padding: 10px 30px;
  border-radius: 4px;
  background-color: var(--c-primary);
  color: var(--c-white);
  -webkit-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  display: inline-block;
  text-align: center;
  border: none;
}
.pdf-outer-section .accept-btn form .form-actions .button:hover {
  background-color: var(--c-secondary);
}
.pdf-outer-section a {
  color: var(--c-primary);
}
.pdf-outer-section .pdf-branding {
  display: block;
  width: 100%;
  text-align: center;
}
.pdf-outer-section .pdf-branding a {
  display: block;
  max-width: 200px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .pdf-branding a {
    max-width: 300px;
    padding-bottom: 120px;
  }
}
.pdf-outer-section .pdf-branding a img {
  width: 100%;
}
.pdf-outer-section p {
  color: #333;
  margin-bottom: 8px;
}
.pdf-outer-section h2 {
  font-weight: normal;
  color: var(--c-primary);
  margin-bottom: 60px;
}
@media screen and (max-width: 767.5px) {
  .pdf-outer-section h2 {
    font-size: 30px;
  }
}
.pdf-outer-section h4 {
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section h4 {
    font-size: 28px;
  }
}
.pdf-outer-section h3 {
  font-weight: normal;
  color: var(--c-primary);
  margin-bottom: 20px;
}
@media screen and (max-width: 767.5px) {
  .pdf-outer-section h3 {
    font-size: 25px;
  }
}
.pdf-outer-section h5 {
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section h5 {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .agreement h3 {
    font-weight: 700;
  }
}
.pdf-outer-section .sign .content {
  margin-left: auto;
  width: 100%;
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .sign .content {
    width: 50%;
  }
}
.pdf-outer-section .sign .content p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pdf-outer-section .inner-item {
  background-color: #f3f2f1;
  color: var(--c-primary);
  margin: 60px 0;
  padding: 26px 20px;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item {
    border-radius: 20px;
    padding: 40px 60px;
  }
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item {
    padding: 60px 80px;
    margin: 80px 0;
  }
}
.pdf-outer-section .inner-item h4 {
  margin-bottom: 40px;
  border-bottom: 1px solid #d6d6d6;
  text-transform: capitalize;
  padding: 10px 0;
}
@media screen and (max-width: 767.5px) {
  .pdf-outer-section .inner-item h4 {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item h4 {
    padding: 60px 0 20px;
  }
}
.pdf-outer-section .inner-item .label-with-text,
.pdf-outer-section .inner-item .ductwork-note,
.pdf-outer-section .inner-item .ductwork-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item .label-with-text,
  .pdf-outer-section .inner-item .ductwork-note,
  .pdf-outer-section .inner-item .ductwork-item {
    padding-bottom: 40px;
  }
}
.pdf-outer-section .inner-item .label-with-text h6,
.pdf-outer-section .inner-item .ductwork-note h6,
.pdf-outer-section .inner-item .ductwork-item h6 {
  width: 100%;
  margin-bottom: 12px;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item .label-with-text h6,
  .pdf-outer-section .inner-item .ductwork-note h6,
  .pdf-outer-section .inner-item .ductwork-item h6 {
    margin-bottom: 0px;
    width: 40%;
  }
}
.pdf-outer-section .inner-item .label-with-text p,
.pdf-outer-section .inner-item .label-with-text .label,
.pdf-outer-section .inner-item .label-with-text .content,
.pdf-outer-section .inner-item .label-with-text .services_notes,
.pdf-outer-section .inner-item .ductwork-note p,
.pdf-outer-section .inner-item .ductwork-note .label,
.pdf-outer-section .inner-item .ductwork-note .content,
.pdf-outer-section .inner-item .ductwork-note .services_notes,
.pdf-outer-section .inner-item .ductwork-item p,
.pdf-outer-section .inner-item .ductwork-item .label,
.pdf-outer-section .inner-item .ductwork-item .content,
.pdf-outer-section .inner-item .ductwork-item .services_notes {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item .label-with-text p,
  .pdf-outer-section .inner-item .label-with-text .label,
  .pdf-outer-section .inner-item .label-with-text .content,
  .pdf-outer-section .inner-item .label-with-text .services_notes,
  .pdf-outer-section .inner-item .ductwork-note p,
  .pdf-outer-section .inner-item .ductwork-note .label,
  .pdf-outer-section .inner-item .ductwork-note .content,
  .pdf-outer-section .inner-item .ductwork-note .services_notes,
  .pdf-outer-section .inner-item .ductwork-item p,
  .pdf-outer-section .inner-item .ductwork-item .label,
  .pdf-outer-section .inner-item .ductwork-item .content,
  .pdf-outer-section .inner-item .ductwork-item .services_notes {
    width: 60%;
  }
}
.pdf-outer-section .inner-item .label-with-text p .view-table-section,
.pdf-outer-section .inner-item .label-with-text .label .view-table-section,
.pdf-outer-section .inner-item .label-with-text .content .view-table-section,
.pdf-outer-section .inner-item .label-with-text .services_notes .view-table-section,
.pdf-outer-section .inner-item .ductwork-note p .view-table-section,
.pdf-outer-section .inner-item .ductwork-note .label .view-table-section,
.pdf-outer-section .inner-item .ductwork-note .content .view-table-section,
.pdf-outer-section .inner-item .ductwork-note .services_notes .view-table-section,
.pdf-outer-section .inner-item .ductwork-item p .view-table-section,
.pdf-outer-section .inner-item .ductwork-item .label .view-table-section,
.pdf-outer-section .inner-item .ductwork-item .content .view-table-section,
.pdf-outer-section .inner-item .ductwork-item .services_notes .view-table-section {
  padding: 0;
}
.pdf-outer-section .inner-item .label-with-text p .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .label-with-text .label .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .label-with-text .content .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .label-with-text .services_notes .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-note p .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-note .label .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-note .content .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-note .services_notes .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-item p .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-item .label .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-item .content .view-table-section .field-content p:not(:last-child),
.pdf-outer-section .inner-item .ductwork-item .services_notes .view-table-section .field-content p:not(:last-child) {
  padding-bottom: 30px;
}
.pdf-outer-section .inner-item .label-with-text .content p,
.pdf-outer-section .inner-item .ductwork-note .content p,
.pdf-outer-section .inner-item .ductwork-item .content p {
  width: 100%;
}
.pdf-outer-section .inner-item .info-membership {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pdf-outer-section .inner-item .info-membership h6 {
  width: 100%;
  margin-bottom: 12px;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item .info-membership h6 {
    margin-bottom: 0px;
    width: 40%;
  }
}
.pdf-outer-section .inner-item .info-membership ol {
  width: 100%;
  padding: 0 0 0 1rem;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item .info-membership ol {
    width: 60%;
  }
}
.pdf-outer-section .inner-item .inner-title h5 {
  padding-bottom: 12px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item .inner-title h5 {
    margin-bottom: 40px;
  }
}
.pdf-outer-section .inner-item .info {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .inner-item .info {
    padding-bottom: 40px;
  }
}
.pdf-outer-section .cost {
  padding-bottom: 40px;
}
@media screen and (max-width: 767.5px) {
  .pdf-outer-section .cost {
    padding-top: 26px;
    padding-bottom: 30px;
  }
}
.pdf-outer-section .cost h5 {
  font-weight: 400;
  margin-bottom: 12px;
}
.pdf-outer-section .cost .quote {
  background-color: var(--c-white);
  border-radius: 14px;
  color: var(--c-primary);
  padding: 20px 12px;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .cost .quote {
    padding: 45px 35px;
  }
}
.pdf-outer-section .cost table thead {
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 767.5px) {
  .pdf-outer-section .cost table thead {
    display: none;
  }
}
.pdf-outer-section .cost table thead tr th {
  font-weight: 700;
  color: var(--c-primary);
}
.pdf-outer-section .cost table tbody tr td {
  color: var(--c-primary);
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .cost table tbody tr td {
    padding: 20px 10px;
  }
}
@media screen and (min-width: 768px) {
  .pdf-outer-section .cost table tbody tr td span {
    display: none;
  }
}
@media screen and (max-width: 767.5px) {
  .pdf-outer-section .cost table tbody tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pdf-outer-section .cost table tbody tr td span {
    min-width: 50%;
    max-width: 50%;
    color: var(--c-primary);
    font-weight: 600;
  }
}
.pdf-outer-section ul,
.pdf-outer-section ol {
  margin: 10px 0 30px 1rem;
  padding: 0;
}
.pdf-outer-section ul li,
.pdf-outer-section ol li {
  padding-bottom: 12px;
}
.pdf-outer-section .term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pdf-outer-section .term > p {
  width: 100%;
  font-weight: bold;
  display: block;
  color: var(--c-primary);
}
.pdf-outer-section .term div {
  display: inline-block;
  padding: 0 10px;
}
.pdf-outer-section .term div:nth-of-type(1) {
  padding-left: 0;
}
.pdf-outer-section .paragraph--type--other-service,
.pdf-outer-section .paragraph--type--other-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
  display: block;
}
.pdf-outer-section .paragraph--type--other-service > div,
.pdf-outer-section .paragraph--type--other-service > div {
  display: inline-block;
}
.pdf-outer-section .paragraph--type--other-service .field--name-field-service-charge,
.pdf-outer-section .paragraph--type--other-service .field--name-field-service-charge {
  padding-left: 12px;
  font-weight: 900;
}
.pdf-outer-section .subtotal td {
  border-top: 2px solid var(--c-primary);
}
.pdf-outer-section .additional td {
  border-bottom: 2px solid var(--c-primary);
}
.pdf-outer-section .total td {
  border-bottom: 2px solid var(--c-primary);
  border-top: 2px solid var(--c-primary);
  font-weight: 600;
}/*# sourceMappingURL=theme.css.map */



.safe-register-logo-number .logo {
  display: flex;
  align-items: center; 
  gap: 10px; 
}

.safe-register-logo-number .logo .field__item {
  flex-shrink: 0;
}

.safe-register-logo-number .field--name-field-footer-sub-logo img {
  width: 273px;
  border-radius: 5px;
}

.view-blogs,
.blog-inner-main-content {
    background: #eff6fa;
    padding: 100px 0px;
}

.view-filters {
    display: flex;
    align-items: center;
}
.view-filters p{
  margin-bottom: 0px;
  padding-right: 25px;
}
.view-filters .views-exposed-form .form-select {
    border: 0px;
    border-radius: 37px;
    padding: 10px 40px 10px 20px;
}
.view-blogs .view-content {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
}
.view-blogs .views-field.views-field-field-tag {
    background: #f3f2f1;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 25px;
    margin: 25px 0px 10px 0px;
    color: #141e46;
    font-size: 14px;
}
.view-blogs .views-field.views-field-title a {
    font-size: 2.5rem;
    color: #141e46;
    text-decoration: none;
    font-family: "Saffron Grotesk", sans-serif;
}
/* .view-blogs .views-field-field-image{
  position: relative;
} */
.view-blogs .views-field-field-image img{
  border-radius: 10px;
}
/* .view-blogs .views-field-field-image::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/themes/custom/mctonline/images/product-page-frame.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
} */
.blog-image {
    max-width: 1416px;
    padding: 80px 0px;
}
.blog-image img{
  width: 100%;
  border-radius: 10px;
}
.blog-image .field--name-field-image{
  position: relative;
}
.blog-image .field--name-field-image::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(/themes/custom/mctonline/images/frame.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 100%;
    height: 100%;
}
.blog-content h5{
    font-size: 14px;
    padding-bottom: 10px;
    font-family: "DM Sans", sans-serif;
    text-transform: uppercase;
    position: relative;
    color: #90caec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 1.96px;
}
.blog-content h5::before{
  content: "";
    display: block;
    margin-right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--dot-color, var(--c-secondary));
}
.project-half-images {
    margin-bottom: 35px;
}
.project-half-images img,
.project-full-image img {
    border-radius: 15px;
}
.project-full-image .field__label{
  display: none;
}
.field--name-field-add-section{
    background: #eff6fa;
    padding: 15px;
    border-radius: 10px;
}
/* .field--name-field-add-section .field__item .pdf-download {
    border-bottom: 1px solid #fff;
}
.field--name-field-add-section .field__item:last-child .pdf-download{
  border-bottom: 0px;
} */
.download-button a {
    text-decoration: none;
    border-radius: 25px;
}
@media screen and (max-width: 768px) {
  .view-blogs .views-view-responsive-grid--horizontal{
    display: block;
  }
  .view-blogs .views-view-responsive-grid__item {
    margin-bottom: 25px;
  }
  .view-blogs, .blog-inner-main-content {
    padding: 50px 0px;
  }
  .blog-image{
    padding: 25px;
  }
  .blog-image .field--name-field-image::after{
    content: none;
  }
  .blog-content h5 {
    margin-top: 15px;
  }
  .project-half-images .first-image {
    margin-bottom: 25px;
  }
}

.pricing-table-sec h3,
.paragraph--type--faq h3{
  color: var(--c-primary);
}
.pricing-table-content tbody tr td {
    vertical-align: middle;
}
.pricing-images {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
}
.paragraph--type--faq .accordion-button:focus {
    box-shadow: none;
}