body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #fffbfb;
}

.relative {
  position: relative;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.plr-0 {
  padding-left: 0;
  padding-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.text-white {
  color: #fff;
}

.section {
  position: relative;
  padding-top: 5%;
  padding-bottom: 5%;
}


.owl-carousel {
  img {
    width: auto !important;
  }

}

.banner-heading {
  font-family: $Inter;
  font-size: $banner-title-size;
  font-weight: 600;
  line-height: $banner-title-line-height;
  letter-spacing: -3.15px;
  color: #171717;
  margin-bottom: 20px;
  @media (max-width: 1399px) {
    font-size: 45px;
    line-height: 60px;
  }
  @media (max-width: 1199px) {
    font-size: 40px;
    line-height: 55px;
  }
  @media (max-width: 767px) {
    font-size: 30px;
    line-height: 45px;
  }

}

.banner-content {
  font-family: $Inter;
  font-size: $banner-content-size;
  font-weight: 400;
  line-height: $banner-content-line-height;
  color: #5F5F5F;
  @media (max-width: 1399px) {
    font-size: 16px;
    line-height: 30px;
  }
  @media (max-width: 1199px) {
    font-size: 14px;
    line-height: 25px;
  }
}

.banner-tagline {
  font-family: $Inter;
  font-size: 32px;
  font-weight: 600;
  line-height: 45px;
  color: #6358f4;
}

h2.section-title {
  font-family: $Inter;
  font-weight: 600;
  color: #171717;
  letter-spacing: -3.18638014793396px;
  font-size: $section-title-size;
  line-height: $section-title-line-height;
  text-transform: capitalize;
  @media (max-width: 1399px) {
    font-size: 45px;
    line-height: 65px;
  }
  @media (max-width: 991px) {
    font-size: 35px;
    line-height: 55px;
    letter-spacing: 0;
  }
  @media (max-width: 767px) {
    font-size: 25px;
    line-height: 35px;
  }

}

p.section-content {
  font-family: $Inter;
  font-weight: 400;
  font-size: $section-content-size;
  line-height: $section-content-line-height;
  @media (max-width: 991px) {
    font-size: 16px;
    line-height: 29px;
  }
  @media (max-width: 767px) {
    font-size: 14px;
    line-height: 22px;
  }
}

a.primary {
  background: #6358F4;
  border-radius: 10px;
  font-family: $Poppins;
  color: #FFFEFE;
  text-decoration: none;
  padding: 18px 65px;
  border: 2px solid transparent;
  transition: .5s;
  box-shadow: 9.01px 12.62px 39.66px 0 #5F5F5F33;
  font-family: $Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.9012924432754517px;
  @media (max-width: 1199px) {
    padding: 15px 35px;
  }

  &:hover {
    transition: .5s;
    border-color: #6358F4;
    background: transparent;
    color: #171717;
  }
}

a.secondary {
  font-family: $Poppins;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1px;
  color: #5470BD;
  background: transparent;
  text-decoration: none;
  position: relative;

  &:after {
    content: '';
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #5558A6 -0.05%, #4AB9EA 49.97%, #B2DCBD 100%);
    position: absolute;
    bottom: -20px;
    left: 0;
  }

  svg {
    margin-left: 20px;
  }
}

.row-compact {
  margin-left: 0;
  margin-right: 0;

  > [class^="col"] {
    padding-left: 0;
    padding-right: 0;
  }
}

.gray-bg {
  background: #fafafa !important;
}

.white-bg {
  background: #ffffff !important;
}

.no-wrap {
  white-space: nowrap;
}


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

.bg-light-grey {
  background: #FCFCFC !important;
}

.banner-secondry-bg {
  background: $banner-secondry-bg !important;
}

.light-grey {
  background: #FAFAFA !important;
}

.bg-gray {
  background: $gray-bg !important;
}

.bg-white {
  background: #fff !important;
}


.pb-5rem {
  padding-bottom: 5rem !important;
}

.pl-4 {
  padding-left: 40px;
}


.customer-video-modal {
  .modal-dialog {
    max-width: 800px;
    margin: auto;

    .modal-content {
      border: 0;
      padding: 0;
      background: transparent;

      .modal-body {
        padding: 0;

        video {
          width: 100%;
          border-radius: 20px;
        }
      }

      .modal-header {
        border: 0;

        button.btn-close {
          background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23fff"><path d="M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z"/></svg>');
          opacity: 1;
          width: auto;
          height: auto;
        }
      }
    }
  }
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}