:root {
  --color--dark-blue: #002b45;
  --color--primary: #ffc300;
  --color--white: whitesmoke;
  --transparent: white;
  --color--light-gray: whitesmoke;
  --color--light-white: whitesmoke;
  --color--color-2: #2c7ef4;
  --color--light-blue: #002b45;
  --black: black;
  --waves-library--white: white;
  --waves-library--black: #131313;
  --waves-library--background: #faebe3;
  --color--color-3: #d7da5e;
  --color--color: #e34234;
  --elements-webflow-library--neutral--800: #211f54;
  --elements-webflow-library--neutral--600: #6e7191;
  --elements-webflow-library--neutral--100: white;
  --elements-webflow-library--neutral--300: #eff0f6;
  --elements-webflow-library--general--shadow-02: #14142b14;
  --elements-webflow-library--accent--primary-1: #4a3aff;
  --elements-webflow-library--general--shadow-01: #14142b0f;
  --elements-webflow-library--general--shadow-03: #14142b1a;
  --elements-webflow-library--secondary--color-2: #f2f1ff;
  --waves-library--dark-elevation: ;
  --elements-webflow-library--neutral--400: #dcddeb;
  --elements-webflow-library--neutral--200: #f7f7fc;
  --elements-webflow-library--general--shadow-04: #14142b24;
  --radiant-ui-components-library-marketplace--color--heading-dark: #150438;
  --radiant-ui-components-library-marketplace--color--white: white;
  --radiant-ui-components-library-marketplace--color--body-font-dark: #6d6d6d;
  --radiant-ui-components-library-marketplace--color--theme-color: #116df8;
  --radiant-ui-components-library-marketplace--color--button-background-dark: #131218;
  --elements-webflow-library--secondary--color-1: #281ca5;
}

body {
  color: #333;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.nav-top-submenu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--color--dark-blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  display: grid;
}

.nav-submenu-link {
  color: var(--color--dark-blue);
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  transition: color .5s;
}

.nav-submenu-link:hover {
  color: #f45906;
}

.nav-top-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #d4d7dd;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.allworks-expertise {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.nav-top-social {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--color--dark-blue);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
}

.color-white {
  color: #fff;
}

.color-white.hero-description {
  padding-right: 60px;
  font-size: 20px;
  font-weight: 400;
}

.color-white.text-thin {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.slide-bottom-300 {
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.btn-primary {
  background-color: var(--color--dark-blue);
  color: var(--transparent);
  -webkit-text-stroke-color: var(--transparent);
  text-transform: capitalize;
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  border-radius: 3px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  padding: 10px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  transition: all .5s;
  display: flex;
}

.btn-primary:hover {
  background-color: #00215b;
}

.btn-primary.form-btn {
  margin-bottom: 0;
}

.btn-primary.about-learn-btn {
  text-align: center;
  border-radius: 3px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  transition-property: none;
}

.nav-top-social-icon {
  color: #000;
  font-family: "Fa brands 400", sans-serif;
  text-decoration: none;
  transition: color .5s;
}

.nav-top-social-icon:hover {
  color: #f45906;
}

.color-light-grey {
  color: var(--color--light-gray);
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.icon-button-primary {
  color: var(--color--primary);
  justify-content: center;
  align-items: center;
  padding-left: 0;
  font-family: "Fa solid 900", sans-serif;
  font-size: 20px;
  line-height: 1em;
  display: flex;
}

.icon-button-primary.color-error {
  color: var(--color--white);
}

.icon-button-primary.color-dark-blue {
  color: var(--transparent);
}

.icon-button-primary.text-xxl {
  color: #ebecee;
}

.icon-button-primary.heading-lg.color-white {
  color: var(--color--dark-blue);
  font-family: "Fa solid 900", sans-serif;
}

.color-primary {
  color: #16213e;
}

.bg-dark-blue {
  background-color: #00215b;
}

.bg-primary {
  background-color: #f45905;
}

.text-thin {
  font-size: 50px;
  font-weight: 600;
}

.phone-icon {
  align-items: center;
  width: 20%;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Lato, sans-serif;
  display: block;
}

.address-name {
  color: var(--color--dark-blue);
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}

.subcribe-btn {
  border: 1px solid #f45906;
  padding: 17px 15px;
  font-family: "Fa solid 900", sans-serif;
  line-height: .2em;
  transition: background-color .4s;
}

.subcribe-btn:hover {
  background-color: #00215b;
}

.subcribe-btn.bg-primary {
  border-color: var(--color--primary);
  background-color: var(--color--primary);
  border-color: var(--color--primary);
  background-color: var(--color--primary);
}

.footer-widget-area {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.footer-info-contact {
  justify-content: space-between;
  padding: 50px 40px;
  display: block;
}

.footer-info-contact.bg-primary {
  border-top: 8px solid var(--color--primary);
  background-color: var(--color--white);
  border-top: 8px solid var(--color--primary);
  background-color: var(--color--white);
  flex-flow: column;
  align-items: flex-start;
  width: 350px;
  padding: 20px;
  transition: all .5s;
  display: block;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%);
}

.single-widget {
  width: auto;
}

.phone-content {
  width: 80%;
  display: block;
}

.address-number {
  color: var(--color--dark-blue);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.address-number.is-phone {
  color: var(--color--dark-blue);
  font-size: 12px;
  transition: color .5s;
}

.address-number.is-phone:hover {
  color: var(--color--dark-blue);
}

.widget-contact {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
}

.subcribe-form {
  padding-left: 40px;
  transform: translate(100%);
}

.footer-logo-img {
  width: 60%;
  margin-bottom: 0;
  overflow: clip;
}

.form {
  align-items: flex-start;
  display: flex;
}

.subcribe-description {
  color: var(--color--white);
  margin-top: 20px;
  margin-bottom: 25px;
}

.subcribe-description.slide-bottom-300 {
  margin-top: 0;
  padding-top: 10px;
  font-size: 12px;
}

.breadcrumb-content {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-link {
  color: #16213e;
  text-decoration: none;
  transition: color .5s;
}

.home-link:hover {
  color: var(--color--primary);
}

.page-title-content {
  grid-column-gap: .75rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
}

.breadcrum-link {
  display: flex;
}

.breadcrum-link.color-primary {
  color: var(--color--dark-blue);
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.team-breadcrumb {
  background-image: linear-gradient(#ffffff82, #ffffff82), url("https://cdn.prod.website-files.com/6888883147ba5c43c6d40042/6888883247ba5c43c6d40135_pexels-maria-orlova-4947018.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.logo-image {
  width: 100%;
  max-width: 190px;
}

.nav-bar {
  z-index: 9999999;
  background-color: #fff;
  position: sticky;
  top: -56px;
}

.footer-v2.bg-dark-blue {
  border-top: 8px none var(--color--primary);
  background-color: var(--color--dark-blue);
  border-top: 8px none var(--color--primary);
  background-color: var(--color--dark-blue);
  border-radius: 0;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative;
}

.footer-logo {
  width: 250px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section-heading-dark {
  color: var(--color--dark-blue);
  text-align: left;
  padding-top: 0;
  font-family: Kanit, sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
}

.subscribe-text {
  color: var(--color--white);
  font-family: Kanit, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}

.subscribe-text.slide-bottom-200 {
  margin-top: 20px;
  font-size: 22px;
}

.page-title-blue {
  color: var(--color--dark-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kanit, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1em;
  overflow: hidden;
}

.navbar-dropdown {
  font-size: 16px;
  line-height: 1.625em;
  position: relative;
}

.home-dropdown-wrap {
  grid-column-gap: 38px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 18px 24px;
}

.dropdown-list {
  background-color: #0000;
  border-radius: 5px;
  width: 37rem;
  inset: 100% 0% auto auto;
  overflow: hidden;
  box-shadow: -1px -1px 15px #2125291a;
}

.dropdown-list.is-home-dropdown {
  width: 9.5em;
}

.dropdown-list.pages-list {
  top: 100%;
  bottom: auto;
  left: -100%;
}

.page-links-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  color: var(--color--dark-blue);
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.page-link {
  flex-direction: column;
  align-items: flex-start;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.dropdown-text {
  color: var(--color--dark-blue);
  font-size: 14px;
  text-decoration: none;
}

.primary-nav-contain {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.nav-menu-wrap {
  align-items: center;
  display: flex;
}

.dropdown-arrow-icon {
  color: var(--color--dark-blue);
  margin: 0;
  position: relative;
}

.dropdown-menu-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 1;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  max-width: 50%;
  padding: 20px;
  font-family: Kanit, sans-serif;
  display: flex;
}

.page-link-wrap {
  grid-row-gap: 14px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.page-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.position-relative {
  position: relative;
}

.mg-bottom-xl {
  margin-bottom: 55px;
}

.section-pricing {
  background-color: var(--color--white);
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.pricing-section-title {
  text-align: center;
  max-width: 68ch;
  margin-left: auto;
  margin-right: auto;
}

.phone-link {
  text-decoration: none;
}

.phone-link:hover {
  color: var(--color--dark-blue);
}

.webflow-link {
  color: var(--color--white);
  text-decoration: underline;
  transition: color .5s;
}

.webflow-link:hover {
  color: var(--color--primary);
}

.page-link-text-2 {
  color: var(--color--dark-blue);
  border: 0 #000;
  max-width: 100%;
  padding-bottom: 11px;
  font-weight: 500;
  transition: color .5s;
}

.page-link-text-2:hover {
  color: #f45905;
}

.dropdown-toggle-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #3e4265;
  align-items: center;
  padding: 15px 12px;
  font-family: Kanit, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  transition: color .5s;
  display: flex;
}

.dropdown-toggle-2:hover {
  color: #f45905;
}

.page-link-underline-3 {
  background-color: #f45905;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1px;
}

.navbar-link-5 {
  color: var(--color--dark-blue);
  padding: 15px 12px;
  font-family: Kanit, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: color .5s;
}

.navbar-link-5:hover, .navbar-link-5.w--current {
  color: #f45905;
}

.text-block-3 {
  color: var(--transparent);
  font-family: Montserrat, sans-serif;
  font-size: 8px;
}

.text-field {
  color: var(--color--dark-blue);
  font-size: 12px;
}

.link-block-3, .link-block-4 {
  text-decoration: none;
}

@media screen and (min-width: 1280px) {
  .footer-menu-area.bg-dark-blue {
    justify-content: flex-start;
  }

  .allworks-partner {
    padding-bottom: 0;
  }

  .service-box-area.slide-right-500 {
    padding-right: 100px;
  }

  .service-content-area.color-white {
    padding-right: 140px;
  }

  .service-plan-content {
    padding-top: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .pricing-button-wrap {
    padding: 24px 102px;
  }

  .section-pricing {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .pricing-grid {
    display: grid;
  }

  .cta-area {
    margin-bottom: 120px;
  }

  .demo-item-wrapper {
    grid-column-gap: 83px;
    grid-row-gap: 83px;
  }

  .appointment-section {
    padding-top: 100px;
  }

  .partner-section-2 {
    padding-bottom: 100px;
  }

  .service-content-area-3.color-white, .service-content-area-4.color-white, .service-content-area-4.color-white, .service-content-area-5.color-white, .service-content-area-5.color-white {
    padding-right: 140px;
  }

  .rt-heading-five-34 {
    font-size: 1.5rem;
  }

  .rt-arrow-circle-block {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1440px) {
  .allworks-partner {
    padding-bottom: 0;
  }

  .btn-primary {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .btn-primary.about-learn-btn {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-info-content {
    margin-left: auto;
    margin-right: auto;
  }

  .our-company-area {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .company-section {
    place-items: center;
  }

  .company-description {
    margin-right: 140px;
    padding-top: 0;
    padding-right: 0;
  }

  .service-grid-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .service-single-grid {
    grid-row-gap: 16px;
    grid-auto-rows: minmax(auto, 1fr);
  }

  .pricing-card-plan {
    padding-left: 20px;
  }

  .demo-home-slider-wrapper {
    margin-top: -113px;
  }

  .cta-area {
    margin-bottom: 140px;
  }

  .hero-area-two {
    padding-top: 150px;
  }

  .about-description.slide-bottom-300 {
    text-align: left;
    text-align: left;
    margin-right: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    overflow: hidden;
  }

  .customer-service-area {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-build-contact {
    margin-left: 24px;
  }

  .about-item-title {
    text-align: left;
  }

  .image-27 {
    margin-right: 0;
  }

  .brix---z-index-1 {
    margin-left: auto;
    margin-right: auto;
  }

  .btn-primary-2 {
    color: var(--waves-library--white);
    padding-right: 25px;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 600;
  }

  .slider-testimonial-2 {
    margin-right: auto;
  }

  .allworks-testimonial {
    margin-left: auto;
    margin-right: auto;
  }

  .about-item-box-2 {
    grid-column-gap: 33px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    display: grid;
    overflow: visible;
  }

  .text-sm-3 {
    text-align: left;
  }

  .customer-service-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .rt-precision-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 1920px) {
  .allworks-video.slide-bottom-400 {
    margin-left: auto;
    margin-right: auto;
  }

  .text-xs {
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .contact-allworks.bg-dark-blue {
    margin-left: auto;
    margin-right: auto;
  }

  .about-allworks {
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
  }

  .allworks-project {
    margin-left: auto;
    margin-right: auto;
  }

  .sub-heading {
    margin-left: 0;
  }

  .demo-home-slider-wrapper {
    margin-top: -166px;
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .cta-area {
    margin-bottom: 160px;
  }

  .hero-wrapper {
    z-index: 2;
    position: relative;
  }

  .demo-home-slider {
    z-index: 1037;
    bottom: 2px;
  }

  .border-overlay {
    max-width: 1291px;
    height: 100%;
  }

  .hero-union {
    position: absolute;
    left: -102px;
    right: 0;
  }

  .hero-circle-shape {
    z-index: 1;
  }

  .demo-homepage-area {
    background-image: url("https://cdn.prod.website-files.com/6888883147ba5c43c6d40042/6888883247ba5c43c6d401c1_overlay-noise.png"), linear-gradient(184deg, #000 95%, #fff 95%);
    background-position: 50%, 0 0;
    background-size: cover, auto;
  }

  .demo-slider-item {
    flex: none;
  }

  .demo-home-text-wrapper {
    left: 0;
    right: 0;
  }

  .hero-content-two {
    position: relative;
  }

  .hero-area-two {
    padding-top: 160px;
  }

  .inner-page-shape-wrapper {
    bottom: 50%;
    transform: translate(0, -50%);
  }

  .hero-build-contact {
    margin-left: 20px;
  }

  .fact-content {
    margin-left: auto;
  }

  .waves-tile-feature-1 {
    box-shadow: 1px 1px 16px 1px #0000002e;
  }

  .allworks-testimonial {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-slider-item-3 {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/6888883147ba5c43c6d40042/689064b765d6553560c283d1_Team%20(5%20ppl).webp");
    background-size: auto, cover;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-slider-item-4 {
    background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/6888883147ba5c43c6d40042/689064debf4ef51d07d48da5_Team%20(3%20ppl).webp");
    background-size: auto, cover;
    margin-left: auto;
    margin-right: auto;
  }

  .rt-number-img-bg-inner {
    width: 220px;
    height: 220px;
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
  }

  .hero-area {
    height: 90vh;
  }

  .service-plan-list {
    flex-wrap: wrap;
    grid-template: "."
                   "Area"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .service-plan {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .heading-xs {
    text-align: center;
  }

  .heading-xs.color-primary.text-regular.client-name, .heading-xs.color-white, .heading-xs.color-primary.text-regular.client-name, .heading-xs.color-primary.text-regular.client-name, .heading-xs.color-primary.text-regular.client-name, .heading-xs.color-white {
    text-align: left;
  }

  .footer-body {
    grid-template-columns: 1fr;
  }

  .our-plan-area {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .hero-main-heading {
    text-align: center;
  }

  .footer-copyright {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .footer-copyright.slide-bottom-500 {
    padding-bottom: 20px;
  }

  .service-plan-items {
    width: 50%;
    min-height: 420px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-xxl {
    font-size: 50px;
  }

  .heading-xxl.color-light-blue, .heading-xxl.color-error, .heading-xxl.color-error, .heading-xxl.color-light-blue, .heading-xxl.color-light-blue, .heading-xxl.color-error, .heading-xxl.color-error, .heading-xxl.color-light-blue {
    text-align: center;
  }

  .plan-box {
    grid-template-columns: 1fr 1fr;
  }

  .constructor-mashines {
    width: 80%;
  }

  .constructor-mashines.slide-right-300 {
    width: 100%;
  }

  .footer-menu-area.bg-dark-blue {
    inset: 0% 0% 0% auto;
    inset: 0% 0% 0% auto;
    inset: 0% 0% 0% auto;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 0;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .allworks-partner {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .footer-content {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-right: 0;
    display: flex;
  }

  .footer-social {
    justify-content: center;
    margin-right: 0;
  }

  .hero-button {
    justify-content: center;
    margin-top: 30px;
    display: flex;
  }

  .hero-area-content {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-md {
    font-size: 20px;
  }

  .heading-md.project-title-heading {
    padding-bottom: 10px;
  }

  .color-white.hero-description {
    text-align: center;
    text-align: center;
    padding-right: 0;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4em;
  }

  .about-section-area {
    padding-top: 0;
  }

  .client-support {
    width: 25%;
  }

  .testimonial {
    grid-column-gap: 34px;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .about-box {
    justify-content: center;
  }

  .icon-btn.bg-white {
    margin-top: 10px;
    padding: 8px 10px;
  }

  .testimonial-slide-3.bg-dark-blue {
    width: 100%;
    margin-bottom: 80px;
    padding: 20px;
    position: static;
  }

  .about-list.bg-white {
    padding-left: 35px;
    padding-right: 35px;
  }

  .heading-xl {
    text-align: left;
    font-size: 30px;
  }

  .quick-link {
    width: 25%;
  }

  .project-area {
    padding-top: 50px;
  }

  .testimonial-slider {
    padding-bottom: 30px;
  }

  .feature-left {
    margin-top: 0;
  }

  .partner-logo-area {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .address.bg-white {
    width: 251px;
    padding: 20px;
    top: -25px;
  }

  .testimonial-nav {
    right: -1%;
  }

  .contact-phone {
    align-items: flex-end;
    padding-left: 10px;
    padding-right: 10px;
  }

  .btn-primary.form-btn {
    flex-wrap: nowrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-feature {
    grid-column-gap: 3rem;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 80px;
    padding-top: 0;
  }

  .testimonial-content {
    padding-right: 0;
  }

  .grid-project-boxs {
    min-height: 290px;
  }

  .about-details {
    width: 340px;
  }

  .about-address {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .subcribe-btn.bg-primary {
    padding-bottom: 16px;
  }

  .footer-widget-area {
    grid-column-gap: 0px;
  }

  .question {
    margin-bottom: 0;
  }

  .answer.paragraph-sm {
    padding-right: 0;
  }

  .footer-info-contact.bg-primary {
    width: 253px;
    padding-left: 20px;
    padding-right: 20px;
    left: 50%;
  }

  .single-widget {
    padding-right: 30px;
  }

  .subcribe-form {
    padding-left: 30px;
  }

  .form {
    display: flex;
  }

  .project-box-single.color-white.bg-dark-blue {
    padding: 10px;
  }

  .hero-slider-item-1 {
    height: 70vh;
  }

  .contact-single-widget.slide-bottom-200 {
    max-width: 320px;
  }

  .checkbox-field {
    padding-left: 40px;
    line-height: 19px;
  }

  .service-box-area {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 55%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 0%;
    display: flex;
  }

  .service-box-area.slide-right-500 {
    width: 60%;
    padding-top: 60px;
    padding-bottom: 0;
    padding-right: 40px;
  }

  .contact-info-content {
    width: 100%;
  }

  .about-area-block {
    height: 50vh;
  }

  .testimonial-description {
    text-align: center;
  }

  .testimonial-description.slide-bottom-300 {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
  }

  .testimonial-slide.bg-dark-blue {
    width: 100%;
    margin-bottom: 80px;
    padding: 20px;
    position: static;
  }

  .about-allworks {
    height: 50vh;
  }

  .allworks-differentiators {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .slider-testimonial {
    width: auto;
    margin-left: 0;
  }

  .project-btn-box {
    padding-top: 10px;
  }

  .service-items-single.bg-white {
    width: 50%;
    margin-bottom: 0;
    transform: translate(-20px);
  }

  .contact-info-form.bg-white {
    width: 55%;
    padding-left: 27px;
    padding-right: 4%;
  }

  .hero-slide-content {
    align-items: center;
    height: 70vh;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-description.color-white {
    text-align: center;
    text-align: center;
  }

  .project-description {
    font-size: 14px;
    line-height: 1.4em;
  }

  .slider {
    height: 70vh;
  }

  .testimonial-area-box {
    grid-template-columns: 1fr;
  }

  .testimonial-content-box {
    flex-direction: column;
    width: 80%;
    padding-top: 50px;
    padding-bottom: 20px;
    display: flex;
  }

  .our-service-area {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    height: 98vh;
  }

  .contact-box-area {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .future-item-content {
    padding-left: 10px;
  }

  .team-ceo.slide-bottom-400 {
    grid-column-gap: 20px;
    grid-column-gap: 20px;
  }

  .content-single-box {
    grid-template-columns: .25fr 1fr;
  }

  .ceo-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-us {
    padding-top: 80px;
  }

  .grid-project-items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .content-single {
    width: auto;
  }

  .about-area {
    padding-bottom: 100px;
  }

  .future-plan-area {
    grid-column-gap: 10px;
    grid-row-gap: 16px;
    margin-top: -45px;
  }

  .about-feautre {
    grid-column-gap: 23px;
    grid-template-columns: .8fr 1fr;
  }

  .company-section {
    grid-column-gap: 13px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-project-box {
    height: 250px;
  }

  .service-box-section {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .service-plan-area {
    padding-top: 40px;
  }

  .service-list-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .service-single {
    min-height: 419px;
    padding-top: 10px;
  }

  .team-section-area {
    padding-bottom: 60px;
  }

  .contact-section-area {
    grid-column-gap: 12px;
  }

  .faq-breadcrumb {
    background-image: linear-gradient(#ffffff82, #ffffff82), url("https://cdn.prod.website-files.com/6888883147ba5c43c6d40042/6888883247ba5c43c6d40132_background%20(7).jpg");
  }

  .faq-section-title {
    margin-bottom: 20px;
    font-size: 30px;
  }

  .faq-area-box {
    grid-template-columns: 1fr .7fr;
  }

  .getin-content {
    padding-right: 0;
  }

  .getin-touch-info {
    grid-column-gap: 57px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr .8fr;
  }

  .single-blog-item {
    padding-bottom: 15px;
  }

  .blog-wrapper {
    padding-bottom: 40px;
  }

  .blog-wrapper-area {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .career-price-date {
    grid-template-columns: .6fr 1fr;
  }

  .service-plan-section {
    overflow: hidden;
  }

  .service-plan-content {
    width: 100%;
    height: 100%;
  }

  .project-view-btn {
    padding-top: 0;
  }

  .project-content-wrap {
    padding-left: 10px;
    padding-right: 10px;
    top: 53%;
  }

  .category-box {
    top: 28%;
  }

  .service-image-box {
    display: block;
  }

  .service-item-content {
    padding-right: 0;
  }

  .service-single-item {
    width: auto;
  }

  .blog-author.color-primary, .blog-content {
    padding-right: 0;
  }

  .dropdown-button {
    padding-left: 0;
  }

  .dropdown-hide {
    display: none;
  }

  .blog-full-content {
    padding-left: 100px;
    padding-right: 100px;
  }

  .tags-post {
    padding-bottom: 80px;
  }

  .author-information {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
  }

  .service-single-imgae {
    min-height: 0;
  }

  .single-service-content {
    grid-column-gap: 24px;
    grid-template-columns: 1fr .75fr;
  }

  .latest-service-section {
    padding-top: 40px;
  }

  .single-service-list {
    grid-template-columns: 1fr 1fr;
  }

  .leatest-project {
    padding-bottom: 0;
  }

  .project-info {
    padding-top: 0;
  }

  .footer-v1.bg-primary {
    display: block;
  }

  .footer-v2.bg-dark-blue {
    padding-bottom: 40px;
  }

  .about-category {
    top: 26%;
  }

  ._404-page-btn {
    justify-content: center;
    display: flex;
  }

  .footer-logo {
    width: 100%;
  }

  .footer-logo.w--current {
    width: 250%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-banner-title {
    text-align: center;
    font-size: 51px;
  }

  .btn-icon.bg-white {
    margin-top: 10px;
    padding: 8px 10px;
  }

  .section-heading-text {
    text-align: left;
    font-size: 30px;
  }

  .section-heading-dark, .section-heading-white {
    font-size: 30px;
  }

  .page-title-blue, .not-found-text {
    font-size: 50px;
  }

  .navbar-dropdown {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .home-dropdown-wrap {
    grid-column-gap: 89px;
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-toggle {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 0;
  }

  .dropdown-list {
    border-radius: 10px;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    position: static;
  }

  .dropdown-list.pages-list {
    height: 400px;
    overflow: auto;
  }

  .dropdown-menu-column-heading {
    margin-bottom: 30px;
  }

  .primary-nav-contain {
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-link {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
  }

  .nav-menu-wrap {
    background-color: #fff;
    border-top: 1px solid #ebebeb;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 25px;
    box-shadow: 0 27px 49px #00000042;
  }

  .nav-right-menu-icon-hold.is-canvas-menu {
    display: none;
  }

  .dropdown-menu-grid {
    grid-template-columns: .75fr .5fr;
  }

  .page-link-wrap {
    grid-row-gap: 20px;
  }

  .menu-button-2 {
    padding-right: 0;
    transition: color .5s;
  }

  .menu-button-2:hover {
    color: var(--color--primary);
  }

  .menu-button-2.w--open {
    background-color: var(--color--white);
    color: #111;
  }

  .pricinig-grid-contain.is-yeraly {
    max-width: none;
  }

  .switch-button-contain {
    margin-bottom: 40px;
  }

  .pricing-card-badge-text {
    font-size: 18px;
  }

  .pricing-button-wrap {
    border-radius: 10px;
    padding: 15px 25px;
  }

  .mg-bottom-xl {
    margin-bottom: 50px;
  }

  .section-pricing {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pricing-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .price-text {
    font-size: 30px;
  }

  .pricing-card-plan {
    margin-bottom: 30px;
  }

  .pricing-breadcrumb {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .pricing-section-title {
    max-width: none;
  }

  .product-breadcrumb, .product-cart-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .product-name {
    font-size: 45px;
  }

  .heading-wrapper {
    width: 201px;
  }

  .pricing-feature-title-wrapper {
    margin-left: 0;
  }

  .heading-wrapper-2 {
    width: 206px;
  }

  .product-feature-section {
    padding-bottom: 90px;
  }

  .nav-right {
    align-items: center;
    display: flex;
  }

  .base-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .licenses-content-area {
    grid-template-columns: .5fr 2.25fr;
  }

  .breadcrumb-content2 {
    grid-template-columns: 1fr;
  }

  .utility-pages {
    width: 25%;
  }

  .demo-title-wrapper {
    margin-bottom: 40px;
  }

  .demo-home-image-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .inner-page-area {
    padding-top: 50px;
    padding-bottom: 210px;
  }

  .cta-area {
    margin-bottom: 80px;
  }

  .demo-home-text-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 90px;
    line-height: 90px;
  }

  .inner-page-image-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .cta-wrapper {
    grid-template-columns: 1.25fr 1fr;
    padding-left: 35px;
    padding-right: 68px;
  }

  .inner-page-title {
    font-size: 50px;
  }

  .demo-homepage-top-area {
    overflow: hidden;
  }

  .figma-icon {
    top: 48px;
    right: 21%;
  }

  .demo-home-title-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-image-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .demo-homepage-area {
    padding-top: 50px;
    padding-bottom: 199px;
  }

  .leave-right {
    right: -93px;
  }

  .demo-item-wrapper {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr 1fr;
  }

  .demo-text-2 {
    font-size: 258px;
    line-height: 1.4em;
  }

  .leave-wrapper {
    left: -92px;
  }

  .demo-home-text-wrapper {
    bottom: 8%;
    left: 50%;
    transform: translate(-50%);
  }

  .demo-area {
    padding-bottom: 80px;
  }

  .leave-image {
    width: 70%;
  }

  .cta-title {
    font-size: 43px;
  }

  .hero-single-item {
    max-width: none;
    height: 450px;
    max-height: 450px;
  }

  .hero-single-item.middle {
    max-height: 350px;
  }

  .hero-title-three {
    font-size: 67px;
    line-height: 72px;
  }

  .demo-union-wrapper {
    right: 0;
  }

  .demo-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
  }

  .about-item-box {
    grid-template-columns: 1fr;
  }

  .menu-button-3 {
    padding-right: 0;
    transition: color .5s;
  }

  .menu-button-3:hover {
    color: #f45905;
  }

  .menu-button-3.w--open {
    color: #111;
    background-color: #fff;
  }

  .hero-build-social {
    position: relative;
  }

  .section-heading-dark-text {
    font-size: 30px;
  }

  .hero-build-area {
    grid-column-gap: 19px;
    grid-template-columns: 1fr 1fr;
    height: 65vh;
  }

  .customer-service-area {
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1.5fr;
  }

  .about-content {
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 0;
    transform: translate(100%);
  }

  .hero-bottom-area {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 36px;
  }

  .about-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .hero-build-contact {
    transform: translate(0);
  }

  .contact-now-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .dropdown-toggle-2 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 0;
  }

  .get-appointment-image {
    height: 100%;
  }

  .our-project-image {
    height: auto;
  }

  .benefit-item {
    flex-direction: column;
    align-items: center;
    padding-right: 10px;
    display: flex;
  }

  .benefit-item.slide-bottom-300 {
    align-items: flex-start;
  }

  .skill-item-wrap {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .section-dark-heading {
    font-size: 30px;
  }

  .skill-description {
    padding-right: 0;
  }

  .about-block-content {
    padding-top: 40px;
  }

  .about-block-area {
    place-items: center;
  }

  .fact-counter-item {
    padding-left: 0;
    padding-right: 0;
  }

  .working-process {
    margin-top: 40px;
  }

  .skill-area-section.bg-dark-blue {
    padding-top: 310px;
    padding-bottom: 180px;
  }

  .skill-item-content {
    text-align: center;
  }

  .skill-content-area {
    grid-column-gap: 0px;
  }

  .appointment-section {
    padding-top: 40px;
  }

  .section-heading-text-2 {
    text-align: left;
    font-size: 30px;
  }

  .benefits-section {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hero-landing-content {
    height: 70vh;
  }

  .fact-description, .main-section-title {
    width: auto;
  }

  .contact-email {
    padding-left: 0;
  }

  .hero-landing-area {
    height: 70vh;
  }

  .section-white-heading {
    font-size: 30px;
  }

  .our-project {
    margin-bottom: 0;
  }

  .appointment-area {
    grid-template-columns: 1fr 1fr;
  }

  .navbar-link-5 {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
  }

  .container-2 {
    max-width: 728px;
  }

  .features-wrapper {
    justify-content: space-between;
  }

  .container-3 {
    max-width: 728px;
  }

  .features-wrapper-2 {
    justify-content: space-between;
  }

  .waves---mega-heading-1 {
    font-size: 72px;
    line-height: 110%;
  }

  .waves-section-hero-5 {
    padding-top: 240px;
  }

  .waves---section-hero-primary, .waves---section-hero-primary-2 {
    text-align: center;
  }

  .waves-grid-hero-1 {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .waves-content-hero-1 {
    text-align: center;
    align-items: center;
  }

  .waves-image-wrap-hero-1 {
    height: 320px;
  }

  .waves-gradient-hero-1 {
    height: 140px;
  }

  .waves-gallery-hero-1 {
    height: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .allworks-about-us---quote {
    text-align: center;
  }

  .waves---mega-heading-2 {
    font-size: 72px;
    line-height: 110%;
  }

  .waves-bottom-hero-3 {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

  .waves-bottom-right-hero-3 {
    align-items: center;
  }

  .waves---sides-heading-button {
    grid-row-gap: 32px;
    text-align: center;
    flex-direction: column;
  }

  .waves-grid-features-1 {
    grid-template-columns: 1fr 1fr;
  }

  .waves---grid-features-6 {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
  }

  .waves-grid-features-2 {
    grid-template-columns: 1fr 1fr;
  }

  .waves-master-cta-2 {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .waves-content-contact-2 {
    padding: 48px 40px;
  }

  .waves---grid-halves-sticky {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .waves---sticky-halves-left {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .waves---master-tiles-features-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .waves---sticky-halves {
    flex-direction: column;
    align-items: center;
  }

  .waves---content-sticky-features-2 {
    text-align: center;
    align-items: center;
  }

  .brix---mg-bottom-32px {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 40px;
  }

  .brix---heading-h2-size {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---heading-h3-size {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---btn-slider-arrow-right---top-left {
    inset: auto auto -90px 39.5%;
  }

  .brix---btn-slider-arrow-right---top-right {
    inset: auto 39.5% -90px auto;
  }

  .brix---slider-mask-width-490px {
    position: static;
  }

  .allworks-services-projects {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---mg-bottom-32px-2 {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px-2 {
    margin-bottom: 40px;
  }

  .brix---heading-h2-size-2 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---heading-h3-size-2 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---btn-slider-arrow-right---top-left-2 {
    inset: auto auto -90px 39.5%;
  }

  .brix---btn-slider-arrow-right---top-right-2 {
    inset: auto 39.5% -90px auto;
  }

  .brix---slider-mask-width-490px-2 {
    position: static;
  }

  .allworks-services-projectsandfitouts {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h3-size-3 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---btn-slider-arrow-right---top-left-3 {
    inset: auto auto -90px 39.5%;
  }

  .brix---btn-slider-arrow-right---top-right-3 {
    inset: auto 39.5% -90px auto;
  }

  .brix---mg-bottom-32px-3 {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px-3 {
    margin-bottom: 40px;
  }

  .brix---heading-h2-size-3 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---heading-h3-size-4 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---btn-slider-arrow-right---top-left-4 {
    inset: auto auto -90px 39.5%;
  }

  .brix---btn-slider-arrow-right---top-right-4 {
    inset: auto 39.5% -90px auto;
  }

  .brix---slider-mask-width-490px-3 {
    position: static;
  }

  .brix---section-overflow-hidden, .brix---section {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h3-size-5 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---slider-mask {
    position: static;
  }

  .brix---card-testimonial-v6 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .brix---cta-section {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .brix---btn-primary-white {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---grid-cta-v1 {
    grid-template-columns: .7fr;
  }

  .brix---buttons-row-right---t-left {
    justify-content: flex-start;
  }

  .brix---cta-v1-floating-item-01 {
    width: 35%;
    top: -4%;
    left: -5%;
  }

  .brix---cta-v1-floating-item-02 {
    width: 38%;
    bottom: -3%;
  }

  .brix---heading-h2-size-4 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---cta-section-2 {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .brix---btn-primary-white-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---cta-v1-floating-item-3 {
    width: 38%;
    bottom: -3%;
  }

  .brix---heading-h2-size-5 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---cta-section-3 {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .brix---btn-primary-white-3 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .brix---cta-v1-floating-item-4 {
    width: 38%;
    bottom: -3%;
  }

  .brix---display-4 {
    font-size: 22px;
    line-height: 38px;
  }

  .brix---heading-h2-size-6 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---tabs-content-card {
    padding: 40px 32px 48px;
  }

  .brix---tab-small-center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---section-2 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h2-size-7 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---card-left-text-wrapper {
    margin-top: 24px;
    margin-left: 0;
  }

  .brix---card---icon-left---content-right {
    flex-direction: column;
    padding-left: 32px;
    padding-right: 32px;
  }

  .team-section-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .navbar-link-6 {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
  }

  .partner-logo-area-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-heading-dark-2 {
    font-size: 30px;
  }

  .section-heading-text-3 {
    text-align: left;
    font-size: 30px;
  }

  .footer-body-2 {
    grid-template-columns: 1fr;
  }

  .partner-section-2 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .footer-logo-2 {
    width: 100%;
  }

  .footer-logo-2.w--current {
    width: 250%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .slider-testimonial-2 {
    width: auto;
    margin-left: 0;
  }

  .testimonial-content-box-2 {
    flex-direction: column;
    width: 80%;
    padding-top: 50px;
    padding-bottom: 20px;
    display: flex;
  }

  .section-heading-dark-3 {
    font-size: 30px;
  }

  .testimonial-area-box-2, .about-item-box-2 {
    grid-template-columns: 1fr;
  }

  .hero-slider-item-3 {
    height: 70vh;
  }

  .hero-banner-title-2 {
    text-align: center;
    font-size: 51px;
  }

  .our-service-area-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    height: 98vh;
  }

  .section-heading-white-2, .section-heading-dark-4 {
    font-size: 30px;
  }

  .brix---mg-bottom-48px-4 {
    margin-bottom: 40px;
  }

  .brix---display-5 {
    font-size: 22px;
    line-height: 38px;
  }

  .brix---section-3 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h2-size-8 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---tab-left-icon {
    padding-left: 18px;
    padding-right: 18px;
  }

  .brix---tabs-menu-vertical {
    max-width: 271px;
  }

  .brix---tabs-content-card-2 {
    padding: 40px 32px 48px;
  }

  .brix---mg-bottom-32px-4 {
    margin-bottom: 24px;
  }

  .brix---section-4 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h3-size-6 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---grid-2-columns-gap-column-80px {
    grid-column-gap: 40px;
  }

  .brix---mg-bottom-56px {
    margin-bottom: 48px;
  }

  .brix---heading-h4-size {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---section-position-relative {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix--grid-2-columns-text-right {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---half-bg-image-left-content-v2 {
    width: 100%;
    height: 100%;
    min-height: 580px;
    margin-top: 65px;
    position: static;
    inset: auto 0% 0%;
  }

  .rt-category-cards-text.rt-text-white {
    max-width: none;
  }

  .rt-precision-card-body-icon-column {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .rt-precision-card-body-row {
    align-items: stretch;
  }

  .rt-precision-card {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 0;
  }

  .rt-precision-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .rt-no-margin-bottom.rt-home-three-service-description {
    max-width: none;
  }

  .rt-service-card-shape {
    height: auto;
  }

  .rt-home-three-service-heading {
    max-width: none;
  }

  .rt-service-card-text-wrapper {
    padding: 20px 20px 30px;
  }

  .rt-home-three-service-cards {
    grid-template-columns: 1fr 1fr;
  }

  .rt-tab-image-full-width {
    width: 100%;
    height: auto;
  }

  .rt-home-three-service-text-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: none;
    margin-bottom: 35px;
  }

  .page-title-blue-2 {
    font-size: 50px;
  }

  .rt-no-margin-bottom-2.rt-home-three-service-description {
    max-width: none;
  }

  .rt-service-card-shape-2 {
    height: auto;
  }

  .rt-home-three-service-heading-2 {
    max-width: none;
  }

  .rt-service-card-text-wrapper-2 {
    padding: 20px 20px 30px;
  }

  .rt-home-three-service-cards-2 {
    grid-template-columns: 1fr 1fr;
  }

  .rt-tab-image-full-width-2 {
    width: 100%;
    height: auto;
  }

  .rt-home-three-service-text-wrapper-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: none;
    margin-bottom: 35px;
  }

  .section-dark-heading-2 {
    font-size: 30px;
  }

  .waves---sides-heading-button-2 {
    grid-row-gap: 32px;
    text-align: center;
    flex-direction: column;
  }

  .allworks-grid-features {
    grid-template-columns: 1fr 1fr;
  }

  .allworks-core-service-grid {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 400px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .team-section, .team-section-3, .team-section-4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cta-accent {
    justify-content: center;
    align-items: center;
  }

  .rt-auto-fit-12.rt-responsive-image-full-width {
    width: 100%;
    height: 100%;
  }

  .rt-home-one-highlight-item {
    width: 100%;
    height: 100%;
    padding-right: 0;
  }

  .section-white-heading-2 {
    font-size: 30px;
  }

  .benefits-section-2 {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .rt-hero-heading {
    margin-top: 10px;
    margin-bottom: 27px;
  }

  .rt-hero-text-section {
    max-width: 500px;
    padding-top: 52px;
    padding-bottom: 90px;
  }

  .rt-number-img-bg-inner {
    width: 150px;
    height: 150px;
    font-size: 30px;
    line-height: 40px;
  }

  .rt-arrow-img-left {
    display: none;
  }

  .rt-number-block-2 {
    grid-column-gap: 20px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .rt-arrow-down-img {
    display: none;
  }

  .rt-number-text-block-outer {
    align-self: center;
    align-items: flex-start;
  }

  .rt-arrow-circle-block {
    grid-column-gap: 10px;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .rt-about-three-what-we-do-card-wrap {
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .brix---mg-bottom-56px-2 {
    margin-bottom: 48px;
  }

  .brix---heading-h2-size-9 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---heading-h4-size-2 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---section-position-relative-2 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix--grid-2-columns-text-right-2 {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---half-bg-image-left-content-v2-2 {
    width: 100%;
    height: 100%;
    min-height: 580px;
    margin-top: 65px;
    position: static;
    inset: auto 0% 0%;
  }

  .brix---mg-bottom-32px-5 {
    margin-bottom: 24px;
  }

  .brix---section-5 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h3-size-7 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---tab-line {
    padding: 22px 18px;
  }

  .brix---card-testimonial-v12 {
    flex-direction: column;
    padding-left: 48px;
    padding-right: 48px;
  }

  .brix---avatar-circle-08-testimonial-v12 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
    margin-bottom: 48px;
    margin-right: 0;
  }

  .brix---tabs-menu-bottom {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---mg-bottom-32px-6 {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px-5 {
    margin-bottom: 40px;
  }

  .brix---section-6 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .brix---heading-h2-size-10 {
    font-size: 30px;
    line-height: 46px;
  }

  .brix---heading-h3-size-8 {
    font-size: 22px;
    line-height: 32px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .testimonial-desc {
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .hero-area {
    height: 75vh;
  }

  .heading-xs.color-primary.text-regular {
    text-align: left;
  }

  .heading-xs.color-primary.text-regular.client-name {
    text-align: center;
    text-align: center;
  }

  .footer-body {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    position: relative;
  }

  .footer-copyright {
    padding-top: 25px;
    padding-bottom: 30px;
  }

  .service-plan-items {
    min-height: 320px;
    overflow: hidden;
  }

  .heading-xxl {
    font-size: 38px;
  }

  .constructor-mashines {
    width: 50%;
  }

  .footer-menu-area.bg-dark-blue {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    position: static;
  }

  .allworks-partner {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .footer-content {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .hero-area-content {
    text-align: center;
    width: 100%;
  }

  .heading-md {
    font-size: 22px;
  }

  .testimonial-image-wrap {
    box-shadow: 0 0 16px 5px #0000002e;
  }

  .testimonial-image-wrap.slide-left-400 {
    box-shadow: 1px 0 16px 1px #0000002e;
  }

  .color-white.hero-description {
    font-size: 18px;
  }

  .footer-contact-info {
    padding-top: 10px;
  }

  .testimonial {
    grid-row-gap: 34px;
    grid-template-columns: 1fr;
  }

  .project-grid-list {
    grid-template-columns: 1fr 1fr;
  }

  .contact-info.contact-content {
    padding-top: 0;
  }

  .about-box {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
  }

  .testimonial-slide-3.bg-dark-blue {
    width: 100%;
    position: static;
  }

  .about-list.bg-white {
    position: static;
    transform: translate(0);
  }

  .heading-xl {
    text-align: center;
    font-size: 26px;
  }

  .project-area {
    padding-bottom: 50px;
  }

  .address.bg-white {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .about-feature {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .testimonial-content, .testimonial-content.slide-bottom-300, .testimonial-content.slide-bottom-300 {
    text-align: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid-project-boxs {
    min-height: 200px;
  }

  .client-name {
    text-align: center;
  }

  .about-details {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .about-address {
    grid-column-gap: 19px;
    grid-template: "Area Area" 2fr
                   ". ."
                   / 1fr 1fr;
  }

  .heading-large {
    font-size: 24px;
  }

  .footer-bottom {
    margin-top: 20px;
  }

  .service-item {
    width: 100%;
  }

  .footer-widget-area {
    grid-column-gap: 9px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "Area Area";
  }

  .footer-info-contact.bg-primary {
    padding-top: 20px;
    padding-bottom: 20px;
    position: static;
    transform: translate(0%);
  }

  .single-widget {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }

  .subcribe-form {
    padding-left: 10px;
    transform: translate(0%);
  }

  .footer-logo-img {
    width: 100%;
  }

  .project-box-single.color-white.bg-dark-blue {
    min-height: 390px;
    padding: 20px 60px;
  }

  .hero-slider-item-1 {
    height: 70vh;
  }

  .contact-single-widget.contact-info-number.slide-bottom-300 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .single-box {
    width: 100%;
  }

  .testimonial-content-btn {
    justify-content: flex-start;
  }

  .team-image {
    width: 100%;
  }

  .hero-slider-item-2 {
    height: 70vh;
  }

  .service-box-area {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    position: static;
  }

  .service-box-area.slide-right-500 {
    width: 100%;
  }

  .contact-info-content {
    width: 93%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .allworks-core-service.bg-dark-blue {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .team-items {
    grid-column-gap: 26px;
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-description {
    text-align: left;
  }

  .testimonial-slide.bg-dark-blue {
    width: 100%;
    position: static;
  }

  .contact-info-area {
    grid-template-columns: 1fr;
  }

  .allworks-differentiators {
    padding-bottom: 60px;
  }

  .project-wrap {
    grid-template-columns: 1fr;
  }

  .slider-testimonial {
    grid-template-columns: 1fr;
    margin-left: 0;
  }

  .service-items-single.bg-white {
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 20px;
    transform: translate(0);
  }

  .contact-info-form.bg-white {
    width: 100%;
    position: static;
  }

  .hero-slide-content {
    width: auto;
    height: 70vh;
  }

  .slider {
    height: auto;
  }

  .testimonial-area-box {
    grid-template-columns: 1fr;
  }

  .testimonial-content-box {
    align-items: flex-start;
    width: 100%;
  }

  .service-content-area.color-white {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .our-service-area {
    grid-template-columns: 1fr;
    height: auto;
  }

  .contact-box-area {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .appoint-content.bg-primary {
    margin-bottom: 40px;
    padding: 20px;
  }

  .google-map-area {
    padding-bottom: 60px;
  }

  .breadcrumb {
    margin-bottom: 60px;
  }

  .future-section-btn {
    justify-content: center;
  }

  .about-feature-content {
    padding-top: 50px;
  }

  .section-title-2 {
    flex-direction: column;
    align-items: center;
  }

  .about-feature-image {
    width: 100%;
  }

  .grid-poject-area {
    padding-top: 0;
  }

  .our-company-area {
    padding-bottom: 80px;
  }

  .about-description-2 {
    padding-bottom: 0;
  }

  .contact-information {
    grid-template-columns: 1fr;
  }

  .grid-project-items {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }

  .about-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-content {
    padding-top: 50px;
  }

  .future-plan-area {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .about-feautre {
    grid-template-columns: 1fr;
  }

  .company-section {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-project-box {
    height: 255px;
  }

  .project-breadcrumb {
    margin-bottom: 60px;
  }

  .project-tab {
    padding-top: 0;
  }

  .project-filter-breadcrumb {
    margin-bottom: 60px;
  }

  .tap-list {
    grid-template-columns: 1fr 1fr;
  }

  .project-filter-area {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .service-grid-section {
    padding-bottom: 50px;
  }

  .service-single-grid {
    grid-template-columns: 1fr 1fr;
  }

  .service-box-section {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .service-plan-area {
    padding-bottom: 60px;
  }

  .service-single {
    overflow: hidden;
  }

  .sercice-breadcrumb {
    margin-bottom: 60px;
  }

  .team-section-area {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .team-breadcrumb {
    margin-bottom: 60px;
  }

  .team-area {
    grid-template-columns: 1fr 1fr;
  }

  .contact-signle-box {
    width: 45%;
  }

  .contact-map-description {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-breadcrumb {
    margin-bottom: 60px;
  }

  .contact-section-area {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    display: flex;
  }

  .faq-section {
    padding-bottom: 40px;
  }

  .faq-breadcrumb {
    margin-bottom: 60px;
  }

  .faq-section-title {
    text-align: left;
    font-size: 26px;
  }

  .faq-area-box {
    grid-template-columns: 1fr;
  }

  .getin-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .getin-information {
    padding-bottom: 50px;
  }

  .location-content {
    padding-bottom: 20px;
  }

  .getin-touch-info {
    grid-column-gap: 24px;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .getin-touch-breadcrumb {
    padding-bottom: 140px;
  }

  .project-social {
    margin-top: 20px;
  }

  .single-blog-item {
    padding-bottom: 30px;
  }

  .blog-wrapper {
    padding-bottom: 40px;
  }

  .blog-breadcrumb {
    margin-bottom: 60px;
  }

  .blog-wrapper-area {
    grid-template-columns: 1fr 1fr;
  }

  .career-section {
    padding-bottom: 50px;
  }

  .career-engeniring {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .career-breadcrumb {
    margin-bottom: 60px;
  }

  .career-box-description, .career-single-item {
    padding-right: 0;
  }

  .service-box-image {
    width: auto;
    height: auto;
  }

  .service-blog-title {
    padding-bottom: 0;
  }

  .service-box-item, .service-single-item {
    margin-left: 0;
  }

  .blog-content {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-hide {
    display: none;
  }

  .footer-logo-image {
    width: 250%;
    max-width: 250px;
  }

  .single-blog-thumbnail {
    margin-bottom: 60px;
  }

  .blog-full-content {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .breadcrumb-2 {
    margin-bottom: 60px;
  }

  .category-breadcurmb {
    grid-template-columns: .8fr 1fr;
  }

  .tags-post {
    padding-bottom: 70px;
  }

  .author-post-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .service-content-area-2 {
    margin-right: 0;
    padding-top: 50px;
  }

  .single-service-content {
    grid-column-gap: 16px;
    grid-template-columns: 1fr;
  }

  .latest-service-section {
    padding-top: 10px;
  }

  .single-service-list {
    grid-template-columns: 1fr 1fr;
  }

  .single-project-breadcurmb {
    grid-template-columns: 1fr;
  }

  .project-info {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .single-projet-body {
    grid-template-columns: 1fr;
  }

  .footer-v2.bg-dark-blue {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .tag-breadcurmb {
    grid-template-columns: .8fr 1fr;
  }

  .footer-logo {
    width: auto;
  }

  .footer-logo.w--current {
    margin-left: auto;
    margin-right: auto;
  }

  .single-project-btn {
    padding-top: 10px;
  }

  .other-service {
    text-align: left;
  }

  .hero-banner-title {
    font-size: 43px;
  }

  .section-heading-text {
    text-align: center;
    font-size: 26px;
  }

  .complete-project-count {
    text-align: center;
  }

  .section-heading-dark, .section-heading-white {
    font-size: 26px;
  }

  .page-title-blue {
    font-size: 38px;
  }

  .contact-number {
    font-size: 24px;
  }

  .not-found-text {
    font-size: 38px;
  }

  .page-links-wrap {
    grid-column-gap: 37px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .dropdown-menu-column-heading {
    margin-bottom: 20px;
  }

  .nav-menu-wrap {
    background-color: #fff;
  }

  .switch-button-contain {
    margin-bottom: 25px;
  }

  .pricing-card-badge-text {
    font-size: 16px;
  }

  .mg-bottom-xl {
    margin-bottom: 30px;
  }

  .section-pricing {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing-breadcrumb, .product-breadcrumb, .product-cart-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .product-card-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .product-name {
    font-size: 35px;
  }

  .accordion-bar-title {
    font-size: 18px;
  }

  .accodion-feature-details-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-feature-title-wrapper {
    grid-column-gap: 40px;
    margin-bottom: 50px;
  }

  .product-feature-section {
    padding-bottom: 80px;
  }

  .changelog-content {
    grid-row-gap: 23px;
    grid-template-columns: 1fr;
  }

  .base-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .left-side-area {
    position: static;
  }

  .licenses-box-wrap {
    padding-bottom: 250px;
  }

  .items-text {
    width: 30%;
  }

  .unsflash-single-image {
    width: 100%;
  }

  .unsflash-image-box {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .licenses-content-area {
    grid-template-columns: 1fr;
  }

  .startup-btn-outline {
    padding: 13px 28px;
    font-size: 14px;
  }

  .demo-title-wrapper {
    margin-bottom: 20px;
  }

  .inner-page-area {
    padding-bottom: 50px;
  }

  .cta-area {
    margin-bottom: 60px;
  }

  .inner-page-image-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .cta-wrapper {
    grid-column-gap: 307px;
    grid-row-gap: 307px;
    grid-template-columns: 1.25fr;
    justify-items: center;
  }

  .figma-icon {
    right: -8%;
  }

  .demo-item-wrapper {
    grid-template-columns: 1fr;
  }

  .demo-text-2 {
    font-size: 185px;
  }

  .hero-discription-wrapper {
    margin-bottom: 20px;
  }

  .hero-area-two {
    padding-top: 100px;
  }

  .cta-title {
    font-size: 35px;
  }

  .hero-single-item {
    height: 350px;
    max-height: 350px;
  }

  .hero-single-item.middle {
    height: 250px;
    max-height: 250px;
  }

  .hero-title-three {
    font-size: 50px;
    line-height: 59px;
  }

  .cta-content {
    text-align: center;
  }

  .about-image {
    width: 100%;
  }

  .service-content {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .skill-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section-heading-dark-text {
    font-size: 26px;
  }

  .hero-small-image {
    width: 100%;
    height: 100%;
  }

  .hero-build-area {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .customer-service-area {
    grid-template-columns: 1fr;
  }

  .service-box {
    padding-left: 40px;
    padding-right: 40px;
  }

  .about-content {
    padding-top: 30px;
    transform: translate(0%);
  }

  .hero-bottom-area {
    grid-column-gap: .75rem;
  }

  .about-wrapper {
    grid-template-columns: 1fr;
  }

  .about-image-box {
    position: static;
  }

  .contact-box.color-white {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-build-contact {
    top: 30%;
    right: 13%;
  }

  .hero-image-box {
    width: 70%;
  }

  .skill-section {
    grid-template-columns: 1fr;
  }

  .hero-build-content {
    width: 100%;
    padding-right: 0;
  }

  .about-content-btn {
    justify-content: flex-start;
  }

  .fact-image {
    width: 100%;
  }

  .our-project-area {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    height: 100%;
  }

  .skill-itam-image {
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
  }

  .benefit-item {
    justify-content: flex-start;
  }

  .allworks-fact-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .project-content-title {
    width: 80%;
    margin-left: 0;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 10px;
  }

  .skill-item-wrap {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: start;
    overflow: hidden;
  }

  .fact-counter {
    padding-top: 20px;
  }

  .section-dark-heading {
    font-size: 26px;
  }

  .about-block-content {
    flex-wrap: nowrap;
    padding-top: 20px;
  }

  .hero-section-btn {
    justify-content: flex-start;
  }

  .about-block-area {
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    justify-items: start;
    display: flex;
  }

  .working-process {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr 1fr;
  }

  .skill-item-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .skill-content-area {
    grid-column-gap: 0px;
  }

  .appointment-section {
    padding-top: 50px;
  }

  .our-project-slider {
    width: 100%;
    height: 100%;
    position: static;
  }

  .section-heading-text-2 {
    text-align: center;
    font-size: 26px;
  }

  .benefits-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .about-block-image, .hero-landing-content {
    width: 100%;
  }

  .fact-content {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .main-section-title {
    text-align: left;
  }

  .our-project-btn {
    justify-content: flex-start;
  }

  .benefit-item-title {
    text-align: center;
  }

  .section-white-heading {
    font-size: 26px;
  }

  .our-project {
    height: auto;
    margin-bottom: 60px;
  }

  .features-metrics {
    padding: 60px 15px;
  }

  .features-wrapper {
    flex-wrap: wrap;
    margin-bottom: -40px;
  }

  .features-block {
    width: 50%;
    margin-bottom: 40px;
  }

  .features-metrics-2 {
    padding: 60px 15px;
  }

  .features-wrapper-2 {
    flex-wrap: wrap;
    margin-bottom: -40px;
  }

  .features-block-2 {
    width: 50%;
    margin-bottom: 40px;
  }

  .waves---mega-heading-1 {
    font-size: 56px;
  }

  .waves---subtitle {
    font-size: 22px;
    line-height: 34px;
  }

  .waves---main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves-section-hero-5 {
    padding-top: 160px;
  }

  .waves-title-wrap-hero-5 {
    text-align: center;
    align-items: center;
  }

  .hero-without-image {
    padding: 60px 15px;
  }

  .waves-grid-hero-1 {
    grid-row-gap: 40px;
  }

  .waves-form-hero-6 {
    grid-row-gap: 8px;
    flex-direction: column;
    align-items: stretch;
  }

  .waves---master-checks-horizontal {
    grid-row-gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .waves-image-hero-6 {
    width: 48%;
  }

  .waves-middle-image-hero-6 {
    display: none;
  }

  .waves---mega-heading-2 {
    font-size: 56px;
  }

  .waves---subtitle-2 {
    font-size: 22px;
    line-height: 34px;
  }

  .waves---main-container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .allworks-service-catalouge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---heading-2-no-margins {
    font-size: 44px;
    line-height: 125%;
  }

  .waves---main-container-3, .waves---main-container-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---main-container-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---master-checks-horizontal-2 {
    grid-row-gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .waves---section-medium-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---heading-2-no-margins-2 {
    font-size: 44px;
    line-height: 125%;
  }

  .waves-master-cta-2 {
    padding: 80px 32px;
  }

  .waves---main-container-6 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium-4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves-image-wrap-contact-2 {
    height: 340px;
  }

  .waves-content-contact-2 {
    width: 92%;
    padding: 40px 32px;
  }

  .waves---section-medium-5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---heading-2-no-margins-3 {
    font-size: 44px;
    line-height: 125%;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .brix---heading-h2-size {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---link-icon-right {
    width: 20px;
    margin-left: 8px;
  }

  .brix---btn-slider-arrow-right---top-left {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    left: 36%;
  }

  .brix---btn-slider-arrow-right---top-right {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    right: 36%;
  }

  .brix---card-testimonial-color-1, .brix---card-testimonial-color-2, .brix---card-testimonial-color-3 {
    padding: 48px 32px;
  }

  .allworks-services-projects {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---mg-bottom-16px-2 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px-2 {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px-2 {
    margin-bottom: 32px;
  }

  .brix---heading-h2-size-2 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---link-icon-right-2 {
    width: 20px;
    margin-left: 8px;
  }

  .brix---btn-slider-arrow-right---top-left-2 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    left: 36%;
  }

  .brix---btn-slider-arrow-right---top-right-2 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    right: 36%;
  }

  .brix---card-testimonial-color-4, .brix---card-testimonial-color-5, .brix---card-testimonial-color-6 {
    padding: 48px 32px;
  }

  .allworks-services-projectsandfitouts {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---link-icon-right-3 {
    width: 20px;
    margin-left: 8px;
  }

  .brix---btn-slider-arrow-right---top-left-3 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    left: 36%;
  }

  .brix---btn-slider-arrow-right---top-right-3 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    right: 36%;
  }

  .brix---card-testimonial-color-7, .brix---card-testimonial-color-8, .brix---card-testimonial-color-9 {
    padding: 48px 32px;
  }

  .brix---mg-bottom-16px-3 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px-3 {
    margin-bottom: 24px;
  }

  .brix---mg-bottom-48px-3 {
    margin-bottom: 32px;
  }

  .brix---heading-h2-size-3 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---link-icon-right-4 {
    width: 20px;
    margin-left: 8px;
  }

  .brix---btn-slider-arrow-right---top-left-4 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    left: 36%;
  }

  .brix---btn-slider-arrow-right---top-right-4 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    bottom: -72px;
    right: 36%;
  }

  .brix---card-testimonial-color-10, .brix---card-testimonial-color-11, .brix---card-testimonial-color-12 {
    padding: 48px 32px;
  }

  .brix---section-overflow-hidden, .brix---section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---text-300-bold {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---text-200-medium {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---card-testimonial-v6 {
    padding: 44px 32px;
  }

  .brix---avatar-circle-05-border {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .brix---btn-slider-arrow-right---testimonial-v6 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    inset: auto 36% -86px auto;
  }

  .brix---btn-slider-arrow-left---testimonial-v6 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    inset: auto auto -86px 36%;
  }

  .brix---cta-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---button-row-left {
    margin-right: 16px;
  }

  .brix---btn-primary-white {
    padding: 20px 32px;
  }

  .brix---btn-secondary-white {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---grid-cta-v1 {
    grid-template-columns: 1fr;
  }

  .brix---cta-v1-floating-item-01 {
    width: 34%;
  }

  .brix---cta-v1-floating-item-02 {
    width: 34%;
    bottom: -5%;
    right: -4%;
  }

  .brix---heading-h2-size-4 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---cta-section-2 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---btn-primary-white-2 {
    padding: 20px 32px;
  }

  .brix---btn-secondary-white-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---cta-v1-floating-item-3 {
    width: 34%;
    bottom: -5%;
    right: -4%;
  }

  .brix---heading-h2-size-5 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---cta-section-3 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---btn-primary-white-3 {
    padding: 20px 32px;
  }

  .brix---btn-secondary-white-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---cta-v1-floating-item-4 {
    width: 34%;
    bottom: -5%;
    right: -4%;
  }

  .brix---display-4 {
    font-size: 20px;
    line-height: 32px;
  }

  .brix---heading-h2-size-6 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---subtitle {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---text-200-bold {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---tabs-content-card {
    padding-top: 30px;
    padding-bottom: 32px;
  }

  .brix---square-icon-48px {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---tab-small-center {
    justify-content: center;
    margin: 10px 0;
  }

  .brix---grid-2-columns-gap-56px, .brix---grid-2-columns {
    grid-template-columns: 1fr;
  }

  .brix---square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---heading-h2-size-7 {
    font-size: 28px;
    line-height: 40px;
  }

  .team-section-2 {
    padding-bottom: 60px;
  }

  .complete-project-count-2 {
    text-align: center;
  }

  .section-heading-dark-2 {
    font-size: 26px;
  }

  .section-heading-text-3 {
    text-align: center;
    font-size: 26px;
  }

  .footer-body-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    position: relative;
  }

  .partner-section-2 {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .footer-logo-2 {
    width: auto;
  }

  .footer-logo-2.w--current {
    margin-left: auto;
    margin-right: auto;
  }

  .slider-testimonial-2 {
    grid-template-columns: 1fr;
    margin-left: 0;
  }

  .testimonial-content-box-2 {
    align-items: flex-start;
    width: 100%;
  }

  .section-heading-dark-3 {
    font-size: 26px;
  }

  .testimonial-area-box-2 {
    grid-template-columns: 1fr;
  }

  .hero-slider-item-3, .hero-slider-item-4 {
    height: 70vh;
  }

  .hero-banner-title-2 {
    font-size: 43px;
  }

  .our-service-area-2 {
    grid-template-columns: 1fr;
    height: auto;
  }

  .section-heading-white-2, .section-heading-dark-4 {
    font-size: 26px;
  }

  .brix---mg-bottom-16px-4 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-48px-4 {
    margin-bottom: 32px;
  }

  .brix---display-5 {
    font-size: 20px;
    line-height: 32px;
  }

  .brix---section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---heading-h2-size-8 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---subtitle-2 {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---tab-left-icon {
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .brix---tabs-wrapper-tabs-left {
    flex-direction: column;
  }

  .brix---tabs-menu-vertical {
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .brix---tabs-content-card-2 {
    padding-top: 30px;
    padding-bottom: 32px;
  }

  .brix---square-icon-48px-2 {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---mg-bottom-40px-4 {
    margin-bottom: 24px;
  }

  .brix---section-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---link-icon-right-5 {
    width: 20px;
    margin-left: 8px;
  }

  .brix---text-200-bold-2 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---image-wrapper-br-24px-shadow {
    box-shadow: 0 4px 22px 0 var(--elements-webflow-library--general--shadow-04);
    border-radius: 14px;
  }

  .brix---grid-2-columns-gap-column-80px {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .brix---mg-bottom-56px {
    margin-bottom: 40px;
  }

  .brix---btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---square-icon-2 {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---heading-h4-size {
    font-size: 20px;
    line-height: 26px;
  }

  .brix---section-position-relative {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix--grid-2-columns-text-right, .brix---grid-2-columns-top {
    grid-template-columns: 1fr;
  }

  .rt-precision-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .rt-service-card-shape {
    width: 110%;
    max-width: none;
    left: auto;
    right: auto;
  }

  .rt-home-three-service-cards {
    grid-template-columns: 1fr;
  }

  .rt-service-card-image-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .allworks-breadcrumb-3 {
    margin-bottom: 60px;
  }

  .contact-number-2 {
    font-size: 24px;
  }

  .allworks-breadcrumb-2 {
    margin-bottom: 60px;
  }

  .contact-number-3 {
    font-size: 24px;
  }

  .page-title-blue-2 {
    font-size: 38px;
  }

  .rt-service-card-shape-2 {
    width: 110%;
    max-width: none;
    left: auto;
    right: auto;
  }

  .rt-home-three-service-cards-2 {
    grid-template-columns: 1fr;
  }

  .rt-service-card-image-wrapper-2 {
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .section-dark-heading-2 {
    font-size: 26px;
  }

  .allworks-services {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .waves---main-container-7 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---heading-2-no-margins-4 {
    font-size: 44px;
    line-height: 125%;
  }

  .waves---main-container-8 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium-6 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---heading-2-no-margins-5 {
    font-size: 44px;
    line-height: 125%;
  }

  .team-section, .team-section-3, .team-section-4 {
    padding-bottom: 60px;
  }

  .rt-auto-fit-12.rt-responsive-image-full-width {
    height: 100%;
  }

  .rt-heading-five-34 {
    font-size: 1.3rem;
  }

  .section-white-heading-2 {
    font-size: 26px;
  }

  .benefits-section-2 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .rt-hero-heading {
    max-width: 400px;
  }

  .rt-hero-text-section {
    padding-top: 15px;
  }

  .rt-number-img-bg-inner {
    width: 100px;
    height: 100px;
    font-size: 25px;
    line-height: 35px;
  }

  .rt-number-block-2 {
    text-align: left;
    margin-top: 20px;
  }

  .rt-number-text-block-outer {
    align-self: center;
    align-items: flex-start;
  }

  .rt-arrow-circle-block {
    flex-direction: column;
  }

  .rt-about-three-what-we-do-card-wrap {
    grid-template-columns: 1fr;
  }

  .brix---mg-bottom-56px-2 {
    margin-bottom: 40px;
  }

  .brix---btn-secondary-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .brix---square-icon-3 {
    border-radius: 12px;
    max-width: 56px;
  }

  .brix---heading-h2-size-9 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---heading-h4-size-2 {
    font-size: 20px;
    line-height: 26px;
  }

  .brix---subtitle-3 {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---section-position-relative-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix--grid-2-columns-text-right-2, .brix---grid-2-columns-top-2 {
    grid-template-columns: 1fr;
  }

  .brix---mg-bottom-16px-5 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-40px-5 {
    margin-bottom: 24px;
  }

  .brix---text-100 {
    font-size: 15px;
  }

  .brix---section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---tab-line {
    padding-left: 0;
    padding-right: 0;
  }

  .brix---text-200-bold-3 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---text-300-bold-2 {
    font-size: 18px;
    line-height: 22px;
  }

  .brix---avatar-circle-03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .brix---card-testimonial-v12 {
    padding: 32px 32px 48px;
  }

  .brix---avatar-circle-08-testimonial-v12 {
    width: 200px;
    max-width: 200px;
    height: 200px;
    max-height: 200px;
  }

  .brix---tabs-menu-bottom {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---text-300-list {
    font-size: 18px;
    line-height: 20px;
  }

  .brix---mg-bottom-16px-6 {
    margin-bottom: 8px;
  }

  .brix---mg-bottom-48px-5 {
    margin-bottom: 32px;
  }

  .brix---section-6 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .brix---heading-h2-size-10 {
    font-size: 28px;
    line-height: 40px;
  }

  .brix---subtitle-4 {
    font-size: 17px;
    line-height: 19px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .testimonial-desc {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .about-play-btn {
    top: 42%;
    left: 50%;
    transform: translate(-50%);
  }

  .about-play-btn.grow-500 {
    left: 45%;
  }

  .hero-area {
    height: 68vh;
  }

  .service-plan-list {
    grid-template-columns: 1fr;
  }

  .service-plan {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .about-item.bg-primary.slide-bottom-200, .about-item.slide-bottom-100 {
    width: 100%;
  }

  .about-item.bg-primary {
    width: 50%;
  }

  .about-item.bg-primary.slide-bottom-200, .about-item.slide-bottom-100 {
    width: 100%;
  }

  .heading-xs.color-primary.text-regular.client-name {
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
  }

  .footer-body {
    width: 100%;
  }

  .our-plan-area {
    padding-top: 50px;
  }

  .hero-main-heading {
    text-align: center;
    padding-top: 15px;
  }

  .footer-copyright {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .nav-top-bar {
    display: none;
  }

  .service-plan-items {
    width: 100%;
    min-height: 350px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-xxl {
    font-size: 30px;
  }

  .plan-box {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .constructor-mashines {
    width: 100%;
    position: relative;
    left: 0%;
  }

  .footer-menu-area.bg-dark-blue {
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 0;
  }

  .allworks-partner {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-content {
    max-width: 100%;
    padding-top: 60px;
  }

  .client-designation.color-light-blue {
    padding-bottom: 0;
  }

  .hero-area-content {
    width: 100%;
  }

  .heading-md {
    font-size: 19px;
  }

  .color-white.hero-description {
    text-align: center;
    padding-right: 0;
  }

  .color-white.text-thin {
    text-align: left;
  }

  .about-section-area {
    padding-bottom: 0;
  }

  .partner-logo.slide-bottom-400 {
    background-image: linear-gradient(to bottom, var(--transparent), var(--transparent));
    background-image: linear-gradient(to bottom, var(--transparent), var(--transparent));
  }

  .testimonial-area {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .client-support {
    width: 100%;
    padding-top: 20px;
  }

  .client-support.slide-bottom-400 {
    width: 49%;
    padding-top: 0;
  }

  .testimonial {
    margin-bottom: 15px;
  }

  .color-light-white {
    text-align: center;
  }

  .project-grid-list {
    grid-template-columns: 1fr;
  }

  .testimonial-slide-3.bg-dark-blue {
    margin-bottom: 50px;
  }

  .about-list.bg-white {
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-xl {
    font-size: 23px;
  }

  .quick-link {
    width: 100%;
  }

  .quick-link.slide-bottom-300 {
    flex: 1;
    width: 49%;
  }

  .client-review {
    text-align: center;
  }

  .project-area {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .testimonial-slider {
    padding-bottom: 10px;
  }

  .partner-logo-area {
    text-align: center;
    grid-template-columns: 1fr;
    padding-top: 20px;
  }

  .address.bg-white {
    width: 100%;
  }

  .testimonial-nav {
    left: 50%;
    right: 0%;
    transform: translate(-50%);
  }

  .contact-phone {
    width: 100%;
    padding-left: 0;
  }

  .client-info {
    text-align: center;
  }

  .btn-primary {
    justify-content: center;
    margin-right: 10px;
  }

  .about-feature {
    grid-column-gap: 4px;
    grid-template-columns: 1.8fr;
    margin-bottom: 0;
    padding-top: 0;
  }

  .plan-feature-image.grow-500 {
    height: 100%;
  }

  .color-light-grey {
    text-align: left;
  }

  .testimonial-content {
    text-align: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonial-content.slide-bottom-300 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid-project-boxs {
    height: 250px;
  }

  .footer-widget-title {
    padding-bottom: 10px;
  }

  .client-name {
    text-align: center;
  }

  .about-address {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "Area Area" 2fr
                   "Area-2 Area-2"
                   "Area-3 Area-3"
                   / 1fr;
  }

  .map-area {
    width: 100%;
  }

  .heading-large {
    font-size: 20px;
  }

  .heading-sm, .faq-question {
    font-size: 18px;
  }

  .footer-bottom-text {
    text-align: center;
  }

  .service-item {
    width: 100%;
  }

  .service-item.service-second-item, .service-item.service-third-item, .service-item.service-second-item, .service-item.service-third-item {
    margin-top: 0;
  }

  .footer-widget-area {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-areas: "Area Area"
                         "Area-2 Area-2"
                         "Area-3 Area-3";
  }

  .answer.paragraph-sm {
    font-size: 13px;
  }

  .footer-info-contact.bg-primary {
    width: auto;
  }

  .single-widget {
    width: 100%;
    padding-right: 0;
  }

  .address-number, .address-number.is-phone, .address-number.is-phone {
    font-size: 10px;
  }

  .subcribe-form {
    padding-top: 30px;
  }

  .faq-item {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .project-box-single {
    padding-left: 20px;
  }

  .project-box-single.color-white.bg-dark-blue {
    min-height: 250px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .phone-service {
    grid-row-gap: 9px;
    grid-template-columns: 1fr;
    padding-top: 10px;
  }

  .contact-single-widget.contact-info-number.slide-bottom-300 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .checkbox-field {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    line-height: 22px;
    display: flex;
  }

  .about-feauter-box {
    width: 100%;
    height: auto;
    position: static;
  }

  .testimonial-content-btn {
    justify-content: center;
  }

  .team-image {
    width: 100%;
  }

  .image-14 {
    width: auto;
    height: auto;
    overflow: clip;
  }

  .about-feature-img {
    height: auto;
    padding-top: 20px;
  }

  .submit-btn {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template: "."
    / 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .service-box-area {
    grid-template-columns: 1fr;
  }

  .service-box-area.slide-right-500 {
    padding-right: 0;
  }

  .name-email {
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .contact-info-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-area-block {
    grid-template-columns: 1fr;
    width: 100%;
    height: auto;
    display: block;
  }

  .allworks-core-service.bg-dark-blue {
    padding-top: 30px;
  }

  .team-items {
    grid-template-columns: 1fr;
  }

  .testimonial-description {
    width: auto;
  }

  .testimonial-slide.bg-dark-blue {
    margin-bottom: 50px;
  }

  .about-allworks {
    height: auto;
    padding: 20px;
  }

  .slider-testimonial {
    grid-template-columns: 1fr;
  }

  .form-main-title {
    align-items: center;
  }

  .service-items-single.bg-white {
    width: 100%;
  }

  .contact-info-form.bg-white {
    padding: 70px 20px;
  }

  .slide-description.color-white {
    font-size: 12px;
  }

  .service-content-area.color-white {
    padding-right: 0;
  }

  .section-main-title {
    width: auto;
  }

  .contact-box-area {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .google-map-area {
    padding-bottom: 20px;
  }

  .breadcrumb {
    margin-bottom: 50px;
  }

  .company-heading-description {
    text-align: left;
  }

  .breadcrumb-content {
    grid-template-columns: 1fr .25fr;
  }

  .team-ceo {
    grid-column-gap: 15px;
    grid-template-columns: 1fr;
  }

  .about-feature-content {
    padding-top: 30px;
  }

  .our-company-area {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .future-content.color-white {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-project-items {
    grid-template-columns: 1fr;
  }

  .about-area {
    padding-top: 40px;
  }

  .contact-content {
    padding-top: 20px;
  }

  .breadcrum-link.color-primary {
    flex-wrap: nowrap;
  }

  .future-plan-area {
    grid-template-columns: 1fr;
  }

  .company-btn {
    justify-content: center;
  }

  .contact-phone-box {
    width: 300px;
    bottom: -250%;
    right: -5%;
  }

  .company-section {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-project-box {
    height: 250px;
  }

  .project-grid-breadcurmb {
    grid-template-columns: 1fr .25fr;
  }

  .project-breadcrumb {
    margin-bottom: 50px;
  }

  .project-grid-layout {
    padding-bottom: 40px;
  }

  .project-filter-breadcrumb {
    margin-bottom: 0;
  }

  .tap-list {
    grid-template-columns: 1fr;
  }

  .project-tap-menu {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-filter-area {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .service-single-grid, .service-box-section, .service-list-wrap {
    grid-template-columns: 1fr;
  }

  .service-single {
    min-height: 300px;
  }

  .sercice-breadcrumb {
    margin-bottom: 50px;
  }

  .team-section-area {
    padding-top: 40px;
  }

  .team-breadcrumb {
    margin-bottom: 50px;
  }

  .team-area {
    grid-template-columns: 1fr;
  }

  .contact-signle-box {
    width: 100%;
  }

  .contact-breadcrumb {
    margin-bottom: 50px;
  }

  .contact-section-area {
    grid-template-columns: 1fr;
  }

  .faq-section {
    padding-bottom: 40px;
  }

  .faq-breadcrumb {
    margin-bottom: 50px;
  }

  .faq-section-title {
    font-size: 23px;
  }

  .faq-area-box {
    grid-template-columns: 1fr;
  }

  .getin-touch-breadcrumb {
    margin-bottom: 70px;
    padding-top: 60px;
    padding-bottom: 140px;
  }

  .blog-wrapper {
    padding-bottom: 20px;
  }

  .blog-list-breadcurmb {
    grid-template-columns: 1fr;
  }

  .blog-breadcrumb {
    margin-bottom: 50px;
  }

  .blog-wrapper-area, .career-engeniring {
    grid-template-columns: 1fr;
  }

  .career-breadcrumb {
    margin-bottom: 50px;
  }

  .career-price {
    text-align: left;
  }

  .career-wrapper {
    grid-template-columns: 1fr;
  }

  .service-plan-content {
    height: 100%;
    padding-top: 50px;
  }

  .project-content-wrap {
    top: 55%;
  }

  .home-project-image {
    width: 100%;
    min-height: 250px;
  }

  .category-box {
    top: 30%;
  }

  .service-blog-title {
    text-align: left;
    padding-top: 10px;
  }

  .service-box-item {
    width: 100%;
    margin-left: 0;
  }

  .project-tab-wrap.project-img {
    height: 300px;
  }

  .service-single-item {
    width: 100%;
    margin-left: 0;
  }

  .logo-image {
    max-width: 150px;
  }

  .breadcurmb-link {
    flex-wrap: wrap;
  }

  .single-blog-thumbnail {
    margin-bottom: 40px;
  }

  .breadcrumb-2 {
    margin-bottom: 50px;
  }

  .category-breadcurmb {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .tags-post {
    padding-bottom: 60px;
  }

  .author-breadcrumb {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .author-information {
    grid-template-columns: 1fr;
    padding-top: 20px;
  }

  .author-post-wrapper {
    grid-template-columns: 1fr;
  }

  .service-breadcurmb {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .service-gallery-list, .single-service-list, .single-project-breadcurmb {
    grid-template-columns: 1fr;
  }

  .latest-project-grid {
    grid-template-columns: 1fr;
    height: auto;
  }

  .primary-button {
    justify-content: center;
  }

  .footer-v1.bg-primary {
    display: block;
  }

  .about-category {
    top: 31%;
  }

  .checkbox {
    margin-left: 0;
    margin-right: 10px;
  }

  .grid-project-area, .project-filter-section {
    width: 100%;
    min-height: 250px;
  }

  .about-area-project {
    width: 100%;
    min-height: 260px;
  }

  .tag-breadcurmb {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .complete-project-title {
    text-align: center;
  }

  .checkbox-label-2 {
    padding-left: 10px;
  }

  .footer-logo {
    text-align: center;
    width: 70%;
    padding-bottom: 10px;
  }

  .single-project-btn {
    padding-top: 0;
  }

  .hero-banner-title {
    font-size: 33px;
  }

  .template-title-md {
    font-size: 36px;
  }

  .checkbox-2 {
    margin-top: 0;
    margin-left: 0;
  }

  .section-heading-text, .section-heading-dark, .section-heading-white {
    font-size: 23px;
  }

  .page-title-blue {
    font-size: 30px;
  }

  .contact-number {
    font-size: 20px;
  }

  .not-found-text {
    font-size: 30px;
  }

  .home-dropdown-wrap {
    grid-column-gap: 12px;
  }

  .dropdown-menu-column-heading {
    margin-bottom: 15px;
    padding-bottom: 8px;
  }

  .nav-menu-wrap {
    background-color: #fff;
    padding: 10px 15px;
  }

  .dropdown-menu-grid {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button-2 {
    padding-left: 8px;
  }

  .pricing-plan-text, .switch-button-contain {
    font-size: 14px;
  }

  .pricing-button-wrap {
    padding: 10px 15px;
  }

  .mg-bottom-xl {
    margin-bottom: 15px;
  }

  .pricing-top-tiitle {
    margin-bottom: 10px;
  }

  .section-pricing {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pricing-grid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }

  .price-text {
    font-size: 30px;
  }

  .pricing-card-plan {
    grid-row-gap: 15px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-breadcrumb {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pricing-btn {
    justify-content: center;
  }

  .page-title-wrap {
    grid-column-gap: .5rem;
  }

  .product-breadcrumb, .product-cart-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .product-card-grid {
    grid-row-gap: 37px;
  }

  .product-name {
    font-size: 30px;
    line-height: 1.1;
  }

  .product-name-top-text {
    font-size: 18px;
  }

  .product-price {
    margin-bottom: 27px;
  }

  .heading-wrapper {
    width: 100%;
  }

  .accordion-title-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .accodion-feature-details-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-feature-wrapper {
    width: 100%;
  }

  .accordian-title-wrapper {
    padding: 20px 25px;
  }

  .accordion-feature-title-block {
    flex-direction: column;
  }

  .heading-wrapper-2 {
    width: 100%;
  }

  .product-feature-section {
    padding-bottom: 60px;
  }

  .changelog-content {
    grid-template-columns: 1fr;
  }

  .base-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .photography-content-area {
    padding-bottom: 20px;
  }

  .photography-title {
    font-size: 36px;
  }

  .left-side-area {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .right-side-area {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .licenses-box-wrap {
    padding-bottom: 300px;
  }

  .items-text {
    display: block;
  }

  .items-text.w--current {
    width: 100%;
  }

  .unsflash-single-image {
    padding-bottom: 0;
  }

  .software-button-block {
    margin-top: 30px;
  }

  .licenses-content-area {
    display: block;
  }

  .utility-pages {
    width: 100%;
    padding-top: 20px;
  }

  .utility-pages.slide-bottom-500 {
    width: 49%;
  }

  .inner-page-top {
    margin-bottom: 35px;
  }

  .demo-home-image-wrapper {
    flex-direction: column;
  }

  .inner-page-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .demo-home-text-2 {
    display: none;
  }

  .inner-page-image-wrapper {
    grid-template-columns: 1fr;
  }

  .cta-title-wrapper {
    max-width: 100%;
  }

  .cta-wrapper {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
    padding-top: 30px;
    padding-left: 37px;
    padding-right: 35px;
  }

  .inner-page-title {
    font-size: 34px;
  }

  .hero-bottom {
    margin-top: -18px;
  }

  .hero-union {
    display: none;
  }

  .hero-image-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 100px;
  }

  .leave-right {
    right: -62px;
  }

  .demo-text-2 {
    text-align: center;
    font-size: 74px;
  }

  .demo-item-one {
    padding-left: 20px;
    padding-right: 20px;
  }

  .leave-wrapper {
    left: -74px;
  }

  .inner-page-title-wrapper {
    margin-bottom: 15px;
  }

  .demo-home-title {
    text-align: center;
    font-size: 45px;
  }

  .demo-area {
    padding-bottom: 50px;
  }

  .hero-area-two {
    padding-top: 80px;
  }

  .demo-item-two {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-single-item {
    height: 250px;
    max-height: 250px;
  }

  .hero-single-item.middle {
    height: 200px;
    max-height: 200px;
  }

  .preview-container {
    display: block;
  }

  .demo-home-shape {
    display: none;
  }

  .hero-title-three {
    font-size: 33px;
    line-height: 39px;
  }

  .demo-union-wrapper {
    display: none;
  }

  .demo-item-three {
    padding-left: 20px;
    padding-right: 20px;
  }

  .demo-title {
    font-size: 30px;
    line-height: 1.4em;
  }

  .hero-build-image {
    width: 100%;
    position: static;
  }

  .text-block {
    color: #00215b;
    text-align: center;
  }

  .hero-contact-info {
    padding: 12px;
  }

  .skill-content-description {
    padding-bottom: 20px;
  }

  .menu-button-3 {
    padding-left: 8px;
  }

  .hero-build-social {
    justify-content: center;
    bottom: 70%;
    left: 0;
    right: 0;
  }

  .faq-question-title {
    font-size: 18px;
  }

  .customer-service-subtitle {
    justify-content: flex-start;
  }

  .service-content {
    padding-left: 0;
  }

  .section-heading-dark-text {
    font-size: 23px;
  }

  .customer-service {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .hero-build-area {
    grid-template-columns: 1fr;
    height: 60vh;
  }

  .customer-service-area {
    align-content: center;
    justify-items: center;
  }

  .service-box {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .about-content {
    padding-top: 40px;
    padding-left: 0;
  }

  .hero-bottom-area {
    grid-row-gap: 1.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }

  .hero-build-contact {
    display: flex;
    top: 10%;
    left: 0;
    right: 0%;
  }

  .hero-image-box {
    width: 100%;
  }

  .footer-bottom-text-2 {
    text-align: center;
  }

  .hero-build-title {
    color: #00215b;
    text-align: center;
  }

  .skill-progress-bar {
    width: auto;
  }

  .hero-build-btn {
    justify-content: center;
    width: auto;
    display: flex;
  }

  .skill-subtitle {
    justify-content: flex-start;
  }

  .allworks-fact-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .project-content-title {
    width: 100%;
  }

  .skill-item-wrap {
    grid-template-columns: 1fr;
  }

  .fact-counter {
    grid-template-columns: 1fr 1fr;
  }

  .section-dark-heading {
    font-size: 23px;
  }

  .skill-description {
    padding-right: 0;
  }

  .about-block-content {
    padding-top: 0;
  }

  .hero-section-btn {
    justify-content: center;
  }

  .working-process {
    grid-row-gap: 26px;
    grid-template-columns: 1fr;
    margin-top: 45px;
  }

  .skill-area-section.bg-dark-blue {
    padding-top: 265px;
    padding-bottom: 40px;
  }

  .skill-content-area {
    grid-row-gap: 37px;
    grid-template-columns: 1fr;
  }

  .section-heading-text-2 {
    font-size: 23px;
  }

  .benefits-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .google-map-image {
    margin-top: 0;
  }

  .fact-description {
    padding-top: 20px;
  }

  .fact-description.slide-bottom-300 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-bottom-text-3 {
    text-align: center;
  }

  .contact-email {
    padding-top: 0;
    padding-left: 0;
  }

  .our-project-btn {
    justify-content: flex-start;
  }

  .skill-items {
    grid-template-columns: 1fr;
  }

  .section-white-heading {
    font-size: 23px;
  }

  .appointment-area {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .container-2, .container-3 {
    max-width: none;
  }

  .waves---mega-heading-1 {
    font-size: 36px;
  }

  .waves---subtitle {
    font-size: 20px;
  }

  .waves-section-hero-5 {
    padding-bottom: 48px;
  }

  .waves---section-hero-primary, .waves---section-hero-primary-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves-gradient-hero-1 {
    top: -1px;
  }

  .waves-gradient-hero-1.bottom {
    bottom: -1px;
  }

  .waves-column-hero-1 {
    width: 48%;
  }

  .waves-column-hero-1.column-two, .waves-column-hero-1.column-one, .waves-column-hero-1.column-two, .waves-column-hero-1.column-one {
    flex: none;
  }

  .waves-gallery-hero-1 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .allworks-about-us---quote {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves---mega-heading-2 {
    font-size: 36px;
  }

  .waves---subtitle-2 {
    font-size: 20px;
  }

  .allworks-service-catalouge {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---heading-2-no-margins {
    font-size: 34px;
  }

  .waves-grid-features-1 {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .waves---heading-3-no-margins, .waves---heading-3-no-margins-2 {
    font-size: 22px;
  }

  .waves---section-medium-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves-grid-features-2 {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .waves---heading-3-no-margins-3 {
    font-size: 22px;
  }

  .waves---section-medium-3 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---heading-2-no-margins-2 {
    font-size: 34px;
  }

  .waves-master-cta-2 {
    padding: 64px 16px;
  }

  .waves---section-medium-4 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---2-inputs {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .waves-content-contact-2 {
    padding: 24px 16px;
  }

  .waves---section-medium-5 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---heading-2-no-margins-3 {
    font-size: 34px;
  }

  .waves---heading-3-no-margins-4 {
    font-size: 22px;
  }

  .brix---mg-bottom-16px {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-48px {
    margin-bottom: 32px;
  }

  .brix---container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---link-icon-right {
    width: 18px;
  }

  .brix---paragraph-default {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---btn-slider-arrow-right---top-left {
    bottom: -72px;
    left: 26%;
  }

  .brix---btn-slider-arrow-right---top-right {
    bottom: -72px;
    right: 26%;
  }

  .brix---card-testimonial-color-1, .brix---card-testimonial-color-2, .brix---card-testimonial-color-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .allworks-services-projects {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---mg-bottom-16px-2 {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-48px-2 {
    margin-bottom: 32px;
  }

  .allworks-services-facilities {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size-2 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size-2 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---link-icon-right-2 {
    width: 18px;
  }

  .brix---paragraph-default-2 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---btn-slider-arrow-right---top-left-2 {
    bottom: -72px;
    left: 26%;
  }

  .brix---btn-slider-arrow-right---top-right-2 {
    bottom: -72px;
    right: 26%;
  }

  .brix---card-testimonial-color-4, .brix---card-testimonial-color-5, .brix---card-testimonial-color-6 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .allworks-services-projectsandfitouts {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---container-default-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h3-size-3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---link-icon-right-3 {
    width: 18px;
  }

  .brix---paragraph-default-3 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---btn-slider-arrow-right---top-left-3 {
    bottom: -72px;
    left: 26%;
  }

  .brix---btn-slider-arrow-right---top-right-3 {
    bottom: -72px;
    right: 26%;
  }

  .brix---card-testimonial-color-7, .brix---card-testimonial-color-8, .brix---card-testimonial-color-9 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---mg-bottom-16px-3 {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-48px-3 {
    margin-bottom: 32px;
  }

  .brix---container-default-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size-3 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size-4 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---link-icon-right-4 {
    width: 18px;
  }

  .brix---paragraph-default-4 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---btn-slider-arrow-right---top-left-4 {
    bottom: -72px;
    left: 26%;
  }

  .brix---btn-slider-arrow-right---top-right-4 {
    bottom: -72px;
    right: 26%;
  }

  .brix---card-testimonial-color-10, .brix---card-testimonial-color-11, .brix---card-testimonial-color-12 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---section-overflow-hidden {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---mg-top-16px {
    margin-top: 12px;
  }

  .brix---container-default-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h3-size-5 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---avatar-image {
    width: 100%;
  }

  .brix---paragraph-default-5 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---text-300-bold {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---card-testimonial-v6 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .brix---avatar-circle-05-border {
    border-width: 3px;
  }

  .brix---btn-slider-arrow-right---testimonial-v6 {
    right: 26%;
  }

  .brix---btn-slider-arrow-left---testimonial-v6 {
    left: 26%;
  }

  .brix---cta-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---button-row-left {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .brix---btn-primary-white {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---btn-secondary-white {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 14px;
    line-height: 18px;
  }

  .brix---grid-cta-v1 {
    grid-template-columns: 1fr;
  }

  .brix---buttons-row-right---t-left {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---cta-v1-floating-item-01 {
    width: 39%;
  }

  .brix---cta-v1-floating-item-02 {
    width: 44%;
  }

  .brix---heading-h2-size-4 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---cta-section-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---btn-primary-white-2, .brix---btn-secondary-white-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---cta-v1-floating-item-3 {
    width: 44%;
  }

  .brix---heading-h2-size-5 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---cta-section-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .brix---btn-primary-white-3, .brix---btn-secondary-white-3 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---cta-v1-floating-item-4 {
    width: 44%;
  }

  .brix---heading-h2-size-6 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---subtitle {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---text-200-bold {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---tabs-content-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---square-icon-48px {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---tab-small-center {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---grid-2-columns-gap-56px {
    grid-row-gap: 36px;
  }

  .brix---mg-bottom-8px {
    margin-bottom: 6px;
  }

  .brix---square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---heading-h2-size-7 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---paragraph-default-6 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---card---icon-left---content-right {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-main-title-2 {
    width: auto;
  }

  .btn-primary-2 {
    justify-content: center;
  }

  .partner-logo-area-2 {
    grid-template-columns: 1fr;
    padding-top: 20px;
  }

  .section-heading-dark-2, .section-heading-text-3 {
    font-size: 23px;
  }

  .footer-body-2 {
    width: 100%;
  }

  .partner-section-2 {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .about-item-2.bg-primary.slide-bottom-200, .about-item-2.slide-bottom-100 {
    width: 100%;
  }

  .about-item-2.bg-primary {
    width: 50%;
  }

  .about-item-2.bg-primary.slide-bottom-200, .about-item-2.slide-bottom-100 {
    width: 100%;
  }

  .footer-logo-2 {
    text-align: center;
    width: 70%;
    padding-bottom: 10px;
  }

  .complete-project-title-2 {
    text-align: center;
  }

  .slider-testimonial-2 {
    grid-template-columns: 1fr;
  }

  .section-heading-dark-3 {
    font-size: 23px;
  }

  .customer-service-2 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .text-thin-2 {
    font-size: 20px;
  }

  .btn-primary-3 {
    justify-content: center;
  }

  .hero-banner-title-2 {
    font-size: 20px;
  }

  .section-heading-white-2, .section-heading-dark-4 {
    font-size: 23px;
  }

  .brix---mg-bottom-16px-4 {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-48px-4 {
    margin-bottom: 32px;
  }

  .brix---container-default-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size-8 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---subtitle-2 {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---tab-left-icon {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 18px;
  }

  .brix---paragraph-default-7 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---mg-left-16px {
    margin-left: 13px;
  }

  .brix---tabs-content-card-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brix---square-icon-48px-2 {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---mg-bottom-8px-2 {
    margin-bottom: 6px;
  }

  .brix---heading-h3-size-6 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---link-icon-right-5 {
    width: 18px;
  }

  .brix---text-200-bold-2 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---image-wrapper-br-24px-shadow {
    border-radius: 16px;
  }

  .brix---mg-bottom-24px {
    margin-bottom: 16px;
  }

  .brix---mg-bottom-56px {
    margin-bottom: 32px;
  }

  .brix---btn-secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---square-icon-2 {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---buttons-row {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---heading-h4-size {
    font-size: 18px;
    line-height: 24px;
  }

  .brix---section-position-relative {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---half-bg-image-left-content-v2 {
    min-height: auto;
  }

  .rt-precision-card-body-icon-column {
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .rt-precision-card-body-caption-column {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .rt-service-card-shape {
    width: 100.2%;
    max-width: none;
    left: auto;
    right: auto;
  }

  .rt-service-card-image-wrapper {
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .contact-phone-box-2 {
    width: 300px;
    bottom: -250%;
    right: -5%;
  }

  .breadcrumb-content-2 {
    grid-template-columns: 1fr .25fr;
  }

  .allworks-breadcrumb-3 {
    margin-bottom: 50px;
  }

  .contact-number-2 {
    font-size: 20px;
  }

  .allworks-breadcrumb-2 {
    margin-bottom: 50px;
  }

  .contact-phone-box-3 {
    width: 300px;
    bottom: -250%;
    right: -5%;
  }

  .contact-number-3 {
    font-size: 20px;
  }

  .page-title-blue-2 {
    font-size: 30px;
  }

  .rt-service-card-shape-2 {
    width: 100.2%;
    max-width: none;
    left: auto;
    right: auto;
  }

  .rt-service-card-image-wrapper-2 {
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .section-dark-heading-2 {
    font-size: 23px;
  }

  .waves---section-medium {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---heading-2-no-margins-4 {
    font-size: 34px;
  }

  .allworks-grid-features {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .waves---heading-3-no-margins-5 {
    font-size: 22px;
  }

  .waves---section-medium-6 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves---heading-2-no-margins-5 {
    font-size: 34px;
  }

  .waves---heading-3-no-margins-6 {
    font-size: 22px;
  }

  .allworks-core-service-grid {
    grid-row-gap: 32px;
  }

  .allworks-core-service---template {
    padding: 16px;
  }

  .heading-65 {
    padding-left: 0;
  }

  .flex-cta-hero-left {
    flex-direction: column;
    align-items: stretch;
  }

  .rt-heading-five-34 {
    font-size: 1rem;
  }

  .section-white-heading-2 {
    font-size: 23px;
  }

  .benefits-section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .rt-number-block-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .rt-number-block-2.rt-number-block-revers {
    flex-direction: column-reverse;
  }

  .rt-about-three-what-we-do-card {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .rt-about-three-what-we-do-card-image-block {
    right: 10px;
  }

  .brix---mg-bottom-8px-3 {
    margin-bottom: 6px;
  }

  .brix---mg-bottom-24px-2 {
    margin-bottom: 16px;
  }

  .brix---mg-bottom-56px-2 {
    margin-bottom: 32px;
  }

  .brix---btn-secondary-2 {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 17px;
    line-height: 19px;
  }

  .brix---square-icon-3 {
    border-radius: 14px;
    max-width: 56px;
  }

  .brix---buttons-row-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .brix---container-default-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size-9 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h4-size-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .brix---subtitle-3 {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---paragraph-default-8 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---section-position-relative-2 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .brix---half-bg-image-left-content-v2-2 {
    min-height: auto;
  }

  .brix---mg-bottom-16px-5 {
    margin-bottom: 15px;
  }

  .brix---text-100 {
    font-size: 15px;
  }

  .brix---heading-h3-size-7 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---avatar-image-2 {
    vertical-align: baseline;
    width: 50%;
    max-width: 50%;
  }

  .brix---tab-line {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .brix---tab-line.w--current {
    justify-content: center;
    align-items: center;
  }

  .brix---paragraph-default-9 {
    text-align: left;
    font-size: 17px;
    line-height: 28px;
  }

  .brix---text-200-bold-3 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---text-300-bold-2 {
    font-size: 17px;
    line-height: 21px;
  }

  .brix---avatar-circle-03 {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .brix---testimonial-v12-right-content {
    padding-left: 0;
  }

  .brix---mg-bottom-8px-4 {
    margin-bottom: 6px;
  }

  .brix---mg-bottom-16px-6 {
    margin-bottom: 15px;
  }

  .brix---mg-bottom-48px-5 {
    margin-bottom: 32px;
  }

  .brix---container-default-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brix---heading-h2-size-10 {
    font-size: 24px;
    line-height: 34px;
  }

  .brix---heading-h3-size-8 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .brix---subtitle-4 {
    font-size: 14px;
    line-height: 18px;
  }

  .brix---paragraph-default-10 {
    font-size: 17px;
    line-height: 28px;
  }

  .brix---3-columns-1-col-tablet {
    grid-template-columns: 1fr;
  }

  .primary-button-2 {
    justify-content: center;
  }
}

#w-node-_4a9f1c05-44aa-2880-44d9-b4537b449f76-7b449f6e {
  place-self: center stretch;
}

#w-node-_507e79a5-baa4-b01c-101f-dc0201c4f8e7-7b449f6e, #w-node-_507e79a5-baa4-b01c-101f-dc0201c4f8e9-7b449f6e, #w-node-_507e79a5-baa4-b01c-101f-dc0201c4f8eb-7b449f6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbc8-6dfbfbc5 {
  place-self: center start;
}

#w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbc9-6dfbfbc5, #w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbcb-6dfbfbc5, #w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbcd-6dfbfbc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbcf-6dfbfbc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center end;
}

#w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbd2-6dfbfbc5, #w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbd4-6dfbfbc5, #w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbd6-6dfbfbc5, #w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbe7-6dfbfbc5, #w-node-_5a6e75ea-6540-c7da-6531-e58b6dfbfbfd-6dfbfbc5, #w-node-_1eeab908-ce41-a3fa-ac4d-9c6e246bb3eb-6dfbfbc5, #w-node-_1eeab908-ce41-a3fa-ac4d-9c6e246bb3ef-6dfbfbc5, #w-node-_1eeab908-ce41-a3fa-ac4d-9c6e246bb3f3-6dfbfbc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_4a9f1c05-44aa-2880-44d9-b4537b449f71-7b449f6e {
    justify-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4a9f1c05-44aa-2880-44d9-b4537b449f71-7b449f6e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_4a9f1c05-44aa-2880-44d9-b4537b449f93-7b449f6e {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4a9f1c05-44aa-2880-44d9-b4537b449f76-7b449f6e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center stretch;
  }

  #w-node-_4a9f1c05-44aa-2880-44d9-b4537b449f93-7b449f6e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }
}