@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
.blur-background {
    filter: blur(7px);
}
.cost-estimator-main {
    margin-top: -0.4rem;

    h1 {
        font-size: 48px;
        line-height: 58px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 48px 0px 20px 0px;
    }

    h2 {
        font-size: 36px;
        line-height: 44px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 48px 0px 16px 0px;
    }

    h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 8px 0px 8px 0px;
    }

    h4 {
        font-size: 18px;
        line-height: 27px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 8px 0px 0px 0px;
    }

    h5 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px 0px 16px 0px;
    }

    h6 {
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px 0px 32px 0px;
    }

    /* p {
        font-size: 18px !important;
        line-height: 27px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px 0px 16px 0px;
    } */
    .topPadding{
        margin-top: 3.6rem;
    }
    .section {
        margin: 2rem 0 1rem 0;
    }
    .graph-logo-position {
        text-align: right;
    }
    .medium-button-text {
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 0px 0px 0px 0px;
        background: #EB5D2F;
        color: #FAFAFA;
        min-width: 176px;
        height: 48px;
        padding: 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px 0px 0px 0px;
        opacity: 0px;
        border: 1px solid #FFFFFF14;
        text-transform: capitalize;
    }
    .large-button-text-2 {
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 0px 0px 0px 0px;
    }
    .bottom-cta-new-cost-estimator-header{
        color: #1F1F1F;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 58px; /* 161.111% */
    }
    .bottom-cta-new-cost-estimator-title{
        color: #1F1F1F !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 27px !important; /* 150% */
        margin-top: 12px;
    }
    .bottom-cta-new-cost-estimator-button{
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
        margin-top: 24px !important;
    }
    .new-cost-estimator-disclaimer{
        color: var(--Neutral-700, #616161);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px; /* 150% */        
    }
    label {
        font-size: 11px;
        line-height: 11px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 0px 0px 0px 0px;
        color: #000000A6;
    }

    .info-icon-container {
        position: relative;
    }

    .form-row {
        display: block;
    }

    .form-group {
        margin-bottom: 15px;
        width: 100%;
    }

    button {
        width: auto;
    }
    
    .info-icon-position {
        position: absolute;
        right: 0%;
        top: 50% !important;
        transform: translate(-50%,-50%);
    }
    .info-icon-position-floor-wise {
        position: absolute;
        right: 0%;
        top: 50% !important;
        transform: translate(-50%,-50%);
        font-size: 14px;
    }
    .dropdown-icon-position {
        position: absolute;
        right: 0%;
        top: 70% !important;
        transform: translate(-20%,-50%);
    }
    @media (max-width: 700px) {
        .info-icon-position {
            position: absolute;
            right: 0%;
            top: 60% !important;
            transform: translate(-50%,-50%);
        }
        .info-icon-position-floor-wise{
            position: absolute;
            right: 0%;
            top: 45% !important;
            transform: translate(-50%,-50%);
            font-size: 14px;
        }
        .dropdown-icon-position {
            position: absolute;
            right: 0%;
            top: 70% !important;
            transform: translate(-20%,-50%);
        }
        .bottom-cta-new-cost-estimator{
            color: #1F1F1F;
            font-family: "DM Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 27px; /* 168.75% */
        }
        margin-top: 2rem;
        h1 {
            font-size: 34px;
            line-height: 40px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 48px 0px 20px 0px;
        }

        h2 {
            font-size: 24px;
            line-height: 30px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 48px 0px 16px 0px;
        }

        h3 {
            font-size: 20px;
            line-height: 24px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 8px 0px 8px 0px;
        }

        h4 {
            font-size: 16px;
            line-height: 24px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 8px 0px 0px 0px;
        }

        h5 {
            font-size: 14px;
            line-height: 21px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 8px 0px 16px 0px;
        }

        h6 {
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 8px 0px 32px 0px;
        }

        /* p {
            font-size: 16px !important; 
            line-height: 24px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 8px 0px 16px 0px;
        } */
        .topPadding{
            margin-top: unset;
        }
        .medium-button-text {
            font-size: 16px;
            line-height: 16px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 0px 0px 0px 0px;
        }

        .large-button-text {
            font-size: 14px;
            line-height: 14px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 0px 0px 0px 0px;
        }

        label {
            font-size: 10px;
            line-height: 10px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 0px 0px 0px 0px;
        }

        .section {
            margin: 1rem 0;
        }
        .graph-logo-position {
            text-align: right;
        }
    }


    @media (min-width: 768px) {
        .form-row {
            display: flex;
            justify-content: space-between;
            gap: 15px;
        }

        .form-group {
            width: 22%;
        }

        .form-group button {
            width: auto;
        }
    }

}
@media (max-width: 480px) {
  .main-title {
    margin-top: 1.8rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .site-footer__main .footer-links-title, .site-footer__main .footer-link-main {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center, .site-footer__main .footer-links-title, .site-footer__main .footer-link-main {
  align-items: center !important; }

.d-flex, .site-footer .footer-tabs .tabs, .site-footer__main .footer-links-title, .site-footer__main .footer-link-main {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center, .site-footer__main .footer-links-title, .site-footer__main .footer-link-main {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.site-footer .footer-tabs {
  width: 100%;
  height: 4.25rem;
  background-color: #1d1a12;
  position: fixed;
  bottom: 0;
  z-index: 99;
  left: 0;
  right: 0;
  padding: 11px 0 12px;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.05); }
  @media (min-width: 1200px) {
    .site-footer .footer-tabs {
      display: none; } }
  .site-footer .footer-tabs .tab__title_new {
    color: #FFF;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    /* 120% */ }
    @media (max-width: 347px) {
      .site-footer .footer-tabs .tab__title_new {
        color: #FFF;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
        /* 120% */
        font-size: 9px; } }
  .site-footer .footer-tabs .tabs {
    width: 100%; }
    .site-footer .footer-tabs .tabs .tab {
      width: calc(100% / 5);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      color: #fff; }
      .site-footer .footer-tabs .tabs .tab-link {
        color: inherit;
        text-decoration: none !important;
        width: 100%;
        height: 100%; }
        .site-footer .footer-tabs .tabs .tab-link.active .tab__icon,
        .site-footer .footer-tabs .tabs .tab-link.active .tab__title, .site-footer .footer-tabs .tabs .tab-link:hover .tab__icon,
        .site-footer .footer-tabs .tabs .tab-link:hover .tab__title {
          opacity: 1; }
        .site-footer .footer-tabs .tabs .tab-link.active .selected, .site-footer .footer-tabs .tabs .tab-link:hover .selected {
          display: block; }
        .site-footer .footer-tabs .tabs .tab-link.active .default, .site-footer .footer-tabs .tabs .tab-link:hover .default {
          display: none; }
      .site-footer .footer-tabs .tabs .tab.build-menu .tab__icon {
        opacity: 1; }
      .site-footer .footer-tabs .tabs .tab__icon {
        width: 1.75rem;
        height: 1.75rem;
        font-size: 1.5rem;
        text-align: center;
        position: relative;
        opacity: 0.6;
        overflow: hidden; }
        .site-footer .footer-tabs .tabs .tab__icon.lets-build {
          overflow: visible; }
        .site-footer .footer-tabs .tabs .tab__icon .selected,
        .site-footer .footer-tabs .tabs .tab__icon .default {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          margin: 0 auto; }
        .site-footer .footer-tabs .tabs .tab__icon .selected {
          display: none; }
        .site-footer .footer-tabs .tabs .tab__icon.lets-build::before {
          width: 3rem;
          height: 3rem;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.24);
          background-color: #f15a29;
          content: "";
          position: absolute;
          border-radius: 50%;
          top: -1.3125rem;
          left: -0.5rem; }
        .site-footer .footer-tabs .tabs .tab__icon .icon-lets-build {
          width: 0.875rem;
          height: 0.5rem;
          transform: rotate(-45deg) translateX(0.625rem) translateY(-0.4375rem);
          background-color: #ffffff;
          display: inline-block; }
      .site-footer .footer-tabs .tabs .tab__title {
        margin-top: 0.5rem;
        color: inherit;
        font-size: 0.625rem;
        opacity: 0.6; }
        @media (max-width: 359px) {
          .site-footer .footer-tabs .tabs .tab__title {
            font-size: 0.5625rem; } }

.site-footer__main {
  width: 100%;
  background-color: #1d1a12;
  padding: 2.125rem 0 6.25rem; }
  @media (min-width: 1200px) {
    .site-footer__main {
      padding: 4rem 0 4rem; } }
  .site-footer__main .footer-links-title, .site-footer__main .footer-link-main {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.75rem;
    color: #fff;
    text-decoration: none; }
    @media (min-width: 1200px) {
      .site-footer__main .footer-links-title, .site-footer__main .footer-link-main {
        font-size: 0.9rem; } }
  .site-footer__main .footer-links .links {
    margin-bottom: 2.4375rem; }
    .site-footer__main .footer-links .links a {
      display: block;
      padding: 0.375rem 0;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #fff;
      opacity: 0.7; }
      @media (min-width: 1200px) {
        .site-footer__main .footer-links .links a {
          font-size: 0.8rem; } }
      .site-footer__main .footer-links .links a:hover {
        opacity: 1; }
  .site-footer__main .footer-links__main {
    padding-bottom: 0.25rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
    margin-bottom: 1rem; }
  .site-footer__main .footer-links .get-in-touch,
  .site-footer__main .footer-links .footer-social-links {
    padding-bottom: 1.25rem; }
    .site-footer__main .footer-links .get-in-touch:not(.footer-social-links),
    .site-footer__main .footer-links .footer-social-links:not(.footer-social-links) {
      border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
      margin-bottom: 1rem; }
  .site-footer__main .footer-link-main:hover [class*=" icon-"],
  .site-footer__main .footer-link-main:hover [class^="icon-"] {
    transform: translateX(8px); }
  .site-footer__main .footer-social-links .social-links .social-link {
    margin-right: 0.5rem;
    font-size: 1.25rem;
    opacity: 0.7; }
    @media (min-width: 1200px) {
      .site-footer__main .footer-social-links .social-links .social-link {
        font-size: 1.2rem; } }
    .site-footer__main .footer-social-links .social-links .social-link:hover {
      opacity: 1; }
    .site-footer__main .footer-social-links .social-links .social-link a {
      display: block; }
  .site-footer__main .bottom-footer {
    margin-top: 0.1875rem;
    padding-top: 1rem;
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2); }
    .site-footer__main .bottom-footer .nb-logo {
      color: #fff;
      font-size: 0.75rem;
      font-weight: bold;
      max-width: 5.1875rem; }
      @media (min-width: 1200px) {
        .site-footer__main .bottom-footer .nb-logo {
          max-width: 5.55rem; } }

.footer-padding {
  padding: 1.5rem 1.5rem 0rem 1.5rem !important; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-partners-row {
  margin-bottom: -0.75rem; }
  @media (min-width: 768px) {
    .bb-partners-row {
      margin-top: 2rem;
      margin-bottom: 0; } }
  .bb-partners-row .bb-partner {
    padding: 0 0.75rem;
    max-height: 195px;
    overflow: hidden;
    margin-bottom: 0.75rem; }
    .bb-partners-row .bb-partner__logo {
      height: 100%; }
      .bb-partners-row .bb-partner__logo .lazyload-wrapper {
        height: 100%; }
        .bb-partners-row .bb-partner__logo .lazyload-wrapper img {
          height: 100%;
          object-fit: contain; }
    @media (min-width: 768px) {
      .bb-partners-row .bb-partner {
        margin-bottom: 0px; } }
    @media (min-width: 1200px) {
      .bb-partners-row .bb-partner {
        margin-bottom: 0px; } }
  .bb-partners-row .bb-partner__logo {
    margin: 0px; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card, .bb-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-card {
  border: solid 0.0625rem rgba(243, 67, 28, 0.15);
  border-radius: 0;
  height: 100%; }
  .bb-card .card-body {
    padding: 1rem 1rem 1.5rem; }
  .bb-card--with-img .card-body {
    padding-right: 9.375rem;
    position: relative; }
    .bb-card--with-img .card-body .bb-card-img {
      position: absolute;
      top: 0;
      right: 0;
      width: 9.375rem;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .bb-card--with-img .card-body .bb-card-img img {
        height: 100%;
        max-width: 150px; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color, .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-milestones .bb-milestones-row .bb-milestones-grid {
  padding-left: 0;
  padding-right: 0.6875rem;
  flex-basis: auto;
  margin-bottom: 2rem; }
  @media (min-width: 358px) {
    .bb-milestones .bb-milestones-row .bb-milestones-grid {
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .bb-milestones .bb-milestones-row .bb-milestones-grid {
      max-width: 8rem; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
    border-right: 0.0625rem solid rgba(53, 47, 34, 0.1); }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:first-child {
    width: 6.3125rem; }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:first-child {
        max-width: 7.8rem; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(2) {
    width: 7.625rem;
    padding-left: 0.75rem; }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(2) {
        padding-left: 0.6rem;
        max-width: 9rem; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:last-child {
    width: 6.5625rem;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 358px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:last-child {
        padding-left: 0.6875rem; } }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:last-child {
        width: auto; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon {
    margin-right: 0.25rem;
    width: 1.5rem;
    font-size: 1.5rem; }
  .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
    margin-top: 0.125rem;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
        font-size: 0.8rem; } }

/* .fontDmSans {
    font-family: DM Sans !important;
} */
.relatedDesignBackground {
    background-image: url('https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/floorPlanDetails/relatedDesignBackground.webp');
    background-size: cover; /* Cover the entire element */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the background image */
  }
  
.floorPlanTitle {
    /* font-size:30px; */
    color:#3F3F3F;
    /* font-weight:500; */
    /* font-family: DM Sans; */
    /* margin: 0; */
    @media (max-width:700px){
        /* font-size:18px; */
    }
}
.order-form-banner {
    display:flex;
    @media(max-width:700px){
        display:flex;
        flex-wrap:wrap;
    }
}
.banner-div{
    width: unset;
    @media(max-width:700px){
        width:"50%"
    }
}
.form-div{
    flex:none;
    width:50%;
    @media(max-width:700px){
        width: unset;
        flex: unset;
    }
}
.form-banner {
    border-radius: none;
    @media(max-width:700px){
        border-radius: 6px;
    }
}
.banner-mobile {
    display: none;
    @media(max-width:700px){
        display: block;
    }
}
.banner-web {
    display: block;
    @media(max-width:700px){
        display: none;
    }
}
.mobile-floor-plan{
    margin-top: -2rem !important;
}
.order-form-div {
    margin-top: 1rem;
    margin-bottom:2rem;
    border-radius: 10px;
    border: 1px #A6A6A6 solid;
    padding:0px
}

@media (max-width: 700px) {
    .mobile-floor-plan{
        margin-top: unset !important;
    }
    .order-form-div {
        margin-top: 1rem;
        margin-bottom:1rem;
        border-radius: 10px;
        border: 1px #A6A6A6 solid;
        padding:0px
    }
}
.floorPlanMain {
    margin-top: unset !important;
    padding-bottom: 3rem;
    padding: 2rem 0 1rem 0 !important;
    padding-top: 6rem !important;
    @media (max-width:700px){
        margin-top: 0rem !important;
        padding: unset !important;
    }
}

.swiper-button-next,
.swiper-button-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #FF6600; /* orange border */
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 24px;
  color: #FF6600; /* orange arrow */
  font-weight: bold;
}

.swiper-button-next::after {
  content: '\2192';
}

.swiper-button-prev::after {
  content: '\2190';
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: #FF6600;
  border-color: #FF6600;
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
  color: #fff;
}           
.containerNew {
  display: flex;
}

.left {
  flex: 1;
  padding: 1rem;
}

.right {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1rem;
  justify-content: center;
}

.column {
  flex: 1;
}

@media(max-width:700px){
  .containerNew {
    display: flex;
    flex-direction: column-reverse;
  }
}
.snapshotCard {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 100%;
}

@media (max-width: 768px) {
  .snapshotCard {
    padding: 15px;
  }
}

@media (max-width: 576px) {
  .snapshotCard {
    padding: 10px;
    margin-bottom: 15px;
  }
}
.golden-header {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 47px !important;
    padding: 10px 132px !important;
    gap: 16px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #1f1f1f !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 27px !important;
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    background: linear-gradient(94.2deg, #EDC329 0%, #FFFBDF 70.94%, #FFDA55 99.12%) !important;
}

@media (max-width: 768px) {
    .golden-header span:not(:first-child) {
        display: none !important;
    }
    .golden-header {
        display: block !important;
        width: 100% !important;
        height: Hug (40px)px !important;
        top: 56px !important;
        padding: 10px 24px 10px 24px !important;
        gap: 16px !important;
        text-align: center !important;
        opacity: 0px !important;
    }
}

@media (min-width: 768px) {
    .golden-header span {
        display: inline-block !important;
    }
}

.header {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 48px 132px 48px 132px !important; 
    gap: 24px !important;
}

@media (max-width: 768px) {
    .header {
        width: 100% !important;
        height: Hug (192px)px !important;
        top: 96px !important;
        padding: 24px 24px 0px 24px !important;
        gap: 24px !important;
        opacity: 0px !important;
    }
    
}

.main-header {
    /* font-size: 48px !important;
    font-weight: 600 !important;
    line-height: 58px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 0px !important;
}

@media (max-width: 768px) {
    .main-header {
        /* font-size: 34px !important;
        font-weight: 600 !important;
        line-height: 40px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
    }
    
}

.sub-header {
    /* font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 27px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    /* margin: 0 !important; */
    color: #1f1f1f !important;
}

@media (max-width: 768px) {
    .sub-header {
        /* font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 24px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
    }
    
}

.bold-text {
    font-size: 18px !important;
    font-weight: 900 !important; 
    line-height: 27px !important;
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
}

@media (max-width: 768px) {
    .bold-text{
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 24px !important;
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
    }
    
}
.category-parent{
    display:flex;
    flex-direction:row;
}
.cards-parent{
    display:flex;
    overflow-x:scroll;
    padding:1rem 0
}
.topic-parent {
    overflow-x:hidden;
     padding:0 1rem;
}
.filter-parent{
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
}
.search-box-parent {
    padding-top:1rem;
    height:100%
}
@media (max-width: 700px) {
    .category-parent{
        display:flex;
        flex-direction:column;
    }   
    .cards-parent{
        display:flex;
        overflow-x:scroll;
        padding: 0;
        padding-bottom:2rem;
    }
    .topic-parent {
        overflow-x:hidden;
        padding:0;
    }
    .filter-parent{
        display:flex;
        flex-wrap: nowrap;
        overflow: scroll;
        margin: 1rem 0;
        padding-bottom: 1rem;
        flex-direction: row;
    }
    .search-box-parent {
        padding-top:0rem;
        padding-bottom: 1rem;
        height:100%;
        background-color: #fff !important;
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-projects .section-title {
  margin-bottom: 0.5rem; }

.bb-projects .bb-projects-swiper {
  margin-bottom: 1.75rem; }
  @media (min-width: 768px) {
    .bb-projects .bb-projects-swiper {
      padding: 0 1.1rem;
      margin: 0 -1.1rem 1.4rem; } }
  .bb-projects .bb-projects-swiper .swiper-wrapper {
    margin-bottom: 1.375rem; }
  .bb-projects .bb-projects-swiper .swiper-pagination-bullets {
    bottom: 0.5rem; }
    .bb-projects .bb-projects-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
      width: .4rem !important;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-projects .bb-projects-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.bb-projects .swiper-pagination--bars {
  position: unset;
  padding-top: 1rem;
  bottom: 0.5rem; }
  @media (min-width: 768px) {
    .bb-projects .swiper-pagination--bars {
      padding-top: 1.6rem; } }
  .bb-projects .swiper-pagination--bars .swiper-pagination-bullet {
    width: .4rem !important;
    height: 0.125rem;
    opacity: 0.4;
    background-color: #352f22;
    border-radius: 0; }
    .bb-projects .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
      opacity: 1; }

.featured-parent {
    display:flex
}
.topics-parent {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%
}
.container-parent{
    padding:0;
    display:flex;
    width:70%
}
.topics-width {
    width:95%
}
.search-parent {
    margin:0 1rem;
    min-width: 410px !important;
}
.ant-select-selection{
    background-color:#fff !important
}
@media (max-width: 700px) {
    .featured-parent {
        display:flex;
        flex-direction: column-reverse;
    }
    .topics-parent {
        position:unset;
        top:unset;
        transform:unset;
        width:unset
    }
    .container-parent{
        width:100%
    }
    .topics-width {
        width:100%
    }
    .search-parent {
        margin:0;
        min-width: unset !important;
    }
    .ant-select-selection{
        background-color:#fff !important;
    }
    .bb-projects .bb-projects-swiper .swiper-pagination-bullets {
        bottom: 0rem;
    }
}
.text {
    color:#6E7191;
    font-size: 18px;
}
.check-points {
    margin: .5rem 0
}

.heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500;
    /* font-family: Rufina; */
}
.brick {
    width:35px
}
.content {
    display:flex;
    align-items:center;
}
.title {
    text-align: left;
}
.blogs-title {
    text-align: left;
    font-size: 16px;
    margin-top: .5rem;
    color: #6E7191;
    width:45%
}
@media (max-width: 700px) {
    .heading{
        font-size:24px;
        color:#3F3F3F;
        font-weight:500
    }
    .brick {
        width:17px
    }
    .content {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .title {
        text-align: center;
    }
    .blogs-title {
        width:100%
    }
}


.newest-cards-alignment {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%
}
.newest-cards-alignment-parent {
    position:relative;
    left:-70px
}
.newest-cards-alignment-width{
    width:95%;
}
.newest-parent {
    padding:0;
    display:flex;
    width:100%;
    flex-direction:row;
}
@media (max-width: 700px) {
    .newest-cards-alignment {
        position:unset;
        top:unset;
        transform:unset;
        width:unset
    }
    .newest-cards-alignment-parent {
        position:relative;
        left:unset
    }
    .newest-cards-alignment-width{
        width:100%;
    }
    .newest-parent {
        padding:0;
        display:flex;
        width:100%;
        flex-direction:column;
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-different-stages .section-title {
  margin-bottom: 1.875rem; }

.bb-different-stages .bb-stage-swiper {
  overflow: visible; }
  @media (min-width: 768px) {
    .bb-different-stages .bb-stage-swiper {
      padding: 0 1rem;
      margin: 0 -1rem; } }
  @media (min-width: 1200px) {
    .bb-different-stages .bb-stage-swiper {
      overflow: hidden; } }
  .bb-different-stages .bb-stage-swiper .swiper-navigation .swiper-button-next,
  .bb-different-stages .bb-stage-swiper .swiper-navigation .swiper-button-prev {
    top: calc(50% + 34px); }

.bb-different-stages .bb-stages {
  padding: 0 0.125rem;
  display: block; }
  @media (min-width: 1200px) {
    .bb-different-stages .bb-stages {
      display: flex; } }
  .bb-different-stages .bb-stages .bb-stage {
    position: relative; }
    @media (min-width: 1200px) {
      .bb-different-stages .bb-stages .bb-stage {
        padding-top: 2rem; } }
    .bb-different-stages .bb-stages .bb-stage::before {
      position: absolute;
      width: 0.5rem;
      height: 0.5rem;
      background-color: #1d1a12;
      border-radius: 50%;
      content: "";
      left: -0.75rem;
      top: 0.28125rem; }
      @media (min-width: 1200px) {
        .bb-different-stages .bb-stages .bb-stage::before {
          left: 0; } }
    .bb-different-stages .bb-stages .bb-stage:not(:last-child) {
      margin-bottom: 2rem; }
      .bb-different-stages .bb-stages .bb-stage:not(:last-child)::after {
        position: absolute;
        height: calc(100% + 21px);
        width: 0.125rem;
        content: "";
        border-left: dashed 0.09375rem #aeaca7;
        top: 0.8125rem;
        left: -0.5625rem; }
        @media (min-width: 1200px) {
          .bb-different-stages .bb-stages .bb-stage:not(:last-child)::after {
            width: calc(100% + 21px);
            height: 0.125rem;
            border-left: none;
            border-bottom: dashed 0.09375rem #aeaca7;
            top: 0.45rem;
            left: 0.7rem; } }
    .bb-different-stages .bb-stages .bb-stage__day {
      margin-bottom: 0.25rem;
      opacity: 0.7; }
      @media (min-width: 1200px) {
        .bb-different-stages .bb-stages .bb-stage__day {
          font-size: 0.7rem; } }
    .bb-different-stages .bb-stages .bb-stage__detail {
      font-size: 1.125rem;
      margin-bottom: 1rem; }
      @media (min-width: 1200px) {
        .bb-different-stages .bb-stages .bb-stage__detail {
          font-size: 0.9rem; } }

@media (min-width: 681px) {
  .swiper-navigation {
    bottom: 175px;
    position: relative !important;
    width: calc(100% + 40px) !important;
    display: flex !important; } }

.swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
  width: 2.125rem;
  height: 2.125rem;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #f15a29; }
  .swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover {
    background-color: #f15a29; }
    .swiper-navigation .swiper-button-next:hover::after, .swiper-navigation .swiper-button-prev:hover::after {
      color: #fff; }
  @media (min-width: 1200px) {
    .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
      width: 2.5rem;
      height: 2.5rem; } }

.swiper-navigation .swiper-button-next {
  color: #f15a29;
  right: 0; }
  .swiper-navigation .swiper-button-next::after {
    font-family: "icomoon";
    font-size: 1.125rem;
    content: "\E903"; }

.swiper-navigation .swiper-button-prev {
  color: #f15a29;
  left: 0;
  margin-left: -20px; }
  .swiper-navigation .swiper-button-prev::after {
    font-family: "icomoon";
    font-size: 1.125rem;
    content: "\E904"; }

@media only screen and (max-width: 600px) {
  .bb-journey-swiper .swiper-wrapper {
    display: block !important;
    padding-left: 7px;
    transform: translate3d(0, 0, 0) !important; } }

/* .testimonal-container{
    padding: 50px 100px;
} */
.review-title{
    /* font-family: 'DM Sans'; */
    /* font-size: 48px!important; */
    /* font-weight: 600; */
    /* line-height: 58px;   */
    color: #1F1F1F;  
}
.review-subtitle{
    /* font-family: 'DM Sans';
    font-size: 16px!important;
    font-weight: 400;
    line-height: 24px; */
    color: #1F1F1F;
}
/* .section-title{
    font-family: 'DM Sans';
    font-size: 36px!important;
    font-weight: 600;
    line-height: 44px;
} */
.desktop-device{
    display: block;
}
.mobile-device{
    display: none;
}
.review-subtitle{
    /* font-family: 'DM Sans';
    font-size: 18px!important;
    font-weight: 400;
    line-height: 27px; */
}
@media (max-width: 1250px) {
    .testimonal-container{
        padding: 1rem!important;
    }
    .desktop-device{
        display: none;
    }
    .mobile-device{
        display: block;
    }
    .mobile-header{
        padding: 48px 24px;
        background: #F7F7F7;
    }
    .section-title{
        /* font-family: 'DM Sans'; */
        /* font-size: 24px!important; */
        /* font-weight: 600; */
        line-height: 30px;        
    }
    .review-title{
        /* font-family: 'DM Sans'; */
        /* font-size: 34px!important; */
        /* font-weight: 600; */
        /* line-height: 40px; */
    }
    .review-subtitle{
        /* font-family: 'DM Sans';
        font-size: 16px!important;
        font-weight: 400;
        line-height: 24px; */
    }
}

.rating-container{
    border: 1px solid #E0E0E0;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 8px;
    background-color: #FFFFFF;
}
.rating-text{
    /* font-family : 'DM Sans'!important;
    font-size: 34px!important;
    font-weight: 600; */
}
.rating-title{
    /* font-family: 'DM Sans'!important;
    font-size: 24px!important;
    font-weight: 600;
    line-height: 30px; */
}
.rating-box{
    display: flex;
    align-items: center;
}
.app-store-box{
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
}
.app-store-img{
    margin-left: 0px;
}
@media (max-width: 480px) {
    .rating-text{
        /* font-family:'DM Sans'!important;
        font-size: 24px!important;
        font-weight: 600;
        line-height: 30px;         */
    }
    .rating-title{
        /* font-family:'DM Sans'!important;
        font-size: 20px!important;
        font-weight: 600;
        line-height: 24px;         */
    }
    .app-store-box{
        margin-top: 16px;
        margin-left:-10px;
    }   
    .app-store-img{
        margin-left: -20px;
    }
}
.card-container{
    margin: 1rem 0rem; 
    /* width: 350px; */
}
.testimonial-slider-container {
    position: relative;
}

.custom-swiper-navigation {
    position: absolute;
    top: -45px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* z-index: 10; */
}

.swiper-next,
.swiper-prev {
    cursor: pointer;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

@media (max-width: 480px) {
    .custom-swiper-navigation {
        top: -60px;
    }
    .custom-swiper-last{
        top: -30px!important;
    }
}

@media (max-width: 370px) {
    .custom-swiper-first{
        top: -90px!important;
    }
    .custom-swiper-rest{
        top: -65px!important;
    }
    .custom-swiper-last{
        top: -60px!important;
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-diwali-offer-banner {
  font-size: 2rem; }
  @media (max-width: 480px) {
    .bb-diwali-offer-banner {
      font-size: 1.5rem;
      padding-top: 0 !important; } }

body {
  padding-top: 2rem !important; }
  @media (min-width: 728px) {
    body {
      padding-top: 2rem !important; } }

@media screen and (max-width: 480px) {
  .offer-swiper {
    margin-top: 0rem !important; } }

@media screen and (max-width: 728px) {
  .bb-site-logo {
    display: none; } }

.swiper-img {
  padding-top: 0rem !important; }

.dot {
  height: 10px;
  width: 10px !important;
  background-color: #f15a29;
  border-radius: 50%;
  display: inline-block; }

.dot_sub {
  height: 7px;
  width: 7px;
  background-color: #f15a29;
  border-radius: 50%;
  display: inline-block; }

.font_property {
  font-size: 18px;
  text-align: justify;
  color: black;
  line-height: initial; }

.margin_figure {
  margin-top: 45px; }
  @media screen and (max-width: 1024px) {
    .margin_figure {
      margin-top: 6.5rem; } }

.mobile-padding-house-cons-cost-cal {
  padding-top: unset; }
  @media (max-width: 700px) {
    .mobile-padding-house-cons-cost-cal {
      padding-top: 2rem !important; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-diwali-offer-banner {
  font-size: 2rem; }
  @media (max-width: 480px) {
    .bb-diwali-offer-banner {
      font-size: 1.5rem;
      padding-top: 0 !important; } }

body {
  padding-top: 2rem !important; }
  @media (min-width: 728px) {
    body {
      padding-top: 2rem !important; } }

@media screen and (max-width: 480px) {
  .offer-swiper {
    margin-top: 0rem !important; } }

@media screen and (max-width: 728px) {
  .bb-site-logo {
    display: none; } }

.swiper-img {
  padding-top: 0rem !important; }

.dot {
  height: 10px;
  width: 10px !important;
  background-color: #f15a29;
  border-radius: 50%;
  display: inline-block; }

.dot_sub {
  height: 7px;
  width: 7px;
  background-color: #f15a29;
  border-radius: 50%;
  display: inline-block; }

.font_property {
  font-size: 18px;
  text-align: justify;
  color: black;
  line-height: initial; }

.margin_figure {
  margin-top: 45px; }
  @media screen and (max-width: 1024px) {
    .margin_figure {
      margin-top: 6.5rem; } }

.mobile-padding-home-cons {
  padding-top: unset; }
  @media (max-width: 700px) {
    .mobile-padding-home-cons {
      padding-top: 2rem !important; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-diwali-offer-banner {
  font-size: 2rem; }
  @media (max-width: 480px) {
    .bb-diwali-offer-banner {
      font-size: 1.5rem;
      padding-top: 0 !important; } }

body {
  position: relative;
  padding-top: 2rem !important; }
  @media (min-width: 728px) {
    body {
      padding-top: 2rem !important; } }

@media screen and (max-width: 480px) {
  .offer-swiper {
    margin-top: 0rem !important; } }

@media screen and (max-width: 728px) {
  .bb-site-logo {
    display: none; } }

.swiper-img {
  padding-top: 0rem !important; }

.dot {
  height: 10px;
  width: 10px !important;
  background-color: #f15a29;
  border-radius: 50%;
  display: inline-block; }

.dot_sub {
  height: 7px;
  width: 7px;
  background-color: #f15a29;
  border-radius: 50%;
  display: inline-block; }

.font_property {
  font-size: 18px;
  text-align: justify;
  color: black;
  line-height: initial; }

.margin_figure {
  margin-top: 45px; }
  @media screen and (max-width: 1024px) {
    .margin_figure {
      margin-top: 6.5rem; } }

.mobile-padding-home-cons {
  padding-top: unset; }
  @media (max-width: 700px) {
    .mobile-padding-home-cons {
      padding-top: 2rem !important; } }

.blogs-large-button-text {
  font-size: 14px; }

@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.news-desktop-view{
    display: block;
}
.news-mobile-view{
    display: none;
}
@media(max-width:700px) {
    .news-desktop-view{
        display: none;
    }
    .news-mobile-view{
        display: block;
        margin-top: 2rem;
    }
    .news-page-title{
        margin-left: 10px;
    }
    .container-titles{
        margin-top: 20px;
    }
    .news-page-description{
        /* margin: 8px 10px 16px 10px!important; */
    }
}
.blur-background {
    filter: blur(7px);
}
.advanced-cost-estimator-main {
    margin-top: -0.4rem;

    h1 {
        font-size: 48px;
        line-height: 58px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 48px 0px 20px 0px;
    }

    h2 {
        font-size: 36px;
        line-height: 44px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 48px 0px 16px 0px;
    }

    h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 8px 0px 8px 0px;
    }

    h4 {
        font-size: 18px;
        line-height: 27px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 8px 0px 0px 0px;
    }

    h5 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px 0px 16px 0px;
    }

    h6 {
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px 0px 32px 0px;
    }

    /* p {
        font-size: 18px !important;
        line-height: 27px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 8px 0px 16px 0px;
    } */
    .topPadding{
        margin-top: 3.6rem;
    }
    .section {
        margin: 2rem 0 1rem 0;
    }
    .graph-logo-position {
        text-align: left;
    }
    .medium-button-text {
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 0px 0px 0px 0px;
        background: #EB5D2F;
        color: #FAFAFA;
        min-width: 176px;
        height: 48px;
        padding: 16px;
        gap: 8px;
        border-radius: 8px;
        border: 1px 0px 0px 0px;
        opacity: 0px;
        border: 1px solid #FFFFFF14;
        text-transform: capitalize;
    }
    .large-button-text-2 {
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 0px 0px 0px 0px;
    }

    label {
        font-size: 11px;
        line-height: 11px;
        font-weight: 400;
        letter-spacing: 0;
        margin: 0px 0px 0px 0px;
        color: #000000A6;
    }

    .info-icon-container {
        position: relative;
    }

    .info-icon-position {
        position: absolute;
        right: 0%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .form-row {
        display: block;
    }

    .form-group {
        margin-bottom: 15px;
        width: 100%;
    }

    button {
        width: 100%;
    }
    @media (max-width: 700px) {
        margin-top: 2rem;
        h1 {
            font-size: 34px;
            line-height: 40px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 48px 0px 20px 0px;
        }

        h2 {
            font-size: 24px;
            line-height: 30px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 48px 0px 16px 0px;
        }

        h3 {
            font-size: 20px;
            line-height: 24px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 8px 0px 8px 0px;
        }

        h4 {
            font-size: 16px;
            line-height: 24px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 8px 0px 0px 0px;
        }

        h5 {
            font-size: 14px;
            line-height: 21px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 8px 0px 16px 0px;
        }

        h6 {
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 8px 0px 32px 0px;
        }

        /* p {
            font-size: 16px !important; 
            line-height: 24px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 8px 0px 16px 0px;
        } */
        .topPadding{
            margin-top: unset;
        }
        .medium-button-text {
            font-size: 16px;
            line-height: 16px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 0px 0px 0px 0px;
        }

        .large-button-text {
            font-size: 14px;
            line-height: 14px;
            font-weight: 600;
            letter-spacing: 0;
            margin: 0px 0px 0px 0px;
        }

        label {
            font-size: 10px;
            line-height: 10px;
            font-weight: 400;
            letter-spacing: 0;
            margin: 0px 0px 0px 0px;
        }

        .section {
            margin: 1rem 0;
        }
        .graph-logo-position {
            text-align: right;
        }
    }


    @media (min-width: 768px) {
        .form-row {
            display: flex;
            justify-content: space-between;
            gap: 15px;
        }

        .form-group {
            width: 22%;
        }

        .form-group button {
            width: auto;
        }
    }

}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-blog__header {
  margin-bottom: 0.75rem; }
  @media (min-width: 1200px) {
    .bb-blog__header {
      margin-bottom: 4rem; } }
  .bb-blog__header .blog-image img {
    width: 100%;
    object-fit: fill;
    margin-top: 3rem; }
    @media (min-width: 1200px) {
      .bb-blog__header .blog-image img {
        max-height: 24.3rem;
        margin-top: 6rem;
        object-fit: none; } }

.bb-blog__body {
  border-bottom: 1px solid rgba(53, 47, 34, 0.1); }
  @media (min-width: 1200px) {
    .bb-blog__body > .container {
      max-width: 39.05rem; } }

.bb-blog__content img {
  margin-bottom: 1rem; }

.bb-blog__content li {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1.125rem;
  line-height: 1.29; }
  @media (min-width: 1200px) {
    .bb-blog__content li {
      font-size: 0.9rem; } }
  .bb-blog__content li:not(:last-child) {
    margin-bottom: 1rem; }
  .bb-blog__content li::before {
    width: 0.375rem;
    height: 0.375rem;
    content: "";
    position: absolute;
    background-color: #f15a29;
    left: 0;
    top: 0.25rem; }
  .bb-blog__content li strong {
    display: inline;
    font-weight: bolder; }

.bb-blog__content h4 {
  margin: 1.25rem 0rem; }

.bb-blog .construction-type {
  color: #f15a29;
  font-size: 0.875rem;
  line-height: 1.29;
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-blog .construction-type {
      font-size: 0.8rem;
      margin-bottom: 0.4rem; } }

@media (min-width: 1200px) {
  .bb-blog .bb-blog__title {
    margin-bottom: 0.7rem; } }

.bb-blog__details {
  margin-bottom: 2.5rem; }
  .bb-blog__details .bb-blog-share {
    margin-left: 0.8rem;
    text-decoration: none; }
    .bb-blog__details .bb-blog-share:hover span::before {
      color: #f15a29; }
    .bb-blog__details .bb-blog-share span::before {
      color: #1d1a12; }

.bb-blog__date {
  opacity: 0.6;
  margin-right: 1rem; }

.lets-build-section {
  padding-bottom: 4.75rem;
  position: relative; }
  .lets-build-section .section-title {
    width: 77%;
    margin-bottom: 2.5rem;
    position: relative; }
    .lets-build-section .section-title::after {
      position: absolute;
      content: "\E91D";
      color: #f15a29;
      font-family: "icomoon";
      bottom: 0.3125rem;
      right: -4.8125rem; }
  .lets-build-section .row .lets-build__milestones:not(:last-child) {
    border-right: 1px solid rgba(53, 47, 34, 0.1); }
  .lets-build-section .lets-build__milestones {
    margin-bottom: 3rem; }
    .lets-build-section .lets-build__milestones .lets-build__count {
      font-size: 1.125rem;
      font-weight: bold;
      color: #f15a29;
      margin-bottom: 0.125rem; }
    .lets-build-section .lets-build__milestones .lets-build__text {
      font-size: 0.875rem;
      line-height: 1.29;
      margin-bottom: 0; }
  .lets-build-section .btn-theme {
    max-width: 10.3125rem; }
  .lets-build-section .lets-build__illustration {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1; }

.bb-blog__more-reads {
  padding-bottom: 2.5rem; }
  @media (min-width: 1200px) {
    .bb-blog__more-reads {
      padding-bottom: 1.2rem; } }
  .bb-blog__more-reads .main-title {
    margin-bottom: 2rem; }

@media (min-width: 768px) {
  .bb-blogs-list {
    margin: 0 -0.75rem 0;
    flex-wrap: wrap;
    white-space: unset;
    overflow-y: hidden;
    flex-wrap: wrap;
    width: unset;
    padding: 0;
    left: 0; } }

@media (min-width: 1024px) {
  .bb-blogs-list {
    margin-bottom: 4rem; } }

@media (min-width: 1200px) {
  .bb-blogs-list {
    margin: 0 -0.6rem 2rem;
    flex-wrap: wrap; } }

@media (min-width: 1200px) {
  .bb-blogs-list--more {
    max-width: 39.5rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem; } }

@media (min-width: 1200px) {
  .bb-blogs-list--result {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    margin: 0 -1.55rem; } }

@media (min-width: 1200px) {
  .bb-blogs-list .bb-blogs-list__item {
    width: 50%; } }

.bb-blogs-list .bb-blogs-list__item--grid {
  overflow: hidden;
  flex-basis: 16.125rem;
  width: 100%;
  max-width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.9375rem;
  border-bottom: none !important; }
  @media (min-width: 768px) {
    .bb-blogs-list .bb-blogs-list__item--grid {
      flex-basis: calc(100% / 2);
      padding: 0 0.6rem; } }
  @media (min-width: 1024px) {
    .bb-blogs-list .bb-blogs-list__item--grid {
      flex-basis: calc(100% / 3); } }
  @media (min-width: 1200px) {
    .bb-blogs-list .bb-blogs-list__item--grid {
      flex-basis: calc(100% / 3); } }
  .bb-blogs-list .bb-blogs-list__item--grid .bb-blog__link {
    flex-direction: column; }
  .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.75rem;
    max-height: 10rem; }
    .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__image img {
      width: 100%;
      height: 100%;
      object-fit: fill; }
  .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__details {
    width: 100%;
    padding: 0 0.75rem; }
    @media (min-width: 1200px) {
      .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__details {
        padding: 0 0.6rem; } }

.bb-blogs-list .bb-blogs-list__item:not(:last-child) {
  border-bottom: 1px solid rgba(53, 47, 34, 0.1);
  padding-bottom: 1.1875rem;
  margin-bottom: 1.25rem;
  padding-right: 0; }
  @media (min-width: 1024px) {
    .bb-blogs-list .bb-blogs-list__item:not(:last-child) {
      margin-bottom: 1.25rem; } }

.bb-blogs-list .bb-blogs-list__item .bb-blog__link {
  text-decoration: none; }
  .bb-blogs-list .bb-blogs-list__item .bb-blog__link:hover .title {
    text-decoration: underline; }
  .bb-blogs-list .bb-blogs-list__item .bb-blog__link:hover .bb-blogs-list__item__image img {
    transform: scale(1.1); }

.bb-blogs-list .bb-blogs-list__item__image {
  width: 5.75rem;
  margin-right: 1rem;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .bb-blogs-list .bb-blogs-list__item__image {
      width: 4.6rem; } }

.bb-blogs-list .bb-blogs-list__item__details {
  width: calc(100% - 108px); }
  .bb-blogs-list .bb-blogs-list__item__details .type {
    font-size: 0.875rem;
    line-height: 1.29;
    color: #f15a29;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media (min-width: 1200px) {
      .bb-blogs-list .bb-blogs-list__item__details .type {
        font-size: 0.7rem;
        margin-bottom: 0.2rem; } }
  .bb-blogs-list .bb-blogs-list__item__details .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: bold; }
    @media (min-width: 1200px) {
      .bb-blogs-list .bb-blogs-list__item__details .title {
        font-size: 0.9rem;
        margin-bottom: 0.2rem; } }

.bb-blogs-list .bb-blogs-list__item .blog-date,
.bb-blogs-list .bb-blogs-list__item .blog-length {
  opacity: 0.6;
  font-size: 0.875rem;
  line-height: 1.29;
  margin-bottom: 0; }
  @media (min-width: 1200px) {
    .bb-blogs-list .bb-blogs-list__item .blog-date,
    .bb-blogs-list .bb-blogs-list__item .blog-length {
      font-size: 0.7rem; } }

.bb-blogs-list .bb-blogs-list__item .blog-date {
  margin-right: 1.375rem;
  position: relative; }
  .bb-blogs-list .bb-blogs-list__item .blog-date::after {
    position: absolute;
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    opacity: 0.4;
    background-color: #1d1a12;
    right: -0.8125rem;
    top: 25%;
    border-radius: 50%; }

.bb-blogs-latest .bb-blogs-list,
.bb-blogs-list .bb-blogs-list {
  position: relative; }
  @media (min-width: 1200px) {
    .bb-blogs-latest .bb-blogs-list::before,
    .bb-blogs-list .bb-blogs-list::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0.1rem;
      height: calc(100% - 56px);
      top: 0;
      border-left: 0.0625rem solid rgba(53, 47, 34, 0.1); } }
  .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item,
  .bb-blogs-list .bb-blogs-list .bb-blogs-list__item {
    border-bottom: 1px solid rgba(53, 47, 34, 0.1) !important; }
    @media (min-width: 1200px) {
      .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item,
      .bb-blogs-list .bb-blogs-list .bb-blogs-list__item {
        padding: 0 1.55rem;
        border-bottom: none !important;
        margin-bottom: 2.8rem; } }
    .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item:last-child,
    .bb-blogs-list .bb-blogs-list .bb-blogs-list__item:last-child {
      padding-bottom: 1.1875rem;
      margin-bottom: 1.75rem; }
      @media (min-width: 1200px) {
        .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item:last-child,
        .bb-blogs-list .bb-blogs-list .bb-blogs-list__item:last-child {
          padding-bottom: 0;
          margin-bottom: 2.8rem; } }

@media (max-width: 768px) {
  .blogs-list {
    display: block !important; } }

.active-pink-3 input[type="search"] {
  border: 2px solid grey;
  box-shadow: 0 0 0 0px grey; }

.ant-btn-primary {
  color: #fff;
  background-color: red;
  border-color: red; }
  .ant-btn-primary:hover {
    background-color: red; }

.btn-link-btn {
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 1.17px;
  text-transform: uppercase;
  text-decoration: none !important; }

.mobile-padding-blogs {
  padding-top: unset; }
  @media (max-width: 700px) {
    .mobile-padding-blogs {
      padding-top: 4.5rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-fsi {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-fsi {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.usp-heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500;
    text-align: center;
    /* font-family: Rufina; */
}
.usp-brick {
    width:35px
}
.usp-title {
    font-size: 26px;
}
@media (max-width: 700px) {
    .usp-heading{
        font-size:26px;
        color:#3F3F3F;
        font-weight:500;
        text-align: center;
    }
    .usp-brick {
        width:17px
    }
    .usp-title {
        font-size: 20px;
    }
}


.why-bnb-heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500;
    /* font-family: Rufina; */
}
.why-bnb-brick {
    width:35px
}

@media (max-width: 700px) {
    .why-bnb-heading{
        font-size:26px;
        color:#3F3F3F;
        font-weight:500
    }
    .why-bnb-brick {
        width:17px
    }
}


.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-services .bb-constructions {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-services {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-services {
  overflow: hidden; }
  .bb-services .main-title {
    margin-left: 6px;
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-services .main-title {
        margin-bottom: 0.6rem; } }
  .bb-services .section-subtitle {
    margin-bottom: 2rem; }
  .bb-services .bb-constructions .bb-construction a {
    text-decoration: none; }
  .bb-services .bb-constructions .bb-construction:hover .bb-construction__type::before {
    height: calc(100% + 8px); }
  .bb-services .bb-constructions .bb-construction:hover .bb-construction__image img {
    transform: scale(1.1); }
  .bb-services .bb-constructions .bb-construction__image {
    overflow: hidden; }
    .bb-services .bb-constructions .bb-construction__image img {
      height: 240px; }
      @media (max-width: 768px) {
        .bb-services .bb-constructions .bb-construction__image img {
          height: 160px; } }
  .bb-services .bb-constructions .bb-construction__type {
    min-height: 2.8125rem;
    background-color: #1d1a12;
    padding: 0.75rem;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    position: relative; }
    @media (min-width: 768px) {
      .bb-services .bb-constructions .bb-construction__type {
        font-size: 0.7rem;
        min-height: 2.25rem;
        padding: 0.6rem; } }
    @media (min-width: 1200px) {
      .bb-services .bb-constructions .bb-construction__type {
        font-size: 0.8rem; } }
    .bb-services .bb-constructions .bb-construction__type span {
      z-index: 1;
      position: relative; }
    .bb-services .bb-constructions .bb-construction__type::before {
      position: absolute;
      width: 100%;
      top: -0.25rem;
      right: 0;
      height: 0.25rem;
      background-color: #f15a29;
      content: '';
      transition: all 0.2s ease; }

.heading {
    font-size:40px;
    font-weight:600;
    /* font-family: Rufina; */
}

/* .description{
    font-size: 25px;
    font-weight:200;
    color:#fff
} */

/* .cta {
    color:#fff;
    font-size:16px;
    font-weight:400;
} */
@media (max-width: 40em) {
    .heading {
        font-size:26px;
        font-weight:600;
    }
    /* .description{
        font-size: 16px;
        font-weight:200;
        color:#fff
    } */
    /* .cta {
        color:#fff;
        font-size:14px;
        font-weight:400;
    } */
}
.text {
    color:#6E7191;
    font-size: 18px;
}
.check-points {
    margin: .5rem 0
}

.heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500
}
.brick {
    width:35px
}
.content {
    display:flex;
    align-items:center;
}
.title {
    text-align: left;
}
@media (max-width: 700px) {
    .heading{
        font-size:24px;
        color:#3F3F3F;
        font-weight:500
    }
    .brick {
        width:17px
    }
    .content {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .title {
        text-align: center;
    }
}


.bms-heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500;
    /* font-family: Rufina; */
}
.bms-brick {
    width:35px
}
.bms-title {
    font-size: 26px;
}
@media (max-width: 700px) {
    .bms-heading{
        font-size:26px;
        color:#3F3F3F;
        font-weight:500
    }
    .bms-brick {
        width:17px
    }
    .bms-title {
        font-size: 20px;
    }
}


.text {
    color:#6E7191;
    font-size: 18px;
}
.check-points {
    margin: .5rem 0
}

.heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500
}
.brick {
    width:35px
}
.content {
    display:flex;
    align-items:center;
}
.title {
    text-align: left;
}
@media (max-width: 700px) {
    .heading{
        font-size:24px;
        color:#3F3F3F;
        font-weight:500
    }
    .brick {
        width:17px
    }
    .content {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .title {
        text-align: center;
    }
}


.qualityTitle{
    font-size: 20px
}

@media (max-width: 700px) {
    .qualityTitle{
        font-size: 16px
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-stamp-duty {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.custom-header {
  background-color: #F05A29 !important;
  color: white !important;
  text-align: center; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-fsi {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-banner-section .bb-banner-section__details .bb-banner-section__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-banner-section .bb-banner-section__details .features {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-banner-section {
  margin-bottom: 1rem;
  position: relative; }
  .bb-banner-section .swiper-pagination--bars {
    position: absolute; }
    .bb-banner-section .swiper-pagination--bars .swiper-pagination-bullet {
      background-color: #fff; }
  @media (min-width: 1200px) {
    .bb-banner-section {
      margin-bottom: 4rem; } }
  .bb-banner-section figure img {
    object-fit: cover; }
    @media (min-width: 320px) {
      .bb-banner-section figure img {
        min-height: 12.5rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section figure img {
        max-height: 24.3rem; } }
  @media (min-width: 768px) {
    .bb-banner-section-content {
      padding-top: 1.2rem; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding-top: 0;
      padding-bottom: 3rem; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .main-title,
    .bb-banner-section-content .section-subtitle,
    .bb-banner-section-content .section-title {
      color: #fff; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .main-title {
      margin-bottom: 0.8rem; }
      .bb-banner-section-content .main-title::before, .bb-banner-section-content .main-title::after {
        display: none; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .section-subtitle,
    .bb-banner-section-content .section-title {
      max-width: 26.25rem; } }
  .bb-banner-section--bg-secondary {
    background-color: #1d1a12;
    min-height: 17.625rem;
    color: #fff;
    padding-top: 5rem; }
    .bb-banner-section--bg-secondary * {
      color: inherit; }
  .bb-banner-section .bb-banner-section__details {
    padding: 0.75rem 1rem 1rem; }
    @media (min-width: 768px) {
      .bb-banner-section .bb-banner-section__details {
        padding: 1.2rem 1rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details {
        padding: 2rem 1rem; } }
    .bb-banner-section .bb-banner-section__details .bb-banner-section__title {
      margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details .bb-banner-sub-titles {
        display: flex;
        justify-content: center;
        flex-direction: column; } }
    .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.75rem;
      opacity: 0.6; }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
          margin-bottom: 0; } }
    .bb-banner-section .bb-banner-section__details .features {
      flex-wrap: wrap;
      padding-top: 0.75rem;
      border-top: 0.0625rem solid rgba(133, 130, 122, 0.4); }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details .features {
          padding-top: 0; } }
      .bb-banner-section .bb-banner-section__details .features .list,
      .bb-banner-section .bb-banner-section__details .features li {
        width: calc(100% / 4);
        text-align: center; }
        .bb-banner-section .bb-banner-section__details .features .list-icon,
        .bb-banner-section .bb-banner-section__details .features li-icon {
          height: 1.75rem;
          margin-bottom: 0.5rem;
          font-size: 1.75rem;
          opacity: 0.6; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list-icon,
            .bb-banner-section .bb-banner-section__details .features li-icon {
              height: 1.4rem;
              margin-bottom: 0.4rem;
              font-size: 1.4rem; } }
        .bb-banner-section .bb-banner-section__details .features .list-title,
        .bb-banner-section .bb-banner-section__details .features li-title {
          margin-bottom: 0;
          font-weight: 500;
          line-height: normal; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list-title,
            .bb-banner-section .bb-banner-section__details .features li-title {
              font-size: 0.7rem; } }
        .bb-banner-section .bb-banner-section__details .features .list .small,
        .bb-banner-section .bb-banner-section__details .features li .small {
          opacity: 0.6;
          line-height: normal;
          display: block; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list .small,
            .bb-banner-section .bb-banner-section__details .features li .small {
              font-size: 0.6rem; } }
    .bb-banner-section .bb-banner-section__details.bg-secondary {
      color: #fff; }
      .bb-banner-section .bb-banner-section__details.bg-secondary * {
        color: inherit; }
    .bb-banner-section .bb-banner-section__details--our-projects .container {
      padding: 0; }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details--our-projects .container {
          display: flex;
          align-items: center;
          padding: 0 0.75rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details--our-projects .bb-banner-sub-titles {
        padding-right: 2.8rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details--our-projects .features {
        width: 60%;
        padding-left: 2.8rem;
        border-top: unset;
        border-left: 0.0625rem solid rgba(133, 130, 122, 0.4); } }
  .bb-banner-section.bb-dark-header {
    overflow: hidden; }
    .bb-banner-section.bb-dark-header figure {
      display: none; }
    .bb-banner-section.bb-dark-header .bb-banner-section-content {
      padding-top: 0; }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section-content {
          position: unset;
          background-color: #1d1a12; } }
    .bb-banner-section.bb-dark-header .bb-banner-section__details {
      background-color: #1d1a12;
      padding: 5rem 0 1.25rem !important;
      position: relative;
      margin-bottom: 1.5rem; }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section__details {
          display: flex; } }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section__details .more-details__list {
          padding-left: 4rem; } }
      .bb-banner-section.bb-dark-header .bb-banner-section__details * {
        color: #fff; }
      .bb-banner-section.bb-dark-header .bb-banner-section__details::after {
        position: absolute;
        width: 200vw;
        height: 100%;
        content: "";
        left: -50vw;
        top: 0;
        background-color: #1d1a12;
        z-index: -1; }
    .bb-banner-section.bb-dark-header--small .bb-banner-section__details {
      margin-bottom: 0 !important; }
      .bb-banner-section.bb-dark-header--small .bb-banner-section__details .bb-banner-section__subtitle {
        margin-bottom: 0 !important; }

.margin-top-banner {
  margin-top: 0.85rem; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .inline-tile .inline-tile__grid__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .inline-tile .inline-tile__grid .wrapper {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.inline-tile .section-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .inline-tile .section-title {
      margin-bottom: 0.6rem; } }

.inline-tile .inline-tile__row {
  margin: 0 -0.375rem; }

.inline-tile .inline-tile__grid {
  width: 50%;
  flex-basis: unset;
  padding: 0 0.375rem;
  margin-bottom: 0.75rem; }
  .inline-tile .inline-tile__grid a {
    text-decoration: none;
    height: 100%; }
    .inline-tile .inline-tile__grid a:hover .inline-tile__grid__title {
      text-decoration: underline; }
  .inline-tile .inline-tile__grid .wrapper {
    padding: 0.75rem;
    height: 100%; }
  .inline-tile .inline-tile__grid__image {
    display: flex;
    align-items: center;
    justify-content: center; }
    .inline-tile .inline-tile__grid__image img {
      height: 244px; }
      @media (max-width: 760px) {
        .inline-tile .inline-tile__grid__image img {
          height: 135px; } }
  .inline-tile .inline-tile__grid__title {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.29;
    margin-bottom: 0.25rem;
    text-align: center; }
    @media (min-width: 1200px) {
      .inline-tile .inline-tile__grid__title {
        font-size: 0.8rem;
        margin-bottom: 0.4rem; } }
  .inline-tile .inline-tile__grid__text {
    opacity: 0.6;
    font-size: 0.875rem;
    line-height: 1.29;
    text-align: center; }
    @media (min-width: 1200px) {
      .inline-tile .inline-tile__grid__text {
        font-size: 0.8rem; } }
  .inline-tile .inline-tile__grid .inline-tile__grid__image {
    width: 60%;
    margin: auto; }

.bb-referral .share-icons-container {
  align-items: center;
  justify-content: center; }
  .bb-referral .share-icons-container span {
    margin-left: .5rem;
    margin-bottom: 1rem; }

.bb-referral .otp-box {
  display: block;
  position: relative; }

.bb-referral .link-copied-animation {
  height: 0;
  overflow: hidden;
  animation: fadein 3s;
  -webkit-animation: fadein 3s; }
  .bb-referral .link-copied-animation .icon-check {
    margin: .2rem; }

@keyframes fadein {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-khata {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-fsi {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-foundation-calculator {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-home-loan {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-khata {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-khata {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-stamp-duty {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.custom-header {
  background-color: #F05A29 !important;
  color: white !important;
  text-align: center; }

@media (min-width: 768px) {
  .bb-calulator-container .form__group {
    padding-left: 0 !important; }
  .bb-calulator-container .form__row {
    padding-left: 0 !important; }
  .bb-calculator-container {
    padding: 0; }
  .form.form-two-col-web {
    margin: 0 !important; }
  .calculator-submit-button1 {
    margin-top: -0.5rem !important;
    display: flex;
    padding: 0 1rem;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%; }
    .calculator-submit-button1.no-reverse {
      flex-direction: row !important; }
    .calculator-submit-button1 .form-text {
      width: 100%;
      margin: 0; }
    .calculator-submit-button1 > div {
      width: 100%; }
    .calculator-submit-button1 .form__submit-btn {
      margin-top: 0.25rem; } }

.bb-calculator-container .main-title {
  margin-bottom: 28px !important; }

.bb-calculator-container2 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start;
  /* Ensure alignment to the top */ }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-stamp-duty {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.custom-header {
  background-color: #F05A29 !important;
  color: white !important;
  text-align: center; }

.custom-output {
  background: transparent !important;
  text-align: center !important; }

#stairCaseData {
  width: 776px !important; }
  @media (max-width: 768px) {
    #stairCaseData {
      width: 60% !important; } }
  #stairCaseData .ant-table-row .ant-table-row-level-0 {
    border: 1px solid #F9CABB !important; }

#stairCaseData .ant-table-row {
  border: 1px solid #F9CABB !important;
  /* On mobile view, stack vertically */ }
  @media (max-width: 768px) {
    #stairCaseData .ant-table-row {
      display: flex !important;
      flex-direction: column  !important;
      justify-content: center !important;
      align-items: flex-start !important;
      width: 60% !important;
      border: 1px solid #F9CABB !important; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-stamp-duty {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.calculator-submit-button {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  @media (max-width: 768px) {
    .calculator-submit-button {
      display: unset !important;
      justify-content: unset !important;
      width: 100%; } }

.stamp-duty-container {
  padding: 1rem !important; }

.no-margin {
  margin: 0px !important; }

.disclaimer-fsi {
  margin-top: 1rem; }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.stepsDiv{
    font-size: 18px;
}

@media(max-width:700px){
    .stepsDiv{
        font-size: 16px !important;
    }   
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.swiper-navigation {
  display: none; }
  @media (min-width: 1200px) {
    .swiper-navigation {
      display: block; } }
  .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
    width: 2.125rem;
    height: 2.125rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f15a29; }
    .swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover {
      background-color: #f15a29; }
      .swiper-navigation .swiper-button-next:hover::after, .swiper-navigation .swiper-button-prev:hover::after {
        color: #fff; }
    @media (min-width: 1200px) {
      .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem; } }
  .swiper-navigation .swiper-button-next {
    color: #f15a29;
    right: 0; }
    .swiper-navigation .swiper-button-next::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E903'; }
  .swiper-navigation .swiper-button-prev {
    color: #f15a29;
    left: 0; }
    .swiper-navigation .swiper-button-prev::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E904'; }

.app_margin {
  margin-top: 110% !important; }
  @media (min-width: 1300px) {
    .app_margin {
      margin-top: 27% !important; } }
  @media (min-width: 769px) {
    .app_margin {
      margin-top: 25% !important; } }
  @media (min-width: 729px) {
    .app_margin {
      margin-top: 85% !important; } }
  @media (min-width: 576px) and (max-width: 728px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 575px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 430px) {
    .app_margin {
      margin-top: 120% !important; } }
  @media (max-width: 345px) {
    .app_margin {
      margin-top: 130% !important; } }
  @media (max-width: 320px) {
    .app_margin {
      margin-top: 140% !important; } }
  @media (max-width: 310px) {
    .app_margin {
      margin-top: 160% !important; } }
  @media (max-width: 290px) {
    .app_margin {
      margin-top: 180% !important; } }

.margin_top {
  margin-top: -6%; }

.margin_top_desktop {
  margin-top: -0.5%; }

@media (max-width: 767px) {
  .lets-build-shadow {
    background-image: none !important;
    background-color: #f15a29 !important;
    box-shadow: 6px 10px 5px -1px darkgray !important; } }

.offer-swiper {
  overflow: visible; }

.index5 {
  z-index: 999; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-common-content-page .main-title {
  margin-bottom: 1.75rem; }
  @media (min-width: 768px) {
    .bb-common-content-page .main-title {
      margin-bottom: 2.8rem; } }

@media (min-width: 768px) {
  .bb-common-content-page .sub-title {
    font-size: 1rem;
    margin-bottom: 0.8rem; } }

@media (min-width: 768px) {
  .bb-common-content-page .bb-list--no-bullets .list .bb-list-title {
    font-size: 1rem;
    margin-bottom: 0.8rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.swiper-navigation {
  display: none; }
  @media (min-width: 1200px) {
    .swiper-navigation {
      display: block; } }
  .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
    width: 2.125rem;
    height: 2.125rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f15a29; }
    .swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover {
      background-color: #f15a29; }
      .swiper-navigation .swiper-button-next:hover::after, .swiper-navigation .swiper-button-prev:hover::after {
        color: #fff; }
    @media (min-width: 1200px) {
      .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem; } }
  .swiper-navigation .swiper-button-next {
    color: #f15a29;
    right: 0; }
    .swiper-navigation .swiper-button-next::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E903'; }
  .swiper-navigation .swiper-button-prev {
    color: #f15a29;
    left: 0; }
    .swiper-navigation .swiper-button-prev::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E904'; }

.app_margin {
  margin-top: 110% !important; }
  @media (min-width: 1300px) {
    .app_margin {
      margin-top: 27% !important; } }
  @media (min-width: 769px) {
    .app_margin {
      margin-top: 25% !important; } }
  @media (min-width: 729px) {
    .app_margin {
      margin-top: 85% !important; } }
  @media (min-width: 576px) and (max-width: 728px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 575px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 430px) {
    .app_margin {
      margin-top: 120% !important; } }
  @media (max-width: 345px) {
    .app_margin {
      margin-top: 130% !important; } }
  @media (max-width: 320px) {
    .app_margin {
      margin-top: 140% !important; } }
  @media (max-width: 310px) {
    .app_margin {
      margin-top: 160% !important; } }
  @media (max-width: 290px) {
    .app_margin {
      margin-top: 180% !important; } }

.margin_top {
  margin-top: -6%; }

.margin_top_desktop {
  margin-top: -0.5%; }

@media (max-width: 767px) {
  .lets-build-shadow {
    background-image: none !important;
    background-color: #f15a29 !important;
    box-shadow: 6px 10px 5px -1px darkgray !important; } }

.offer-swiper {
  overflow: visible; }

.index5 {
  z-index: 999; }

@font-face {
  font-family: 'Proximanova Light';
  src: url("/fonts/Proxima_Nova/proximanova_light.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova black';
  src: url("/fonts/Proxima_Nova/proximanova_black.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova bold';
  src: url("/fonts/Proxima_Nova/proximanova_bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova extrabold';
  src: url("/fonts/Proxima_Nova/proximanova_extrabold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova medium';
  src: url("/fonts/Proxima_Nova/proximanova_medium.ttf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova regular';
  src: url("/fonts/Proxima_Nova/proximanova_regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova semibold';
  src: url("/fonts/Proxima_Nova/proximanova_semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova thin';
  src: url("/fonts/Proxima_Nova/proximanova_thin.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

.incentive-container {
  position: relative;
  width: 328px !important;
  margin: -20px auto auto 16px !important;
  background: #fff;
  display: flex;
  flex-direction: column;
  font-family: "Proximanova Light" !important; }

.incentive-title {
  height: 30px !important;
  color: #3D4152;
  font-family: "Proximanova Medium" !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700 !important;
  white-space: nowrap;
  margin-bottom: 24px !important; }

.incentive-subtitle {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  margin-bottom: 16px !important; }

.incentive-sectionTitle {
  color: #3D4152;
  font-family: "Proximanova bold" !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 24px;
  /* 120% */
  margin-bottom: 8px !important; }

.incentive-sectionSubtitle {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px !important;
  /* 142.857% */ }

.incentive-table-wrapper {
  overflow-x: auto;
  width: 100%; }

.incentive-table {
  width: 328px !important;
  border-collapse: collapse;
  outline: 1px #E5E5E5 solid;
  margin: 16px 0 8px 0;
  font-family: 'Proximanova Light' !important;
  font-size: 12px !important; }

.incentive-th {
  border: 1px solid #E5E5E5;
  font-family: "Proximanova Light" !important;
  padding: 8px;
  font-weight: 500;
  color: #3D4152;
  font-size: 12px !important;
  font-style: normal;
  line-height: 16px;
  width: 100px;
  min-width: 96px !important;
  vertical-align: middle;
  white-space: pre-line; }

.incentive-td:first-child {
  text-align: left;
  color: #3D4152 !important;
  font-family: "Proximanova Light" !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; }

.incentive-td {
  border: 1px solid #E5E5E5;
  padding: 8px;
  color: rgba(61, 65, 82, 0.72);
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  font-family: "Proximanova Light" !important;
  vertical-align: middle;
  white-space: pre-line; }

.incentive-note {
  color: rgba(61, 65, 82, 0.72);
  font-family: "Proximanova Light" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 12px;
  /* 120% */
  font-variant: all-small-caps;
  margin-bottom: 16px !important; }

.incentive-eligibility {
  color: #3D4152;
  list-style: decimal;
  font-family: "Proximanova Light" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 350 !important;
  line-height: 20px !important;
  margin-bottom: 16px !important;
  margin-left: 16px; }

.incentive-eligibility li {
  font-size: 14px !important;
  font-family: "Proximanova Light" !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #3D4152 !important;
  font-style: normal !important; }

.incentive-tipTitle {
  color: #3D4152;
  font-family: "Proximanova bold" !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 24px;
  margin-bottom: 8px !important; }

.incentive-tip {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px !important;
  /* 142.857% */ }

.error {
  color: red;
  margin-bottom: 8px; }

.loading {
  color: #3D4152;
  margin-bottom: 8px; }

body.hide-widgets #bot-container,
body.hide-widgets #whatsapp-widget {
  display: none !important; }

@font-face {
  font-family: 'Proximanova Light';
  src: url("/fonts/Proxima_Nova/proximanova_light.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova black';
  src: url("/fonts/Proxima_Nova/proximanova_black.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova bold';
  src: url("/fonts/Proxima_Nova/proximanova_bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova extrabold';
  src: url("/fonts/Proxima_Nova/proximanova_extrabold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova medium';
  src: url("/fonts/Proxima_Nova/proximanova_medium.ttf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova regular';
  src: url("/fonts/Proxima_Nova/proximanova_regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova semibold';
  src: url("/fonts/Proxima_Nova/proximanova_semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Proximanova thin';
  src: url("/fonts/Proxima_Nova/proximanova_thin.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

.incentive_Penalties-container {
  position: relative;
  width: 328px !important;
  margin: -20px auto auto 16px !important;
  background: #fff;
  display: flex;
  flex-direction: column;
  font-family: "Proximanova Light" !important; }

.incentive_Penalties-title {
  color: #3D4152;
  font-family: "Proximanova bold" !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 600 !important;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  display: block;
  width: 100%; }

.incentive_Penalties-unordlist {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px !important;
  margin-bottom: 8px !important; }

.incentive_Penalties-unordlist li {
  font-size: 14px !important;
  font-family: "Proximanova Light" !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #3D4152 !important;
  font-style: normal !important; }

.incentive_Penalties-subtitle {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  margin-bottom: 16px !important; }

.incentive_Penalties-sectionTitle {
  color: #3D4152;
  font-family: "Proximanova bold" !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 24px;
  /* 120% */
  margin-top: 24px !important;
  margin-bottom: 8px !important; }

.incentive_Penalties-subsectionTitle {
  color: #3D4152;
  font-family: "Proximanova bold" !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 24px;
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.incentive_Penalties-sectionSubtitle {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px !important;
  /* 142.857% */ }

.incentive_Penalties-table-wrapper {
  overflow-x: auto;
  width: 100%; }

.incentive_Penalties-table {
  width: 328px !important;
  border-collapse: collapse;
  outline: 1px #E5E5E5 solid;
  margin: 16px 0 16px 0;
  font-family: 'Proximanova Light' !important;
  font-size: 12px !important;
  text-align: left; }

.incentive_Penalties-th {
  border: 1px solid #E5E5E5;
  font-family: "Proximanova Light" !important;
  padding: 8px;
  font-weight: 500;
  color: #3D4152;
  font-size: 12px !important;
  font-style: normal;
  line-height: 16px;
  width: 100px;
  min-width: 90px;
  text-align: left;
  vertical-align: middle;
  white-space: pre-line; }

.incentive_Penalties-td,
.incentive_Penalties-td:first-child {
  background: #fff;
  color: #3D4152 !important;
  font-family: "Proximanova Light" !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border: 1px solid #E5E5E5;
  padding: 8px;
  vertical-align: middle;
  white-space: pre-line;
  text-align: left; }

.incentive_Penalties-note {
  color: rgba(61, 65, 82, 0.72);
  font-family: "Proximanova Light" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 12px;
  /* 120% */
  font-variant: all-small-caps;
  margin-bottom: 8px; }

.incentive_Penalties-tipTitle {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 24px;
  margin-bottom: 8px !important; }

.incentive_Penalties-qualityPenalty {
  color: #3D4152;
  font-family: "Proximanova Light" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  margin: 16px 0 16px 0;
  padding-left: 24px;
  background: none;
  border: none;
  list-style-type: disc; }
  .incentive_Penalties-qualityPenalty li {
    margin-bottom: 5px;
    font-weight: 400 !important;
    color: #3D4152;
    font-family: "Proximanova Light" !important;
    font-size: 14px !important;
    line-height: 20px !important;
    list-style-type: disc; }
    .incentive_Penalties-qualityPenalty li strong {
      font-weight: 700 !important;
      font-family: "Proximanova bold" !important;
      color: #3D4152 !important; }

.error {
  color: red;
  margin-bottom: 8px; }

.loading {
  color: #3D4152;
  margin-bottom: 8px; }

body.hide-widgets #bot-container,
body.hide-widgets #whatsapp-widget {
  display: none !important; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1200px) {
  .bb-packages {
    text-align: center; } }

.bb-packages .main-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-packages .main-title {
      margin-bottom: 0.6rem; } }

.bb-packages .section-subtitle {
  z-index: 0; }
  @media (min-width: 1200px) {
    .bb-packages .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }

.bb-packages .accordion {
  margin: 0 -0.4375rem 1.75rem; }
  @media (min-width: 1200px) {
    .bb-packages .accordion {
      margin: 0 0 2rem; } }

.bb-packages .list .list-item {
  padding: 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.29;
  text-align: left; }
  .bb-packages .list .list-item .icon {
    font-size: 1.3125rem;
    font-weight: bold;
    margin-right: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.bb-packages .bb-packages-list__item {
  display: none; }
  @media (min-width: 1200px) {
    .bb-packages .bb-packages-list__item {
      display: block; } }
  .bb-packages .bb-packages-list__item.active {
    display: block;
    transition-delay: 0.3s;
    transition: all 0.3s ease; }

.bb-packages .bb-range-slider {
  padding: 0 0.125rem 1rem;
  overflow: hidden;
  margin-bottom: 2.6875rem; }
  @media (min-width: 1200px) {
    .bb-packages .bb-range-slider {
      display: none; } }

.bb-packages .bb-package-swiper {
  overflow: visible; }
  @media (min-width: 768px) {
    .bb-packages .bb-package-swiper {
      overflow: hidden;
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }

@media (min-width: 1200px) {
  .bb-packages .bb-package-selected {
    background-color: #f15a29;
    color: #fff;
    margin-bottom: 0;
    padding: 0.8rem;
    text-align: left; } }

@media (max-width: 767px) {
  .bb-packages .bb-package-selected {
    font-weight: bold;
    font-size: 1.15rem; } }

.bb-packages .bb-current-location {
  margin-bottom: 0.625rem;
  align-items: center; }
  @media (min-width: 768px) {
    .bb-packages .bb-current-location {
      margin-bottom: 1rem; } }
  @media (min-width: 1200px) {
    .bb-packages .bb-current-location {
      justify-content: center; } }
  .bb-packages .bb-current-location .section-subtitle {
    width: unset !important; }

@media (min-width: 768px) {
  .bb-package-description {
    color: white; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1200px) {
  .bb-packages {
    text-align: center; } }

.bb-packages .main-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-packages .main-title {
      margin-bottom: 0.6rem; } }

.bb-packages .section-subtitle {
  z-index: 0; }
  @media (min-width: 1200px) {
    .bb-packages .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }

.bb-packages .accordion {
  margin: 0 -0.4375rem 1.75rem; }
  @media (min-width: 1200px) {
    .bb-packages .accordion {
      margin: 0 0 2rem; } }

.bb-packages .list .list-item {
  padding: 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.29;
  text-align: left; }
  .bb-packages .list .list-item .icon {
    font-size: 1.3125rem;
    font-weight: bold;
    margin-right: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.bb-packages .bb-packages-list__item {
  display: none; }
  @media (min-width: 1200px) {
    .bb-packages .bb-packages-list__item {
      display: block; } }
  .bb-packages .bb-packages-list__item.active {
    display: block;
    transition-delay: 0.3s;
    transition: all 0.3s ease; }

.bb-packages .bb-range-slider {
  padding: 0 0.125rem 1rem;
  overflow: hidden;
  margin-bottom: 2.6875rem; }
  @media (min-width: 1200px) {
    .bb-packages .bb-range-slider {
      display: none; } }

.bb-packages .bb-package-swiper {
  overflow: visible; }
  @media (min-width: 768px) {
    .bb-packages .bb-package-swiper {
      overflow: hidden;
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }

@media (min-width: 1200px) {
  .bb-packages .bb-package-selected {
    background-color: #f15a29;
    color: #fff;
    margin-bottom: 0;
    padding: 0.8rem;
    text-align: left; } }

@media (max-width: 767px) {
  .bb-packages .bb-package-selected {
    font-weight: bold;
    font-size: 1.15rem; } }

.bb-packages .bb-current-location {
  margin-bottom: 0.625rem;
  align-items: center; }
  @media (min-width: 768px) {
    .bb-packages .bb-current-location {
      margin-bottom: 1rem; } }
  @media (min-width: 1200px) {
    .bb-packages .bb-current-location {
      justify-content: center; } }
  .bb-packages .bb-current-location .section-subtitle {
    width: unset !important; }

@media (min-width: 768px) {
  .bb-package-description {
    color: white; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-projects__item__details .bb-project-more-details {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-projects__item:hover .bb-projects__item__details {
  background-color: #f15a29;
  color: #fff; }
  .bb-projects__item:hover .bb-projects__item__details .bb-project-more-details {
    border-top-color: #fff; }
    .bb-projects__item:hover .bb-projects__item__details .bb-project-more-details .detail::after {
      opacity: 1; }

.bb-projects__item__details {
  padding: 0.5rem 0.75rem;
  min-height: 3.4375rem;
  color: #1d1a12; }
  .bb-projects__item__details .bb-project-code {
    font-size: 1rem;
    margin-bottom: 0.1875rem; }
    @media (min-width: 1200px) {
      .bb-projects__item__details .bb-project-code {
        font-size: 0.9rem; } }
  .bb-projects__item__details .bb-project-location {
    opacity: 0.6;
    font-size: 0.875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .bb-projects__item__details .bb-project-more-details {
    margin-top: 0.4375rem;
    padding-top: 0.4375rem;
    border-top: 0.0625rem solid rgba(133, 130, 122, 0.4);
    font-size: 0.875rem;
    opacity: 0.6;
    line-height: 1.29;
    font-weight: normal; }
    @media (min-width: 576px) {
      .bb-projects__item__details .bb-project-more-details {
        font-size: 0.625rem; } }
    @media (min-width: 992px) {
      .bb-projects__item__details .bb-project-more-details {
        font-size: 0.5625rem; } }
    @media (min-width: 1200px) {
      .bb-projects__item__details .bb-project-more-details {
        font-size: 0.8rem; } }
    .bb-projects__item__details .bb-project-more-details .detail {
      position: relative; }
      .bb-projects__item__details .bb-project-more-details .detail:not(:last-child) {
        margin-right: 1.375rem; }
        .bb-projects__item__details .bb-project-more-details .detail:not(:last-child)::after {
          width: 0.375rem;
          height: 0.375rem;
          opacity: 0.2;
          background-color: #fff;
          border-radius: 50%;
          content: "";
          position: absolute;
          right: -0.875rem;
          top: 25%; }

.bb-projects__item__img {
  overflow: hidden;
  position: relative; }
  .bb-projects__item__img .lazyload-wrapper {
    height: inherit; }
  .bb-projects__item__img img {
    height: 100%;
    object-fit: cover;
    object-position: top; }
    @media (min-width: 1200px) {
      .bb-projects__item__img img {
        max-height: 10.55rem; } }

.bb-projects__item__link {
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.bb-projects__item__img__tag {
  height: 1.3125rem;
  background-color: rgba(29, 26, 18, 0.6);
  font-size: 0.625rem;
  position: absolute;
  color: #fff;
  top: 0.25rem;
  left: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem; }

.active-img img {
  max-height: 100rem !important; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-site-main:not(.short-page) {
  min-height: 85vh; }

@media (min-width: 1200px) {
  .bb-site-main > section:first-child:not(.bb-banner-section) {
    padding-top: 4rem !important; } }

.accordion > .card {
  border-radius: 0;
  border: none;
  padding: 0 0.75rem 0.0625rem; }
  .accordion > .card:last-child {
    padding-bottom: 0; }
    .accordion > .card:last-child .card-body {
      border-bottom: none; }
  .accordion > .card .card-header {
    min-height: 2.5625rem;
    padding: 0;
    background-color: #fff;
    border-bottom: none; }
    .accordion > .card .card-header p {
      height: 100%; }
      .accordion > .card .card-header p .btn-link {
        width: 100%;
        height: 100%;
        text-align: left;
        outline: 0 !important;
        box-shadow: none;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: bold;
        color: #1d1a12;
        padding: 0;
        border-bottom: 1px solid rgba(53, 47, 34, 0.1);
        border-radius: 0;
        position: relative;
        padding-right: 2.5rem;
        min-height: 3.0625rem; }
        .accordion > .card .card-header p .btn-link.collapsed, .accordion > .card .card-header p .btn-link[aria-expanded='false'] {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        @media (min-width: 1200px) {
          .accordion > .card .card-header p .btn-link {
            min-height: 2.45rem;
            font-size: 0.7rem; } }
        .accordion > .card .card-header p .btn-link::after {
          font-family: 'icomoon';
          position: absolute;
          right: 0;
          width: 1.875rem;
          height: 1.875rem;
          display: flex;
          align-items: center;
          justify-content: center;
          top: 0.25rem;
          font-size: 1.5625rem; }
        .accordion > .card .card-header p .btn-link[aria-expanded='false']::after {
          content: '\E921'; }
        .accordion > .card .card-header p .btn-link[aria-expanded='true'] {
          border-bottom: transparent; }
          .accordion > .card .card-header p .btn-link[aria-expanded='true']::after {
            content: '\E920'; }
  .accordion > .card .card-body {
    border-bottom: 1px solid rgba(53, 47, 34, 0.1);
    padding: 0.375rem 0.75rem; }
    @media (min-width: 768px) {
      .accordion > .card .card-body p {
        padding-right: 2.4rem;
        font-size: 0.7rem; } }
    @media (min-width: 1024px) {
      .accordion > .card .card-body p {
        padding-right: 3rem; } }
    @media (min-width: 1200px) {
      .accordion > .card .card-body p:not(:last-child) {
        margin-bottom: 1.2rem; } }

.bb-nav-tabs .nav-item {
  margin-right: 3rem; }
  @media (min-width: 1200px) {
    .bb-nav-tabs .nav-item {
      margin-right: 2.4rem; } }
  .bb-nav-tabs .nav-item .nav-link {
    padding: 0 0 0.4375rem;
    color: #352f22;
    opacity: 0.6;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    position: relative;
    border-bottom: 0.125rem solid transparent; }
    @media (min-width: 1200px) {
      .bb-nav-tabs .nav-item .nav-link {
        font-size: 0.7rem; } }
    .bb-nav-tabs .nav-item .nav-link.active {
      opacity: 1;
      color: #f15a29;
      border-color: #f15a29; }

.bb-tab-content {
  padding-top: 2.4375rem; }
  @media (min-width: 1200px) {
    .bb-tab-content {
      margin-bottom: 0.8rem; } }

.flex-wrap-nowrap {
  flex-wrap: nowrap !important; }

.bb-our-projects--tabs .bb-projects {
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .bb-our-projects--tabs .bb-projects {
      margin: 0 -0.58125rem; } }
  .bb-our-projects--tabs .bb-projects .bb-projects__item {
    margin-bottom: 0.75rem; }
    @media (min-width: 768px) {
      .bb-our-projects--tabs .bb-projects .bb-projects__item {
        padding: 0 0.58125rem;
        margin-bottom: 1.1875rem; } }
    .bb-our-projects--tabs .bb-projects .bb-projects__item__details {
      padding: 0.75rem; }

#myTab .nav-item {
  padding: 0 calc((0.8px + 0.05335vmin) * 20);
  margin-right: 0; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-your-estimate {
  display: none;
  opacity: 0;
  visibility: hidden; }
  .bb-your-estimate .bb-your-estimate-wrapper {
    position: relative; }
    .bb-your-estimate .bb-your-estimate-wrapper.is-locked .accordion {
      height: 15.9375rem;
      overflow: hidden; }
      @media (min-width: 768px) {
        .bb-your-estimate .bb-your-estimate-wrapper.is-locked .accordion {
          height: 15rem; } }
    .bb-your-estimate .bb-your-estimate-wrapper.is-locked .bb-unlock-more-plans {
      display: block; }
    .bb-your-estimate .bb-your-estimate-wrapper .bb-unlock-more-plans {
      display: none;
      padding-bottom: 0; }
      @media (min-width: 768px) {
        .bb-your-estimate .bb-your-estimate-wrapper .bb-unlock-more-plans {
          padding-top: 2.4rem; } }
  .bb-your-estimate--show {
    display: block;
    opacity: 1;
    visibility: visible; }
  .bb-your-estimate .section-title {
    width: 80%;
    margin-bottom: 2rem; }
    @media (min-width: 768px) {
      .bb-your-estimate .section-title {
        margin-bottom: 3.5rem; } }
  .bb-your-estimate .accordion > .card {
    padding-right: 0;
    padding-left: 0; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-unlock-more-plans .title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.bb-unlock-more-plans {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 1%, #ffffff);
  padding: 1.9375rem 1rem 2.1875rem; }
  .bb-unlock-more-plans .icon {
    margin-bottom: 0.9375rem;
    font-size: 2.625rem; }
  .bb-unlock-more-plans .title {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-unlock-more-plans .title {
        max-width: 16.4rem;
        font-size: 0.9rem;
        margin-right: auto;
        margin-left: auto; } }
  .bb-unlock-more-plans form {
    max-width: 17.5rem;
    margin: 0 auto; }
    .bb-unlock-more-plans form .form__group {
      padding-top: 0;
      margin-bottom: 2rem; }
    .bb-unlock-more-plans form input {
      text-align: center; }
  @media (min-width: 768px) {
    .bb-unlock-more-plans::before {
      position: absolute;
      width: 100%;
      height: 0.05rem;
      top: 0;
      left: 0;
      content: "";
      background-color: rgba(53, 47, 34, 0.1); } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-material-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }

.bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item {
  margin-bottom: 0.9375rem; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child {
    margin-bottom: 2rem; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item:last-child .bb-me-add-more-floor-remove {
      display: block !important; }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
    font-weight: normal;
    padding-right: 1.875rem;
    position: relative; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable {
        padding: 0 1rem; } }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable.collapsed::after {
      transform: none; }
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-collapsable::after {
      content: "\E90D";
      font-family: "icomoon";
      position: absolute;
      right: 0;
      color: #f15a29;
      transform: rotate(180deg); }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove-wrapper {
    width: 100%; }
  @media (min-width: 768px) {
    .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .collapse > .wrapper {
      display: flex;
      flex-wrap: wrap; } }
  .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
    font-size: 0.875rem;
    display: none !important; }
    @media (min-width: 768px) {
      .bb-me-add-more-floor-wrapper .bb-me-add-more-floor__item .bb-me-add-more-floor-remove {
        padding: 0 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-projects .section-title {
  margin-bottom: 0.5rem; }

.bb-projects .bb-projects-swiper {
  margin-bottom: 0px; }
  @media (min-width: 768px) {
    .bb-projects .bb-projects-swiper {
      padding: 0 1.1rem;
      margin: 0 -1.1rem 0rem; } }
  .bb-projects .bb-projects-swiper .swiper-wrapper {
    margin-bottom: 1.375rem; }
  .bb-projects .bb-projects-swiper .swiper-pagination-bullets {
    bottom: 0.5rem; }
    .bb-projects .bb-projects-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-projects .bb-projects-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.bb-projects .swiper-pagination--bars {
  position: unset;
  padding-top: 1rem;
  bottom: 0.5rem; }
  @media (min-width: 768px) {
    .bb-projects .swiper-pagination--bars {
      padding-top: 1.6rem; } }
  .bb-projects .swiper-pagination--bars .swiper-pagination-bullet {
    width: 1.1875rem;
    height: 0.125rem;
    opacity: 0.4;
    background-color: #352f22;
    border-radius: 0; }
    .bb-projects .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
      opacity: 1; }

@media (max-width: 480px) {
  .main-title {
    margin-top: 1.8rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper {
    display: flex; } }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper .bb-life-images .bb-life-image {
    margin-bottom: 0.8rem; } }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper .bb-life-images {
    width: 27.25rem;
    padding-right: 121px; } }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper .bb-testimony .bb-testimony-item__text {
    max-width: 507px; } }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper .bb-testimony {
    display: flex;
    align-items: center; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-video-play-btn:hover {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-customers {
  overflow: hidden; }
  .bb-customers .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-customers .section-title {
        margin-bottom: 0.6rem; } }
  @media (min-width: 768px) {
    .bb-customers .bb-customers-testimony-swiper {
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }
  .bb-customers .bb-testimony-item a {
    text-decoration: none; }
  .bb-customers .bb-testimony-item__image {
    margin-bottom: 1rem;
    position: relative; }
  .bb-customers .bb-testimony-item__content .testimony__text {
    font-size: 1rem;
    line-height: 1.38;
    margin-bottom: 1rem;
    position: relative; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__text {
        font-size: 0.9rem; } }
    .bb-customers .bb-testimony-item__content .testimony__text::before {
      position: absolute;
      top: -1.4375rem;
      left: 0;
      content: "\E925";
      font-family: "icomoon";
      color: #f15a29; }
  .bb-customers .bb-testimony-item__content .testimony__user-name {
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.125rem; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-name {
        font-size: 0.8rem; } }
  .bb-customers .bb-testimony-item__content .testimony__user-designation {
    font-size: 0.875rem;
    opacity: 0.7;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-designation {
        font-size: 0.8rem; } }
  .bb-customers .swiper-pagination--bars {
    position: unset;
    padding-top: 1rem;
    bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-customers .swiper-pagination--bars {
        padding-top: 1.6rem; } }
    .bb-customers .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-customers .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.bb-video-play-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 44px;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center; }
  .bb-video-play-btn [class*=" icon-"],
  .bb-video-play-btn [class^="icon-"] {
    transition: all 0.2s ease; }
  .bb-video-play-btn:hover [class*=" icon-"],
  .bb-video-play-btn:hover [class^="icon-"] {
    transform: scale(1.2); }

@media (min-width: 1200px) {
  .bb-testimony .bb-testimony-item__text {
    max-width: 507px; } }

@media (min-width: 1200px) {
  .bb-testimony {
    display: flex;
    align-items: center; } }

.bb-testimony-author-details .bb-testimony-author-image {
  max-width: 2.875rem;
  margin-right: 0.75rem; }

.bb-testimony-author-details .bb-testimony-author-name {
  font-weight: bold;
  margin-bottom: 0.125rem; }

.bb-testimony-author-details .bb-testimony-author-designation {
  opacity: 0.7;
  font-size: 0.875rem; }

.swiper-navigation {
  display: none; }
  @media (min-width: 1200px) {
    .swiper-navigation {
      display: block; } }
  .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
    width: 2.125rem;
    height: 2.125rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f15a29; }
    .swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover {
      background-color: #f15a29; }
      .swiper-navigation .swiper-button-next:hover::after, .swiper-navigation .swiper-button-prev:hover::after {
        color: #fff; }
    @media (min-width: 1200px) {
      .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem; } }
  .swiper-navigation .swiper-button-next {
    color: #f15a29;
    right: 0; }
    .swiper-navigation .swiper-button-next::after {
      font-family: "icomoon";
      font-size: 1.125rem;
      content: "\E903"; }
  .swiper-navigation .swiper-button-prev {
    color: #f15a29;
    left: 0; }
    .swiper-navigation .swiper-button-prev::after {
      font-family: "icomoon";
      font-size: 1.125rem;
      content: "\E904"; }

.review-image-height {
  height: 15rem; }
  @media (min-width: 1200px) {
    .review-image-height {
      height: 10rem; } }

@media (min-width: 1200px) {
  .review-container {
    margin-right: 4rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.details-list-row {
  margin: 0 -0.5rem;
  border: solid 0.0625rem rgba(243, 67, 28, 0.15); }
  .details-list-row .details-list-col {
    padding: 1rem 0.75rem;
    background-color: #fff; }
    .details-list-row .details-list-col.theme-bg .lists .list::before {
      background-color: #fff; }
    .details-list-row .details-list-col .lists .list {
      position: relative;
      padding-left: 0.875rem;
      font-size: 0.875rem;
      line-height: 1.29; }
      @media (min-width: 1200px) {
        .details-list-row .details-list-col .lists .list {
          font-size: 0.7rem; } }
      .details-list-row .details-list-col .lists .list:not(:last-child) {
        margin-bottom: 1rem; }
      .details-list-row .details-list-col .lists .list::before {
        width: 0.375rem;
        height: 0.375rem;
        content: "";
        position: absolute;
        background-color: #f15a29;
        left: 0;
        top: 0.25rem; }
      .details-list-row .details-list-col .lists .list strong {
        display: inline;
        font-weight: bolder; }

.expandable-div-left {
    background-color: #3498db;
    transition: transform 0.25s ease;
    transform-origin: left center;
    border-radius: 8px;
    z-index: 1 !important;
}

.expandable-div-left:hover {
    z-index: 2 !important;
    position: relative;
}

@media (min-width: 700px) {
    .expandable-div-left:hover {
        transform: scale(1.1);
        z-index: 2 !important;
        position: relative;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
        transition: transform 0.5s ease;
    }
}

.expandable-div-right {
    background-color: #3498db;
    transition: transform 0.25s ease;
    transform-origin: right center;
    border-radius: 8px;
    z-index: 1 !important;
}

.expandable-div-right:hover {
    z-index: 2 !important;
    position: relative;
}

@media (min-width: 700px) {
    .expandable-div-right:hover {
        transform: scale(1.1);
        z-index: 2 !important;
        position: relative;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
        transition: transform 0.5s ease;
    }
}


li{
    font-size: initial !important;
}

.contentFloorPlan h2{
/* font-size: 24px !important; */
/* font-weight: 600 !important; */
/* line-height: 30px !important; */
text-align: left !important;
text-underline-position: from-font !important;
text-decoration-skip-ink: none !important;
/* margin-bottom: 24px !important; */
/* margin-top: 64px !important; */
}

.contentFloorPlan p{
    /* font-size: 18px !important; */
    /* font-weight: 400 !important; */
    /* line-height: 27px !important; */
    text-align: left !important;
    text-underline-position: from-font !important; 
    text-decoration-skip-ink: none !important;
}

@media (max-width: 768px) {
    .contentFloorPlan p{
        /* font-size: 16px !important; */
        /* font-weight: 400 !important; */
        /* line-height: 24px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;        

    }
}

.contentFloorPlan h3{
/* font-size: 18px !important;
font-weight: 600 !important;
line-height: 27px !important; */
text-align: left !important;
text-underline-position: from-font !important;
text-decoration-skip-ink: none !important;

}

@media (max-width: 768px) {
    .contentFloorPlan h3{
        /* font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
      

    }
}

.contentFloorPlan {
    margin-left: 132px !important;
    padding: 0px !important;
    }

    @media (max-width: 768px) {
        .contentFloorPlan {
            margin-left: 24px !important;
            margin-right: 24px !important;
            padding: 0px !important;
            }
    }

    @media (max-width: 768px) {
    .mobile-floor-plans{
        height: 440px !important;
        min-height: 0px !important;
        margin-left: 24px !important;
        margin-right: 24px !important;
    }
    }

    @media screen and (max-width: 768px) {
        .headerMobileNOC{
            font-size: 16px !important;
            font-weight: 400 !important;
            line-height: 24px !important; 
            text-align: left !important;
            margin: 24px !important;

        }
        
    }

    @media screen and (min-width: 768px) {
        .headerMobileNOC {
            margin-left: 132px !important;
            margin-right: 132px !important;
            padding-top: 24px !important;
            padding-bottom: 24px !important;
        }
    }

    .headerMobileNOC {
      border-top: 1px solid #E0E0E0 !important;
      border-bottom: 1px solid #E0E0E0 !important;
      padding-top: 24px !important;
      padding-bottom: 24px !important;
    }
    /* Sticky footer for mobile */
.offerBox {
    position: fixed !important;
    height: 96px !important;
    bottom: 0 !important;
    width: 100% !important;
    background-color: white !important;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 20px !important;
    z-index: 1000 !important;
  }
  
  .offerBox .price {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 16px !important;
  }

  .original {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #BDBDBD !important;
  }
  
  .offerBox .discount {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  }
  
  .offerBox button {
    background-color: #ff5733;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
  }
  
  .offerBox button:hover {
    background-color: #e64a19;
  }
  
  /* Hide on larger screens */
  @media (min-width: 768px) {
    .offerBox {
      display: none !important;
    }
  }

  .swiper-navigations .swiper-button-next{
    right: 13px !important;
  }

  @media screen and (max-width: 768px) {
    .swiper-navigations .swiper-button-next{
      right: 0px !important;
      top: 55px !important;
    }
  
    .swiper-navigations .swiper-button-prev{
      top: 55px !important;
      left: 0px !important;
    }
    .swiper-navigations .swiper-button-next:after,
    .swiper-navigations .swiper-button-prev:after {
    font-size: 20px; 
  }
}

  .view-more-filter-btn{
    text-align: center !important;
    width: 100% !important;
    height: 48px !important;
    padding: 10px !important;
    gap: 8px !important;
    border-radius: 8px !important;
    border: 1px solid #BDBDBD !important;
    opacity: 0px !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
  }

  .floor-plan-filter-text{
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-align: left !important;
    color: #1f1f1f;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .vastu-banner-container {
    width: 100% !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px !important;
    gap: 8px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background: linear-gradient(
      94.2deg,
      rgba(237, 195, 41, 0.6) 0%,
      rgba(255, 251, 223, 0.6) 70.94%,
      rgba(255, 218, 85, 0.6) 99.12%
    );
  }
  
  .vastu-banner-icon {
    width: 32px !important;
    height: 32px !important;
  }
  
  .vastu-text {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-align: left !important;
    color: #1f1f1f;
  }
  
  .vastu-compliant {
    color: #EB5D2F !important;
    font-weight: 400 !important;
  }

  .want-to-buy{
    max-width: 148px !important;
    max-height: 48px !important;
    gap: 16px !important;
    border-radius: 8px !important;
    opacity: 0px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0px !important;
    color: #FFFFFF !important;
 }

 .expert-box2 {
  width: 100% !important;
  height: 94px !important;
  margin-top: 16px !important;
  gap: 10px !important;
  opacity: 1 !important; 
  /* font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 30px !important; */
  text-align: left !important;
  text-underline-position: from-font !important;
  text-decoration-skip-ink: none !important;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.h3NOCFloorPlan{
  font-weight: 600 !important;
}

@media screen and (max-width: 768px) {
  .h3NOCFloorPlan{
    font-size: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .h3NOCFloorPlan{
    font-size: 24px !important;
  }
}

/* .containerNew {
  
} */

.left {
  flex: 1;
  padding: 1rem;
}

.right {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1rem;
  justify-content: center;
}

.column {
  flex: 1;
}

/* @media(max-width:700px){
  .containerNew {

    flex-direction: column-reverse;
  }
} */

@media screen and (max-width: 768px) {
  .fontDmSans {
    /* font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important;  */
    letter-spacing: -0.011em;
    text-align: left !important;
    width: 312px !important;
    /* margin: 0px !important; */
    margin-bottom: 24px;
    margin-top: 24px;
  }
}

.discount{
  width: 60px !important;
  height: 16px !important;
  padding: 4px 8px 4px 8px !important;
  gap: 10px !important;
  border-radius: 8px 8px 8px 8px !important;
  opacity: 0p !important;
  background: #019301 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 12px !important;
  text-align: left !important;
  color: #FFF;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.pricePerSqft{
  margin-right: 8px !important;
}

.offerBox2{
  padding: 24px !important;
  border-radius: 8px !important;
  opacity: 0px !important;
  text-align: "left" !important;
  color: "#1f1f1f" !important; 
  border: "1px solid #E0E0E0" !important;
  width: 100% !important;
  height: 180px !important;
}

.want-to-buy3{
  height: 48px !important;
  border-radius: 8px !important;
  opacity: 0px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0px !important;
  color: #FFFFFF !important;
}

.deletedPrice{
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  color: #BDBDBD !important;
}
.snapshotCards {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 100%;
  height: 384px !important;
}

@media (max-width: 768px) {
  .snapshotCards {
    padding: 15px;
    height: 230px !important;
  }
}

@media (max-width: 576px) {
  .snapshotCards {
    padding: 10px;
    margin-bottom: 15px;
  }
}
.estdCost {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.estimatedCostText {
    color:#F15A29;
    font-weight:600;
    font-size:25px
}
.floor-plan-revamp-city-dropdown{
    color:#F15A29;
    margin:0 .5rem;
    border-color:#DFE0E7;
    border-radius:4px;
    padding:.25rem .25rem;
    font-size:.7rem;
    width:unset
}
.fixed-button {
    position: fixed;
    bottom: 1.5%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* right: 20px;  */
    /* padding: 10px 20px; */
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: none;
    cursor: pointer;
    z-index: 10; 
    width: 90%;
    /* margin: 0 2rem; */
    border-radius: 6px;
}

.fixed-button:hover {
    background-color: #0056b3;
}
.ant-modal-content {
    border-radius: 10px !important;
}
@media(max-width:700px){
    .estimatedCostText {
        color:#F15A29;
        font-weight:600;
        font-size:18px
    }
    .floor-plan-revamp-city-dropdown{
        color:#F15A29;
        margin:0 .5rem;
        border-color:#DFE0E7;
        border-radius:4px;
        padding:.25rem .25rem;
        font-size:inherit !important;
        width: 8.4rem;
    }
}
/* @media(max-width:373px){
    .floor-plan-revamp-city-dropdown{
        color:#F15A29;
        margin:0 .5rem;
        border-color:#DFE0E7;
        border-radius:4px;
        padding:.25rem .25rem;
        font-size:inherit !important;
        width: 7rem;
    }
    .floor-plan-revamp-text{
        font-size: 14px;
    }
    .estimatedCostText {
        color:#F15A29;
        font-weight:600;
        font-size:14px
    }
} */

/* @media(max-width:327px){
    .floor-plan-revamp-city-dropdown{
        color:#F15A29;
        margin:0 .5rem;
        border-color:#DFE0E7;
        border-radius:4px;
        padding:.25rem .25rem;
        font-size:inherit !important;
        width: 6.5rem;
    }
    .floor-plan-revamp-text{
        font-size: 12px;
    }
    .estimatedCostText {
        color:#F15A29;
        font-weight:600;
        font-size:12px
    }
} */
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-section-with-icon-grids {
  padding-bottom: 0.5rem; }
  .bb-section-with-icon-grids .main-title {
    width: 12.5rem;
    margin-bottom: 2rem; }
  .bb-section-with-icon-grids__item {
    width: 50% !important;
    flex-basis: 50% !important;
    margin-bottom: 2rem !important; }
    .bb-section-with-icon-grids__item__icon {
      width: 2rem;
      height: 2rem;
      margin-bottom: 0.25rem;
      font-size: 2rem;
      display: block; }
    .bb-section-with-icon-grids__item__text {
      margin-bottom: 0; }
      @media (min-width: 1024px) {
        .bb-section-with-icon-grids__item__text {
          max-width: 16.5rem; } }
      @media (min-width: 1200px) {
        .bb-section-with-icon-grids__item__text {
          max-width: 10.4rem;
          font-size: 0.7rem; } }

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bb-referral .share-icons-container {
  align-items: center;
  justify-content: center; }
  .bb-referral .share-icons-container span {
    margin-left: .5rem;
    margin-bottom: 1rem; }

.bb-referral .otp-box {
  display: block;
  position: relative; }

.bb-referral .link-copied-animation {
  height: 0;
  overflow: hidden;
  animation: fadein 3s;
  -webkit-animation: fadein 3s; }
  .bb-referral .link-copied-animation .icon-check {
    margin: .2rem; }

@keyframes fadein {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.form__field_new {
  background: #F4F4F4; }

.ant-select-selection {
  background: #F4F4F4; }

.form__label {
  line-height: initial; }

@media (max-width: 500px) {
  .form__label {
    line-height: 1 !important; } }

.ty-img {
  width: 125px;
  height: 84px;
  margin-bottom: 24px; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title, .bb-stepper .bb-steps {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block, .bb-stepper .bb-steps .bb-step .step-title, .bb-stepper .bb-steps .contactless-bb-step .step-title {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-stepper-slider {
    width: 68%;
    margin: 0 auto; } }

.bb-stepper-slider .bb-stepper__cards {
  width: calc(100% + 15px);
  margin-right: -0.9375rem; }
  .bb-stepper-slider .bb-stepper__cards .bb-stepper__card {
    width: 16.125rem;
    margin-bottom: 1.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card:not(:last-child) {
      padding-right: 0.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
      border-radius: 0;
      border: solid 1px rgba(243, 67, 28, 0.15);
      width: 100%; }
      @media (min-width: 575px) {
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
          min-height: unset; } }
      .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
        padding: 1rem 0.75rem 1.5rem 2.5rem; }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            min-height: 6.75rem; } }
        @media (min-width: 575px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            display: flex; } }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            padding: 1.4rem 1.4rem 1.4rem 2.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
          position: relative;
          margin-bottom: 0.5rem;
          font-size: 1.125rem;
          font-weight: bold; }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
              font-size: 0.9rem; } }
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
            margin-right: 0.625rem;
            position: absolute;
            left: -1.8125rem; }
            @media (min-width: 1200px) {
              .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
                left: -1.45rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
          margin-bottom: 1.375rem; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              margin-bottom: 0px; } }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              font-size: 0.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
          font-size: 0.75rem;
          font-weight: bold;
          letter-spacing: 0.0625rem;
          justify-content: flex-start !important; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
              min-width: 8.75rem;
              display: flex;
              align-items: center;
              justify-content: center;
              justify-content: center !important;
              border-left: solid 0.0625rem rgba(53, 47, 34, 0.1);
              margin-left: 0.625rem; } }

.bb-stepper-slider .bb-stepper__main-image {
  margin: 1rem 0; }
  .bb-stepper-slider .bb-stepper__main-image .fade {
    opacity: 0;
    transition: all 0.2s ease-in;
    transform: translateY(8px); }

.bb-stepper .bb-steps {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1rem; }
  .bb-stepper .bb-steps .bb-step {
    width: calc(100% / 6);
    opacity: 0.7;
    padding-right: 0.625rem;
    position: relative; }
    .bb-stepper .bb-steps .bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      border-bottom: 0.1125rem dashed #1d1a12;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .bb-step:last-child {
      width: auto; }
    .bb-stepper .bb-steps .bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      .bb-stepper .bb-steps .bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
  .bb-stepper .bb-steps .contactless-bb-step {
    width: calc(100% / 8);
    opacity: 0.7;
    padding-right: 1.875rem;
    position: relative; }
    .bb-stepper .bb-steps .contactless-bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .contactless-bb-step::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .contactless-bb-step:not(:last-child)::after {
      border-bottom: 0.1125rem dashed #1d1a12; }
    .bb-stepper .bb-steps .contactless-bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .contactless-bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .contactless-bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .contactless-bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.25rem; } }
      .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .step-title {
          font-size: 0.375rem; } }
    @media (max-width: 768px) {
      .bb-stepper .bb-steps .contactless-bb-step {
        width: calc(100% / 8.5);
        padding-right: 0.625rem; } }

.section-margin-top {
  margin-top: 2rem; }

.section-padding-top {
  padding-top: 2rem !important; }
  @media (max-width: 768px) {
    .section-padding-top {
      padding-top: 2rem; } }

.bb-timeline-swiper-wrapper {
  overflow-x: hidden; }
  @media (min-width: 768px) {
    .bb-timeline-swiper-wrapper {
      max-width: 30rem;
      margin-right: auto;
      margin-left: auto; } }
  @media (min-width: 1024px) {
    .bb-timeline-swiper-wrapper {
      max-width: 36.3rem; } }
  .bb-timeline-swiper-wrapper .bb-stepper__main-image {
    margin-bottom: 1.25rem; }
    @media (min-width: 768px) {
      .bb-timeline-swiper-wrapper .bb-stepper__main-image {
        max-width: 20rem;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 1024px) {
      .bb-timeline-swiper-wrapper .bb-stepper__main-image {
        max-width: 18rem;
        width: 100%;
        margin-right: 1.2rem; } }
  .bb-timeline-swiper-wrapper .bb-timeline-swiper {
    padding-top: 0.375rem; }
    @media (min-width: 1024px) {
      .bb-timeline-swiper-wrapper .bb-timeline-swiper {
        padding-top: 2rem; } }
    @media (min-width: 1200px) {
      .bb-timeline-swiper-wrapper .bb-timeline-swiper {
        padding-top: 4rem; } }
    .bb-timeline-swiper-wrapper .bb-timeline-swiper .card {
      border: none; }
      .bb-timeline-swiper-wrapper .bb-timeline-swiper .card .card-body {
        padding: 0;
        text-align: center; }
        @media (min-width: 1024px) {
          .bb-timeline-swiper-wrapper .bb-timeline-swiper .card .card-body {
            display: flex; } }
        .bb-timeline-swiper-wrapper .bb-timeline-swiper .card .card-body .card-title {
          font-size: 1.125rem;
          font-weight: bold;
          margin-bottom: 0.5rem; }
          @media (min-width: 1024px) {
            .bb-timeline-swiper-wrapper .bb-timeline-swiper .card .card-body .card-title {
              font-size: 0.9rem;
              margin-bottom: 0.35rem; } }
        .bb-timeline-swiper-wrapper .bb-timeline-swiper .card .card-body .card-text {
          font-size: 0.875rem;
          line-height: 1.29;
          max-width: 100%;
          margin: 0 auto; }
          @media (min-width: 1024px) {
            .bb-timeline-swiper-wrapper .bb-timeline-swiper .card .card-body .card-text {
              max-width: 100%;
              font-size: 0.7rem; } }
        @media (min-width: 1024px) {
          .bb-timeline-swiper-wrapper .bb-timeline-swiper .card .card-body .wrapper {
            display: flex;
            justify-content: center;
            flex-direction: column;
            text-align: left;
            max-width: 35%; } }
  .bb-timeline-swiper-wrapper .swiper-pagination {
    position: unset;
    padding-top: 0.375rem; }
    .bb-timeline-swiper-wrapper .swiper-pagination.swiper-pagination-bullets {
      bottom: 0.5rem; }
      .bb-timeline-swiper-wrapper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 1.1875rem;
        height: 0.125rem;
        opacity: 0.4;
        background-color: #352f22;
        border-radius: 0; }
        .bb-timeline-swiper-wrapper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
          opacity: 1; }
  .bb-timeline-swiper-wrapper .bb-stepper .bb-steps .bb-step:not(:last-child) {
    width: calc(90% / 7); }
  .bb-timeline-swiper-wrapper .bb-stepper .bb-steps .bb-step.active .bb-step-btn {
    background-color: #1d1a12; }
  .bb-timeline-swiper-wrapper .bb-stepper .bb-steps .bb-step .bb-step-btn {
    background-color: #fff; }
    .bb-timeline-swiper-wrapper .bb-stepper .bb-steps .bb-step .bb-step-btn:hover {
      background-color: #1d1a12; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-recognization {
  overflow: hidden; }
  .bb-recognization a {
    text-decoration: none !important; }
  .bb-recognization .main-title {
    margin-bottom: 2rem; }
  @media (min-width: 769px) {
    .bb-recognization .bb-scroller .bb-scroller-item {
      width: calc(100% / 2);
      flex-basis: calc(100% / 2);
      margin-bottom: 0.6rem; } }
  @media (min-width: 1200px) {
    .bb-recognization .bb-scroller .bb-scroller-item {
      width: calc(100% / 4);
      flex-basis: calc(100% / 4); } }
  .bb-recognization .bb-scroller .bb-scroller-item a {
    height: 100%; }
  .bb-recognization .news-card {
    height: 260px; }
    @media (max-width: 768px) {
      .bb-recognization .news-card {
        height: 200px; } }
  .bb-recognization .card {
    border: solid 1px rgba(243, 67, 28, 0.15);
    border-radius: 0;
    padding: 0 1rem 1.5rem 1rem;
    height: 100%; }
    @media (min-width: 1200px) {
      .bb-recognization .card {
        padding: 0 0.8rem 0.8rem; } }
    .bb-recognization .card .card-title {
      margin-bottom: 1.125rem; }
    .bb-recognization .card .card-body {
      padding: 0; }
      .bb-recognization .card .card-body img {
        width: auto;
        max-width: 8.75rem; }
    .bb-recognization .card .card-text {
      font-size: 0.875rem;
      line-height: 1.5; }
      @media (min-width: 1200px) {
        .bb-recognization .card .card-text {
          font-size: 0.8rem; } }
  .bb-recognization .swiper-pagination--bars {
    position: unset;
    padding-top: 1rem;
    bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-recognization .swiper-pagination--bars {
        padding-top: 1.6rem; } }
    .bb-recognization .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-recognization .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1200px) {
  .bb-packages {
    text-align: center; } }

.bb-packages .main-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-packages .main-title {
      margin-bottom: 0.6rem; } }

.bb-packages .section-subtitle {
  z-index: 0; }
  @media (min-width: 1200px) {
    .bb-packages .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }

.bb-packages .accordion {
  margin: 0 -0.4375rem 1.75rem; }
  @media (min-width: 1200px) {
    .bb-packages .accordion {
      margin: 0 0 2rem; } }

.bb-packages .list .list-item {
  padding: 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.29;
  text-align: left; }
  .bb-packages .list .list-item .icon {
    font-size: 1.3125rem;
    font-weight: bold;
    margin-right: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.bb-packages .bb-packages-list__item {
  display: none; }
  @media (min-width: 1200px) {
    .bb-packages .bb-packages-list__item {
      display: block; } }
  .bb-packages .bb-packages-list__item.active {
    display: block;
    transition-delay: 0.3s;
    transition: all 0.3s ease; }

.bb-packages .bb-range-slider {
  padding: 0 0.125rem 1rem;
  overflow: hidden;
  margin-bottom: 2.6875rem; }
  @media (min-width: 1200px) {
    .bb-packages .bb-range-slider {
      display: none; } }

.bb-packages .bb-package-swiper {
  overflow: visible; }
  @media (min-width: 768px) {
    .bb-packages .bb-package-swiper {
      overflow: hidden;
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }

@media (min-width: 1200px) {
  .bb-packages .bb-package-selected {
    background-color: #f15a29;
    color: #fff;
    margin-bottom: 0;
    padding: 0.8rem;
    text-align: left; } }

@media (max-width: 767px) {
  .bb-packages .bb-package-selected {
    font-weight: bold;
    font-size: 1.15rem; } }

.bb-packages .bb-current-location {
  margin-bottom: 0.625rem;
  align-items: center; }
  @media (min-width: 768px) {
    .bb-packages .bb-current-location {
      margin-bottom: 1rem; } }
  @media (min-width: 1200px) {
    .bb-packages .bb-current-location {
      justify-content: center; } }
  .bb-packages .bb-current-location .section-subtitle {
    width: unset !important; }

@media (min-width: 768px) {
  .bb-package-description {
    color: white; } }

.accordion.contact-section {
  background-color: #fff;
  padding: 0rem 0px 1rem;
  text-align: center;
  margin-bottom: 0.5rem; }

.contact-message {
  font-size: 14px;
  text-align: center;
  padding-top: 1rem; }

.divider {
  margin: 0px; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-list {
  margin-bottom: 2rem; }
  .bb-list .list {
    position: relative;
    padding-left: 0.875rem;
    font-size: 0.875rem;
    line-height: 1.29; }
    @media (min-width: 1200px) {
      .bb-list .list {
        font-size: 0.7rem; } }
    .bb-list .list:not(:last-child) {
      margin-bottom: 1rem; }
    .bb-list .list::before {
      width: 0.375rem;
      height: 0.375rem;
      content: "";
      position: absolute;
      background-color: #f15a29;
      left: 0;
      top: 0.25rem; }
    .bb-list .list strong {
      display: inline;
      font-weight: bolder; }
  .bb-list--no-bullets {
    margin-bottom: 0;
    margin-top: 2rem; }
    @media (min-width: 1200px) {
      .bb-list--no-bullets {
        margin-top: 0; } }
    .bb-list--no-bullets .list {
      padding-left: 0; }
      .bb-list--no-bullets .list:not(:last-child) {
        margin-bottom: 2rem; }
      .bb-list--no-bullets .list .bb-list-title {
        display: block;
        margin-bottom: 0.5rem; }
      .bb-list--no-bullets .list::before {
        display: none; }


.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.bb-all-questions .main-title {
  margin-bottom: 2rem; }

.bb-all-questions .subtitle {
  margin-bottom: 1.25rem; }

@media (min-width: 1200px) {
  .bb-all-questions .wrapper {
    display: flex; }
    .bb-all-questions .wrapper > div {
      flex-basis: 100% / 3; } }

@media (min-width: 1200px) {
  .bb-all-questions .wrapper-50 {
    flex: 0.5; }
    .bb-all-questions .wrapper-50 > div li {
      height: 8rem;
      flex-basis: 60%; }
      .bb-all-questions .wrapper-50 > div li .hyd_office {
        width: 11rem; } }

.deduction-table {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 10px;
  text-align: center; }

.deduction-table tr td, .deduction-table th {
  border: 1px solid black;
  padding: 3px; }

.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: none; }

.affiliate-terms h1 {
  font-size: .9rem;
  letter-spacing: .02rem;
  padding: .2rem; }

.mobile-padding-faq {
  padding-top: unset; }
  @media (max-width: 700px) {
    .mobile-padding-faq {
      padding-top: 5.5rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-how-it-works-wrapper {
    max-width: 34.25rem;
    margin: 0 auto 4rem; } }

.bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step {
  margin-bottom: 2.5625rem;
  padding-left: 2.375rem;
  position: relative; }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step:not(:last-child)::before {
    position: absolute;
    width: 0.125rem;
    height: 0;
    border-left: 0.09375rem dashed #f15a29;
    content: '';
    left: 0.75rem;
    top: 2rem;
    opacity: 0;
    transition: height 0.5s ease-in;
    transition-delay: 1s; }
    @media (min-width: 768px) {
      .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step:not(:last-child)::before {
        left: 1.15rem; } }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.aos-animate:not(:last-child)::before {
    height: 100%;
    opacity: 1; }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step:last-child {
    transform: translateY(-8px);
    margin-bottom: 0 !important; }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title {
    margin-bottom: 1.4375rem;
    transform: translateX(-38px);
    width: calc(100% + 38px); }
    @media (min-width: 1200px) {
      .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title {
        left: 1rem;
        margin-bottom: 1.6rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .bb-how-it-works-step-count {
      margin-right: 0.6875rem;
      width: 1.625rem;
      height: 1.625rem;
      border: solid 0.09375rem #f15a29;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 0.875rem; }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .bb-how-it-works-step-title-text {
      margin-right: auto; }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .bb-how-it-works-step-title-text {
          font-size: 1rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .small {
      opacity: 0.6; }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .small {
          font-size: 0.7rem; } }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status {
    padding: 1.5rem;
    background-color: #f15a29;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-bottom: 2rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    line-height: normal; }
    @media (min-width: 1200px) {
      .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -0.25rem;
        font-size: 0.9rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status::before {
      left: 1.6875rem;
      height: calc(100% + 39px);
      top: -0.3125rem;
      opacity: 0;
      transition: height 0.5s ease-in;
      transition-delay: 1s; }
      @media (min-width: 768px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status::before {
          left: 2.1rem; } }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status::before {
          left: 1.4rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status.aos-animate:not(:last-child)::before {
      height: calc(100% + 39px);
      opacity: 1; }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status .round-tick {
      display: block;
      width: 2.25rem;
      height: 2.25rem;
      background-color: #fff;
      border-radius: 50%;
      margin: 0 auto 0.75rem;
      color: #f15a29;
      font-size: 1.5625rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status .round-tick {
          margin: 0;
          z-index: 5;
          width: 1.6rem;
          height: 1.6rem;
          font-size: 1.15rem;
          margin-right: 0.8rem; } }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .badge {
    height: 1.3125rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.625rem;
    font-weight: bold;
    line-height: 1.3;
    border-radius: 0;
    margin-top: 0.5rem; }
  @media (min-width: 1024px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step__image {
      min-width: 50%;
      max-width: 50%; } }
  @media (min-width: 1200px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step__image {
      min-width: 15rem;
      max-width: 15rem; } }
  @media (min-width: 1200px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step__detail {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-list .list {
      font-size: 0.78rem;
      margin-bottom: 0.8rem; } }
  @media (min-width: 1024px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .wrapper {
      display: flex; } }



.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-how-it-works-wrapper {
    max-width: 34.25rem;
    margin: 0 auto 4rem; } }

.bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step {
  margin-bottom: 2.5625rem;
  padding-left: 2.375rem;
  position: relative; }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step:not(:last-child)::before {
    position: absolute;
    width: 0.125rem;
    height: 0;
    border-left: 0.09375rem dashed #f15a29;
    content: '';
    left: 0.75rem;
    top: 2rem;
    opacity: 0;
    transition: height 0.5s ease-in;
    transition-delay: 1s; }
    @media (min-width: 768px) {
      .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step:not(:last-child)::before {
        left: 1.15rem; } }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.aos-animate:not(:last-child)::before {
    height: 100%;
    opacity: 1; }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step:last-child {
    transform: translateY(-8px);
    margin-bottom: 0 !important; }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title {
    margin-bottom: 1.4375rem;
    transform: translateX(-38px);
    width: calc(100% + 38px); }
    @media (min-width: 1200px) {
      .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title {
        left: 1rem;
        margin-bottom: 1.6rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .bb-how-it-works-step-count {
      margin-right: 0.6875rem;
      width: 1.625rem;
      height: 1.625rem;
      border: solid 0.09375rem #f15a29;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 0.875rem; }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .bb-how-it-works-step-title-text {
      margin-right: auto; }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .bb-how-it-works-step-title-text {
          font-size: 1rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .small {
      opacity: 0.6; }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-how-it-works-step__title .small {
          font-size: 0.7rem; } }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status {
    padding: 1.5rem;
    background-color: #f15a29;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-bottom: 2rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    line-height: normal; }
    @media (min-width: 1200px) {
      .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -0.25rem;
        font-size: 0.9rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status::before {
      left: 1.6875rem;
      height: calc(100% + 39px);
      top: -0.3125rem;
      opacity: 0;
      transition: height 0.5s ease-in;
      transition-delay: 1s; }
      @media (min-width: 768px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status::before {
          left: 2.1rem; } }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status::before {
          left: 1.4rem; } }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status.aos-animate:not(:last-child)::before {
      height: calc(100% + 39px);
      opacity: 1; }
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status .round-tick {
      display: block;
      width: 2.25rem;
      height: 2.25rem;
      background-color: #fff;
      border-radius: 50%;
      margin: 0 auto 0.75rem;
      color: #f15a29;
      font-size: 1.5625rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 1200px) {
        .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step.status .round-tick {
          margin: 0;
          z-index: 1;
          width: 1.6rem;
          height: 1.6rem;
          font-size: 1.15rem;
          margin-right: 0.8rem; } }
  .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .badge {
    height: 1.3125rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.625rem;
    font-weight: bold;
    line-height: 1.3;
    border-radius: 0;
    margin-top: 0.5rem; }
  @media (min-width: 1024px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step__image {
      min-width: 50%;
      max-width: 50%; } }
  @media (min-width: 1200px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step__image {
      min-width: 15rem;
      max-width: 15rem; } }
  @media (min-width: 1200px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step__detail {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .bb-list .list {
      font-size: 0.78rem;
      margin-bottom: 0.8rem; } }
  @media (min-width: 1024px) {
    .bb-how-it-works-wrapper .bb-how-it-works-steps .bb-how-it-works-step .wrapper {
      display: flex; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

* {
  box-sizing: border-box; }

.home {
  margin-top: 2rem; }

@media (max-width: 1200) {
  .home {
    margin-top: 2rem; } }

.bb-diwali-offer-banner {
  font-size: 2rem; }
  @media (max-width: 739px) {
    .bb-diwali-offer-banner {
      font-size: 1.5rem;
      padding-top: 0 !important; } }

@media screen and (max-width: 739px) and (orientation: landscape) {
  body {
    height: calc(100vh - 5rem); } }

@media screen and (max-width: 739px) and (orientation: portrait) {
  .main-swiper {
    height: calc(100vw - 5rem); } }

@media screen and (max-width: 739px) and (orientation: landscape) {
  .main-swiper {
    height: calc(100vh - 5rem); } }

@media screen and (max-width: 739px) {
  .bb-site-logo {
    width: 100%; } }

.swiper-img {
  padding-top: 0rem !important; }
  @media screen and (max-width: 739px) {
    .swiper-img {
      margin-top: 0rem !important; } }

.title-main {
  font-size: 1.3rem;
  padding-top: 1rem;
  line-height: 1.29;
  color: #f15a29; }

.how-nav {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.6rem;
  margin-top: 1rem; }
  .how-nav :hover {
    cursor: pointer; }
  @media screen and (max-width: 739px) {
    .how-nav {
      padding-left: 0; }
      .how-nav :hover {
        cursor: pointer; } }

.how-nav-link:hover {
  color: #f15a29;
  text-decoration: none;
  background-color: transparent; }

.how-nav-item {
  background-color: #f15a29;
  margin-left: 1.1rem;
  margin-right: 3rem;
  box-shadow: 6px 12px 5px -1px darkgray;
  width: 15rem; }
  @media (min-width: 1200px) {
    .how-nav-item {
      margin-right: 1.3rem;
      width: 15rem; } }
  @media screen and (max-width: 768px) {
    .how-nav-item {
      margin: 0.5rem 0.3rem; } }

.how-lets-build-shadow {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold; }
  .how-lets-build-shadow:hover {
    box-shadow: none;
    text-decoration: none; }
  @media screen and (max-width: 739px) {
    .how-lets-build-shadow {
      background-image: none !important;
      background-color: #f15a29 !important;
      box-shadow: 0px 0px 0px 0px !important;
      padding-left: 1px;
      padding-right: 1px; } }

.how-button {
  font-size: 0.7rem;
  padding: 0.7rem;
  width: 15rem;
  text-align: center; }
  .how-button :hover {
    cursor: pointer; }
  @media screen and (max-width: 739px) {
    .how-button {
      line-height: 1.5rem;
      padding: 0.625rem;
      width: 8rem;
      text-align: center; } }

.advantage-illustration-container {
  display: flex;
  background: #fff6f5;
  padding: 1.3rem 2rem;
  align-items: center; }
  @media screen and (max-width: 739px) {
    .advantage-illustration-container {
      flex-direction: column; } }
  @media only screen and (min-device-width: 319px) and (max-device-width: 739px) and (orientation: landscape) {
    .advantage-illustration-container {
      flex-direction: column; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .advantage-illustration-container {
      flex-direction: column; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .advantage-illustration-container {
      flex-direction: column; } }
  .advantage-illustration-container-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 1.5rem; }
    .advantage-illustration-container-item-image img {
      width: 5rem; }
    .advantage-illustration-container-item-title {
      text-align: center;
      padding-top: 1rem; }

.lp2-nav-item {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  font-size: 0.8rem; }
  .lp2-nav-item :hover {
    cursor: pointer;
    color: #f15a29; }

.section-subtitle {
  width: 100%;
  font-family: inherit; }
  @media screen and (max-width: 739px) {
    .section-subtitle {
      font-size: 1rem; } }

.main-section {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important; }
  @media screen and (max-width: 1024px) {
    .main-section {
      padding-bottom: 3rem !important;
      padding-top: 3rem !important; } }

.lp2-footer {
  border-top: 2px solid white;
  height: calc((0.8px + 0.05335vmin) * 50);
  position: fixed;
  bottom: calc((0.8px + 0.05335vmin) * 0);
  left: 0;
  width: 100%;
  z-index: 1000; }

.modal-icon-div {
  padding-bottom: 2rem !important;
  padding-top: 1.5rem !important; }

.avail_offer {
  padding-top: calc((0.8px + 0.05335vmin) * 30); }

.big_screen {
  position: absolute;
  right: 30.5rem;
  margin-top: 15rem;
  background-color: white;
  top: -1rem; }
  @media only screen and (max-width: 1200px) {
    .big_screen {
      margin-top: 16rem; } }

.bold {
  font-weight: 500;
  font-size: 20px; }

.resize {
  height: 90%;
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  @media (max-width: 739px) {
    .resize {
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  .resize .text {
    position: relative;
    padding-left: 0.875rem;
    font-size: 0.875rem;
    line-height: 1.29; }

.luxury-banner {
  height: 100%;
  width: 100%;
  max-width: unset; }
  @media (max-width: 922px) {
    .luxury-banner {
      width: 100%; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title, .bb-stepper .bb-steps {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block, .bb-stepper .bb-steps .bb-step .step-title, .bb-stepper .bb-steps .contactless-bb-step .step-title {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-stepper-slider {
    width: 68%;
    margin: 0 auto; } }

.bb-stepper-slider .bb-stepper__cards {
  width: calc(100% + 15px);
  margin-right: -0.9375rem; }
  .bb-stepper-slider .bb-stepper__cards .bb-stepper__card {
    width: 16.125rem;
    margin-bottom: 1.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card:not(:last-child) {
      padding-right: 0.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
      border-radius: 0;
      border: solid 1px rgba(243, 67, 28, 0.15);
      width: 100%; }
      @media (min-width: 575px) {
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
          min-height: unset; } }
      .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
        padding: 1rem 0.75rem 1.5rem 2.5rem; }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            min-height: 6.75rem; } }
        @media (min-width: 575px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            display: flex; } }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            padding: 1.4rem 1.4rem 1.4rem 2.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
          position: relative;
          margin-bottom: 0.5rem;
          font-size: 1.125rem;
          font-weight: bold; }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
              font-size: 0.9rem; } }
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
            margin-right: 0.625rem;
            position: absolute;
            left: -1.8125rem; }
            @media (min-width: 1200px) {
              .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
                left: -1.45rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
          margin-bottom: 1.375rem; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              margin-bottom: 0px; } }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              font-size: 0.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
          font-size: 0.75rem;
          font-weight: bold;
          letter-spacing: 0.0625rem;
          justify-content: flex-start !important; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
              min-width: 8.75rem;
              display: flex;
              align-items: center;
              justify-content: center;
              justify-content: center !important;
              border-left: solid 0.0625rem rgba(53, 47, 34, 0.1);
              margin-left: 0.625rem; } }

.bb-stepper-slider .bb-stepper__main-image {
  margin: 1rem 0; }
  .bb-stepper-slider .bb-stepper__main-image .fade {
    opacity: 0;
    transition: all 0.2s ease-in;
    transform: translateY(8px); }

.bb-stepper .bb-steps {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1rem; }
  .bb-stepper .bb-steps .bb-step {
    width: calc(100% / 6);
    opacity: 0.7;
    padding-right: 0.625rem;
    position: relative; }
    .bb-stepper .bb-steps .bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      border-bottom: 0.1125rem dashed #1d1a12;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .bb-step:last-child {
      width: auto; }
    .bb-stepper .bb-steps .bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      .bb-stepper .bb-steps .bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
  .bb-stepper .bb-steps .contactless-bb-step {
    width: calc(100% / 8);
    opacity: 0.7;
    padding-right: 1.875rem;
    position: relative; }
    .bb-stepper .bb-steps .contactless-bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .contactless-bb-step::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .contactless-bb-step:not(:last-child)::after {
      border-bottom: 0.1125rem dashed #1d1a12; }
    .bb-stepper .bb-steps .contactless-bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .contactless-bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .contactless-bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .contactless-bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.25rem; } }
      .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .step-title {
          font-size: 0.375rem; } }
    @media (max-width: 768px) {
      .bb-stepper .bb-steps .contactless-bb-step {
        width: calc(100% / 8.5);
        padding-right: 0.625rem; } }

.bb-how-it-works {
  overflow: hidden;
  text-align: left; }
  @media (min-width: 1200px) {
    .bb-how-it-works {
      text-align: center; } }
  .bb-how-it-works .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-how-it-works .section-title {
        margin-bottom: 0.6rem; } }
  @media (min-width: 1200px) {
    .bb-how-it-works .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }
  .bb-how-it-works .bb-stepper .bb-steps .bb-step {
    text-align: left; }
  @media (min-width: 768px) {
    .bb-how-it-works .bb-stepper__main-image {
      max-width: 70%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1200px) {
    .bb-how-it-works .bb-stepper__main-image {
      max-width: 74%;
      margin: 0.2rem auto; } }
  .bb-how-it-works .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
    text-align: left; }

/* *{
    color: #1f1f1f !important;
} */

.noc-floorplan-container {
    width: 100% !important;
    height: 100% !important;
    top: 2022px !important;
    padding: 72px 532px 72px 132px !important;
    gap: 24px !important;
    opacity: 0px !important;

}

@media (max-width: 768px) {
    .noc-floorplan-container{
        width: 100%;
        height: Hug (592px)px;
        top: 3034px !important;
        padding: 48px 24px 48px 24px !important;
        gap: 24px !important;
        opacity: 0px !important;

    }
    
}

.noc-floorplan-header {
    width: 100% !important;
    height: 100% !important;
    gap: 16px !important;
    opacity: 0px !important;
}

@media (max-width: 768px) {
    .noc-floorplan-header{
        /* font-size: 24px !important; */
        /* font-weight: 600 !important; */
        /* line-height: 30px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;        
            }
}

.noc-floorplan-header span {
    color: green !important;
}

.noc-floorplan-subtitle {
    /* font-size: 14px !important; */
    /* font-weight: 400 !important; */
    /* line-height: 18px !important; */
    text-align: right !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
}

@media (max-width: 768px) {
    .noc-floorplan-subtitle {
    /* font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important; */
    text-align: right !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
        
        }
}

.noc-package {
    border-bottom: 1px solid #E0E0E0 !important;
    padding: 10px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.noc-package:last-child {
    border-bottom: none !important;
}

.noc-package h4 {
    /* font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 0px !important;
}

@media (max-width: 768px) {
    .noc-package h4 {
        /* font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;

    }
}

.noc-package-description {
    /* font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 0px !important;
}

@media (max-width: 768px) {
    .noc-package-description {
        /* font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 17px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
    }
}

.noc-package-pricing {
    text-align: right !important;
}

.noc-package-pricing p {
    /* margin: 0 !important; */
}

.noc-package-pricing .current-rate {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: right !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
}

@media (max-width: 768px) {
    .noc-package-pricing .current-rate{
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: right !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
        width: 45px !important;
    }
}

.noc-package-pricing .original-rate {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: right !important;
    text-decoration-line: line-through !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    color: #BDBDBD !important;
}

@media (max-width: 768px) {
    .noc-package-pricing .original-rate {
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        text-align: right !important;
        text-decoration-line: line-through !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;

    }
}

/* Loading State */
.noc-loading {
    text-align: center !important;
    margin-top: 20px !important;
    font-size: 16px !important;
}

.discount-tag {
    height: Hug (44px)px;
    gap: 4px;
    opacity: 0px;
}

.discount-icon {
    width: 36px;
    height: 36px;
    margin-top: 3px;
    margin-left: 3px;
    gap: 0px;
    opacity: 0px;
}

@media (max-width: 768px) {
    .discount-icon {
        width: 30px !important;
        height: 30px !important;
        margin-top: 0px !important;
        margin-left: 3px !important;
        gap: 0px !important;
        opacity: 0px !important;
    }
}

.custom-design-box {
    background-color: #fdece6 !important;
    color: #1f1f1f !important;
    padding: 1rem !important;
    margin-top: 1rem !important;
    border: 1px solid #EB5D2F !important;
    border-radius: 8px !important;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 27px !important;
    text-align: left !important;

}

@media screen and (max-width: 768px) {
    .custom-design-box {
        font-size: 16px !important;
        line-height: 24px !important;
        text-align: left !important;
    }
    
}

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title, .bb-unlock-more-plans .title, .bb-floor-plans-view .bb-banner-section__title, .bb-plan-details .bb-plans-row__title, .floor-plan-image-modal .modal-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-floor-plans .more-details__list,
.bb-floor-plans-view .more-details__list, .more-details__list {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link, .bb-plan-details .bb-plans-row .bb-plans-col {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-floor-plan-lists {
  margin: 0 -0.5rem;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden; }
  .bb-floor-plan-lists.is-locked {
    min-height: 36rem;
    height: 90vh;
    overflow: hidden; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked {
        height: auto;
        min-height: 29rem; } }
    .bb-floor-plan-lists.is-locked .bb-unlock-more-plans {
      display: block; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked .bb-floor-plan-list {
        height: 25.6rem;
        overflow: hidden; } }
  @media (min-width: 768px) {
    .bb-floor-plan-lists .bb-floor-plan-list {
      margin: 0 -0.3rem; } }
  @media (min-width: 300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 1.5rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  @media (min-width: 1300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  .bb-floor-plan-lists .bb-floor-plan-list .list-item {
    flex-basis: 100%; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists .bb-floor-plan-list .list-item {
        padding: 0 0.625rem;
        margin-bottom: 0.6rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:not(:last-child) {
      margin-bottom: 0.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:last-child {
      margin-bottom: 2.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
      padding: 0.75rem;
      text-decoration: none; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item .link:hover .title {
        color: #f15a29;
        text-decoration: underline; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__details {
      max-width: 14.375rem;
      width: 100%;
      padding-right: 0.625rem; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title {
        line-height: normal;
        margin-bottom: 0; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
        margin-bottom: 1.25rem; }
        @media (min-width: 768px) {
          .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
            font-size: 0.7rem;
            margin-bottom: 1.35rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__image {
      max-width: 4.75rem;
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item--disabled {
      pointer-events: none; }

.bb-unlock-more-plans {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 1%, #ffffff);
  padding: 1.9375rem 1rem 2.1875rem; }
  .bb-unlock-more-plans .icon {
    margin-bottom: 0.9375rem;
    font-size: 2.625rem; }
  .bb-unlock-more-plans .title {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-unlock-more-plans .title {
        max-width: 16.4rem;
        font-size: 0.9rem;
        margin-right: auto;
        margin-left: auto; } }
  .bb-unlock-more-plans form {
    max-width: 17.5rem;
    margin: 0 auto; }
    .bb-unlock-more-plans form .form__group {
      padding-top: 0;
      margin-bottom: 2rem; }
    .bb-unlock-more-plans form input {
      text-align: center; }
  @media (min-width: 768px) {
    .bb-unlock-more-plans::before {
      position: absolute;
      width: 100%;
      height: 0.05rem;
      top: 0;
      left: 0;
      content: "";
      background-color: rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail:not(:last-child),
.bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail:not(:last-child),
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .bb-floor-plans .more-details__list .more-detail:not(:last-child)::after,
      .bb-floor-plans-view .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail__title,
.bb-floor-plans-view .more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.bb-floor-plans .more-details__list .more-detail__text,
.bb-floor-plans-view .more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.bb-floor-plans-view .bb-banner-section__title {
  margin-bottom: 0.25rem; }
  .bb-floor-plans-view .bb-banner-section__title.crn-number {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.1rem; } }
    @media (min-width: 1200px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.2rem; } }

.bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
  margin-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.7rem; } }

@media (min-width: 768px) {
  .bb-floor-plans-view .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.bb-floor-plans-view .more-details__list {
  flex-wrap: wrap; }
  .bb-floor-plans-view .more-details__list .more-detail {
    width: 50%;
    flex-basis: 50%;
    flex-shrink: 0;
    padding: 0 0.9375rem 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-child(odd) {
      border-right: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-left: 0; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-last-child(-n + 2) {
      border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-top: 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0; }

.bb-plan-details {
  margin-top: 2.5rem; }
  .bb-plan-details .main-title {
    margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .bb-plan-details .bb-plans-row {
      justify-content: space-between; } }
  .bb-plan-details .bb-plans-row__title {
    margin-bottom: 0.5rem; }
  .bb-plan-details .bb-plans-row .bb-plans-col {
    margin-bottom: 0.75rem;
    padding: 1.5rem 0.9375rem; }
    @media (min-width: 768px) {
      .bb-plan-details .bb-plans-row .bb-plans-col {
        max-width: calc(50% - 16px); } }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col:last-child .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
      @media (min-width: 1200px) {
        .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
          height: 23.85rem !important;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center; } }

@media (max-width: 767px) {
  .floor-plan-image-modal-wrapper {
    max-width: 18.75rem; } }

.floor-plan-image-modal .modal-title {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 0.5rem; }

@media (max-width: 768px) {
  .floor-plan-image-modal .floor-img {
    max-width: 24rem; } }

@media (min-width: 768px) {
  .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.ant-drawer-content-wrapper {
  min-height: 70vh;
  max-height: 80vh; }

.ant-drawer-content {
  border-radius: 40px 40px 0px 0px !important; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: center !important; }

.more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.btn-link-btn {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.17px;
  text-transform: uppercase;
  text-decoration: none !important; }

.noDataFound {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

@media (max-width: 700px) {
  .noDataFound {
    position: unset;
    top: unset;
    left: unset;
    transform: unset; } }

.noDataFoundText {
  width: unset;
  text-align: center; }

@media (max-width: 40em) {
  .noDataFoundText {
    width: 100%;
    text-align: center; } }

.order-form-banner {
  display: flex; }
  @media (max-width: 700px) {
    .order-form-banner {
      display: flex;
      flex-wrap: wrap; } }

.banner-div {
  width: unset; }
  @media (max-width: 700px) {
    .banner-div {
      width: "50%"; } }

.form-div {
  flex: none;
  width: 50%; }
  @media (max-width: 700px) {
    .form-div {
      width: unset;
      flex: unset; } }

.form-banner {
  border-radius: none; }
  @media (max-width: 700px) {
    .form-banner {
      border-radius: 6px; } }

.banner-mobile {
  display: none; }
  @media (max-width: 700px) {
    .banner-mobile {
      display: block; } }

.banner-web {
  display: block; }
  @media (max-width: 700px) {
    .banner-web {
      display: none; } }

.order-form-div {
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-radius: 10px;
  border: 1px #A6A6A6 solid;
  padding: 0px; }

@media (max-width: 700px) {
  .order-form-div {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
    border: 1px #A6A6A6 solid;
    padding: 0px; } }

@media (min-width: 700px) {
  .parentOfNOC {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%; } }

.ant-drawer-header {
    position: absolute;
    padding: 16px 24px;
    z-index: 99999;
    color: rgba(0, 0, 0, 0.65);
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0;
  }
  .ant-drawer-body {
     padding: 10px 0px 0px 0px !important;
     margin-top: 3rem;
     font-size: 14px;
     line-height: 1.5;
     word-wrap: break-word;
   }
.ant-tabs .ant-tabs-left-content{
    padding-left: 0px!important;
}
.ant-tabs-nav-wrap{
    background: #F7F7FC!important;
    border-radius: 5px;
    margin-top: 1.8rem;
}
.ant-tabs-nav .ant-tabs-tab-active{
    background: #FFFFFF!important;
    border-width: 1px 0px 1px 1px!important;
    border-style: solid!important;
    border-color: rgba(110, 113, 145, 0.16)!important;
    border-radius: 5px!important;
}
.ant-tabs-nav .ant-tabs-tab{
    /* font-family: 'DM Sans'; */
    /* font-style: normal; */
    font-weight: 500;
    font-size: 12px!important;
    line-height: 18px!important;
    color: #1A1617!important;
    padding: 13px 24px !important;
}
.option-text-heading{
    /* font-family: 'DM Sans'; */
    /* font-style: normal; */
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.05em;
    color: #6E7191;
}
.multi-number-checkbox .ant-checkbox .ant-checkbox-inner {
    height: 20px!important;
    width: 20px!important;
}

.option-text{
    display: flex ;
    align-items: center;
}

.ant-tabs-tabpane {
    position: fixed;
}
/* .ant-collapse-header{
    background-color: white;
}
@media(max-width:700px) {
    .ant-collapse-header{
        margin-top: 1.8rem;
    }   
}  */


.ant-collapse-content-box{
    padding: 8px 16px 16px !important;
}
/* *{
    color: #1F1F1F !important;
} */

.offer-container {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 72px 132px !important;
    gap: 32px !important;
    opacity: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: #FFF4E5 !important;
}

.offer-heading {
    /* font-size: 36px !important;
    font-weight: 600 !important;
    line-height: 44px !important; */
    text-align: left !important;
    /* margin-bottom: 0px !important; */
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    width: 100% !important;
}

.offer-section {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: space-between !important;
    border-radius: 8px 0px 0px 0px !important;
    opacity: 1 !important;
}

@media screen and (max-width: 768px) {
    
    .offer-section {
        justify-content: unset !important;
        gap: 16px !important;
    }
}

.offer-item {
    width: 376px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0px !important;
    opacity: 1 !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    background: #FFFFFF !important;
}

.offer-item img {
    width: 376px !important;
    height: 180px !important;
    gap: 0px !important;
    border-radius: 8px !important;
    opacity: 1 !important;
}

.offer-desc {
    width: 100% !important;
    padding: 0px !important;
    /* margin: 0px !important; */
    text-align: left !important;
    font-size: 14px;
    /* font-weight: 400;
    line-height: 21px; */
    text-align: left;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 400;
}

.offer-title{
    /* font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 18px !important; */
    margin-bottom: 8px ;
    margin-top: 8px ;
    text-align: left !important;
    width: 100% !important;
}

.testimonial-container {
    width: 100% !important;
    height: auto !important;
    padding: 72px 132px !important;
    gap: 24px !important;
    background: #F8F9FA !important;
    display: flex !important;
    flex-direction: column !important;
}

.testimonial-heading {
    /* font-size: 36px !important; */
    /* font-weight: 600 !important; */
    /* line-height: 30px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    /* margin-bottom: 0px !important; */
}

.testimonial-box {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    gap: 24px !important;
    justify-content: space-between !important;
}

.testimonial-item {
    width: 376px !important;
    height: auto !important;
    padding: 0px !important;
    gap: 24px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.testimonial-content {
    /* font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important; */
    text-align: left !important;
    padding: 16px 16px 0px 16px !important;
    margin: 0px;
}

.star-testimonial {
    padding-left: 16px !important;
}

.testimonial-author {
    display: flex !important;
    gap: 16px !important;
    align-items: center !important;
    padding-left: 16px !important;
    padding-bottom: 16px !important;
}

.author-image {
    width: 64px !important;
    height: 64px !important;
    border-radius: 32px !important;
    color: #000000 !important;
}

.author-name {
    /* font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 27px !important;
    margin: 0px !important; */
    color: #000000 !important;
}

.author-details {
    /* font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important; */
    color: #757575 !important;
    margin: 0px !important;
}

@media (max-width: 768px) {
    .offer-container{
        padding: 48px 24px 48px 24px !important;
        gap: 16px !important;
        opacity: 0px !important;
    }
    .offer-item{
        width: 47% !important;
        gap: 0px !important;
        opacity: 0px !important;
    }
    .offer-item img{
        width: 148px !important;
        height: 148px !important;
        border-radius: 8px !important;
        border: 1px !important;
        opacity: 0px !important;
    }
    .testimonial-container {
        padding: 48px 24px !important;
        gap: 24px !important;
        opacity: 1 !important;
    }

    .testimonial-heading {
        /* font-size: 24px !important; */
        /* font-weight: 600 !important; */
        /* line-height: 30px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
    }

    .testimonial-box {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }

    .testimonial-item {
        display: none !important;
    }

    .testimonial-item:first-child {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        padding: 16px !important;
        gap: 24px !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) !important;
    }

    .testimonial-content{
        /* font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
    }
    .author-name {
        /* font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important; */
        /* margin: 0px !important; */
    }
    .offer-heading {
        /* font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 30px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important; 

    }
    .offer-desc {
        /* font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 18px !important; */
        text-align: left !important;
        color: #424242 !important;
    }
    .offer-title{
        /* font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 21px !important; */
        text-align: left !important;
        color: #1f1f1f !important;

    }
}

@media (max-width: 768px) {
    .plan-img {
        content: url('https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/noc-images/planNOCMobile.svg');
    }
    .structure-img {
        content: url('https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/noc-images/structureNOCMobile.svg');
    }
    .mep-img {
        content: url('https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/noc-images/mepNOCMobile.svg');
    }
    .elevation-img {
        content: url('https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/noc-images/elevationNOCMobile.svg');
    }
    .pdf-img {
        content: url('https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/noc-images/pdfNOCMobile.svg');
    }
    .modification-img {
        content: url('https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/noc-images/modificationNOCMobile.svg');
    }
}


.contentFloorPlanNOC h2{
    /* font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    /* margin-bottom: 24px !important;
    margin-top: 64px !important; */
    }
    
    .contentFloorPlanNOC p{
        /* font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 27px !important; */
        text-align: left !important;
        text-underline-position: from-font !important; 
        text-decoration-skip-ink: none !important;
    }
    
    @media (max-width: 768px) {
        .contentFloorPlanNOC p{
            /* font-size: 16px !important;
            font-weight: 400 !important;
            line-height: 24px !important; */
            text-align: left !important;
            text-underline-position: from-font !important;
            text-decoration-skip-ink: none !important;        
    
        }
    }
    
    .contentFloorPlanNOC h3{
    /* font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 27px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    
    }
    
    @media (max-width: 768px) {
        .contentFloorPlanNOC h3{
            /* font-size: 16px !important;
            font-weight: 600 !important;
            line-height: 24px !important; */
            text-align: left !important;
            text-underline-position: from-font !important;
            text-decoration-skip-ink: none !important;
          
    
        }
    }
    
    .contentFloorPlanNOC {
        margin-left: 132px !important;
        margin-right: 132px !important;
        padding: 0px !important;
        margin-top: 0px !important;
        }
    .mainContentFloorPlanNOC{
        width: 776px !important;
    }
    
        @media (max-width: 768px) {
            .contentFloorPlanNOC {
                margin-left: 24px !important;
                margin-right: 24px !important;
                padding: 0px !important;
                }
                .mainContentFloorPlanNOC{
                    width: 100% !important;
                }
        }
    
.faq-footer {
    width: 776px !important;
    height: 51px !important;
    padding: 24px 0px 0px 0px !important;
    margin-bottom: 0px !important;
    gap: 10px !important;
    opacity: 1 !important; 
    /* font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 27px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-left: 132px !important;
    margin-right: 532px !important;
}

.expert-box {
    width: 100% !important;
    height: 94px !important;
    margin-top: 64px !important;
    gap: 10px !important;
    opacity: 1 !important; 
    /* font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 0px;
    margin-left: 132px !important;
    margin-right: 532px;
}

@media (max-width: 768px) {
    .faq-footer, .expert-box {
        margin-left: 24px !important;
        margin-right: 24px !important;
        max-width: 320px !important;
    }
}

@media (max-width: 768px) {
    .faq-footer {
        /* font-size: 16px !important;
        line-height: 24px !important; */
    }
}

/* @media (min-width: 768px) {
    .expert-box {
        margin-bottom: 180px;
    }
} */

.expert-box2 {
    width: 100% !important;
    height: 94px !important;
    margin-top: 16px !important;
    gap: 10px !important;
    opacity: 1 !important; 
    /* font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important; */
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

 .book-form-input{
     height: 48px!important;
     border:1px solid #E0E0E0;
     border-radius:8px;
 }
 
 .book-form-input:focus {
     border-color:  #EB5D2F;
     box-shadow: none; 
 }
 .book-form-input::placeholder {
     color: #757575; 
     font-family: DM Sans;
     font-size: 16px;
     font-weight: 400;
     line-height: 16px;
   }
 .book-free-btn{
     width: 100%;
     height: 54px;
     border-radius: 8px;
     border: 1px solid #F7F7F7;
     background-color: #EB5D2F;
     font-weight: 600;
     font-size: 18px!important;
     font-weight: 600;
 }
 .form-privacy{
     /* font-size: 14px!important;
     font-weight: 400;
     line-height: 21px; */
     color: #757575;
 }
 @media (max-width: 480px) {
     .form-container{
         border: none;
         box-shadow: none;
     }
     .book-free-btn{
         width: 100%;
         height: 48px;
         font-size: 16px!important;
         font-weight: 600;
     }
     .form-privacy{
         /* font-size: 12px!important;
         font-weight: 400;
         line-height: 18px; */
     }
 }

 .want-to-buy{
    width: 312px !important;
    height: 48px !important;
    padding: 16px 0px 0px 0px !important;
    gap: 16px !important;
    border-radius: 8px !important;
    opacity: 0px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0px !important;
    color: #FFFFFF !important;
 }

 .want-to-buy2{
    width: 100% !important;
    height: 48px !important;
    padding: 16px 0px 0px 0px !important;
    gap: 16px !important;
    border-radius: 8px !important;
    opacity: 0px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0px !important;
    color: #FFFFFF !important;
 }
 

 .sticky-button-container {
    position: fixed !important; 
    bottom: 0 !important; 
    width: 100% !important; 
    max-width: 430px !important;
    overflow-y: hidden;
    height: 88px !important; 
    padding: 20px 24px !important; 
    gap: 20px !important;
    border-radius: 8px 8px 0px 0px !important; 
    border-top: 1px solid #E0E0E0 !important;
    background-color: #ffffff !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1000 !important; 
    box-shadow: 0px -4px 10px 0px #00000040 !important;
}

/* General Body Styling */
.containerNOC {
    width: 376px !important;
    height: 156px !important;
    padding: 24px !important;
    gap: 24px !important;
    border-radius: 8px 8px 8px 8px !important;
    border: 1px 1px 1px 1px !important;
    opacity: 0px !important;
    border: 1px solid #E0E0E0 !important;    
    margin-top: 64px !important;
  }

  .payment-details img {
    width: unset !important;
    max-width: unset !important;
  }
  
  .total-price {
    font-size: 16px; /* Adjust text size */
    font-weight: 600; /* Make the text bold */
    color: #1f1f1f; /* Dark text color */
    margin-bottom: 20px; /* Add space below for separation */
  }
  
  .total-price .discount1 {
    color: #BDBDBD;
    text-decoration: line-through; 
    margin-left: 8px; 
    font-size: 12px;
    line-height: 16px;
  }
  
  .total-price .discounted-price {
    font-weight: bold;
    color: #EB5D2F; /* The color for the discounted price */
  }

  .package-details-sub{
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0% !important;
    color:#616161
  }

  .package-details-name{
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0%;
    color: #1f1f1f;
  }

  .whatsappEmailShare{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    color:#616161;
  }

  .payment-heading{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #1f1f1f  ;

  }

  .form-privacy{
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #616161;
  }

  .order-summary{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    color: #1f1f1f;
  }

  .payment-section{
    padding-top: 16px !important;
    border-top: 1px solid #E0E0E0 !important;
  }
/* *{
    color: #1f1f1f !important;
} */

.package-container {
    width: Fixed (472px)px !important;
    height: Hug (531px)px !important;
    padding: 32px 32px 32px 32px !important;
    gap: 24px !important;
    border-radius: 8px 0px 0px 0px !important;
    opacity: 0px !important;
    margin-left: 0px !important;
    color: #1f1f1f !important;
  }

  @media screen and (max-width: 768px) {
    .package-container {
      margin-left: 0px !important;
      padding: 24px !important;
    }
    
  }
  
  .package-item {
    width: Hug (153px)px !important;
    height: Hug (40px)px !important;
    gap: 16px !important;
    opacity: 0px !important;
  }
  
  .package-label {
    display: flex;
    gap: 12px;
    cursor: pointer;
    display: flex !important;
    align-items: flex-start !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    cursor: pointer !important;
    margin-bottom: 12px;
  }
  
  .package-checkbox {
    margin-top: 1.4px;
  }
  
  .package-details {
    display: flex;
    flex-direction: column;
  }
  
  .package-heading {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px !important;
    width: 200px !important;
  }
  
  .package-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 4px !important;
    width: 298px;
    color: #616161;
  }
  
  .package-rate {
    font-size: 12.9px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    text-align: right !important;
    color: #757575 !important;
  }
  
  @media screen and (max-width: 768px) {
    .package-rate {
      font-size: 12px !important;
    }
  }
  .original-rate {
    text-decoration: line-through;
    color: #999;
    margin-left: 8px;
  }
  
  .submit-button {
        width: 100%;
        height: 54px;
        border-radius: 8px;
        border: 1px solid #F7F7F7;
        background-color: #EB5D2F;
        font-weight: 600;
        font-size: 18px!important;
        font-weight: 600;

  }
  
  .submit-button:hover {
    background-color: #d1491f;
  }
  
  .privacy-policy {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;

  }
  
  .privacy-policy a {
    color: #eb5d2f;
    text-decoration: none;
  }
  
  .privacy-policy a:hover {
    text-decoration: underline;
  }

  .container-heading{
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 0px !important;
  }

  .dropdown-section {
    margin-bottom: 20px !important;
    border-radius: 4px !important;
  }
  
  .dropdown-header {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer !important;
    background: #fff !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .dropdown-content {
    padding: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    background-color: #fff !important;
  }

  .dropdown-heading {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-align: left !important;
    color: #616161 !important;
  }

  @media screen and (max-width: 768px) {
    .dropdown-heading {
      font-size: 12px !important;
      font-weight: 400 !important;
      line-height: 24px !important;
      text-align: left !important;
    }
    .package-description{
      width: 230px !important;
    }
    .package-details {
      width: 100px !important;
    }
    .package-heading {
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 14px !important;
    }
    .package-description{
      font-size: 12px !important; 
      font-weight: 400 !important;
      line-height: 16px !important;
    }
  }
.your-button-class {
    background-color: #eb5d2f;
    color: white;
    border: none;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
  }
  
  .your-button-class:hover {
    background-color: #d1491f;
  }
  
  .ant-modal-title {
    font-size: 20px;
    color: #333;
  }
  
  .ant-modal {
    border-radius: 8px;
    overflow: hidden;
  }

  .form-containerx .step-1 {
    padding: 0px !important;
  }

  .form-container{
    background: #F7F7F7;
    border: 1px solid #E0E0E0;
    padding: 24px;
    box-shadow: 0px 0px 10px 0px #0000001A;
    border-radius: 8px;
 }
 .form-title{
     /* font-size: 24px!important;
     font-weight: 600;
     line-height: 30px; */
 }
  
.project-details-section-margin {
    margin: 1rem 0;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-video-play-btn:hover {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-customers {
  overflow: hidden; }
  .bb-customers .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-customers .section-title {
        margin-bottom: 0.6rem; } }
  .bb-customers .bb-testimony-item a {
    text-decoration: none; }
  .bb-customers .bb-testimony-item__image {
    margin-bottom: 1rem;
    position: relative; }
  .bb-customers .bb-testimony-item__content .testimony__text {
    font-size: 1rem;
    line-height: 1.38;
    margin-bottom: 1rem;
    position: relative; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__text {
        font-size: 0.9rem; } }
    .bb-customers .bb-testimony-item__content .testimony__text::before {
      position: absolute;
      top: -1.4375rem;
      left: 0;
      content: "\E925";
      font-family: "icomoon";
      color: #f15a29; }
  .bb-customers .bb-testimony-item__content .testimony__user-name {
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.125rem; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-name {
        font-size: 0.8rem; } }
  .bb-customers .bb-testimony-item__content .testimony__user-designation {
    font-size: 0.875rem;
    opacity: 0.7;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-designation {
        font-size: 0.8rem; } }
  .bb-customers .swiper-pagination--bars {
    position: unset;
    padding-top: 1rem;
    bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-customers .swiper-pagination--bars {
        padding-top: 1.6rem; } }
    .bb-customers .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-customers .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.bb-video-play-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 44px;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center; }
  .bb-video-play-btn [class*=" icon-"],
  .bb-video-play-btn [class^="icon-"] {
    transition: all 0.2s ease; }
  .bb-video-play-btn:hover [class*=" icon-"],
  .bb-video-play-btn:hover [class^="icon-"] {
    transform: scale(1.2); }

@media screen and (max-width: 768px) {
  .floorPlanTitle {
    margin-left: 24px !important; } }

@media screen and (max-width: 768px) {
  .floorPlanTitle {
    margin-left: 24px !important; } }

.rel-grid-container {
    display: grid;
    grid-template-columns: auto auto;
    border-collapse: collapse; /* Collapse borders */
  }
  .rel-grid-item {
    border: 0; /* Remove borders on grid items */
    padding: .5rem;
  }
  .rel-grid-item:nth-child(odd) {
    border-right: none !important; 
  }
  .rel-grid-item:nth-child(-n+2) {
    border-bottom: none !important;
  }
 
/* .button-container {
  display: none;
} */

.rel-grid-container:hover .button-container,
.rel-grid-img:hover ~ .rel-grid-container .button-container,
.rel-grid-container:hover .rel-grid-img ~ .button-container,
.floor-plan-revamp-text:hover ~ .rel-grid-container .button-container {
  display: flex !important;
}

@media screen and (min-width: 768px) {
  .floorPlanCardNOC{
    margin-left: 0px !important;
  }
}
.grid-container-1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: fit-content;
  }
  
.grid-item-1 {
  flex: 1 0 40%; /* Each column contains 4 items (25% width) */
  padding: 10px;
  box-sizing: border-box;
  padding-left: 0px !important;
}
.grid-item-2 {
  flex: 1 0 10%; /* Each column contains 4 items (25% width) */
  padding: 10px;
  box-sizing: border-box;
}
.floor-plan-main{
  display:flex;
}
@media(max-width:700px){
  .grid-item-1 {
    flex: 1 0 100%; /* Each column contains 4 items (25% width) */
    padding: 10px;
    box-sizing: border-box;
    border-right: none !important;
  } 
  .floor-plan-main{
    display:flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}

#desktop-pdf{
  width: 100%;
  height: 100%;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .bb-package-accordian .bb-package-item {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-package-accordian {
  margin: 0 -0.5rem !important; }
  .bb-package-accordian .accordion > .card {
    padding-right: 0;
    padding-left: 0;
    background-color: transparent; }
    .bb-package-accordian .accordion > .card .card-header {
      background-color: transparent; }
      .bb-package-accordian .accordion > .card .card-header p .btn-link {
        min-height: 3.0625rem;
        padding-top: 1rem;
        padding-bottom: 0.625rem; }
        .bb-package-accordian .accordion > .card .card-header p .btn-link::after {
          top: calc(50% - 13px); }
  .bb-package-accordian .bb-package-item {
    flex-wrap: wrap;
    margin-bottom: 1rem; }
    .bb-package-accordian .bb-package-item .bb-package-item__col {
      flex-basis: 50%;
      padding: 0 0.5rem;
      display: none !important; }
      .bb-package-accordian .bb-package-item .bb-package-item__col.active {
        display: block !important; }
      .bb-package-accordian .bb-package-item .bb-package-item__col.column-one {
        order: 1; }
      .bb-package-accordian .bb-package-item .bb-package-item__col.column-two {
        order: 2; }
  .bb-package-accordian .bb-package-item .bb-package-item__col {
    display: block; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-compare-packages .wrapper {
    margin-bottom: 0.3rem; } }

.bb-compare-packages .section-subtitle {
  width: auto; }

.bb-compare-package-wrapper {
  margin-top: 2rem; }
  .bb-compare-package-wrapper .bb-compare-package-select .selectric .label {
    font-weight: bold; }
  .bb-compare-package-wrapper .bb-compare-package-select .selectric-form__field {
    border-color: #f15a29; }

.compare-package-city-description {
  padding-top: 3px !important;
  padding-bottom: unset !important; }

@media (max-width: 40em) {
  .compare-package-city-description {
    padding-top: unset !important;
    padding-bottom: 3px !important; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

@media (min-width: 1200px) {
  .bb-cost-estimator .section-subtitle {
    margin-bottom: 2.4rem !important; } }


#cover-spin {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: none; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

#cover-spin::after {
  content: '';
  display: block;
  position: absolute;
  left: 48%;
  top: 40%;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: #f15a29;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin .8s linear infinite;
  animation: spin .8s linear infinite; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.bb-oppertunity-details .bb-oppertunity-details-highlighted {
  margin-bottom: 2rem; }
  @media (min-width: 1200px) {
    .bb-oppertunity-details .bb-oppertunity-details-highlighted {
      margin-bottom: 3.2rem; } }

.bb-oppertunity-details .primary-title {
  margin-bottom: 1rem; }
  @media (min-width: 1200px) {
    .bb-oppertunity-details .primary-title {
      font-size: 1rem;
      margin-bottom: 0.8rem; } }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right;
  cursor: pointer; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      cursor: pointer;
      content: "\E945";
      font-family: "icomoon";
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

has-file-selected .bb-file-upload {
  margin-top: 1.5rem; }
  @media (min-width: 768px) {
    has-file-selected .bb-file-upload {
      margin-top: 0.4rem;
      margin-bottom: 0; } }

has-file-selected .btn-clear {
  display: block;
  top: 0.8125rem;
  font-size: 1.25rem; }
  @media (min-width: 768px) {
    has-file-selected .btn-clear {
      right: 0.8rem;
      top: 0.65rem; } }

.bb-referral .share-icons-container {
  align-items: center;
  justify-content: center; }
  .bb-referral .share-icons-container span {
    margin-left: .5rem;
    margin-bottom: 1rem; }

.bb-referral .otp-box {
  display: block;
  position: relative; }

.bb-referral .link-copied-animation {
  height: 0;
  overflow: hidden;
  animation: fadein 3s;
  -webkit-animation: fadein 3s; }
  .bb-referral .link-copied-animation .icon-check {
    margin: .2rem; }

@keyframes fadein {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.modal {
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
    .modal {
      display: flex !important;
      align-items: center;
      justify-content: center; } }
  .modal--fullsize.fade .modal-dialog {
    transform: unset !important; }
  .modal--fullsize .modal-dialog {
    height: 100%;
    transform: unset; }
    @media (min-width: 768px) {
      .modal--fullsize .modal-dialog {
        max-width: 24rem;
        height: auto; } }
    .modal--fullsize .modal-dialog .modal-content {
      height: 100%; }
      @media (min-width: 768px) {
        .modal--fullsize .modal-dialog .modal-content {
          background-color: transparent !important; } }
      .modal--fullsize .modal-dialog .modal-content .modal-header .close {
        transform: unset;
        margin: 1rem 1rem 1rem auto; }
        @media (min-width: 768px) {
          .modal--fullsize .modal-dialog .modal-content .modal-header .close {
            margin: 0.8rem 0.8rem 0 auto; } }
  .modal.fade .modal-dialog {
    transform: translate(0, 50px); }
  .modal.show {
    visibility: visible; }
    .modal.show .modal-dialog {
      transform: none; }
  @media (min-width: 768px) {
    .modal .modal-dialog:not(.full-width) {
      max-width: 18.8rem;
      width: 100%; } }
  .modal .modal-header {
    border-bottom: 1px solid rgba(29, 26, 18, 0.1);
    color: #1d1a12; }
    .modal .modal-header .close {
      border-radius: 50%;
      opacity: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1.5rem;
      height: 1.5rem;
      margin: 0;
      padding: 0;
      background-color: #f2f2f2;
      font-weight: normal;
      font-size: 30px;
      outline: none;
      transition-delay: 0.3s;
      color: #1d1a12; }
      .modal .modal-header .close span {
        line-height: 1;
        height: 1.5rem; }
      @media (max-width: 767px) {
        .modal .modal-header .close {
          background-color: #ffffff;
          margin: -1rem -1rem -1rem auto;
          width: 1.875rem;
          height: 1.875rem;
          transform: translateY(-60px) translateX(-16px);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12); }
          .modal .modal-header .close span {
            height: 1.9375rem; } }
  @media screen and (min-width: 428px) and (max-width: 728px) and (orientation: landscape) {
    .modal .modal-dialog {
      width: 60% !important; } }
  .modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    min-height: 18.375rem; }
    @media (min-width: 768px) {
      .modal .modal-dialog .modal-content {
        min-height: 15.5rem; } }
    @media screen and (min-width: 428px) and (max-width: 739px) and (orientation: landscape) {
      .modal .modal-dialog .modal-content {
        top: 0rem;
        height: 15rem; } }
  @media (max-width: 768px) {
    .modal .modal-dialog {
      bottom: 0;
      width: 100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute; } }
  @media screen and (min-width: 428px) and (max-width: 728px) and (orientation: landscape) {
    .modal .modal-dialog {
      bottom: 0;
      width: 100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute; } }
  .modal .modal-body {
    margin-top: 0.2rem;
    padding: 0 1rem;
    overflow-y: auto;
    scrollbar-color: rgba(53, 47, 34, 0.2);
    scrollbar-width: thin;
    -ms-scrollbar-face-color: rgba(53, 47, 34, 0.1);
    -ms-scrollbar-arrow-color: rgba(53, 47, 34, 0.1);
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .modal .modal-body:not(.not-theme) {
      max-height: 19.0625rem; }
    .modal .modal-body::-webkit-scrollbar {
      width: 4px; }
    .modal .modal-body::-webkit-scrollbar-track {
      background: rgba(53, 47, 34, 0.1);
      border-radius: 4px; }
    .modal .modal-body::-webkit-scrollbar-thumb {
      background: rgba(53, 47, 34, 0.2);
      border-radius: 4px; }
    .modal .modal-body::-webkit-scrollbar-thumb:hover {
      background: rgba(53, 47, 34, 0.2); }
  .modal .modal-footer {
    border-top: none;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12); }
  .modal .modal-title {
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.15;
    letter-spacing: -0.03125rem; }
    @media (min-width: 768px) {
      .modal .modal-title {
        font-size: 1.3rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center, .location-radio, .location-radio .radio {
  align-items: center !important; }

.d-flex, .location-radio, .location-radio .radio {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center, .location-radio, .location-radio .radio {
  align-items: center !important; }

.flex-column, .location-radio .radio {
  flex-direction: column !important; }

.justify-content-center, .location-radio, .location-radio .radio {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.location-radio {
  flex-wrap: wrap; }
  .location-radio .radio {
    position: relative;
    max-width: 50px;
    margin-bottom: 16px; }
    .location-radio .radio:not(:last-child) {
      margin-right: 32px; }
    .location-radio .radio label {
      height: 60px; }
    .location-radio .radio input[type="radio"] {
      opacity: 0;
      position: absolute; }
    .location-radio .radio .selected {
      display: none; }
    .location-radio .radio input[type="radio"]:checked ~ label .selected {
      display: block; }
    .location-radio .radio input[type="radio"]:checked ~ label img:not(.selected) {
      display: none; }
    .location-radio .radio .location-name {
      font-size: 14px; }

.popover-city {
  color: #000000A6; }
  .popover-city:hover {
    color: #F15A29; }

@media screen and (max-width: 768px) {
  .modal-dialog:has(label[for="bengaluru"]) {
    margin-bottom: 350px !important; } }

.big-links :hover {
  color: #f15a29 !important; }

.nav-item {
  font-size: 12px !important;
  padding-bottom: initial !important; }

.bb-header-choose-location__selected_custom{
    font-size: 12px !important;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center, .bb-header .bb-site-header .bb-site-row,
.bb-header-innerpage .bb-site-header .bb-site-row, .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link {
  align-items: center !important; }

.d-flex, .range-labels, .search-box .search-input, .filter-select-box .select-input, .bb-header .bb-site-header .bb-header-nav-wrapper,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper, .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-nav-main,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-nav-main, .bb-header .bb-site-header .bb-header-nav-wrapper .nav,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav, .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link, .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__selected,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__selected, .bb-header .bb-main-nav .bb-navigation--mobile .bb-navigation-links .bb-nav-link,
.bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-navigation-links .bb-nav-link, .bb-header .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn,
.bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn, .bb-header .bb-main-nav .bb-navigation--mobile .more-links .bb-more-link,
.bb-header-innerpage .bb-main-nav .bb-navigation--mobile .more-links .bb-more-link {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block, .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link, .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item__link,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item__link {
  display: block !important; }

.orange-faded-bg, .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between, .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-nav-main,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-nav-main {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center, .bb-header .bb-site-header .bb-site-row,
.bb-header-innerpage .bb-site-header .bb-site-row, .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link,
.bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start, .bb-header .bb-main-nav .bb-navigation--mobile .terms-and-conditions,
.bb-header-innerpage .bb-main-nav .bb-navigation--mobile .terms-and-conditions {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

.bb-header,
.bb-header-innerpage {
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 32px;
  position: fixed;
  width: 100%;
  left: 0;
  background-color: #fff;
  z-index: 1;
  top: 0;
  transition: none !important; }
  @media (min-width: 1200px) {
    .bb-header,
    .bb-header-innerpage {
      height: 3.2rem;
      margin-bottom: 0;
      box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.12) !important;
      background-color: #fff; } }
  @media (min-width: 1200px) {
    .bb-header.is-sticky,
    .bb-header-innerpage.is-sticky {
      position: fixed !important; } }
  .bb-header .bb-site-header,
  .bb-header-innerpage .bb-site-header {
    display: none; }
    .bb-header .bb-site-header figure,
    .bb-header-innerpage .bb-site-header figure {
      margin: 0px !important; }
    @media screen and (min-width: 719px) {
      .bb-header .bb-site-header,
      .bb-header-innerpage .bb-site-header {
        display: block; } }
    .bb-header .bb-site-header .bb-site-row,
    .bb-header-innerpage .bb-site-header .bb-site-row {
      margin: 0; }
    .bb-header .bb-site-header .bb-site-logo,
    .bb-header-innerpage .bb-site-header .bb-site-logo {
      max-width: 7.9rem; }
    .bb-header .bb-site-header .bb-header-nav-wrapper,
    .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper {
      width: calc(100% - 158px);
      font-size: 0.7rem;
      line-height: 1.29; }
      .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-nav-main,
      .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-nav-main {
        width: 100%; }
      .bb-header .bb-site-header .bb-header-nav-wrapper .nav,
      .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0.6rem; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item :hover,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item :hover {
          cursor: pointer;
          color: #f15a29; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button {
          background-color: #f15a29;
          margin-left: 1.1rem; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link {
            color: #fff !important;
            padding: 0.6rem 1.2rem;
            text-transform: uppercase;
            font-weight: bold; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link [class*=' icon-'],
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link [class^='icon-'],
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link [class*=' icon-'],
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button .nav-link [class^='icon-'] {
              margin-left: 0.6rem; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button:hover,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button:hover {
            cursor: pointer; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button:hover .nav-link,
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item.button:hover .nav-link {
              color: #fff;
              cursor: pointer; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item .nav-link,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item .nav-link {
          height: 100%;
          color: #1d1a12;
          padding: 1.15rem 0.6rem; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item .nav-link.active,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item .nav-link.active {
            color: #f15a29; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item .nav-link:hover,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item .nav-link:hover {
            color: #f15a29; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item .bb-header__action,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item .bb-header__action {
          margin-left: 1.6rem;
          position: relative; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item .bb-header__action .btn-secondary,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item .bb-header__action .btn-secondary {
            width: 2rem;
            height: 2rem;
            font-size: 0.8rem; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item .bb-header__action .btn-secondary::before,
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item .bb-header__action .btn-secondary::before {
              position: absolute;
              left: -0.75rem;
              height: 100%;
              width: 0.1rem;
              border-left: 0.05rem solid rgba(53, 47, 34, 0.1);
              content: ''; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu {
          position: relative; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu:hover .nav-link,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu:hover .nav-link {
            color: #f15a29; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu:hover .nav-link::after,
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu:hover .nav-link::after {
              transform: rotate(180deg) translateY(2px); }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu:hover .submenu-nav,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu:hover .submenu-nav {
            opacity: 1;
            visibility: visible;
            top: 100%;
            transition: all 0.2s ease;
            z-index: 5; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav {
            position: absolute;
            width: 100%;
            top: calc(100% + 8px);
            left: 0;
            background-color: #fff;
            min-width: 9.65rem;
            padding: 0.6rem;
            opacity: 0;
            visibility: hidden;
            box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.12);
            z-index: -1; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav *,
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav * {
              transition: none; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .submenu-nav-list__litem:not(:last-child),
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .submenu-nav-list__litem:not(:last-child) {
              margin-bottom: 0.6rem; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link,
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link {
              font-size: 0.7rem;
              color: #1d1a12;
              text-decoration: none; }
              .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link.active,
              .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link.active {
                color: #f15a29; }
              .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link:hover,
              .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .submenu-nav-list .link:hover {
                color: #f15a29; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .nav-link,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .nav-link {
            position: relative; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .nav-link::after,
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .nav .nav-item__submenu .nav-link::after {
              position: absolute;
              content: '\E90D';
              font-family: 'icomoon';
              margin-left: 0.0625rem;
              transition: all 0.2s ease;
              top: calc(50% - 8px); }
      .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location,
      .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location {
        padding: 1rem 0.4rem 1.15rem 0.6rem;
        cursor: pointer;
        position: relative;
        min-width: 150px; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list {
          position: absolute;
          top: calc(100% + 8px);
          left: 0;
          background-color: #fff;
          padding: 0.6rem;
          width: calc(100% + 30px);
          opacity: 0;
          visibility: hidden;
          box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.12);
          z-index: -1; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list *,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list * {
            transition: none; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item:not(:last-child),
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item:not(:last-child) {
            margin-bottom: 0.6rem; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item__link,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item__link {
            font-size: 0.9rem;
            color: #1d1a12;
            text-decoration: none; }
            .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item__link:hover,
            .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__list .list .list-item__link:hover {
              color: #f15a29; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location:hover .bb-header-choose-location__list,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location:hover .bb-header-choose-location__list {
          opacity: 1;
          visibility: visible;
          top: 100%;
          transition: all 0.2s ease;
          z-index: 5; }
        .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location:hover span,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location:hover span {
          transform: rotate(180deg) translateY(2px); }
        .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__selected,
        .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__selected {
          margin-bottom: 0;
          font-size: 0.8rem;
          text-transform: uppercase;
          font-weight: bold;
          color: #f15a29; }
          .bb-header .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__selected span,
          .bb-header-innerpage .bb-site-header .bb-header-nav-wrapper .bb-header-choose-location__selected span {
            margin-left: 0.3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem; }
  .bb-header__wrapper,
  .bb-header-innerpage__wrapper {
    height: 100%; }
    @media (min-width: 1200px) {
      .bb-header__wrapper.bb-mobile-header,
      .bb-header-innerpage__wrapper.bb-mobile-header {
        display: none !important; } }
  .bb-header__action .btn-secondary,
  .bb-header-innerpage__action .btn-secondary {
    width: 2.5rem;
    height: 2.5rem;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: none; }
    .bb-header__action .btn-secondary:hover,
    .bb-header-innerpage__action .btn-secondary:hover {
      background-color: #f15a29; }
    .bb-header__action .btn-secondary.btn-transparent,
    .bb-header-innerpage__action .btn-secondary.btn-transparent {
      width: unset;
      height: unset;
      padding: 0 !important; }
  .bb-header.sticky-header,
  .bb-header-innerpage.sticky-header {
    top: -6.25rem;
    transition: none !important; }
    .bb-header.sticky-header .bb-header__action,
    .bb-header-innerpage.sticky-header .bb-header__action {
      position: relative;
      top: 6.25rem; }
  .bb-header .bb-main-nav,
  .bb-header-innerpage .bb-main-nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem;
    background-color: #fff; }
    .bb-header .bb-main-nav--mobile,
    .bb-header-innerpage .bb-main-nav--mobile {
      transform: translateX(100%);
      transition: all 0.4s ease-in-out; }
      .bb-header .bb-main-nav--mobile.toggled,
      .bb-header-innerpage .bb-main-nav--mobile.toggled {
        transform: translateX(0);
        transition: all 0.4s ease-in; }
    .bb-header .bb-main-nav .bb-navigation-header,
    .bb-header-innerpage .bb-main-nav .bb-navigation-header {
      z-index: 11;
      position: relative; }
    .bb-header .bb-main-nav .bb-element,
    .bb-header-innerpage .bb-main-nav .bb-element {
      opacity: 0;
      transform: translateY(25px); }
    .bb-header .bb-main-nav .bb-navigation--mobile,
    .bb-header-innerpage .bb-main-nav .bb-navigation--mobile {
      scrollbar-color: rgba(29, 26, 18, 0.4);
      scrollbar-width: thin;
      -ms-scrollbar-face-color: rgba(29, 26, 18, 0.1);
      -ms-scrollbar-arrow-color: rgba(29, 26, 18, 0.1);
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */
      overflow-y: scroll;
      height: calc(100vh - 100px);
      margin-right: -1rem;
      padding-right: 1rem; }
      .bb-header .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar {
        width: 5px; }
      .bb-header .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar-track,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar-track {
        background: rgba(29, 26, 18, 0.1);
        border-radius: 10px; }
      .bb-header .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar-thumb,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar-thumb {
        background: rgba(29, 26, 18, 0.4);
        border-radius: 10px; }
      .bb-header .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar-thumb:hover,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile::-webkit-scrollbar-thumb:hover {
        background: rgba(29, 26, 18, 0.4); }
      .bb-header .bb-main-nav .bb-navigation--mobile .bb-header__action,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-header__action {
        top: unset !important; }
        .bb-header .bb-main-nav .bb-navigation--mobile .bb-header__action .btn,
        .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-header__action .btn {
          width: 2.5rem;
          height: 2.5rem;
          outline: none;
          box-shadow: none;
          font-size: 1rem;
          display: flex;
          align-items: center;
          justify-content: center; }
          .bb-header .bb-main-nav .bb-navigation--mobile .bb-header__action .btn:not(:last-child),
          .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-header__action .btn:not(:last-child) {
            margin-right: 0.75rem; }
          .bb-header .bb-main-nav .bb-navigation--mobile .bb-header__action .btn.btn-transparent,
          .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-header__action .btn.btn-transparent {
            width: unset;
            height: unset;
            padding: 0 !important; }
      .bb-header .bb-main-nav .bb-navigation--mobile .bb-primary-dropdown,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-primary-dropdown {
        padding-right: 0;
        padding-left: 0;
        border: none; }
        .bb-header .bb-main-nav .bb-navigation--mobile .bb-primary-dropdown:hover,
        .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-primary-dropdown:hover {
          background-color: transparent;
          border: none;
          box-shadow: none;
          outline: none;
          color: #f15a29; }
      .bb-header .bb-main-nav .bb-navigation--mobile .bb-navigation-links,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-navigation-links {
        margin-bottom: 1rem; }
        .bb-header .bb-main-nav .bb-navigation--mobile .bb-navigation-links li:last-child .bb-nav-link,
        .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-navigation-links li:last-child .bb-nav-link {
          padding-bottom: 1.25rem;
          border-bottom: 0.0625rem solid rgba(29, 26, 18, 0.1); }
        .bb-header .bb-main-nav .bb-navigation--mobile .bb-navigation-links .bb-nav-link,
        .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-navigation-links .bb-nav-link {
          font-size: 1.375rem;
          font-weight: bold;
          letter-spacing: -0.02625rem;
          color: #1d1a12;
          padding: 0.375rem 0; }
      .bb-header .bb-main-nav .bb-navigation--mobile .bb-special-links,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-special-links {
        margin-bottom: 1rem; }
        .bb-header .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn,
        .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn {
          text-transform: unset;
          font-size: 0.875rem;
          font-weight: bold;
          line-height: normal;
          letter-spacing: normal;
          color: #1d1a12;
          padding-bottom: 1rem; }
          .bb-header .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn:last-child,
          .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn:last-child {
            border-bottom: 0.0625rem solid rgba(29, 26, 18, 0.1); }
          .bb-header .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn:hover,
          .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn:hover {
            color: #f15a29; }
          .bb-header .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn [class*=' icon-'],
          .bb-header .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn [class^='icon-'],
          .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn [class*=' icon-'],
          .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .bb-special-links .btn-link-btn [class^='icon-'] {
            font-size: 1rem; }
      .bb-header .bb-main-nav .bb-navigation--mobile .more-links,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .more-links {
        border-bottom: 0.0625rem solid rgba(29, 26, 18, 0.1);
        margin-bottom: 1rem; }
        .bb-header .bb-main-nav .bb-navigation--mobile .more-links .bb-more-link,
        .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .more-links .bb-more-link {
          font-size: 0.875rem;
          line-height: 1.29;
          margin-bottom: 1rem;
          color: #1d1a12; }
      .bb-header .bb-main-nav .bb-navigation--mobile .terms-and-conditions,
      .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .terms-and-conditions {
        margin-bottom: 1rem; }
        .bb-header .bb-main-nav .bb-navigation--mobile .terms-and-conditions .bb-link,
        .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .terms-and-conditions .bb-link {
          font-size: 0.75rem;
          color: rgba(29, 26, 18, 0.7);
          position: relative;
          padding-right: 1.5rem;
          display: flex;
          align-items: center; }
          .bb-header .bb-main-nav .bb-navigation--mobile .terms-and-conditions .bb-link:not(:last-child)::after,
          .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .terms-and-conditions .bb-link:not(:last-child)::after {
            position: relative;
            height: 0.75rem;
            width: 0.0625rem;
            border-left: 0.0625rem solid rgba(29, 26, 18, 0.4);
            content: '';
            top: 0.0625rem;
            left: 0.75rem; }
            @media (min-width: 768px) {
              .bb-header .bb-main-nav .bb-navigation--mobile .terms-and-conditions .bb-link:not(:last-child)::after,
              .bb-header-innerpage .bb-main-nav .bb-navigation--mobile .terms-and-conditions .bb-link:not(:last-child)::after {
                height: 0.6rem;
                width: 0.05rem;
                top: 0.05rem;
                left: 0.6rem; } }
  .bb-header .btn-back,
  .bb-header-innerpage .btn-back {
    transform: translateX(-6px); }
  .bb-header .btn-share,
  .bb-header-innerpage .btn-share {
    transform: translateX(6px); }

.bb-header-innerpage {
  box-shadow: none; }
  @media (max-width: 1199px) {
    .bb-header-innerpage {
      background-color: transparent;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); } }
  .bb-header-innerpage.bb-header__white {
    background-image: unset;
    background-color: #fff;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12); }
    @media (max-width: 1199px) {
      .bb-header-innerpage.bb-header__white [class*=' icon-'],
      .bb-header-innerpage.bb-header__white [class^='icon-'] {
        color: #1d1a12; }
        .bb-header-innerpage.bb-header__white [class*=' icon-']::before,
        .bb-header-innerpage.bb-header__white [class^='icon-']::before {
          color: #1d1a12; } }
  .bb-header-innerpage__action .btn-secondary {
    background-color: #4a4841;
    font-size: 1.875rem; }
  .bb-header-innerpage.sticky-header {
    top: 0 !important;
    background-color: #fff !important;
    background-image: unset;
    box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.12) !important; }
    .bb-header-innerpage.sticky-header .btn-secondary span::before {
      color: #1d1a12; }

@media (max-width: 768px) {
  .bb-transparent-header {
    padding-top: 0 !important; } }

.bb-transparent-header .bb-header {
  background-color: transparent;
  box-shadow: unset; }
  @media (min-width: 1200px) {
    .bb-transparent-header .bb-header {
      background-color: #fff; } }

.is-sticky {
  position: sticky !important;
  top: 0; }

.bb-header__links .btn-link-btn,
.bb-header__links a {
  display: inline-block; }
  @media (max-width: 359px) {
    .bb-header__links .btn-link-btn,
    .bb-header__links a {
      font-size: 0.75rem; } }
  .bb-header__links .btn-link-btn:not(:last-child),
  .bb-header__links a:not(:last-child) {
    margin-right: 1.25rem;
    position: relative; }
    .bb-header__links .btn-link-btn:not(:last-child)::after,
    .bb-header__links a:not(:last-child)::after {
      width: 0.0625rem;
      height: 100%;
      border-right: 0.0625rem solid rgba(29, 26, 18, 0.2);
      content: '';
      position: absolute;
      right: -0.625rem;
      top: 0; }

.bb-dropdown-theme.dropdown-inline .dropdown-toggle {
  height: 1.25rem; }

.bb-dropdown-theme .dropdown-menu {
  border-radius: 0; }
  .bb-dropdown-theme .dropdown-menu .dropdown-item {
    padding: 0.625rem; }
  .bb-dropdown-theme .dropdown-menu.show {
    transition: none !important;
    left: -0.3125rem !important; }

.bb-dropdown-theme .btn-primary.dropdown-toggle {
  background-color: transparent !important;
  color: #f15a29 !important;
  box-shadow: none !important; }
  .bb-dropdown-theme .btn-primary.dropdown-toggle::after {
    margin-left: 0.25rem; }
  .bb-dropdown-theme .btn-primary.dropdown-toggle [class*=' icon-'],
  .bb-dropdown-theme .btn-primary.dropdown-toggle [class^='icon-'] {
    font-size: 1.125rem; }

.lets-build-shadow {
  box-shadow: 6px 10px 5px -1px darkgray; }
  .lets-build-shadow:hover {
    box-shadow: none; }

@media screen and (max-width: 768px) {
  .bb-header__logo {
    margin-top: -1.5rem; } }

@media screen and (min-width: 720px) and (max-width: 1199px) {
  .nav-extra-links {
    margin-right: -6rem !important; } }

.big-projects-submenu-nav-list :hover {
  background-color: #fff6f5; }

.ant-drawer-body {
  padding: 0px; }

.ant-menu-item-selected {
  color: #fff6f5; }

.ant-menu-item-active {
  color: #fff6f5; }

.mob-nav-main {
        display: none;
}
@media(max-width:700px) {
    .mob-nav-main {
            position: sticky;
            top: 0;
            width: 100%;
            height: 60px;
            background-color: #fff;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0px 4px rgba(0,0,0,0.1)
    }   
    .mob-nav-padding {
        padding: 0 24px !important;
    }
}
.drawerContainer {
  width: 320px;
  background: white;
  height: 100vh;
  padding: 16px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.topHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.commercialBtn {
    display: flex;
    height: 36px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--Neutral-300, #E0E0E0);
    color: #F05A29;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px; /* 100% */
}
.commercialBtn:focus,
.commercialBtn:active {
  color: inherit;
  outline: none;
}
.closeBtn {
  font-size: 20px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.locationRow {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}

.change {
  color: #ff6d00;
  cursor: pointer;
}

.menuList {
  list-style: none;
  padding: 0;
}

.menuList > li {
  padding: 10px 0;
  font-size: 15px;
  cursor: pointer;
}

.subMenu {
  list-style: none;
  margin-bottom: 10px;
}

.subMenu li {
  padding: 6px 0;
  font-size: 14px;
}

.footer {
  margin-top: auto;
  text-align: center;
  font-size: 11px;
  color: #999;
}

.footer img {
  height: 40px;
  margin: 8px;
}

.mobile-menu-items{
    color: var(--Neutral-900, #1F1F1F);

    /* Website/Mobile/H4 */
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    padding: 24px 24px;
    display: flex;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
}
.mobile-menu-items-list:hover{
  background-color: #F7F7F7;
}
.tnc-margin {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mob-nav-expandable{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.changeButton {
  color: #1F1F1F;
/* Website/Mobile/P */
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.cityDropdown{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  color: var(--Neutral-900, #1F1F1F);

  /* Website/Mobile/H4 */
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.cityListItem {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  display: flex;
  height: 48px;
  padding: 0px 48px !important;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
}
.cityListItem:hover {
  background: #F7F7F7;
}
.drawer-container .ant-drawer-content {
  border-radius: 0 !important;
  height: unset;
}
.drawer-container .ant-drawer-body{
  margin: 0px !important;
  padding-top: 0px !important;
}
.drawer-container .ant-drawer-header{
  position: relative;
}
.tnc-section {
  font-size: 16px;
}

@media (max-width: 382px) {
  .tnc-section {
    font-size: 14px;
  } 
}
@media (max-width: 345px) {
  .tnc-section {
    font-size: 12px;
  } 
}
@media (max-width: 305px) {
  .tnc-section {
    font-size: 10px;
  } 
}
h1 {
    font-size: 48px !important;
    line-height: 58px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin: 48px 0px 20px 0px !important;
}

h2 {
    font-size: 36px !important;
    line-height: 44px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin: 48px 0px 16px 0px !important;
}

h3 {
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin: 8px 0px 8px 0px !important;
}

h4 {
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    margin: 8px 0px 0px 0px !important;
}

h5 {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin: 8px 0px 16px 0px !important;
}

h6 {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin: 8px 0px 32px 0px !important;
}

p {
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin: 8px 0px 16px 0px !important;
}
.bold_7{
    font-weight: 700 !important;
}
.remove-margin {
    margin : 0px !important
}
.remove-padding {
    padding : 0px !important
}
.remove-margin-top {
    margin-top: 0px !important;
}
.banner-header{
    color: #fff;
}
.banner-margin-top {
    margin-top: 5.2rem;
    @media (max-width: 1023px) {
        margin-top:unset
    }
}
.margin-top-cost-estimator {
    margin-top: 3.2rem;
    @media (max-width: 1023px) {
        margin-top:1.2rem
    }
}
.banner-margin-top-3_2 {
    margin-top: 3.2rem;
}
@media (max-width: 1023px) {
    .banner-header{
        color: #000;
    }
    .banner-margin-top-3_2 {
        margin-top: unset;
    }
}
@media (max-width: 1023px) {
    h1 {
        font-size: 34px !important;
        line-height: 40px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        margin: 48px 0px 20px 0px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 30px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        margin: 48px 0px 16px 0px !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 24px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        margin: 8px 0px 8px 0px !important;
    }

    h4 {
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        margin: 8px 0px 0px 0px !important;
    }

    h5 {
        font-size: 14px !important;
        line-height: 21px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        margin: 8px 0px 16px 0px !important;
    }

    h6 {
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        margin: 8px 0px 32px 0px !important;
    }

    p {
        font-size: 16px !important; 
        line-height: 24px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        margin: 8px 0px 16px 0px !important;
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-why-us__video {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-top: 1.25rem; }
  .bb-why-us__video__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .bb-why-us__video__player iframe {
      height: 575px; }
      @media (max-width: 768px) {
        .bb-why-us__video__player iframe {
          height: 210px; } }

.bb-video-player {
  position: relative;
  margin: 0 -0.9375rem; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-why-us .bb-why-us__grid__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-why-us .bb-why-us__grid .wrapper {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-why-us .section-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-why-us .section-title {
      margin-bottom: 0.6rem; } }

.bb-why-us .bb-why-us__row {
  margin: 0 -0.375rem; }

@media (min-width: 768px) {
  .bb-why-us .main-title::before {
    display: none; } }

.bb-why-us .bb-why-us__grid {
  width: 50%;
  flex-basis: unset;
  padding: 0 0.375rem;
  margin-bottom: 0.75rem; }
  .bb-why-us .bb-why-us__grid a {
    text-decoration: none;
    height: 100%; }
    .bb-why-us .bb-why-us__grid a:hover .bb-why-us__grid__title {
      text-decoration: underline; }
  .bb-why-us .bb-why-us__grid .wrapper {
    padding: 0.75rem;
    height: 100%; }
  .bb-why-us .bb-why-us__grid__image {
    display: flex;
    align-items: center;
    justify-content: center; }
    .bb-why-us .bb-why-us__grid__image img {
      height: 244px; }
      @media (max-width: 760px) {
        .bb-why-us .bb-why-us__grid__image img {
          height: 135px; } }
  .bb-why-us .bb-why-us__grid__title {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.29;
    margin-bottom: 0.25rem;
    text-align: center; }
    @media (min-width: 1200px) {
      .bb-why-us .bb-why-us__grid__title {
        font-size: 0.8rem;
        margin-bottom: 0.4rem; } }
  .bb-why-us .bb-why-us__grid__text {
    opacity: 0.6;
    font-size: 0.875rem;
    line-height: 1.29;
    text-align: center; }
    @media (min-width: 1200px) {
      .bb-why-us .bb-why-us__grid__text {
        font-size: 0.8rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-product-grid-row {
  margin: 0 -0.125rem; }
  .bb-product-grid-row .bb-product-grid {
    margin-bottom: 1.25rem;
    padding: 0 0.375rem; }
    .bb-product-grid-row .bb-product-grid__image img {
      height: 280px; }
      @media (max-width: 760px) {
        .bb-product-grid-row .bb-product-grid__image img {
          height: 155px; } }
    .bb-product-grid-row .bb-product-grid__image:hover .bb-product-grid__image__caption {
      background-color: #f15a29; }
    .bb-product-grid-row .bb-product-grid__image__caption {
      padding: 0.5rem;
      background-color: #1d1a12;
      color: #fff;
      text-align: center;
      font-size: 0.875rem;
      line-height: 1.29; }
  .bb-product-grid-row figure {
    margin: 0 0 1em; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title, .bb-stepper .bb-steps {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block, .bb-stepper .bb-steps .bb-step .step-title, .bb-stepper .bb-steps .contactless-bb-step .step-title {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-stepper-slider {
    width: 68%;
    margin: 0 auto; } }

.bb-stepper-slider .bb-stepper__cards {
  width: calc(100% + 15px);
  margin-right: -0.9375rem; }
  .bb-stepper-slider .bb-stepper__cards .bb-stepper__card {
    width: 16.125rem;
    margin-bottom: 1.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card:not(:last-child) {
      padding-right: 0.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
      border-radius: 0;
      border: solid 1px rgba(243, 67, 28, 0.15);
      width: 100%; }
      @media (min-width: 575px) {
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
          min-height: unset; } }
      .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
        padding: 1rem 0.75rem 1.5rem 2.5rem; }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            min-height: 6.75rem; } }
        @media (min-width: 575px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            display: flex; } }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            padding: 1.4rem 1.4rem 1.4rem 2.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
          position: relative;
          margin-bottom: 0.5rem;
          font-size: 1.125rem;
          font-weight: bold; }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
              font-size: 0.9rem; } }
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
            margin-right: 0.625rem;
            position: absolute;
            left: -1.8125rem; }
            @media (min-width: 1200px) {
              .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
                left: -1.45rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
          margin-bottom: 1.375rem; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              margin-bottom: 0px; } }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              font-size: 0.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
          font-size: 0.75rem;
          font-weight: bold;
          letter-spacing: 0.0625rem;
          justify-content: flex-start !important; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
              min-width: 8.75rem;
              display: flex;
              align-items: center;
              justify-content: center;
              justify-content: center !important;
              border-left: solid 0.0625rem rgba(53, 47, 34, 0.1);
              margin-left: 0.625rem; } }

.bb-stepper-slider .bb-stepper__main-image {
  margin: 1rem 0; }
  .bb-stepper-slider .bb-stepper__main-image .fade {
    opacity: 0;
    transition: all 0.2s ease-in;
    transform: translateY(8px); }

.bb-stepper .bb-steps {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1rem; }
  .bb-stepper .bb-steps .bb-step {
    width: calc(100% / 6);
    opacity: 0.7;
    padding-right: 0.625rem;
    position: relative; }
    .bb-stepper .bb-steps .bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      border-bottom: 0.1125rem dashed #1d1a12;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .bb-step:last-child {
      width: auto; }
    .bb-stepper .bb-steps .bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      .bb-stepper .bb-steps .bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
  .bb-stepper .bb-steps .contactless-bb-step {
    width: calc(100% / 8);
    opacity: 0.7;
    padding-right: 1.875rem;
    position: relative; }
    .bb-stepper .bb-steps .contactless-bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .contactless-bb-step::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .contactless-bb-step:not(:last-child)::after {
      border-bottom: 0.1125rem dashed #1d1a12; }
    .bb-stepper .bb-steps .contactless-bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .contactless-bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .contactless-bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .contactless-bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.25rem; } }
      .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .step-title {
          font-size: 0.375rem; } }
    @media (max-width: 768px) {
      .bb-stepper .bb-steps .contactless-bb-step {
        width: calc(100% / 8.5);
        padding-right: 0.625rem; } }

.bb-how-it-works {
  overflow: hidden;
  text-align: left; }
  @media (min-width: 1200px) {
    .bb-how-it-works {
      text-align: center; } }
  .bb-how-it-works .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-how-it-works .section-title {
        margin-bottom: 0.6rem; } }
  @media (min-width: 1200px) {
    .bb-how-it-works .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }
  .bb-how-it-works .bb-stepper .bb-steps .bb-step {
    text-align: left; }
  @media (min-width: 768px) {
    .bb-how-it-works .bb-stepper__main-image {
      max-width: 70%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1200px) {
    .bb-how-it-works .bb-stepper__main-image {
      max-width: 74%;
      margin: 0.2rem auto; } }
  .bb-how-it-works .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
    text-align: left; }

.step-max-width {
    max-width:120px
}
@media (max-width: 700px) {
    .step-max-width {
        max-width:60px
    }
}
.testimonials-main {
    width: 16rem;
    margin: .5rem 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
@media (max-width: 600px) {
    .testimonials-main {
        width: 100%;
    }
}
.bb-hero-banner.is-banner-bg .bb-hero-banner__image img {
    object-fit: fill !important;
    filter: brightness(1) !important;
}

li {
    font-size: 18px !important;
}
.seo-content ul {
    list-style-type: disc; /* Ensures bullets appear */
    padding-left: 20px;   /* Adds indentation for better readability */
  }
  
  .seo-content li {
    font-size: 18px !important;      /* Sets font size to 18px */
  }
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center, .bb-hero-banner__home .bb-hero-banner__content, .bb-hero-banner.is-banner-bg {
  align-items: center !important; }

.d-flex, .bb-hero-banner__home .bb-hero-banner__content, .bb-hero-banner.is-banner-bg {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center, .bb-hero-banner__home .bb-hero-banner__content, .bb-hero-banner.is-banner-bg {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-hero-banner {
  margin-bottom: 4.75rem;
  position: relative; }
  @media screen and (min-width: 1200px) {
    .bb-hero-banner__home {
      position: relative;
      height: calc(100vh - 60px);
      background-color: rgba(255, 80, 41, 0.05);
      margin-bottom: 0; } }
  @media screen and (max-width: 768px) {
    .bb-hero-banner__home {
      position: relative;
      height: calc(100vh - 18rem);
      margin-bottom: 0;
      top: 2rem; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home__banner-img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      overflow: hidden; }
      .bb-hero-banner__home__banner-img img {
        object-fit: cover;
        object-position: bottom; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content {
      height: 100%;
      position: relative;
      padding: 4rem 0; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .btn-theme,
    .bb-hero-banner__home .bb-hero-banner__content .lets-build-btn {
      position: absolute;
      bottom: 6%; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper {
      color: #fff; }
      .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper * {
        color: inherit; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper {
      padding-left: 4.1rem;
      max-width: 55%;
      padding-top: 0 !important; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count {
      color: #fff; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
      border-right-color: rgba(255, 255, 255, 0.4); } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon span::before {
      color: #fff !important; } }
  .bb-hero-banner .section-title {
    width: 95%;
    margin-bottom: 0.75rem; }
    @media (min-width: 1200px) {
      .bb-hero-banner .section-title {
        width: 80%; } }
  .bb-hero-banner.is-banner-bg {
    position: relative;
    min-height: 70vh;
    padding: 5.625rem 0 2.8125rem;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .bb-hero-banner.is-banner-bg {
        padding: 6.2rem 0 3.2rem; } }
    .bb-hero-banner.is-banner-bg .bb-hero-banner__image {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0;
      left: 0; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__image img {
        height: 100%;
        object-fit: cover; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__image.with-overlay::after {
        background-color: rgba(0, 0, 0, 0.4); }
    .bb-hero-banner.is-banner-bg .bb-hero-banner__content {
      height: 100%;
      width: 100%; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .section-title,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .section-subtitle {
        color: #fff; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
        border-right: solid 0.0625rem rgba(255, 255, 255, 0.1); }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon span::before,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
        color: #fff; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:first-child {
        width: 5.0625rem; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(2) {
        width: 6.25rem; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(3) {
        width: 7.8125rem; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
        border-right: solid 0.0625rem rgba(255, 255, 255, 0.1); }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon span::before,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
        color: #fff; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-why-us .custom-title {
  padding-top: 104px; }

@media (min-width: 1200px) {
  .bb-why-us .bb-why-us-wrapper {
    display: flex;
    margin-top: 1.2rem; } }

@media (min-width: 1200px) {
  .bb-why-us .bb-list {
    margin-bottom: 4rem; } }

.bb-why-us .bb-why-us__image {
  max-width: 22.5rem;
  width: 100%; }
  @media (min-width: 768) {
    .bb-why-us .bb-why-us__image {
      min-width: 30rem;
      max-width: 30rem;
      width: 100%;
      margin-right: 0.8rem; } }
  @media (min-width: 1200px) {
    .bb-why-us .bb-why-us__image {
      min-width: 16.4rem;
      max-width: 16.4rem;
      width: 100%;
      margin-right: 0.8rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.ant-message-success {
  display: flex; }

.modal-body {
    max-height: unset !important;
}
.modal-content {
    min-width: 410px !important;
}
.bb-hero-banner-text {
    margin-left: 8rem;
}

@media (max-width: 700px) {
    .bb-hero-banner-text {
        margin-left: 0rem;
    }   
    .bb-hero-banner.is-banner-bg{
        min-height: auto;
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.swiper-navigation {
  display: none; }
  @media (min-width: 1200px) {
    .swiper-navigation {
      display: block; } }
  .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
    width: 2.125rem;
    height: 2.125rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f15a29; }
    .swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover {
      background-color: #f15a29; }
      .swiper-navigation .swiper-button-next:hover::after, .swiper-navigation .swiper-button-prev:hover::after {
        color: #fff; }
    @media (min-width: 1200px) {
      .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem; } }
  .swiper-navigation .swiper-button-next {
    color: #f15a29;
    right: 0; }
    .swiper-navigation .swiper-button-next::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E903'; }
  .swiper-navigation .swiper-button-prev {
    color: #f15a29;
    left: 0; }
    .swiper-navigation .swiper-button-prev::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E904'; }

@media (min-width: 1200px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 2rem; } }

@media (min-width: 1300px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 12vh; } }

@media (min-width: 1470px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 8rem; } }

@media (min-width: 1200px) {
  .app_margin_desktop {
    margin-top: 3vh; } }

@media (min-width: 1300px) {
  .app_margin_desktop {
    margin-top: 12vh; } }

@media (min-width: 1470px) {
  .app_margin_desktop {
    margin-top: 18vh; } }

.app_margin {
  margin-top: 110% !important; }
  @media (min-width: 1300px) {
    .app_margin {
      margin-top: 27% !important; } }
  @media (min-width: 769px) {
    .app_margin {
      margin-top: 25% !important; } }
  @media (min-width: 729px) {
    .app_margin {
      margin-top: 85% !important; } }
  @media (min-width: 576px) and (max-width: 728px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 575px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 430px) {
    .app_margin {
      margin-top: 120% !important; } }
  @media (max-width: 345px) {
    .app_margin {
      margin-top: 130% !important; } }
  @media (max-width: 320px) {
    .app_margin {
      margin-top: 140% !important; } }
  @media (max-width: 310px) {
    .app_margin {
      margin-top: 160% !important; } }
  @media (max-width: 290px) {
    .app_margin {
      margin-top: 180% !important; } }

.margin_top {
  margin-top: -6%; }

.margin_top_desktop {
  margin-top: -0.5%; }

@media (max-width: 767px) {
  .lets-build-shadow {
    background-image: none !important;
    background-color: #f15a29 !important;
    box-shadow: 6px 10px 5px -1px darkgray !important; } }

.offer-swiper {
  overflow: visible; }

.index5 {
  z-index: 999; }

.download-app {
  color: #F15A29 !important;
  background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/btn-shape-white.svg") !important;
  border: 1px solid #F15A29; }

.new-main-swiper {
  margin-top: 30px; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-testimony::after {
  top: 3.4375rem; }

.bb-testimony .section-title {
  width: 80%; }

.bb-testimony .wrapper {
  width: 100%; }

.bb-testimony-swiper {
  padding-top: 2rem; }
  @media (min-width: 1200px) {
    .bb-testimony-swiper {
      display: flex;
      flex-direction: column;
      max-width: 558px;
      margin-right: unset;
      margin-left: unset; } }
  .bb-testimony-swiper .swiper-controls {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem; }
    .bb-testimony-swiper .swiper-controls .swiper-button-next,
    .bb-testimony-swiper .swiper-controls .swiper-button-prev {
      position: unset;
      margin: 0;
      width: 2.5rem;
      height: 2.5rem;
      border: solid 0.09375rem #f15a29;
      border-radius: 50%; }
      @media (min-width: 1200px) {
        .bb-testimony-swiper .swiper-controls .swiper-button-next,
        .bb-testimony-swiper .swiper-controls .swiper-button-prev {
          width: 2rem;
          height: 2rem; } }
      .bb-testimony-swiper .swiper-controls .swiper-button-next.swiper-button-disabled,
      .bb-testimony-swiper .swiper-controls .swiper-button-prev.swiper-button-disabled {
        border: solid 0.09375rem #1d1a12; }
      .bb-testimony-swiper .swiper-controls .swiper-button-next::after,
      .bb-testimony-swiper .swiper-controls .swiper-button-prev::after {
        font-size: 1.25rem;
        color: #1d1a12; }
        @media (min-width: 1200px) {
          .bb-testimony-swiper .swiper-controls .swiper-button-next::after,
          .bb-testimony-swiper .swiper-controls .swiper-button-prev::after {
            font-size: 1rem; } }
    .bb-testimony-swiper .swiper-controls .swiper-button-prev {
      margin-right: 0.75rem; }
      @media (min-width: 1200px) {
        .bb-testimony-swiper .swiper-controls .swiper-button-prev {
          margin-right: 0.6rem; } }
      .bb-testimony-swiper .swiper-controls .swiper-button-prev::after {
        content: "\E904";
        font-family: "icomoon" !important; }
    .bb-testimony-swiper .swiper-controls .swiper-button-next::after {
      content: "\E903";
      font-family: "icomoon" !important; }

.bb-testimony-item__text {
  font-size: 1rem;
  line-height: 1.38;
  position: relative; }
  @media (min-width: 1200px) {
    .bb-testimony-item__text {
      font-size: 0.9rem;
      line-height: 1.67; } }
  .bb-testimony-item__text::before {
    position: absolute;
    top: -1.4375rem;
    left: 0;
    content: "\E925";
    font-family: icomoon;
    color: #f3431c; }

.bb-testimony-item__more .bb-testimony-img {
  width: 7.3125rem;
  min-width: 7.3125rem;
  padding-right: 1rem; }

.bb-testimony-item__more .bb-testimony-more-details {
  max-width: 13.5rem; }

.bb-testimony-item__more .bb-testimony-item__author {
  padding-top: 1.25rem;
  position: relative; }
  .bb-testimony-item__more .bb-testimony-item__author::before {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    border-top: solid 0.0625rem rgba(53, 47, 34, 0.1);
    content: ""; }

.bb-testimony-item .bb-testimony-author-details .bb-testimony-author-image {
  max-width: 2.875rem;
  margin-right: 0.75rem; }

.bb-testimony-item .bb-testimony-author-details .bb-testimony-author-name {
  font-weight: bold;
  margin-bottom: 0.125rem; }

.bb-testimony-item .bb-testimony-author-details .bb-testimony-author-designation {
  opacity: 0.7;
  font-size: 0.875rem; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

.bb-opportunities .main-title {
  margin-bottom: 2.1875rem; }

.bb-opportunities .bb-oppertunity-row .bb-oppertunity-col {
  flex-basis: 100%;
  padding: 0 0.5rem; }
  .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col:not(:last-child) {
    margin-bottom: 0.5rem; }
  .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .bb-oppertunity-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .bb-oppertunity-title {
        font-size: 0.9rem; } }
  .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .bb-oppertunity-link {
    text-decoration: none;
    background-color: #fff;
    padding: 0.75rem;
    border: solid 0.0625rem rgba(243, 67, 28, 0.15);
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 2.5rem; }
    .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .bb-oppertunity-link::after {
      position: absolute;
      right: 0.75rem;
      top: calc(50% - 9px);
      content: "\E90A";
      font-family: "icomoon";
      font-size: 1.125rem;
      transition: all 0.2s ease; }
    .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .bb-oppertunity-link:hover .bb-oppertunity-title {
      color: #f15a29;
      text-decoration: underline; }
    .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .bb-oppertunity-link:hover:after {
      right: 0.3125rem; }
  .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .list {
    font-size: 0.875rem;
    line-height: 1.29;
    color: #1d1a12; }
    @media (min-width: 768px) {
      .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .list {
        font-size: 0.7rem; } }
    .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .list .list-item:not(:last-child) {
      margin-right: 1.375rem; }
    .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .list .list-item:not(:first-child) {
      position: relative; }
      .bb-opportunities .bb-oppertunity-row .bb-oppertunity-col .list .list-item:not(:first-child)::before {
        width: 0.375rem;
        height: 0.375rem;
        opacity: 0.2;
        background-color: #1d1a12;
        border-radius: 50%;
        position: absolute;
        left: -0.75rem;
        top: 33%;
        content: ""; }

@media (max-width: 1199px) {
  .bb-opportunities .bb-site-small-container {
    max-width: 100%; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-onboard .main-title {
  margin-bottom: 2rem; }

.bb-onboard .wrapper {
  width: 100%; }

@media (min-width: 1200px) {
  .bb-onboard .bb-onboard-steps {
    max-width: 27.9rem; } }

.bb-onboard .bb-onboard-steps .bb-onboard-step {
  position: relative; }
  .bb-onboard .bb-onboard-steps .bb-onboard-step::before {
    position: absolute;
    left: -0.75rem;
    top: 1.875rem;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #1d1a12;
    content: "";
    border-radius: 50%;
    z-index: 1; }
  .bb-onboard .bb-onboard-steps .bb-onboard-step:not(:last-child) {
    margin-bottom: 0.75rem; }
    .bb-onboard .bb-onboard-steps .bb-onboard-step:not(:last-child)::after {
      position: absolute;
      height: 100%;
      width: 0.0625rem;
      content: "";
      z-index: 1;
      border-left: dashed 0.09375rem #aeaca7;
      top: 1.9375rem;
      left: -0.53125rem; }
  .bb-onboard .bb-onboard-steps .bb-onboard-step .card {
    border-radius: 0;
    border: solid 0.0625rem rgba(243, 67, 28, 0.15); }
    .bb-onboard .bb-onboard-steps .bb-onboard-step .card .card-body {
      padding: 1rem 0.75rem; }
      .bb-onboard .bb-onboard-steps .bb-onboard-step .card .card-body .card-title {
        font-size: 1.125rem;
        font-weight: 500;
        margin-bottom: 0.5rem;
        display: flex; }
        @media (min-width: 1200px) {
          .bb-onboard .bb-onboard-steps .bb-onboard-step .card .card-body .card-title {
            font-size: 18px; } }
        .bb-onboard .bb-onboard-steps .bb-onboard-step .card .card-body .card-title .step-count {
          display: inline-block;
          margin-right: 5px;
          width: 1.5rem; }
      .bb-onboard .bb-onboard-steps .bb-onboard-step .card .card-body .card-text {
        padding-left: 1.75rem; }
        @media (min-width: 1200px) {
          .bb-onboard .bb-onboard-steps .bb-onboard-step .card .card-body .card-text {
            font-size: 14px; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-testimony-swiper .swiper-controls {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end, .bb-testimony-swiper .swiper-controls {
  justify-content: flex-end !important; }

@media (min-width: 768px) {
  .bb-calculator-container .bb-site-small-container {
    margin: 0 !important;
    padding: 0 !important;
    width: 731.2px !important; } }

@media (min-width: 768px) {
  .bb-calculator-container .bb-material-estimator-form {
    margin: 0 !important;
    padding: 0 !important;
    width: 731.2px !important; } }

@media (min-width: 768px) {
  .bb-calculator-container .mt-2 {
    margin: 0 !important; } }

.bb-site-small-container .common-disclaimer h6 {
  margin-bottom: 7px !important; }

.bb-calculator-container .main-title::before {
  display: none !important; }

.bb-testimony::after {
  top: 3.4375rem; }

.bb-testimony .section-title {
  width: 80%; }

.bb-testimony .wrapper {
  width: 100%; }

.bb-testimony-swiper {
  padding-top: 2rem; }
  @media (min-width: 1200px) {
    .bb-testimony-swiper {
      display: flex;
      flex-direction: column;
      max-width: 27.9rem;
      margin-right: unset;
      margin-left: unset; } }
  .bb-testimony-swiper .swiper-controls {
    margin-top: 1.5rem; }
    .bb-testimony-swiper .swiper-controls .swiper-button-next,
    .bb-testimony-swiper .swiper-controls .swiper-button-prev {
      position: unset;
      margin: 0;
      width: 2.5rem;
      height: 2.5rem;
      border: solid 0.09375rem #f15a29;
      border-radius: 50%; }
      @media (min-width: 1200px) {
        .bb-testimony-swiper .swiper-controls .swiper-button-next,
        .bb-testimony-swiper .swiper-controls .swiper-button-prev {
          width: 2rem;
          height: 2rem; } }
      .bb-testimony-swiper .swiper-controls .swiper-button-next.swiper-button-disabled,
      .bb-testimony-swiper .swiper-controls .swiper-button-prev.swiper-button-disabled {
        border: solid 0.09375rem #1d1a12; }
      .bb-testimony-swiper .swiper-controls .swiper-button-next::after,
      .bb-testimony-swiper .swiper-controls .swiper-button-prev::after {
        font-size: 1.25rem;
        color: #1d1a12; }
        @media (min-width: 1200px) {
          .bb-testimony-swiper .swiper-controls .swiper-button-next::after,
          .bb-testimony-swiper .swiper-controls .swiper-button-prev::after {
            font-size: 1rem; } }
    .bb-testimony-swiper .swiper-controls .swiper-button-prev {
      margin-right: 0.75rem; }
      @media (min-width: 1200px) {
        .bb-testimony-swiper .swiper-controls .swiper-button-prev {
          margin-right: 0.6rem; } }
      .bb-testimony-swiper .swiper-controls .swiper-button-prev::after {
        content: "\E904";
        font-family: "icomoon" !important; }
    .bb-testimony-swiper .swiper-controls .swiper-button-next::after {
      content: "\E903";
      font-family: "icomoon" !important; }

.bb-testimony-item__text {
  font-size: 1rem;
  line-height: 1.38;
  position: relative; }
  @media (min-width: 1200px) {
    .bb-testimony-item__text {
      font-size: 0.9rem;
      line-height: 1.67; } }
  .bb-testimony-item__text::before {
    position: absolute;
    top: -1.4375rem;
    left: 0;
    content: "\E925";
    font-family: icomoon;
    color: #f3431c; }

.bb-testimony-item__more .bb-testimony-img {
  width: 7.3125rem;
  min-width: 7.3125rem;
  padding-right: 1rem; }

.bb-testimony-item__more .bb-testimony-more-details {
  max-width: 13.5rem; }

.bb-testimony-item__more .bb-testimony-item__author {
  padding-top: 1.25rem;
  position: relative; }
  .bb-testimony-item__more .bb-testimony-item__author::before {
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    border-top: solid 0.0625rem rgba(53, 47, 34, 0.1);
    content: ""; }

.bb-testimony-item .bb-testimony-author-details .bb-testimony-author-image {
  max-width: 2.875rem;
  margin-right: 0.75rem; }

.bb-testimony-item .bb-testimony-author-details .bb-testimony-author-name {
  font-weight: bold;
  margin-bottom: 0.125rem; }

.bb-testimony-item .bb-testimony-author-details .bb-testimony-author-designation {
  opacity: 0.7;
  font-size: 0.875rem; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-our-vision {
  margin-top: 3.25rem; }
  .bb-our-vision.without-quote {
    margin-top: 1.75rem; }
    .bb-our-vision.without-quote .bb-our-vision__quote::before {
      content: ""; }
  .bb-our-vision__quote {
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 0; }
    @media (min-width: 1024px) {
      .bb-our-vision__quote {
        max-width: 34rem;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.4rem;
        padding-top: 0.8rem;
        padding-bottom: 2rem; } }
    .bb-our-vision__quote::before {
      content: "\E925";
      font-family: icomoon;
      position: absolute;
      top: -1.5rem;
      left: 0;
      right: 0;
      margin: 0 auto;
      font-size: 1.125rem;
      color: #f15a29; }
      @media (min-width: 1200px) {
        .bb-our-vision__quote::before {
          font-size: 1.2rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-why-us .bb-why-us__grid__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-why-us .bb-why-us__grid .wrapper {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-why-us .section-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-why-us .section-title {
      margin-bottom: 0.6rem; } }

.bb-why-us .bb-why-us__row {
  margin: 0 -0.375rem; }

.bb-why-us .bb-why-us__grid {
  width: 50%;
  flex-basis: unset;
  padding: 0 0.375rem;
  margin-bottom: 0.75rem; }
  .bb-why-us .bb-why-us__grid a {
    text-decoration: none;
    height: 100%; }
    .bb-why-us .bb-why-us__grid a:hover .bb-why-us__grid__title {
      text-decoration: underline; }
  .bb-why-us .bb-why-us__grid .wrapper {
    padding: 0.75rem;
    height: 100%; }
  .bb-why-us .bb-why-us__grid__image {
    display: flex;
    align-items: center;
    justify-content: center; }
    .bb-why-us .bb-why-us__grid__image img {
      height: 244px; }
      @media (max-width: 760px) {
        .bb-why-us .bb-why-us__grid__image img {
          height: 135px; } }
  .bb-why-us .bb-why-us__grid__title {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.29;
    margin-bottom: 0.25rem;
    text-align: center; }
    @media (min-width: 1200px) {
      .bb-why-us .bb-why-us__grid__title {
        font-size: 0.8rem;
        margin-bottom: 0.4rem; } }
  .bb-why-us .bb-why-us__grid__text {
    opacity: 0.6;
    font-size: 0.875rem;
    line-height: 1.29;
    text-align: center; }
    @media (min-width: 1200px) {
      .bb-why-us .bb-why-us__grid__text {
        font-size: 0.8rem; } }

.testimonial-filter {
    display: flex;
    margin: 10px 0px;
}
.testimonial-chip{
    height: 40px;
    margin : 0.5rem 1rem .5rem 0;
    padding : 12px 16px;
    border:1px solid #E0E0E0;
    border-radius:18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.testimonial-chip-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}
.testimonial-name{
    font-family: 'DM Sans';
    /* font-size: 18px!important;
    font-weight: 600; */
    line-height: 27px;    
    color: #1F1F1F;
}
/* .testimonial-year{
    font-family: 'DM Sans';
    line-height: 27px;
    color: #707070;
} */
.testimonial-crnId{
    font-family: 'DM Sans';
    /* font-size: 16px!important;
    font-weight: 400; */
    line-height: 24px;    
    color: #707070;
}
.testimonial-text{
    font-family: 'DM Sans';
    /* font-size: 16px!important; */
    /* font-weight: 500; */
    line-height: 24px;
    color: #1F1F1F;
}
.testimonial-description{
    font-family: 'DM Sans!important';
    font-size: 16px!important;
    font-weight: 400;
    line-height: 24px;
    color: #1F1F1F;
}
.read-more-btn{
    font-family: 'DM Sans';
    /* font-size: 16px!important;
    font-weight: 600;
    line-height: 24px; */
    color: #707070;
    cursor: pointer;
}
.premium-badge{
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 14px!important;
    font-weight: bold;
    margin-left: 10px;
    box-shadow: 0px 1px 4px 0px #00000040;
    background: linear-gradient(87.24deg, #FFFFFF 1.91%, #EBEBEB 97.58%);

}
.watch-video-box{
    display: flex; 
    align-items: center;
    background: #FAFAFA;
    border-bottom: 1px solid #E0E0E0; 
    cursor: pointer;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.testimonial-description-box{
   height: 375px;
}
.watch-video-text{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.testimonial-thumbnail-img{
    border-top-right-radius:8px;
    border-top-left-radius:8px;
    cursor :pointer;
    height: 325px;
}
.testimonial-app-logo{
    height: 24px;
    width:  24px;
}
.view-more-testimonials {
    text-align: center;
    margin-top: .5rem ;
}
.view-more-full-width{
    width: auto;
}
@media (min-width: 1024px) and (max-width: 1272px) {
    .view-more-testimonials {
        text-align: center;
        margin-top: .5rem ;
    }
}
@media (max-width: 1271px) {
    .view-more-testimonials {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: .5rem ;
    }
}
@media (max-width: 1023px){
    .view-more-full-width{
        width: 100%;
    }
}
@media (max-width: 1200px){
    .testimonial-chip-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }
    .testimonial-filter {
        flex-wrap: wrap;
    }
}
@media (max-width: 700px) {
    .testimonial-filter {
        flex-wrap: wrap;
    }
    .testimonial-chip{
        /* padding: 8px; */
        font-size: 14px!important;
        height: 34px!important;
    }
    .testimonial-chip-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }
    .read-more-btn{
        /* font-size: 14px!important;
        line-height: 14px; */
    }
    .testimonial-name{
        /* height: 50px; */
        font-family: DM Sans;
        /* font-size: 16px!important;
        font-weight: 600; */
        line-height: 24px;
    }
    .testimonial-crnId{
        /* font-size: 14px!important;
        font-weight: 400; */
        line-height: 21px;
    }
    .testimonial-text{
        /* font-size: 14px!important; */
        /* font-weight: 500; */
        line-height: 21px;
    }
    .read-more-btn{
        /* font-size: 14px!important;
        font-weight: 600;
        line-height: 21px; */
    }
    .watch-video-text{
        font-size: 14px!important;
        font-weight: 600;
        line-height: 21px;
    }
    .testimonial-description {
        font-size: 14px!important;
        font-weight: 400;
        line-height: 21px;
    }
    .testimonial-description-box{
        height: 303px;
    }
    .swiper-navigation{
        display: none!important;
    }
    .swiper-pagination{
        margin-top: 0px!important;
    }
    #testimonial-swiper-nav{
        display: none!important;
    }
}


/* Center navigation buttons vertically next to the current slide */
.testimonial-slider-container {
    position: relative;
}

.swiper-navigation {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(-50%); /* Centers buttons vertically */
    z-index: 10;
}

.swiper-prev,
.swiper-next {
    cursor: pointer;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin: 0 15px;
}

.swiper-pagination{
    margin-top:-35px;  
}
.testimonial-card-parent {
    width: 33.33%;
}
@media (max-width: 1023px) {
    .testimonial-card-parent {
        width: 100% !important;
    }   
    .testimonial-thumbnail-img{
        height: unset;
    }
}
.app-description {
  width: 100% !important;
  padding-left: 0px !important; }
  @media (min-width: 767px) {
    .app-description {
      width: 80% !important; } }

.app-section {
  padding: 1rem !important; }
  @media (max-width: 767px) {
    .app-section {
      padding: 0rem !important; } }

@media (max-width: 767px) {
  .app-title {
    margin-top: 1rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.swiper-navigation {
  display: none; }
  @media (min-width: 1200px) {
    .swiper-navigation {
      display: block; } }
  .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
    width: 2.125rem;
    height: 2.125rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f15a29; }
    .swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover {
      background-color: #f15a29; }
      .swiper-navigation .swiper-button-next:hover::after, .swiper-navigation .swiper-button-prev:hover::after {
        color: #fff; }
    @media (min-width: 1200px) {
      .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem; } }
  .swiper-navigation .swiper-button-next {
    color: #f15a29;
    right: 0; }
    .swiper-navigation .swiper-button-next::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E903'; }
  .swiper-navigation .swiper-button-prev {
    color: #f15a29;
    left: 0; }
    .swiper-navigation .swiper-button-prev::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E904'; }

@media (min-width: 1200px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 2rem; } }

@media (min-width: 1300px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 12vh; } }

@media (min-width: 1470px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 8rem; } }

.meta-header {
  font-size: 40px; }
  @media (max-width: 1200px) {
    .meta-header {
      font-size: 32.5px; } }
  @media (max-width: 700px) {
    .meta-header {
      font-size: 26px; } }

@media (min-width: 1200px) {
  .app_margin_desktop {
    margin-top: 3vh; } }

@media (min-width: 1300px) {
  .app_margin_desktop {
    margin-top: 12vh; } }

@media (min-width: 1470px) {
  .app_margin_desktop {
    margin-top: 18vh; } }

.app_margin {
  margin-top: 110% !important; }
  @media (min-width: 1300px) {
    .app_margin {
      margin-top: 27% !important; } }
  @media (min-width: 769px) {
    .app_margin {
      margin-top: 25% !important; } }
  @media (min-width: 729px) {
    .app_margin {
      margin-top: 85% !important; } }
  @media (min-width: 576px) and (max-width: 728px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 575px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 430px) {
    .app_margin {
      margin-top: 120% !important; } }
  @media (max-width: 345px) {
    .app_margin {
      margin-top: 130% !important; } }
  @media (max-width: 320px) {
    .app_margin {
      margin-top: 140% !important; } }
  @media (max-width: 310px) {
    .app_margin {
      margin-top: 160% !important; } }
  @media (max-width: 290px) {
    .app_margin {
      margin-top: 180% !important; } }

.margin_top {
  margin-top: -6%; }

.margin_top_desktop {
  margin-top: -0.5%; }

@media (max-width: 767px) {
  .lets-build-shadow {
    background-image: none !important;
    background-color: #f15a29 !important;
    box-shadow: 6px 10px 5px -1px darkgray !important; } }

.offer-swiper {
  overflow: visible; }

.index5 {
  z-index: 999; }

.download-app {
  color: #F15A29 !important;
  background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/btn-shape-white.svg") !important;
  border: 1px solid #F15A29; }

.new-main-swiper {
  margin-top: 30px; }

@media (max-width: 767px) {
  .thank-you-head {
    margin-top: 0rem !important; } }

.thank-you-section {
  padding: 0rem !important;
  padding-top: 3rem !important; }

.thank-you-border {
  border-top: 2px dashed rgba(0, 0, 0, 0.1);
  width: 80%; }
  @media (max-width: 767px) {
    .thank-you-border {
      border-top: 2px dashed rgba(0, 0, 0, 0.1);
      width: 90%; } }

@media (max-width: 767px) {
  .thank-you-head {
    margin-top: 0rem !important; } }

.thank-you-section {
  padding: 0rem !important;
  padding-top: 3rem !important; }

.thank-you-border {
  border-top: 2px dashed rgba(0, 0, 0, 0.1);
  width: 80%; }
  @media (max-width: 767px) {
    .thank-you-border {
      border-top: 2px dashed rgba(0, 0, 0, 0.1);
      width: 90%; } }

.radioCard {
    display:flex;
    flex-direction:column;
}

.radioCard:hover {
    display:flex;
    flex-direction:column;
    background-color: rgb(249,249,250);
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .site-footer .footer-about {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center, .site-footer .footer-about {
  align-items: center !important; }

.d-flex, .site-footer .footer-about {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center, .site-footer .footer-about {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.site-footer .site-footer__main {
  padding: 1.5rem; }
  @media (max-width: 480px) {
    .site-footer .site-footer__main {
      padding: 1.5rem; } }

.site-footer .footer-about {
  height: fit-content;
  padding: 0; }
  .site-footer .footer-about .footer-text {
    font-size: 0.85rem;
    word-spacing: 0.3rem;
    color: #fff;
    opacity: 0.88; }
    @media (max-width: 480px) {
      .site-footer .footer-about .footer-text {
        font-size: 0.85rem;
        word-spacing: 0.3rem;
        color: #fff;
        opacity: 0.88; } }

.footer-text-revamp {
  color: var(--Neutral-600, #757575);
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; }

.site-footer-revamp {
  width: 100%;
  padding: 24px 0; }

.bottom-cta{
    border-radius: 4px;
    background-color: #F15A29;
    padding: 10px 60px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease;
    color: white;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    cursor: pointer;
}
.bottom-cta:hover{
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.5);
}

.bottom-cta__title{
    font-size: 16px;
    font-weight: 500;
}

.bottom-cta__leading-arrow{
    position: absolute;
    left: 10px;
}

.bottom-cta__ending-arrow{
    position: absolute;
    right: 10px;
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-why-us__video {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-top: 1.25rem; }
  .bb-why-us__video__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .bb-why-us__video__player iframe {
      height: 575px; }
      @media (max-width: 768px) {
        .bb-why-us__video__player iframe {
          height: 210px; } }

.bb-video-player {
  position: relative;
  margin: 0 -0.9375rem; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-why-us .bb-why-us__grid__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-why-us .bb-why-us__grid .wrapper {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-why-us .section-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-why-us .section-title {
      margin-bottom: 0.6rem; } }

.bb-why-us .bb-why-us__row {
  margin: 0 -0.375rem; }

.bb-why-us .bb-why-us__grid {
  width: 50%;
  flex-basis: unset;
  padding: 0 0.375rem;
  margin-bottom: 0.75rem; }
  .bb-why-us .bb-why-us__grid a {
    text-decoration: none;
    height: 100%; }
    .bb-why-us .bb-why-us__grid a:hover .bb-why-us__grid__title {
      text-decoration: underline; }
  .bb-why-us .bb-why-us__grid .wrapper {
    padding: 0.75rem;
    height: 100%; }
  .bb-why-us .bb-why-us__grid__image {
    display: flex;
    align-items: center;
    justify-content: center; }
    .bb-why-us .bb-why-us__grid__image img {
      height: 244px; }
      @media (max-width: 760px) {
        .bb-why-us .bb-why-us__grid__image img {
          height: 135px; } }
  .bb-why-us .bb-why-us__grid__title {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.29;
    margin-bottom: 0.25rem;
    text-align: center; }
    @media (min-width: 1200px) {
      .bb-why-us .bb-why-us__grid__title {
        font-size: 0.8rem;
        margin-bottom: 0.4rem; } }
  .bb-why-us .bb-why-us__grid__text {
    opacity: 0.6;
    font-size: 0.875rem;
    line-height: 1.29;
    text-align: center; }
    @media (min-width: 1200px) {
      .bb-why-us .bb-why-us__grid__text {
        font-size: 0.8rem; } }

.pro-container-div {
  display: flex;
  padding: 20px 0px;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch; }

.pro-container-block {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  text-align: left;
  gap: 8px; }

.pro-container-block > h6 {
  color: var(--Neutral-600, #757575); }

.pro-container-block > img {
  border-radius: 8px;
  border: 1px solid var(--Neutral-200, #EEE);
  background: url(<path-to-image>) lightgray 50%/cover no-repeat; }

@media (max-width: 1023px) {
  .pro-container-div {
    flex-direction: column; }
  .pro-container-block {
    width: 100%;
    max-width: 1023px; }
  .pro-container-block > img {
    width: 100%; } }

.faq-main-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 348px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }

.img-container,
.content-container {
  width: 50%;
  border-radius: 8px; }

.content-container {
  display: flex;
  padding: 24px 48px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  background: #FFF;
  white-space: wrap;
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  color: var(--Neutral-900, #1F1F1F); }

.ref-image {
  display: flex;
  align-items: center;
  align-self: stretch;
  background: var(--Neutral-100, #F7F7F7);
  width: 588px;
  height: 348px;
  border-radius: 8px 0 0 8px; }

.text-line {
  width: 100%; }

.content-container button {
  margin-top: 24px; }

@media (max-width: 1023px) {
  .img-container,
  .content-container {
    width: 100%;
    height: auto; }
  .faq-main-container {
    display: flex;
    flex-direction: column;
    height: auto; }
  .content-container {
    font-size: 20px;
    line-height: 24px; }
  .content-container button {
    margin-top: 16px;
    width: 100%; }
  .ref-image {
    height: auto;
    width: 100%;
    border-radius: 8px 8px 0 0; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-partners-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -0.75rem; }
  @media (min-width: 768px) {
    .bb-partners-row {
      margin-top: 2rem;
      margin-bottom: 0; } }
  .bb-partners-row .bb-partner {
    padding: 0 0.75rem;
    max-height: 195px;
    overflow: hidden;
    margin-bottom: 0.75rem; }
    .bb-partners-row .bb-partner__logo {
      height: 100%; }
      .bb-partners-row .bb-partner__logo .lazyload-wrapper {
        height: 100%; }
        .bb-partners-row .bb-partner__logo .lazyload-wrapper img {
          height: 100%;
          object-fit: contain; }
    @media (min-width: 768px) {
      .bb-partners-row .bb-partner {
        margin-bottom: 0px; } }
    @media (min-width: 1200px) {
      .bb-partners-row .bb-partner {
        margin-bottom: 0px; } }
  .bb-partners-row .bb-partner__logo {
    margin: 0px; }

.bp-main-container {
  display: flex;
  max-width: 1176px;
  width: 100%;
  padding: 56px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px; }

.bp-logos {
  display: flex;
  width: 175px;
  height: 71px;
  border-radius: 10.248px;
  border: 1px solid #EEE;
  object-fit: cover;
  display: block; }

.bp-logos-map {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: center; }

@media (max-width: 1023px) {
  .bp-main-container {
    display: flex;
    padding: 24px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch; }
  .bp-logos {
    flex: 1 1 calc(33.333% - 8px);
    max-width: calc(33.333% - 8px);
    height: auto;
    border-radius: 7.429px;
    border: 0.929px solid #EEE; }
  .bp-logos-map {
    gap: 8px;
    flex-wrap: wrap; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-recognization {
  overflow: hidden; }
  .bb-recognization a {
    text-decoration: none !important; }
  .bb-recognization .main-title {
    margin-bottom: 2rem; }
  @media (min-width: 769px) {
    .bb-recognization .bb-scroller .bb-scroller-item {
      width: calc(100% / 2);
      flex-basis: calc(100% / 2);
      margin-bottom: 0.6rem; } }
  @media (min-width: 1200px) {
    .bb-recognization .bb-scroller .bb-scroller-item {
      width: calc(100% / 4);
      flex-basis: calc(100% / 4); } }
  .bb-recognization .bb-scroller .bb-scroller-item a {
    height: 100%; }
  .bb-recognization .news-card {
    height: 260px; }
    @media (max-width: 768px) {
      .bb-recognization .news-card {
        height: 200px; } }
  .bb-recognization .card {
    border: solid 1px #EEE;
    border-radius: 8px;
    padding: 0 1rem 1.5rem 1rem;
    height: 100%; }
    @media (min-width: 1200px) {
      .bb-recognization .card {
        padding: 0 0.8rem 0.8rem; } }
    .bb-recognization .card .card-title {
      margin-bottom: 1.125rem; }
    .bb-recognization .card .card-body {
      padding: 0; }
      .bb-recognization .card .card-body img {
        width: auto;
        max-width: 8.75rem; }
    .bb-recognization .card .card-text {
      font-size: 0.84375rem;
      line-height: 1.1; }
      @media (min-width: 1200px) {
        .bb-recognization .card .card-text {
          font-size: 0.8rem; } }
  .bb-recognization .swiper-pagination--bars {
    position: unset;
    bottom: 0.5rem; }
    .bb-recognization .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-recognization .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.testimonial-filter {
    display: flex;
    margin: 10px 0px;
}
.testimonial-chip{
    height: 40px;
    margin : 0.5rem 1rem .5rem 0;
    padding : 12px 16px;
    border:1px solid #E0E0E0;
    border-radius:18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.testimonial-chip-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}
.testimonial-name{
    font-family: 'DM Sans';
    /* font-size: 18px!important;
    font-weight: 600; */
    line-height: 27px;    
    color: #1F1F1F;
}
.testimonial-year{
    font-family: 'DM Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: #707070;
}
.testimonial-crnId{
    font-size: 16px;
    font-weight: 400; 
    line-height: 24px;    
    color: #707070;
}
.testimonial-text{
    font-family: 'DM Sans';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #1F1F1F;
}
.testimonial-description{
    font-family: 'DM Sans!important';
    font-size: 16px!important;
    font-weight: 400;
    line-height: 24px;
    color: #1F1F1F;
}
.read-more-btn{
    font-family: 'DM Sans';
    font-size: 16px;
    font-weight: 600;
    /* line-height: 24px; */
    color: #707070;
    cursor: pointer;
}
.premium-badge{
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 14px!important;
    font-weight: bold;
    margin-left: 10px;
    box-shadow: 0px 1px 4px 0px #00000040;
    background: linear-gradient(87.24deg, #FFFFFF 1.91%, #EBEBEB 97.58%);

}
.watch-video-box{
    display: flex; 
    align-items: center;
    background: #FAFAFA;
    border-bottom: 1px solid #E0E0E0; 
    cursor: pointer;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.testimonial-description-box{
   height: 375px;
}
.watch-video-text{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-left: 15px !important;
    margin-bottom: .5rem !important;
}
/* .testimonial-thumbnail-img{
    border-top-right-radius:8px;
    border-top-left-radius:8px;
    cursor :pointer;
    height: 325px;
} */
.testimonial-app-logo{
    height: 24px;
    width:  24px;
}
@media (max-width: 1200px){
    .testimonial-chip-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }
    .testimonial-filter {
        flex-wrap: wrap;
    }
}
@media (max-width: 480px) {
    .testimonial-filter {
        flex-wrap: wrap;
    }
    .testimonial-chip{
        /* padding: 8px; */
        font-size: 14px!important;
        height: 34px!important;
    }
    .testimonial-chip-text{
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }
    .read-more-btn{
        font-size: 14px;
        font-weight: 600;
    }
    .testimonial-name{
        /* height: 50px; */
        font-family: DM Sans;
        /* font-size: 16px!important;
        font-weight: 600; */
        line-height: 24px;
    }
    .testimonial-crnId{
        font-size: 14px;
        font-weight: 400; 
        line-height: 21px;
    }
    .testimonial-text{
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
    }
    .watch-video-text{
        font-size: 14px!important;
        font-weight: 600;
        line-height: 21px;
        margin-left: 15px !important;
        margin-bottom: .5rem !important;
    }
    .testimonial-description {
        font-size: 14px!important;
        font-weight: 400;
        line-height: 21px;
    }
    .testimonial-description-box{
        height: 303px;
    }
    .swiper-navigation{
        display: none!important;
    }
    .swiper-pagination{
        margin-top: 0px!important;
    }
    .testimonial-year{
        font-family: 'DM Sans';
        font-size: 12px;
        font-weight: 400;
        line-height: 27px;
        color: #707070;
    }
}


/* Center navigation buttons vertically next to the current slide */
.testimonial-slider-container {
    position: relative;
}

.swiper-navigation {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(-50%); /* Centers buttons vertically */
    z-index: 10;
}

.swiper-prev,
.swiper-next {
    cursor: pointer;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin: 0 15px;
}

.swiper-pagination{
    margin-top:-35px;  
}
.house-construction-description {
  font-size: 1rem !important; }

.offer-description {
  margin: 1rem 1rem; }
  @media (min-width: 1200px) {
    .offer-description {
      margin: 1rem 8rem; } }

@media (min-width: 728px) {
  .house-construction-form {
    display: none; } }

.error-msg {
  color: #f15a29;
  margin: 0;
  font-size: 0.6rem;
  text-align: left; }

.img-description {
  width: 15rem; }
  @media (min-width: 729px) {
    .img-description {
      width: 30rem; } }

.main-swiper {
  height: 40vh; }
  @media (min-width: 729px) {
    .main-swiper {
      height: 25rem; } }

@media (max-width: 720px) {
  .bnb-desktop-form {
    display: none; } }

.affordable-house-construction-footer .affordable-house-construction-footer__main {
  padding: 1.5rem; }
  @media (max-width: 480px) {
    .affordable-house-construction-footer .affordable-house-construction-footer__main {
      padding: 1.5rem; } }

.affordable-house-construction-footer .affordable-house-construction-footer-about {
  height: fit-content;
  padding: 0; }
  .affordable-house-construction-footer .affordable-house-construction-footer-about .affordable-house-construction-footer-text {
    font-size: 0.85rem;
    word-spacing: 0.3rem;
    color: #fff;
    opacity: 0.88; }
    @media (max-width: 480px) {
      .affordable-house-construction-footer .affordable-house-construction-footer-about .affordable-house-construction-footer-text {
        font-size: 0.85rem;
        word-spacing: 0.3rem;
        color: #fff;
        opacity: 0.88; } }

.main-title {
  padding: calc((0.8px + 0.05335vmin) * 0) calc((0.8px + 0.05335vmin) * 0) !important;
  max-width: 100%; }

.house-construction-description {
  font-size: 1rem !important; }

.offer-description {
  margin: 1rem 1rem; }
  @media (min-width: 1200px) {
    .offer-description {
      margin: 1rem 8rem; } }

@media (min-width: 728px) {
  .house-construction-form {
    display: none; } }

body {
  padding-top: 4rem !important; }
  @media (min-width: 728px) {
    body {
      padding-top: 2rem !important; } }

.index5 {
  z-index: 999; }

.error-msg {
  color: #f15a29;
  margin: 0;
  font-size: 0.6rem;
  text-align: left; }

.img-description {
  width: 15rem; }
  @media (min-width: 729px) {
    .img-description {
      width: 30rem; } }

.main-swiper {
  height: 40vh; }
  @media (min-width: 729px) {
    .main-swiper {
      height: 27rem; } }

@media (max-width: 720px) {
  .bnb-desktop-form {
    display: none; } }

.pac-container {
  z-index: 10000 !important;
  margin-top: 40px; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-projects__item__details .bb-project-more-details {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-projects__item:hover .bb-projects__item__details {
  background-color: #f15a29;
  color: #fff; }
  .bb-projects__item:hover .bb-projects__item__details .bb-project-more-details {
    border-top-color: #fff; }
    .bb-projects__item:hover .bb-projects__item__details .bb-project-more-details .detail::after {
      opacity: 1; }

.bb-projects__item__details {
  padding: 0.5rem 0.75rem;
  min-height: 3.4375rem;
  color: #1d1a12; }
  .bb-projects__item__details .bb-project-code {
    font-size: 1rem;
    margin-bottom: 0.1875rem; }
    @media (min-width: 1200px) {
      .bb-projects__item__details .bb-project-code {
        font-size: 0.9rem; } }
  .bb-projects__item__details .bb-project-location {
    opacity: 0.6;
    font-size: 0.875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .bb-projects__item__details .bb-project-more-details {
    margin-top: 0.4375rem;
    padding-top: 0.4375rem;
    border-top: 0.0625rem solid rgba(133, 130, 122, 0.4);
    font-size: 0.875rem;
    opacity: 0.6;
    line-height: 1.29;
    font-weight: normal; }
    @media (min-width: 576px) {
      .bb-projects__item__details .bb-project-more-details {
        font-size: 0.625rem; } }
    @media (min-width: 992px) {
      .bb-projects__item__details .bb-project-more-details {
        font-size: 0.5625rem; } }
    @media (min-width: 1200px) {
      .bb-projects__item__details .bb-project-more-details {
        font-size: 0.8rem; } }
    .bb-projects__item__details .bb-project-more-details .detail {
      position: relative; }
      .bb-projects__item__details .bb-project-more-details .detail:not(:last-child) {
        margin-right: 1.375rem; }
        .bb-projects__item__details .bb-project-more-details .detail:not(:last-child)::after {
          width: 0.375rem;
          height: 0.375rem;
          opacity: 0.2;
          background-color: #fff;
          border-radius: 50%;
          content: "";
          position: absolute;
          right: -0.875rem;
          top: 25%; }

.bb-projects__item__img {
  overflow: hidden;
  position: relative; }
  .bb-projects__item__img .lazyload-wrapper {
    height: inherit; }
  .bb-projects__item__img img {
    height: 100%;
    object-fit: cover;
    object-position: top; }
    @media (min-width: 1200px) {
      .bb-projects__item__img img {
        max-height: 10.55rem; } }

.bb-projects__item__link {
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.bb-projects__item__img__tag {
  height: 1.3125rem;
  background-color: rgba(29, 26, 18, 0.6);
  font-size: 0.625rem;
  position: absolute;
  color: #fff;
  top: 0.25rem;
  left: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem; }

.active-img img {
  max-height: 100rem !important; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-projects__item__details .bb-project-more-details {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.house-construction-description {
  font-size: 1rem !important; }

.offer-description {
  margin: 1rem 1rem; }
  @media (min-width: 1200px) {
    .offer-description {
      margin: 1rem 8rem; } }

@media (min-width: 728px) {
  .house-construction-form {
    display: none; } }

body {
  padding-top: 4rem !important; }
  @media (min-width: 728px) {
    body {
      padding-top: 2rem !important; } }

.error-msg {
  color: #f15a29;
  margin: 0;
  font-size: 0.6rem;
  text-align: left; }

.img-description {
  width: 15rem; }
  @media (min-width: 729px) {
    .img-description {
      width: 30rem; } }

.main-swiper {
  height: 40vh; }
  @media (min-width: 729px) {
    .main-swiper {
      height: 25rem; } }

@media (max-width: 720px) {
  .bnb-desktop-form {
    display: none; } }

.bb-customers {
  overflow: hidden; }
  .bb-customers .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-customers .section-title {
        margin-bottom: 0.6rem; } }
  @media (min-width: 768px) {
    .bb-customers .bb-customers-testimony-swiper {
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }
  .bb-customers .bb-testimony-item a {
    text-decoration: none; }
  .bb-customers .bb-testimony-item__image {
    margin-bottom: 1rem;
    position: relative; }
  .bb-customers .bb-testimony-item__content .testimony__text {
    font-size: 1rem;
    line-height: 1.38;
    margin-bottom: 1rem;
    position: relative; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__text {
        font-size: 0.9rem; } }
    .bb-customers .bb-testimony-item__content .testimony__text::before {
      position: absolute;
      top: -1.4375rem;
      left: 0;
      content: "\E925";
      font-family: "icomoon";
      color: #f15a29; }
  .bb-customers .bb-testimony-item__content .testimony__user-name {
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.125rem; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-name {
        font-size: 0.8rem; } }
  .bb-customers .bb-testimony-item__content .testimony__user-designation {
    font-size: 0.875rem;
    opacity: 0.7;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-designation {
        font-size: 0.8rem; } }
  .bb-customers .swiper-pagination--bars {
    position: unset;
    padding-top: 1rem;
    bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-customers .swiper-pagination--bars {
        padding-top: 1.6rem; } }
    .bb-customers .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-customers .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.house-construction-description {
  font-size: 1rem !important; }

.offer-description {
  margin: 1rem 1rem; }
  @media (min-width: 1200px) {
    .offer-description {
      margin: 1rem 8rem; } }

@media (min-width: 728px) {
  .house-construction-form {
    display: none; } }

body {
  padding-top: 4rem !important; }
  @media (min-width: 728px) {
    body {
      padding-top: 2rem !important; } }

.error-msg {
  color: #f15a29;
  margin: 0;
  font-size: 0.6rem;
  text-align: left; }

.img-description {
  width: 15rem; }
  @media (min-width: 729px) {
    .img-description {
      width: 30rem; } }

.main-swiper {
  height: 40vh; }
  @media (min-width: 729px) {
    .main-swiper {
      height: 25rem; } }

@media (max-width: 720px) {
  .bnb-desktop-form {
    display: none; } }

.house-construction-description {
  font-size: 1rem !important; }

.offer-description {
  margin: 1rem 1rem; }
  @media (min-width: 1200px) {
    .offer-description {
      margin: 1rem 8rem; } }

@media (min-width: 728px) {
  .house-construction-form {
    display: none; } }

.error-msg {
  color: #f15a29;
  margin: 0;
  font-size: 0.6rem;
  text-align: left; }

.img-description {
  width: 15rem; }
  @media (min-width: 729px) {
    .img-description {
      width: 30rem; } }

.main-swiper {
  height: 40vh; }
  @media (min-width: 729px) {
    .main-swiper {
      height: 25rem; } }

@media (max-width: 720px) {
  .bnb-desktop-form {
    display: none; } }

.building-contractor-house-construction-footer .building-contractor-house-construction-footer__main {
  padding: 1.5rem; }
  @media (max-width: 480px) {
    .building-contractor-house-construction-footer .building-contractor-house-construction-footer__main {
      padding: 1.5rem; } }

.building-contractor-house-construction-footer .building-contractor-house-construction-footer-about {
  height: fit-content;
  padding: 0; }
  .building-contractor-house-construction-footer .building-contractor-house-construction-footer-about .building-contractor-house-construction-footer-text {
    font-size: 0.85rem;
    word-spacing: 0.3rem;
    color: #fff;
    opacity: 0.88; }
    @media (max-width: 480px) {
      .building-contractor-house-construction-footer .building-contractor-house-construction-footer-about .building-contractor-house-construction-footer-text {
        font-size: 0.85rem;
        word-spacing: 0.3rem;
        color: #fff;
        opacity: 0.88; } }

.house-construction-description {
  font-size: 1rem !important; }

.offer-description {
  margin: 1rem 1rem; }
  @media (min-width: 1200px) {
    .offer-description {
      margin: 1rem 8rem; } }

@media (min-width: 728px) {
  .house-construction-form {
    display: none; } }

.error-msg {
  color: #f15a29;
  margin: 0;
  font-size: 0.6rem;
  text-align: left; }

.img-description {
  width: 15rem; }
  @media (min-width: 729px) {
    .img-description {
      width: 30rem; } }

.main-swiper {
  height: 40vh; }
  @media (min-width: 729px) {
    .main-swiper {
      height: 25rem; } }

@media (max-width: 720px) {
  .bnb-desktop-form {
    display: none; } }

.farm-house-construction-footer .farm-house-construction-footer__main {
  padding: 1.5rem; }
  @media (max-width: 480px) {
    .farm-house-construction-footer .farm-house-construction-footer__main {
      padding: 1.5rem; } }

.farm-house-construction-footer .farm-house-construction-footer-about {
  height: fit-content;
  padding: 0; }
  .farm-house-construction-footer .farm-house-construction-footer-about .farm-house-construction-footer-text {
    font-size: 0.85rem;
    word-spacing: 0.3rem;
    color: #fff;
    opacity: 0.88; }
    @media (max-width: 480px) {
      .farm-house-construction-footer .farm-house-construction-footer-about .farm-house-construction-footer-text {
        font-size: 0.85rem;
        word-spacing: 0.3rem;
        color: #fff;
        opacity: 0.88; } }

.house-construction-description {
  font-size: 1rem !important; }

.offer-description {
  margin: 1rem 1rem; }
  @media (min-width: 1200px) {
    .offer-description {
      margin: 1rem 8rem; } }

@media (min-width: 728px) {
  .house-construction-form {
    display: none; } }

.error-msg {
  color: #f15a29;
  margin: 0;
  font-size: 0.6rem;
  text-align: left; }

.img-description {
  width: 15rem; }
  @media (min-width: 729px) {
    .img-description {
      width: 30rem; } }

.main-swiper {
  height: 40vh; }
  @media (min-width: 729px) {
    .main-swiper {
      height: 25rem; } }

@media (max-width: 720px) {
  .bnb-desktop-form {
    display: none; } }

.building-contractor-house-construction-footer .building-contractor-house-construction-footer__main {
  padding: 1.5rem; }
  @media (max-width: 480px) {
    .building-contractor-house-construction-footer .building-contractor-house-construction-footer__main {
      padding: 1.5rem; } }

.building-contractor-house-construction-footer .building-contractor-house-construction-footer-about {
  height: fit-content;
  padding: 0; }
  .building-contractor-house-construction-footer .building-contractor-house-construction-footer-about .building-contractor-house-construction-footer-text {
    font-size: 0.85rem;
    word-spacing: 0.3rem;
    color: #fff;
    opacity: 0.88; }
    @media (max-width: 480px) {
      .building-contractor-house-construction-footer .building-contractor-house-construction-footer-about .building-contractor-house-construction-footer-text {
        font-size: 0.85rem;
        word-spacing: 0.3rem;
        color: #fff;
        opacity: 0.88; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.swiper-navigation {
  display: none; }
  @media (min-width: 1200px) {
    .swiper-navigation {
      display: block; } }
  .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
    width: 2.125rem;
    height: 2.125rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #f15a29; }
    .swiper-navigation .swiper-button-next:hover, .swiper-navigation .swiper-button-prev:hover {
      background-color: #f15a29; }
      .swiper-navigation .swiper-button-next:hover::after, .swiper-navigation .swiper-button-prev:hover::after {
        color: #fff; }
    @media (min-width: 1200px) {
      .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem; } }
  .swiper-navigation .swiper-button-next {
    color: #f15a29;
    right: 0; }
    .swiper-navigation .swiper-button-next::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E903'; }
  .swiper-navigation .swiper-button-prev {
    color: #f15a29;
    left: 0; }
    .swiper-navigation .swiper-button-prev::after {
      font-family: 'icomoon';
      font-size: 1.125rem;
      content: '\E904'; }

@media (min-width: 1200px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 2rem; } }

@media (min-width: 1300px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 12vh; } }

@media (min-width: 1470px) {
  .paddingRL {
    padding-right: 1rem;
    padding-left: 8rem; } }

.meta-header {
  font-size: 40px; }
  @media (max-width: 1200px) {
    .meta-header {
      font-size: 32.5px; } }
  @media (max-width: 700px) {
    .meta-header {
      font-size: 26px; } }

@media (min-width: 1200px) {
  .app_margin_desktop {
    margin-top: 3vh; } }

@media (min-width: 1300px) {
  .app_margin_desktop {
    margin-top: 12vh; } }

@media (min-width: 1470px) {
  .app_margin_desktop {
    margin-top: 18vh; } }

.app_margin {
  margin-top: 110% !important; }
  @media (min-width: 1300px) {
    .app_margin {
      margin-top: 27% !important; } }
  @media (min-width: 769px) {
    .app_margin {
      margin-top: 25% !important; } }
  @media (min-width: 729px) {
    .app_margin {
      margin-top: 85% !important; } }
  @media (min-width: 576px) and (max-width: 728px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 575px) {
    .app_margin {
      margin-top: 110% !important; } }
  @media (max-width: 430px) {
    .app_margin {
      margin-top: 120% !important; } }
  @media (max-width: 345px) {
    .app_margin {
      margin-top: 130% !important; } }
  @media (max-width: 320px) {
    .app_margin {
      margin-top: 140% !important; } }
  @media (max-width: 310px) {
    .app_margin {
      margin-top: 160% !important; } }
  @media (max-width: 290px) {
    .app_margin {
      margin-top: 180% !important; } }

.margin_top {
  margin-top: -6%; }

.margin_top_desktop {
  margin-top: -0.5%; }

@media (max-width: 767px) {
  .lets-build-shadow {
    background-image: none !important;
    background-color: #f15a29 !important;
    box-shadow: 6px 10px 5px -1px darkgray !important; } }

.offer-swiper {
  overflow: visible; }

.index5 {
  z-index: 999; }

.new-main-swiper {
  margin-top: 30px; }

.home-page-lets-build {
  font-size: 16px;
  font-weight: 600; }

.home-page-learn-more {
  font-size: 18px;
  font-weight: 600; }

.home-page-packages-label {
  font-size: 18px;
  font-weight: 600; }

.home-page-packages-radio-text {
  font-size: 18px !important;
  font-weight: 400;
  display: flex !important;
  align-items: center; }

.faq-container {
  display: flex;
  max-width: 1176px;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  margin: 0 auto; }

.custom-collapse {
  width: 100%;
  min-width: 100%;
  max-width: 1176px; }

.custom-collapse .ant-collapse-item {
  border-bottom: 1px solid #eaeaea; }

.custom-collapse .ant-collapse-header {
  color: var(--Neutral-900, #1F1F1F);
  margin-left: -20px;
  max-width: 1176px; }

.custom-collapse .ant-collapse-content {
  border: none; }

.custom-collapse .ant-collapse-content-box {
  margin-left: 0;
  padding: 0 !important;
  color: var(--Neutral-600, #757575) !important; }

.custom-collapse .ant-collapse-expand-icon {
  color: #757575 !important; }

.custom-collapse .ant-collapse-item:last-child {
  border-bottom: none; }

.custom-collapse .ant-collapse-expand-icon {
  color: #757575 !important; }
  .custom-collapse .ant-collapse-expand-icon svg {
    fill: currentColor !important; }

.custom-collapse .ant-collapse-content-box > * {
  padding-left: 0 !important;
  margin-left: 0 !important; }

.custom-collapse .ant-collapse-item-active .ant-collapse-header {
  color: #757575 !important; }

.left-align {
  text-align: left;
  align-self: flex-start; }

@media (max-width: 1023px) {
  .home-page-lets-build {
    font-size: 14px;
    font-weight: 600; }
  .home-page-learn-more {
    font-size: 16px;
    font-weight: 600; }
  .home-page-packages-label {
    font-size: 16px;
    font-weight: 600; }
  .home-page-packages-radio-text {
    font-size: 16px !important;
    font-weight: 400;
    display: flex !important;
    align-items: center; }
  .faq-container {
    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch; } }

@media (max-width: 1023px) {
  .home-page-packages-label {
    font-size: 14px;
    font-weight: 600; }
  .home-page-packages-radio-text {
    font-size: 14px !important;
    font-weight: 400;
    display: flex !important;
    align-items: center; } }

@media (max-width: 360px) {
  .home-page-packages-label {
    font-size: 13px;
    font-weight: 600; }
  .home-page-packages-radio-text {
    font-size: 13px !important;
    font-weight: 400;
    display: flex !important;
    align-items: center; } }

@media (max-width: 342px) {
  .home-page-packages-label {
    font-size: 12px;
    font-weight: 600; }
  .home-page-packages-radio-text {
    font-size: 12px !important;
    font-weight: 400;
    display: flex !important;
    align-items: center; } }

@media (max-width: 324px) {
  .home-page-packages-label {
    font-size: 11px;
    font-weight: 600; }
  .home-page-packages-radio-text {
    font-size: 11px !important;
    font-weight: 400;
    display: flex !important;
    align-items: center; } }

.service-comp {
  display: flex;
  flex-direction: row;
  gap: 24px; }

.service-comp-box {
  border-radius: 8px;
  border: 1px solid var(--Neutral-300, #E0E0E0);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  text-decoration: none;
  color: inherit; }

.service-comp-box > img {
  border-radius: 8px 8px 0 0; }

.service-comp-box * {
  text-decoration: none; }

.service-text-comp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  width: 100%; }

.text-content {
  display: flex;
  flex-direction: column; }

@media (max-width: 1023px) {
  .service-comp {
    display: flex;
    flex-direction: column;
    gap: 8px; } }

.bc-banner-section {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  margin-top: 64px !important; }

.bc-banner-section img {
  display: block;
  width: 100%;
  height: 576px;
  background-color: white; }

.picture-sec {
  display: block;
  width: 100%;
  height: 576px;
  background-color: white; }

.bc-form-container {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  z-index: 0;
  width: 332px;
  border-radius: 8px; }

.bc-form-container.desktop, .bc-form-container.both {
  display: none; }

.flip-counter-container {
  position: absolute;
  bottom: 0;
  /* Aligns it to the bottom */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px; }

.title-text {
  position: absolute;
  top: 40%;
  left: 5%;
  width: 550px; }

.banner-button {
  position: absolute;
  top: 70%;
  left: 11%;
  width: 196px; }

@media (max-width: 1271px) {
  .banner-button {
    left: 7%; } }

@media (max-width: 1023px) {
  .bc-banner-section {
    position: relative;
    margin-top: 81px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto; }
  .bc-banner-section img {
    height: 400px; }
  .picture-sec {
    height: 400px; }
  .flip-counter-container {
    position: absolute;
    bottom: 530px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
  .bc-form-container {
    position: relative;
    width: 100%;
    max-width: 1023px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 160px;
    margin-left: 48px;
    margin-bottom: -270px;
    height: auto; }
  .bc-form-container.mobile, .bc-form-container.both {
    display: none; }
  .title-text {
    position: relative;
    width: 630px;
    text-align: left;
    margin-left: -90px; }
  .banner-button {
    left: 20%;
    top: 51%;
    width: 180px; } }

@media (max-width: 767px) {
  .bc-banner-section {
    position: relative;
    margin-top: 33px !important;
    margin-bottom: 32px !important;
    height: auto; }
  .flip-counter-container {
    bottom: 0px;
    z-index: 1;
    top: 320px;
    width: 250px;
    height: 20px; }
  .title-text {
    width: 320px;
    margin-left: -70px; }
  .banner-button {
    left: 8%;
    top: 51%;
    width: 180px; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1200px) {
  .bb-packages {
    text-align: center; } }

.bb-packages .main-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-packages .main-title {
      margin-bottom: 0.6rem; } }

.bb-packages .section-subtitle {
  z-index: 0; }
  @media (min-width: 1200px) {
    .bb-packages .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }

.bb-packages .accordion {
  margin: 0 -0.4375rem 1.75rem; }
  @media (min-width: 1200px) {
    .bb-packages .accordion {
      margin: 0 0 2rem; } }

.bb-packages .list .list-item {
  padding: 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.29;
  text-align: left; }
  .bb-packages .list .list-item .icon {
    font-size: 1.3125rem;
    font-weight: bold;
    margin-right: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.bb-packages .bb-packages-list__item {
  display: none; }
  @media (min-width: 1200px) {
    .bb-packages .bb-packages-list__item {
      display: block; } }
  .bb-packages .bb-packages-list__item.active {
    display: block;
    transition-delay: 0.3s;
    transition: all 0.3s ease; }

.bb-packages .bb-range-slider {
  padding: 0 0.125rem 1rem;
  overflow: hidden;
  margin-bottom: 2.6875rem; }
  @media (min-width: 1200px) {
    .bb-packages .bb-range-slider {
      display: none; } }

.bb-packages .bb-package-swiper {
  overflow: visible; }
  @media (min-width: 768px) {
    .bb-packages .bb-package-swiper {
      overflow: hidden;
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }

@media (min-width: 1200px) {
  .bb-packages .bb-package-selected {
    background-color: #f15a29;
    color: #fff;
    margin-bottom: 0;
    padding: 0.8rem;
    text-align: left; } }

@media (max-width: 767px) {
  .bb-packages .bb-package-selected {
    font-weight: bold;
    font-size: 1.15rem; } }

.bb-packages .bb-current-location {
  margin-bottom: 0.625rem;
  align-items: center; }
  @media (min-width: 768px) {
    .bb-packages .bb-current-location {
      margin-bottom: 1rem; } }
  @media (min-width: 1200px) {
    .bb-packages .bb-current-location {
      justify-content: center; } }
  .bb-packages .bb-current-location .section-subtitle {
    width: unset !important; }

@media (min-width: 768px) {
  .bb-package-description {
    color: white; } }

.swiper-navigation {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transform: translateY(-50%);
  z-index: 10;
  padding: 0 20px; }

.swiper-button-next,
.swiper-button-prev {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  margin: 0 25px; }

.cp-main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%; }

.cp-label {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.dropdown-container {
  position: relative;
  width: auto;
  cursor: pointer;
  height: 36px;
  padding: 0px 12px;
  align-items: center;
  border-radius: 8px;
  background: var(--Neutral-200, #EEE);
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  margin-right: 24px; }

.selected-city {
  background: var(--Neutral-200, #EEE);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  display: flex; }

.cp-dropdown-list {
  z-index: 999;
  overflow-y: auto;
  color: var(--Neutral-900, #1F1F1F);
  cursor: pointer;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  height: 288px;
  background: white;
  position: absolute;
  top: 100%;
  width: 180px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12); }

.cp-dropdown-list li {
  padding: 8px 12px;
  cursor: pointer; }

.cp-dropdown-list li:hover {
  background: var(--Neutral-100, #F7F7F7); }

.cp-type-options {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column; }

.cp-const-type {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  vertical-align: middle; }

.cp-const-type-desc {
  color: var(--Neutral-600, #757575);
  font-size: 11px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  vertical-align: middle;
  height: 24px; }

.cp-constructionType {
  margin-left: 24px;
  display: inline-block;
  line-height: 24px;
  cursor: pointer; }
  .cp-constructionType span {
    cursor: pointer; }

.cp-packages-main-div {
  margin-top: 24px;
  margin-bottom: 24px; }

.cp-constructionType img {
  height: 24px;
  width: 24px;
  cursor: pointer;
  vertical-align: middle; }

.hidden-radio {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0; }

.pd-main-div {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  max-width: 276px;
  width: 100%;
  position: relative; }

.pd-popular-div {
  color: var(--Neutral-900, #1F1F1F);
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.25);
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  display: flex;
  height: 36px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(89deg, #FFE898 -0.17%, #B89C5C 99.32%);
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0px;
  border-radius: 8px 8px 0 0;
  width: 100%;
  max-width: 1023px; }

.pd-popular-div-new {
  color: var(--Neutral-900, #1F1F1F);
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.25);
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  display: flex;
  height: 36px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(89deg, #FFE898 -0.17%, #B89C5C 99.32%);
  position: absolute;
  top: 128px;
  left: 67%;
  margin-left: 0px;
  border-radius: 32px 0px 0 32px;
  width: 33%;
  max-width: 1023px; }

.pd-heading-div {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 20px; }

.pd-pack-desc {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: 96px;
  margin-bottom: 20px;
  align-self: stretch; }

.pd-highlight-heading {
  color: var(--Neutral-600, #757575);
  font-family: "DM Sans";
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
  text-transform: uppercase;
  align-self: stretch;
  margin-bottom: 4px; }

.highlight-icon {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 8px; }

.highlight-item {
  display: flex;
  align-items: center;
  gap: 8px; }

.pd-highlight-desc {
  height: 280px;
  margin-bottom: 20px;
  gap: 4px;
  display: flex;
  flex-direction: column; }

.highlight-text {
  font-size: 16px;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center; }

.cp-packages-container {
  margin-top: 24px;
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  flex-direction: row; }

.pd-brand-logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center; }

.pd-brand-logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-blend-mode: difference;
  border-radius: 8px;
  background: var(--Neutral-100, #F7F7F7);
  width: 100%;
  height: 100px;
  max-height: 36px;
  overflow: hidden; }

.pd-brands-container {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  max-width: auto;
  max-height: 100%; }

.cp-text {
  margin-top: 24px;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; }

.tc-main {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  max-width: 100%;
  margin-top: 48px; }

.tc-heading {
  display: block;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  flex: 1; }

.tc-main button {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  cursor: pointer; }

.tc-arrows {
  display: flex;
  gap: 24px; }

.tc-package-div {
  display: flex;
  height: 48px;
  padding: 6px;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  background: var(--Neutral-200, #EEE);
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
  margin-top: 24px; }

.tc-package-name {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background: var(--Neutral-200, #EEE);
  border: 0;
  border-radius: 4px;
  transition: background 0.3s ease, color 0.3s ease;
  padding: 8px 20px; }

.tc-package-name.selected {
  background: var(--Neutral-900, #1F1F1F) !important;
  color: #FFF !important; }

.tc-banner-container {
  display: flex;
  flex-direction: row;
  /* Images in a row */
  gap: 10px;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
  scrollbar-width: none;
  margin-top: 24px;
  white-space: nowrap; }

.tc-banner-container::-webkit-scrollbar {
  display: none; }

.tc-banner-image {
  aspect-ratio: 16 / 9;
  border-radius: 8px; }

.tc-button-left,
.tc-button-right {
  cursor: pointer;
  border: none;
  background: none;
  margin-left: 24px;
  padding: 0 !important; }

.tc-package-group {
  display: flex;
  flex-direction: row;
  gap: 10px; }

.cp-txt {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */ }

@media (min-width: 1024px) and (max-width: 1290px) {
  .cp-main-container > div {
    flex-direction: column; }
  .cp-packages-container {
    flex-direction: row !important; }
  .second-lable {
    margin-top: 24px; }
  .cp-label {
    width: 100%; }
  .cp-label.second-lable {
    display: block; }
  .cp-option-div {
    margin-top: 16px;
    margin-left: -24px; }
  .pd-pack-desc {
    height: 144px; } }

@media (max-width: 1023px) {
  .pd-popular-div-new {
    color: var(--Neutral-900, #1F1F1F);
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.25);
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    display: flex;
    height: 36px;
    justify-content: center;
    align-items: center;
    background: linear-gradient(89deg, #FFE898 -0.17%, #B89C5C 99.32%);
    position: absolute;
    top: 110px; }
  .cp-main-container {
    align-items: flex-start; }
  .cp-label {
    font-size: 16px;
    line-height: 24px;
    flex-wrap: nowrap;
    height: 24px; }
  .dropdown-container {
    height: 36px;
    padding: 0px 8px;
    border-radius: 8px;
    margin-left: 6px; }
  .selected-city {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px; }
  .cp-dropdown-list {
    align-items: center;
    gap: 10px;
    align-self: stretch;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 216px; }
  .cp-dropdown-list li {
    padding: 0px 16px; }
  .cp-main-container > div {
    flex-direction: column; }
  .second-lable {
    margin-top: 16px; }
  .cp-label {
    width: 100%; }
  .cp-label.second-lable {
    display: block; }
  .cp-option-div {
    margin-top: 16px;
    margin-left: -24px; }
  .cp-const-type {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px; }
  .cp-const-type-des {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px; }
  .cp-packages-main-div {
    margin-top: 24px;
    margin-bottom: 24px; }
  .cp-constructionType {
    display: block;
    align-items: flex-start;
    cursor: pointer; }
  .cp-constructionType img {
    height: 16px;
    width: 16px;
    margin-top: 6px;
    cursor: pointer;
    vertical-align: middle; }
  .cp-packages-container {
    margin-top: 16px;
    gap: 16px;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
  .pd-main-div {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-top: 16px; }
  .pd-popular-div {
    display: flex;
    width: 100%;
    height: 36px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    max-width: 1023px;
    margin-left: 0px; }
  .pd-heading-div {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px; }
  .pd-pack-desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 16px;
    height: auto; }
  .pd-highlight-heading {
    font-size: 10px;
    line-height: 10px; }
  .pd-highlight-desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 16px;
    height: auto; }
  .cp-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px; }
  .tc-main {
    margin-top: 32px; }
  .tc-heading {
    font-size: 24px;
    line-height: 30px; }
  .tc-package-div {
    height: 42px;
    padding: 4px;
    gap: 4px; }
  .tc-package-name {
    font-size: 14px;
    line-height: 21px;
    padding: 8px; }
  .tc-button-left img,
  .tc-button-right img {
    width: 32px;
    height: 32px;
    padding: 0px !important; }
  .tc-button-left,
  .tc-button-right {
    margin-left: 8px; }
  .cp-txt {
    color: #1F1F1F;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; }
  .highlight-text {
    font-size: 14px; }
  .cp-const-type-desc {
    font-size: 10px !important; } }

.cp-comp-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  background-color: #fff;
  padding: 48px;
  box-sizing: border-box;
  position: relative; }

.comp-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1176px; }

.comp-yellow-box-text {
  gap: 0px; }

.comp-yellow-box {
  display: flex;
  max-width: 1176px;
  width: 100%;
  padding: 48px;
  align-items: center;
  gap: 32px;
  border-radius: 8px;
  background: var(--Sunset-50, #FFF4E5);
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-top: 48px; }

.comp-top-row {
  max-width: 1176px;
  display: flex;
  width: 100%;
  height: 80px;
  align-items: flex-end;
  flex-shrink: 0;
  border: 1px solid #F0E3D3;
  background: #FFF; }

.comp-top-row > div {
  flex: 1;
  text-align: center;
  padding: 20px;
  width: calc(100%/5); }

.highlight-type {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  gap: 8px;
  height: 80px;
  align-items: center; }

.cp-const-type-desc {
  color: var(--Neutral-600, #757575);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  vertical-align: middle;
  height: 24px; }

.comp-toggle-img {
  width: 42px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 8px; }

.comp-pkg-names {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px;
  text-align: left; }

.comp-pkg-container {
  display: flex;
  border-left: 1px solid #F0E3D3;
  height: 80px;
  align-items: center; }

.cp-comp-index {
  max-width: 1176px;
  width: 100%;
  display: flex;
  height: auto;
  padding: 40px 20px 20px 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-left: 1px solid #F0E3D3;
  border-right: 1px solid #F0E3D3;
  border-bottom: 1px solid #F0E3D3;
  background: #FFF; }

.cp-comp-name {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; }

.cp-comp-desc {
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; }

.cp-main-desc {
  vertical-align: middle;
  width: 100%;
  max-width: 1176px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 0 !important; }

.cp-main-desc > td {
  flex: 1;
  text-align: center;
  width: calc(100%/5); }

.cp-blockName {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  flex-grow: 1;
  height: auto;
  border-bottom: 1px solid #F0E3D3;
  padding: 12px 20px;
  text-align: left;
  display: block;
  border-radius: 0 !important; }

.cp-blockName-value {
  display: flex;
  color: var(--Neutral-900, #1F1F1F);
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: auto;
  border-left: 1px solid #F0E3D3;
  border-bottom: 1px solid #F0E3D3;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 0 !important; }

.cp-desc-first {
  border-right: 1px solid #F0E3D3;
  border-left: 1px solid #F0E3D3;
  display: flex;
  flex-shrink: 0;
  width: 100%;
  max-width: 1176px; }

.cp-comp-main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 1176px;
  margin: 0 auto; }

.highlighted-block {
  background-color: #FFFBF5; }

.cp-blockName-mob {
  display: block;
  padding: 12px 16px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  background: #FFFBF5;
  width: 100%;
  max-width: 1023px;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  border-radius: 8px;
  text-align: left; }

.cp-desc-first-mob {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #F0E3D3;
  margin: 16px 0; }

.faqFormSec {
  margin-top: 52px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 1176px; }

.faqSection {
  flex: 1;
  min-width: 0;
  margin-right: 24px; }

.formSection {
  width: 400px;
  flex-shrink: 0; }

.cp-disclaimer {
  padding: 8px 20px;
  color: var(--Neutral-600, #757575);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px; }

@media (max-width: 1023px) {
  .cp-comp-wrapper {
    padding-top: 48px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px; }
  .comp-pkg-names {
    font-size: 16px;
    line-height: 24px; }
  .cp-comp-name {
    font-size: 20px;
    line-height: 24px; }
  .cp-comp-desc {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 21px; }
  .cp-blockName-value-mob {
    font-size: 14px;
    line-height: 21px;
    padding: 0px 16px;
    border: 0; }
  .comp-yellow-box {
    flex-direction: column;
    font-size: 20px;
    line-height: 24px;
    align-items: start;
    padding: 16px;
    gap: 16px;
    margin: 32px auto; }
  .comp-grad-tick {
    width: 42px;
    height: 42px; }
  .faqFormSec {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 1023px;
    margin-top: 16px;
    padding: 32px 0; }
  .faqSection {
    margin-right: 0;
    margin-bottom: -20px; }
  .formSection {
    width: 105%; }
  .mobile-form {
    display: flex;
    justify-content: center;
    align-items: center; }
  .cp-disclaimer {
    padding: 0;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 16px;
    margin-top: -12px; }
  .pkg-rate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px; } }

.custom-dropdown {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border: 1px solid #F0E3D3;
  background: #FFFBF5;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  max-width: 780px;
  position: relative; }

.cusDropdown2 {
  border-radius: 0 8px 8px 0; }

.cusDropdown1 {
  border-radius: 8px 0 0 8px; }

.dropdown-selected {
  cursor: pointer;
  display: flex;
  flex-direction: column; }

.cus-dropdown-list {
  position: absolute;
  z-index: 999;
  overflow-y: auto;
  color: var(--Neutral-900, #1F1F1F);
  cursor: pointer;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: auto;
  background: white;
  top: 100%;
  width: auto;
  border-radius: 8px;
  border: 1px solid var(--Neutral-200, #EEE);
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  margin-left: -16px;
  width: inherit; }

.cus-dropdown-list li {
  padding: 8px 12px;
  cursor: pointer;
  height: 36px;
  display: flex;
  flex-direction: row;
  text-align: left;
  font-size: 16px !important; }

.cus-dropdown-list li.selected {
  background: #eee;
  font-size: 16px !important; }

.dropdown-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px; }

.cp-comp-index-mob {
  display: flex;
  padding-top: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  background: #FFF; }

.cp-table-container {
  width: 100%;
  overflow-x: hidden; }

@media (max-width: 760px) {
  .cp-comp-wrapper {
    padding: 24px; }
  .formSection {
    width: 112%; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color, .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-milestones .bb-milestones-row .bb-milestones-grid {
  padding-left: 0;
  padding-right: 0.6875rem;
  flex-basis: auto;
  margin-bottom: 2rem; }
  @media (min-width: 358px) {
    .bb-milestones .bb-milestones-row .bb-milestones-grid {
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .bb-milestones .bb-milestones-row .bb-milestones-grid {
      max-width: 8rem; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
    border-right: 0.0625rem solid rgba(53, 47, 34, 0.1); }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:first-child {
    width: 6.3125rem; }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:first-child {
        max-width: 7.8rem; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(2) {
    width: 7.625rem;
    padding-left: 0.75rem; }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(2) {
        padding-left: 0.6rem;
        max-width: 9rem; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid:last-child {
    width: 6.5625rem;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 358px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:last-child {
        padding-left: 0.6875rem; } }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid:last-child {
        width: auto; } }
  .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon {
    margin-right: 0.25rem;
    width: 1.5rem;
    font-size: 1.5rem; }
  .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 0.125rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
    margin-top: 0.125rem;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
        font-size: 0.8rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-overoll {
  padding-bottom: 6.6875rem !important;
  position: relative; }
  .bb-overoll::after {
    top: 14%; }
  .bb-overoll .section-title {
    width: 80%;
    margin-bottom: 3rem;
    max-width: 15.1875rem; }
    @media (min-width: 1200px) {
      .bb-overoll .section-title {
        max-width: 24.25rem;
        margin-bottom: 3.6rem; } }
  .bb-overoll .lets-build__illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1; }
    @media (min-width: 768px) {
      .bb-overoll .lets-build__illustration {
        width: 50%; } }
    @media (min-width: 1200px) {
      .bb-overoll .lets-build__illustration {
        width: 50%; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-overoll {
  padding-bottom: 6.6875rem !important;
  position: relative; }
  .bb-overoll::after {
    top: 14%; }
  .bb-overoll .section-title {
    width: 80%;
    margin-bottom: 3rem;
    max-width: 15.1875rem; }
    @media (min-width: 1200px) {
      .bb-overoll .section-title {
        max-width: 24.25rem;
        margin-bottom: 3.6rem; } }
  .bb-overoll .lets-build__illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1; }
    @media (min-width: 768px) {
      .bb-overoll .lets-build__illustration {
        width: 50%; } }
    @media (min-width: 1200px) {
      .bb-overoll .lets-build__illustration {
        width: 50%; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-blog__header {
  margin-bottom: 0.75rem; }
  @media (min-width: 1200px) {
    .bb-blog__header {
      margin-bottom: 4rem; } }
  .bb-blog__header .blog-image img {
    width: 100%;
    object-fit: fill;
    margin-top: 3rem; }
    @media (min-width: 1200px) {
      .bb-blog__header .blog-image img {
        max-height: 24.3rem;
        margin-top: 6rem;
        object-fit: none; } }

.bb-blog__body {
  border-bottom: 1px solid rgba(53, 47, 34, 0.1); }
  @media (min-width: 1200px) {
    .bb-blog__body > .container {
      max-width: 39.05rem; } }

.bb-blog__content img {
  margin-bottom: 1rem; }

.bb-blog__content li {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1.125rem;
  line-height: 1.29; }
  @media (min-width: 1200px) {
    .bb-blog__content li {
      font-size: 0.9rem; } }
  .bb-blog__content li:not(:last-child) {
    margin-bottom: 1rem; }
  .bb-blog__content li::before {
    width: 0.375rem;
    height: 0.375rem;
    content: "";
    position: absolute;
    background-color: #f15a29;
    left: 0;
    top: 0.25rem; }
  .bb-blog__content li strong {
    display: inline;
    font-weight: bolder; }

.bb-blog__content h4 {
  margin: 1.25rem 0rem; }

.bb-blog .construction-type {
  color: #f15a29;
  font-size: 0.875rem;
  line-height: 1.29;
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-blog .construction-type {
      font-size: 0.8rem;
      margin-bottom: 0.4rem; } }

@media (min-width: 1200px) {
  .bb-blog .bb-blog__title {
    margin-bottom: 0.7rem; } }

.bb-blog__details {
  margin-bottom: 2.5rem; }
  .bb-blog__details .bb-blog-share {
    margin-left: 0.8rem;
    text-decoration: none; }
    .bb-blog__details .bb-blog-share:hover span::before {
      color: #f15a29; }
    .bb-blog__details .bb-blog-share span::before {
      color: #1d1a12; }

.bb-blog__date {
  opacity: 0.6;
  margin-right: 1rem; }

.lets-build-section {
  padding-bottom: 4.75rem;
  position: relative; }
  .lets-build-section .section-title {
    width: 77%;
    margin-bottom: 2.5rem;
    position: relative; }
    .lets-build-section .section-title::after {
      position: absolute;
      content: "\E91D";
      color: #f15a29;
      font-family: "icomoon";
      bottom: 0.3125rem;
      right: -4.8125rem; }
  .lets-build-section .row .lets-build__milestones:not(:last-child) {
    border-right: 1px solid rgba(53, 47, 34, 0.1); }
  .lets-build-section .lets-build__milestones {
    margin-bottom: 3rem; }
    .lets-build-section .lets-build__milestones .lets-build__count {
      font-size: 1.125rem;
      font-weight: bold;
      color: #f15a29;
      margin-bottom: 0.125rem; }
    .lets-build-section .lets-build__milestones .lets-build__text {
      font-size: 0.875rem;
      line-height: 1.29;
      margin-bottom: 0; }
  .lets-build-section .btn-theme {
    max-width: 10.3125rem; }
  .lets-build-section .lets-build__illustration {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1; }

.bb-blog__more-reads {
  padding-bottom: 2.5rem; }
  @media (min-width: 1200px) {
    .bb-blog__more-reads {
      padding-bottom: 1.2rem; } }
  .bb-blog__more-reads .main-title {
    margin-bottom: 2rem; }

@media (min-width: 768px) {
  .bb-blogs-list {
    margin: 0 -0.75rem 0;
    flex-wrap: wrap;
    white-space: unset;
    overflow-y: hidden;
    flex-wrap: wrap;
    width: unset;
    padding: 0;
    left: 0; } }

@media (min-width: 1024px) {
  .bb-blogs-list {
    margin-bottom: 4rem; } }

@media (min-width: 1200px) {
  .bb-blogs-list {
    margin: 0 -0.6rem 2rem;
    flex-wrap: wrap; } }

@media (min-width: 1200px) {
  .bb-blogs-list--more {
    max-width: 39.5rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem; } }

@media (min-width: 1200px) {
  .bb-blogs-list--result {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    margin: 0 -1.55rem; } }

@media (min-width: 1200px) {
  .bb-blogs-list .bb-blogs-list__item {
    width: 50%; } }

.bb-blogs-list .bb-blogs-list__item--grid {
  overflow: hidden;
  flex-basis: 16.125rem;
  width: 100%;
  max-width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 0.9375rem;
  border-bottom: none !important; }
  @media (min-width: 768px) {
    .bb-blogs-list .bb-blogs-list__item--grid {
      flex-basis: calc(100% / 2);
      padding: 0 0.6rem; } }
  @media (min-width: 1024px) {
    .bb-blogs-list .bb-blogs-list__item--grid {
      flex-basis: calc(100% / 3); } }
  @media (min-width: 1200px) {
    .bb-blogs-list .bb-blogs-list__item--grid {
      flex-basis: calc(100% / 3); } }
  .bb-blogs-list .bb-blogs-list__item--grid .bb-blog__link {
    flex-direction: column; }
  .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.75rem;
    max-height: 10rem; }
    .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__image img {
      width: 100%;
      height: 100%;
      object-fit: fill; }
  .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__details {
    width: 100%;
    padding: 0 0.75rem; }
    @media (min-width: 1200px) {
      .bb-blogs-list .bb-blogs-list__item--grid .bb-blogs-list__item__details {
        padding: 0 0.6rem; } }

.bb-blogs-list .bb-blogs-list__item:not(:last-child) {
  border-bottom: 1px solid rgba(53, 47, 34, 0.1);
  padding-bottom: 1.1875rem;
  margin-bottom: 1.25rem;
  padding-right: 0; }
  @media (min-width: 1024px) {
    .bb-blogs-list .bb-blogs-list__item:not(:last-child) {
      margin-bottom: 1.25rem; } }

.bb-blogs-list .bb-blogs-list__item .bb-blog__link {
  text-decoration: none; }
  .bb-blogs-list .bb-blogs-list__item .bb-blog__link:hover .title {
    text-decoration: underline; }
  .bb-blogs-list .bb-blogs-list__item .bb-blog__link:hover .bb-blogs-list__item__image img {
    transform: scale(1.1); }

.bb-blogs-list .bb-blogs-list__item__image {
  width: 5.75rem;
  margin-right: 1rem;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .bb-blogs-list .bb-blogs-list__item__image {
      width: 4.6rem; } }

.bb-blogs-list .bb-blogs-list__item__details {
  width: calc(100% - 108px); }
  .bb-blogs-list .bb-blogs-list__item__details .type {
    font-size: 0.875rem;
    line-height: 1.29;
    color: #f15a29;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media (min-width: 1200px) {
      .bb-blogs-list .bb-blogs-list__item__details .type {
        font-size: 0.7rem;
        margin-bottom: 0.2rem; } }
  .bb-blogs-list .bb-blogs-list__item__details .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: bold; }
    @media (min-width: 1200px) {
      .bb-blogs-list .bb-blogs-list__item__details .title {
        font-size: 0.9rem;
        margin-bottom: 0.2rem; } }

.bb-blogs-list .bb-blogs-list__item .blog-date,
.bb-blogs-list .bb-blogs-list__item .blog-length {
  opacity: 0.6;
  font-size: 0.875rem;
  line-height: 1.29;
  margin-bottom: 0; }
  @media (min-width: 1200px) {
    .bb-blogs-list .bb-blogs-list__item .blog-date,
    .bb-blogs-list .bb-blogs-list__item .blog-length {
      font-size: 0.7rem; } }

.bb-blogs-list .bb-blogs-list__item .blog-date {
  margin-right: 1.375rem;
  position: relative; }
  .bb-blogs-list .bb-blogs-list__item .blog-date::after {
    position: absolute;
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    opacity: 0.4;
    background-color: #1d1a12;
    right: -0.8125rem;
    top: 25%;
    border-radius: 50%; }

.bb-blogs-latest .bb-blogs-list,
.bb-blogs-list .bb-blogs-list {
  position: relative; }
  @media (min-width: 1200px) {
    .bb-blogs-latest .bb-blogs-list::before,
    .bb-blogs-list .bb-blogs-list::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0.1rem;
      height: calc(100% - 56px);
      top: 0;
      border-left: 0.0625rem solid rgba(53, 47, 34, 0.1); } }
  .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item,
  .bb-blogs-list .bb-blogs-list .bb-blogs-list__item {
    border-bottom: 1px solid rgba(53, 47, 34, 0.1) !important; }
    @media (min-width: 1200px) {
      .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item,
      .bb-blogs-list .bb-blogs-list .bb-blogs-list__item {
        padding: 0 1.55rem;
        border-bottom: none !important;
        margin-bottom: 2.8rem; } }
    .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item:last-child,
    .bb-blogs-list .bb-blogs-list .bb-blogs-list__item:last-child {
      padding-bottom: 1.1875rem;
      margin-bottom: 1.75rem; }
      @media (min-width: 1200px) {
        .bb-blogs-latest .bb-blogs-list .bb-blogs-list__item:last-child,
        .bb-blogs-list .bb-blogs-list .bb-blogs-list__item:last-child {
          padding-bottom: 0;
          margin-bottom: 2.8rem; } }

@media (max-width: 768px) {
  .blogs-list {
    display: block !important; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title, .bb-unlock-more-plans .title, .bb-floor-plans-view .bb-banner-section__title, .bb-plan-details .bb-plans-row__title, .floor-plan-image-modal .modal-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-floor-plans .more-details__list,
.bb-floor-plans-view .more-details__list, .more-details__list {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link, .bb-plan-details .bb-plans-row .bb-plans-col {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-floor-plan-lists {
  margin: 0 -0.5rem;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden; }
  .bb-floor-plan-lists.is-locked {
    min-height: 36rem;
    height: 90vh;
    overflow: hidden; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked {
        height: auto;
        min-height: 29rem; } }
    .bb-floor-plan-lists.is-locked .bb-unlock-more-plans {
      display: block; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked .bb-floor-plan-list {
        height: 25.6rem;
        overflow: hidden; } }
  @media (min-width: 768px) {
    .bb-floor-plan-lists .bb-floor-plan-list {
      margin: 0 -0.3rem; } }
  @media (min-width: 300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 1.5rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  @media (min-width: 1300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  .bb-floor-plan-lists .bb-floor-plan-list .list-item {
    flex-basis: 100%; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists .bb-floor-plan-list .list-item {
        padding: 0 0.625rem;
        margin-bottom: 0.6rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:not(:last-child) {
      margin-bottom: 0.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:last-child {
      margin-bottom: 2.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
      padding: 0.75rem;
      text-decoration: none; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item .link:hover .title {
        color: #f15a29;
        text-decoration: underline; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__details {
      max-width: 14.375rem;
      width: 100%;
      padding-right: 0.625rem; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title {
        line-height: normal;
        margin-bottom: 0; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
        margin-bottom: 1.25rem; }
        @media (min-width: 768px) {
          .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
            font-size: 0.7rem;
            margin-bottom: 1.35rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__image {
      max-width: 4.75rem;
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item--disabled {
      pointer-events: none; }

.bb-unlock-more-plans {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 1%, #ffffff);
  padding: 1.9375rem 1rem 2.1875rem; }
  .bb-unlock-more-plans .icon {
    margin-bottom: 0.9375rem;
    font-size: 2.625rem; }
  .bb-unlock-more-plans .title {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-unlock-more-plans .title {
        max-width: 16.4rem;
        font-size: 0.9rem;
        margin-right: auto;
        margin-left: auto; } }
  .bb-unlock-more-plans form {
    max-width: 17.5rem;
    margin: 0 auto; }
    .bb-unlock-more-plans form .form__group {
      padding-top: 0;
      margin-bottom: 2rem; }
    .bb-unlock-more-plans form input {
      text-align: center; }
  @media (min-width: 768px) {
    .bb-unlock-more-plans::before {
      position: absolute;
      width: 100%;
      height: 0.05rem;
      top: 0;
      left: 0;
      content: "";
      background-color: rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail:not(:last-child),
.bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail:not(:last-child),
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .bb-floor-plans .more-details__list .more-detail:not(:last-child)::after,
      .bb-floor-plans-view .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail__title,
.bb-floor-plans-view .more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.bb-floor-plans .more-details__list .more-detail__text,
.bb-floor-plans-view .more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.bb-floor-plans-view .bb-banner-section__title {
  margin-bottom: 0.25rem; }
  .bb-floor-plans-view .bb-banner-section__title.crn-number {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.1rem; } }
    @media (min-width: 1200px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.2rem; } }

.bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
  margin-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.7rem; } }

@media (min-width: 768px) {
  .bb-floor-plans-view .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.bb-floor-plans-view .more-details__list {
  flex-wrap: wrap; }
  .bb-floor-plans-view .more-details__list .more-detail {
    width: 50%;
    flex-basis: 50%;
    flex-shrink: 0;
    padding: 0 0.9375rem 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-child(odd) {
      border-right: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-left: 0; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-last-child(-n + 2) {
      border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-top: 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0; }

.bb-plan-details {
  margin-top: 2.5rem; }
  .bb-plan-details .main-title {
    margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .bb-plan-details .bb-plans-row {
      justify-content: space-between; } }
  .bb-plan-details .bb-plans-row__title {
    margin-bottom: 0.5rem; }
  .bb-plan-details .bb-plans-row .bb-plans-col {
    margin-bottom: 0.75rem;
    padding: 1.5rem 0.9375rem; }
    @media (min-width: 768px) {
      .bb-plan-details .bb-plans-row .bb-plans-col {
        max-width: calc(50% - 16px); } }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col:last-child .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
      @media (min-width: 1200px) {
        .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
          height: 23.85rem !important;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center; } }

@media (max-width: 767px) {
  .floor-plan-image-modal-wrapper {
    max-width: 18.75rem; } }

.floor-plan-image-modal .modal-title {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 0.5rem; }

@media (max-width: 768px) {
  .floor-plan-image-modal .floor-img {
    max-width: 24rem; } }

@media (min-width: 768px) {
  .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.ant-drawer-content-wrapper {
  min-height: 70vh;
  max-height: 80vh; }

.ant-drawer-content {
  border-radius: 40px 40px 0px 0px !important; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: center !important; }

.more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.btn-link-btn {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.17px;
  text-transform: uppercase;
  text-decoration: none !important; }

.noDataFound {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

@media (max-width: 700px) {
  .noDataFound {
    position: unset;
    top: unset;
    left: unset;
    transform: unset; } }

.noDataFoundText {
  width: unset;
  text-align: center; }

@media (max-width: 40em) {
  .noDataFoundText {
    width: 100%;
    text-align: center; } }

.order-form-banner {
  display: flex; }
  @media (max-width: 700px) {
    .order-form-banner {
      display: flex;
      flex-wrap: wrap; } }

.banner-div {
  width: unset; }
  @media (max-width: 700px) {
    .banner-div {
      width: "50%"; } }

.form-div {
  flex: none;
  width: 50%; }
  @media (max-width: 700px) {
    .form-div {
      width: unset;
      flex: unset; } }

.form-banner {
  border-radius: none; }
  @media (max-width: 700px) {
    .form-banner {
      border-radius: 6px; } }

.banner-mobile {
  display: none; }
  @media (max-width: 700px) {
    .banner-mobile {
      display: block; } }

.banner-web {
  display: block; }
  @media (max-width: 700px) {
    .banner-web {
      display: none; } }

.order-form-div {
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-radius: 10px;
  border: 1px #A6A6A6 solid;
  padding: 0px; }

@media (max-width: 700px) {
  .order-form-div {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
    border: 1px #A6A6A6 solid;
    padding: 0px; } }

.contentFloorPlan {
  margin-top: 2rem;
  display: flex; }

@media (max-width: 768px) {
  .contentFloorPlan {
    display: block; } }

.contentFloorPlan {
  display: flex; }

@media (max-width: 768px) {
  .contentFloorPlan {
    display: flex;
    flex-direction: column-reverse; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-investors {
  padding-bottom: 0.875rem; }
  @media (min-width: 1200px) {
    .bb-investors {
      padding-bottom: 2rem; } }
  .bb-investors .main-title {
    max-width: 11.125rem;
    margin-bottom: 2rem; }
    @media (min-width: 1200px) {
      .bb-investors .main-title {
        max-width: 15rem;
        margin-bottom: 2.4rem; } }
  .bb-investors .bb-investors__row {
    margin: 0 -0.375rem;
    justify-content: center; }
    @media (min-width: 1200px) {
      .bb-investors .bb-investors__row {
        margin: 0 -0.6rem; } }
    .bb-investors .bb-investors__row .bb-investors__item {
      padding: 0 0.375rem;
      flex-basis: 50%;
      margin-bottom: 1.625rem; }
      @media (min-width: 1200px) {
        .bb-investors .bb-investors__row .bb-investors__item {
          margin-bottom: 2rem;
          padding: 0 0.6rem; } }
      .bb-investors .bb-investors__row .bb-investors__item .bb-investors__image {
        margin-bottom: 0.75rem; }
      .bb-investors .bb-investors__row .bb-investors__item .bb-investors__name {
        line-height: normal;
        margin-bottom: 0.25rem;
        font-size: 0.875rem;
        display: block; }
        @media (min-width: 1200px) {
          .bb-investors .bb-investors__row .bb-investors__item .bb-investors__name {
            font-size: 0.8rem;
            margin-bottom: 0.2rem; } }
      .bb-investors .bb-investors__row .bb-investors__item .bb-investors__designation {
        opacity: 0.7;
        margin-bottom: 0.375rem;
        font-weight: normal;
        display: block;
        font-size: 0.875rem; }
        @media (min-width: 1200px) {
          .bb-investors .bb-investors__row .bb-investors__item .bb-investors__designation {
            font-size: 0.8rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__social-links, .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__social-links .link-icon {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.remove-h2-margin {
  margin-top: unset !important; }

.bb-leadership .bb-careers-link {
  margin-top: 0.875rem;
  padding: 0 0.375rem; }
  @media (min-width: 1200px) {
    .bb-leadership .bb-careers-link .primary-title {
      font-size: 0.9rem;
      margin-bottom: 0.4rem !important; } }
  @media (min-width: 1200px) {
    .bb-leadership .bb-careers-link .btn-link-btn {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .bb-leadership .bb-careers-link {
      margin-top: 0.7rem;
      padding: 0 0.6rem; } }

.bb-leadership .bb-leadership__row {
  margin: 0 -0.375rem 0.375rem; }
  @media (min-width: 1200px) {
    .bb-leadership .bb-leadership__row {
      margin: 0 -0.75rem 0.375rem; } }
  .bb-leadership .bb-leadership__row .bb-leadership__item {
    flex-basis: 50%;
    padding: 0 0.375rem;
    margin-bottom: 1.625rem; }
    @media (min-width: 1200px) {
      .bb-leadership .bb-leadership__row .bb-leadership__item {
        margin-bottom: 1.3rem;
        padding: 0 0.6rem; } }
    .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__image {
      margin-bottom: 0.75rem; }
    .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__name {
      line-height: normal;
      margin-bottom: 0.25rem;
      font-size: 0.875rem;
      display: block; }
      @media (min-width: 1200px) {
        .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__name {
          font-size: 0.8rem;
          margin-bottom: 0.2rem; } }
    .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__designation {
      opacity: 0.7;
      margin-bottom: 0;
      font-weight: normal;
      font-size: 0.875rem;
      display: block; }
      @media (min-width: 1200px) {
        .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__designation {
          font-size: 0.8rem;
          margin-bottom: 0.6rem; } }
    .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__social-links {
      margin-top: 0.375rem; }
      .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__social-links a {
        text-decoration: none; }
      .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__social-links .link-icon {
        font-size: 1rem; }
        @media (min-width: 1200px) {
          .bb-leadership .bb-leadership__row .bb-leadership__item .bb-leadership__social-links .link-icon {
            font-size: 1.2rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper {
    display: flex; } }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper .bb-testimony .bb-testimony-item__text {
    max-width: 507px; } }

@media (min-width: 1200px) {
  .bb-life .bb-life-wrapper .bb-testimony {
    display: flex;
    align-items: center; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center, .bb-hero-banner__home .bb-hero-banner__content, .bb-hero-banner.is-banner-bg {
  align-items: center !important; }

.d-flex, .bb-hero-banner__home .bb-hero-banner__content, .bb-hero-banner.is-banner-bg {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center, .bb-hero-banner__home .bb-hero-banner__content, .bb-hero-banner.is-banner-bg {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-hero-banner {
  margin-bottom: 4.75rem;
  position: relative; }
  @media screen and (min-width: 1200px) {
    .bb-hero-banner__home {
      position: relative;
      height: calc(100vh - 60px);
      background-color: rgba(255, 80, 41, 0.05);
      margin-bottom: 0; } }
  @media screen and (max-width: 768px) {
    .bb-hero-banner__home {
      position: relative;
      height: calc(100vh - 18rem);
      margin-bottom: 0;
      top: 2rem; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home__banner-img {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      overflow: hidden; }
      .bb-hero-banner__home__banner-img img {
        object-fit: cover;
        object-position: bottom; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content {
      height: 100%;
      position: relative;
      padding: 4rem 0; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .btn-theme,
    .bb-hero-banner__home .bb-hero-banner__content .lets-build-btn {
      position: absolute;
      bottom: 6%; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper {
      color: #fff; }
      .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper * {
        color: inherit; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper {
      padding-left: 4.1rem;
      max-width: 55%;
      padding-top: 0 !important; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count {
      color: #fff; } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
      border-right-color: rgba(255, 255, 255, 0.4); } }
  @media (min-width: 1200px) {
    .bb-hero-banner__home .bb-hero-banner__content .container .bb-hero-banner__content__wrapper .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon span::before {
      color: #fff !important; } }
  .bb-hero-banner .section-title {
    width: 95%;
    margin-bottom: 0.75rem; }
    @media (min-width: 1200px) {
      .bb-hero-banner .section-title {
        width: 80%; } }
  .bb-hero-banner.is-banner-bg {
    position: relative;
    min-height: 70vh;
    padding: 5.625rem 0 2.8125rem;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .bb-hero-banner.is-banner-bg {
        padding: 6.2rem 0 3.2rem; } }
    .bb-hero-banner.is-banner-bg .bb-hero-banner__image {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -1;
      top: 0;
      left: 0; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__image img {
        height: 100%;
        object-fit: cover; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__image.with-overlay::after {
        background-color: rgba(0, 0, 0, 0.4); }
    .bb-hero-banner.is-banner-bg .bb-hero-banner__content {
      height: 100%;
      width: 100%; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .section-title,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .section-subtitle {
        color: #fff; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
        border-right: solid 0.0625rem rgba(255, 255, 255, 0.1); }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon span::before,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
        color: #fff; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:first-child {
        width: 5.0625rem; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(2) {
        width: 6.25rem; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:nth-child(3) {
        width: 7.8125rem; }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid:not(:last-child) {
        border-right: solid 0.0625rem rgba(255, 255, 255, 0.1); }
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__count,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__icon span::before,
      .bb-hero-banner.is-banner-bg .bb-hero-banner__content.supply-chain .bb-milestones .bb-milestones-row .bb-milestones-grid .bb-milestone__text {
        color: #fff; }

.modal-body {
    max-height: unset !important;
}
.modal-content {
    min-width: 410px !important;
}
.bb-hero-banner-text {
    margin-left: 8rem;
}

@media (max-width: 700px) {
    .bb-hero-banner-text {
        margin-left: 0rem;
    }   
    .bb-hero-banner.is-banner-bg{
        min-height: auto;
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title, .bb-unlock-more-plans .title, .bb-floor-plans-view .bb-banner-section__title, .bb-plan-details .bb-plans-row__title, .floor-plan-image-modal .modal-title, .bb-banner-section .bb-banner-section__details .bb-banner-section__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-floor-plans .more-details__list,
.bb-floor-plans-view .more-details__list, .bb-banner-section .bb-banner-section__details .features, .more-details__list {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link, .bb-plan-details .bb-plans-row .bb-plans-col {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-floor-plan-lists {
  margin: 0 -0.5rem;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden; }
  .bb-floor-plan-lists.is-locked {
    min-height: 36rem;
    height: 90vh;
    overflow: hidden; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked {
        height: auto;
        min-height: 29rem; } }
    .bb-floor-plan-lists.is-locked .bb-unlock-more-plans {
      display: block; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked .bb-floor-plan-list {
        height: 25.6rem;
        overflow: hidden; } }
  @media (min-width: 768px) {
    .bb-floor-plan-lists .bb-floor-plan-list {
      margin: 0 -0.3rem; } }
  @media (min-width: 300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 1.5rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  @media (min-width: 1300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  .bb-floor-plan-lists .bb-floor-plan-list .list-item {
    flex-basis: 100%; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists .bb-floor-plan-list .list-item {
        padding: 0 0.625rem;
        margin-bottom: 0.6rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:not(:last-child) {
      margin-bottom: 0.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:last-child {
      margin-bottom: 2.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
      padding: 0.75rem;
      text-decoration: none; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item .link:hover .title {
        color: #f15a29;
        text-decoration: underline; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__details {
      max-width: 14.375rem;
      width: 100%;
      padding-right: 0.625rem; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title {
        line-height: normal;
        margin-bottom: 0; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
        margin-bottom: 1.25rem; }
        @media (min-width: 768px) {
          .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
            font-size: 0.7rem;
            margin-bottom: 1.35rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__image {
      max-width: 4.75rem;
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item--disabled {
      pointer-events: none; }

.bb-unlock-more-plans {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 1%, #ffffff);
  padding: 1.9375rem 1rem 2.1875rem; }
  .bb-unlock-more-plans .icon {
    margin-bottom: 0.9375rem;
    font-size: 2.625rem; }
  .bb-unlock-more-plans .title {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-unlock-more-plans .title {
        max-width: 16.4rem;
        font-size: 0.9rem;
        margin-right: auto;
        margin-left: auto; } }
  .bb-unlock-more-plans form {
    max-width: 17.5rem;
    margin: 0 auto; }
    .bb-unlock-more-plans form .form__group {
      padding-top: 0;
      margin-bottom: 2rem; }
    .bb-unlock-more-plans form input {
      text-align: center; }
  @media (min-width: 768px) {
    .bb-unlock-more-plans::before {
      position: absolute;
      width: 100%;
      height: 0.05rem;
      top: 0;
      left: 0;
      content: "";
      background-color: rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail:not(:last-child),
.bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail:not(:last-child),
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .bb-floor-plans .more-details__list .more-detail:not(:last-child)::after,
      .bb-floor-plans-view .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail__title,
.bb-floor-plans-view .more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.bb-floor-plans .more-details__list .more-detail__text,
.bb-floor-plans-view .more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.bb-floor-plans-view .bb-banner-section__title {
  margin-bottom: 0.25rem; }
  .bb-floor-plans-view .bb-banner-section__title.crn-number {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.1rem; } }
    @media (min-width: 1200px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.2rem; } }

.bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
  margin-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.7rem; } }

@media (min-width: 768px) {
  .bb-floor-plans-view .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.bb-floor-plans-view .more-details__list {
  flex-wrap: wrap; }
  .bb-floor-plans-view .more-details__list .more-detail {
    width: 50%;
    flex-basis: 50%;
    flex-shrink: 0;
    padding: 0 0.9375rem 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-child(odd) {
      border-right: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-left: 0; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-last-child(-n + 2) {
      border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-top: 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0; }

.bb-plan-details {
  margin-top: 2.5rem; }
  .bb-plan-details .main-title {
    margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .bb-plan-details .bb-plans-row {
      justify-content: space-between; } }
  .bb-plan-details .bb-plans-row__title {
    margin-bottom: 0.5rem; }
  .bb-plan-details .bb-plans-row .bb-plans-col {
    margin-bottom: 0.75rem;
    padding: 1.5rem 0.9375rem; }
    @media (min-width: 768px) {
      .bb-plan-details .bb-plans-row .bb-plans-col {
        max-width: calc(50% - 16px); } }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col:last-child .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
      @media (min-width: 1200px) {
        .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
          height: 23.85rem !important;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center; } }

@media (max-width: 767px) {
  .floor-plan-image-modal-wrapper {
    max-width: 18.75rem; } }

.floor-plan-image-modal .modal-title {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 0.5rem; }

@media (max-width: 768px) {
  .floor-plan-image-modal .floor-img {
    max-width: 24rem; } }

@media (min-width: 768px) {
  .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title, .bb-unlock-more-plans .title, .bb-floor-plans-view .bb-banner-section__title, .bb-plan-details .bb-plans-row__title, .floor-plan-image-modal .modal-title, .bb-banner-section .bb-banner-section__details .bb-banner-section__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-floor-plans .more-details__list,
.bb-floor-plans-view .more-details__list, .bb-banner-section .bb-banner-section__details .features, .more-details__list {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link, .bb-plan-details .bb-plans-row .bb-plans-col {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-banner-section {
  margin-bottom: 1rem;
  position: relative; }
  .bb-banner-section .swiper-pagination--bars {
    position: absolute; }
    .bb-banner-section .swiper-pagination--bars .swiper-pagination-bullet {
      background-color: #fff; }
  @media (min-width: 1200px) {
    .bb-banner-section {
      margin-bottom: 4rem; } }
  .bb-banner-section figure img {
    object-fit: cover; }
    @media (min-width: 320px) {
      .bb-banner-section figure img {
        min-height: 12.5rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section figure img {
        max-height: 24.3rem; } }
  @media (min-width: 768px) {
    .bb-banner-section-content {
      padding-top: 1.2rem; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding-top: 0;
      padding-bottom: 3rem; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .main-title,
    .bb-banner-section-content .section-subtitle,
    .bb-banner-section-content .section-title {
      color: #fff; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .main-title {
      margin-bottom: 0.8rem; }
      .bb-banner-section-content .main-title::before, .bb-banner-section-content .main-title::after {
        display: none; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .section-subtitle,
    .bb-banner-section-content .section-title {
      max-width: 26.25rem; } }
  .bb-banner-section--bg-secondary {
    background-color: #1d1a12;
    min-height: 17.625rem;
    color: #fff;
    padding-top: 5rem; }
    .bb-banner-section--bg-secondary * {
      color: inherit; }
  .bb-banner-section .bb-banner-section__details {
    padding: 0.75rem 1rem 1rem; }
    @media (min-width: 768px) {
      .bb-banner-section .bb-banner-section__details {
        padding: 1.2rem 1rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details {
        padding: 2rem 1rem; } }
    .bb-banner-section .bb-banner-section__details .bb-banner-section__title {
      margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details .bb-banner-sub-titles {
        display: flex;
        justify-content: center;
        flex-direction: column; } }
    .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.75rem;
      opacity: 0.6; }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
          margin-bottom: 0; } }
    .bb-banner-section .bb-banner-section__details .features {
      flex-wrap: wrap;
      padding-top: 0.75rem;
      border-top: 0.0625rem solid rgba(133, 130, 122, 0.4); }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details .features {
          padding-top: 0; } }
      .bb-banner-section .bb-banner-section__details .features .list,
      .bb-banner-section .bb-banner-section__details .features li {
        width: calc(100% / 4);
        text-align: center; }
        .bb-banner-section .bb-banner-section__details .features .list-icon,
        .bb-banner-section .bb-banner-section__details .features li-icon {
          height: 1.75rem;
          margin-bottom: 0.5rem;
          font-size: 1.75rem;
          opacity: 0.6; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list-icon,
            .bb-banner-section .bb-banner-section__details .features li-icon {
              height: 1.4rem;
              margin-bottom: 0.4rem;
              font-size: 1.4rem; } }
        .bb-banner-section .bb-banner-section__details .features .list-title,
        .bb-banner-section .bb-banner-section__details .features li-title {
          margin-bottom: 0;
          font-weight: 500;
          line-height: normal; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list-title,
            .bb-banner-section .bb-banner-section__details .features li-title {
              font-size: 0.7rem; } }
        .bb-banner-section .bb-banner-section__details .features .list .small,
        .bb-banner-section .bb-banner-section__details .features li .small {
          opacity: 0.6;
          line-height: normal;
          display: block; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list .small,
            .bb-banner-section .bb-banner-section__details .features li .small {
              font-size: 0.6rem; } }
    .bb-banner-section .bb-banner-section__details.bg-secondary {
      color: #fff; }
      .bb-banner-section .bb-banner-section__details.bg-secondary * {
        color: inherit; }
    .bb-banner-section .bb-banner-section__details--our-projects .container {
      padding: 0; }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details--our-projects .container {
          display: flex;
          align-items: center;
          padding: 0 0.75rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details--our-projects .bb-banner-sub-titles {
        padding-right: 2.8rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details--our-projects .features {
        width: 60%;
        padding-left: 2.8rem;
        border-top: unset;
        border-left: 0.0625rem solid rgba(133, 130, 122, 0.4); } }
  .bb-banner-section.bb-dark-header {
    overflow: hidden; }
    .bb-banner-section.bb-dark-header figure {
      display: none; }
    .bb-banner-section.bb-dark-header .bb-banner-section-content {
      padding-top: 0; }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section-content {
          position: unset;
          background-color: #1d1a12; } }
    .bb-banner-section.bb-dark-header .bb-banner-section__details {
      background-color: #1d1a12;
      padding: 5rem 0 1.25rem !important;
      position: relative;
      margin-bottom: 1.5rem; }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section__details {
          display: flex; } }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section__details .more-details__list {
          padding-left: 4rem; } }
      .bb-banner-section.bb-dark-header .bb-banner-section__details * {
        color: #fff; }
      .bb-banner-section.bb-dark-header .bb-banner-section__details::after {
        position: absolute;
        width: 200vw;
        height: 100%;
        content: "";
        left: -50vw;
        top: 0;
        background-color: #1d1a12;
        z-index: -1; }
    .bb-banner-section.bb-dark-header--small .bb-banner-section__details {
      margin-bottom: 0 !important; }
      .bb-banner-section.bb-dark-header--small .bb-banner-section__details .bb-banner-section__subtitle {
        margin-bottom: 0 !important; }

.margin-top-banner {
  margin-top: 0.85rem; }

.bb-floor-plans-view .bb-banner-section__title {
  margin-bottom: 0.25rem; }
  .bb-floor-plans-view .bb-banner-section__title.crn-number {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.1rem; } }
    @media (min-width: 1200px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.2rem; } }

.bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
  margin-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.7rem; } }

@media (min-width: 768px) {
  .bb-floor-plans-view .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.bb-floor-plans-view .more-details__list {
  flex-wrap: wrap; }
  .bb-floor-plans-view .more-details__list .more-detail {
    width: 50%;
    flex-basis: 50%;
    flex-shrink: 0;
    padding: 0 0.9375rem 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-child(odd) {
      border-right: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-left: 0; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-last-child(-n + 2) {
      border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-top: 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0; }

.more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1200px) {
  .filter-btn-fp {
    font-size: 0 !important; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title, .bb-unlock-more-plans .title, .bb-floor-plans-view .bb-banner-section__title, .bb-plan-details .bb-plans-row__title, .floor-plan-image-modal .modal-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-floor-plans .more-details__list,
.bb-floor-plans-view .more-details__list, .more-details__list {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link, .bb-plan-details .bb-plans-row .bb-plans-col {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between, .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-floor-plan-lists {
  margin: 0 -0.5rem;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden; }
  .bb-floor-plan-lists.is-locked {
    min-height: 36rem;
    height: 90vh;
    overflow: hidden; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked {
        height: auto;
        min-height: 29rem; } }
    .bb-floor-plan-lists.is-locked .bb-unlock-more-plans {
      display: block; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists.is-locked .bb-floor-plan-list {
        height: 25.6rem;
        overflow: hidden; } }
  @media (min-width: 768px) {
    .bb-floor-plan-lists .bb-floor-plan-list {
      margin: 0 -0.3rem; } }
  @media (min-width: 300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 1.5rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  @media (min-width: 1300px) {
    .bb-floor-plan-lists .bb-floor-plan-list .no_results_found {
      margin-left: 26rem; } }
  .bb-floor-plan-lists .bb-floor-plan-list .list-item {
    flex-basis: 100%; }
    @media (min-width: 768px) {
      .bb-floor-plan-lists .bb-floor-plan-list .list-item {
        padding: 0 0.625rem;
        margin-bottom: 0.6rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:not(:last-child) {
      margin-bottom: 0.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item:last-child {
      margin-bottom: 2.5rem; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item .link {
      padding: 0.75rem;
      text-decoration: none; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item .link:hover .title {
        color: #f15a29;
        text-decoration: underline; }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__details {
      max-width: 14.375rem;
      width: 100%;
      padding-right: 0.625rem; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .title {
        line-height: normal;
        margin-bottom: 0; }
      .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
        margin-bottom: 1.25rem; }
        @media (min-width: 768px) {
          .bb-floor-plan-lists .bb-floor-plan-list .list-item__details .subtitle {
            font-size: 0.7rem;
            margin-bottom: 1.35rem; } }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item__image {
      max-width: 4.75rem;
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
    .bb-floor-plan-lists .bb-floor-plan-list .list-item--disabled {
      pointer-events: none; }

.bb-unlock-more-plans {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 1%, #ffffff);
  padding: 1.9375rem 1rem 2.1875rem; }
  .bb-unlock-more-plans .icon {
    margin-bottom: 0.9375rem;
    font-size: 2.625rem; }
  .bb-unlock-more-plans .title {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-unlock-more-plans .title {
        max-width: 16.4rem;
        font-size: 0.9rem;
        margin-right: auto;
        margin-left: auto; } }
  .bb-unlock-more-plans form {
    max-width: 17.5rem;
    margin: 0 auto; }
    .bb-unlock-more-plans form .form__group {
      padding-top: 0;
      margin-bottom: 2rem; }
    .bb-unlock-more-plans form input {
      text-align: center; }
  @media (min-width: 768px) {
    .bb-unlock-more-plans::before {
      position: absolute;
      width: 100%;
      height: 0.05rem;
      top: 0;
      left: 0;
      content: "";
      background-color: rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail:not(:last-child),
.bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail:not(:last-child),
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .bb-floor-plans .more-details__list .more-detail:not(:last-child)::after,
      .bb-floor-plans-view .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.bb-floor-plans .more-details__list .more-detail__title,
.bb-floor-plans-view .more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .bb-floor-plans .more-details__list .more-detail__title,
    .bb-floor-plans-view .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.bb-floor-plans .more-details__list .more-detail__text,
.bb-floor-plans-view .more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .bb-floor-plans .more-details__list .more-detail__text,
    .bb-floor-plans-view .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.bb-floor-plans-view .bb-banner-section__title {
  margin-bottom: 0.25rem; }
  .bb-floor-plans-view .bb-banner-section__title.crn-number {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.1rem; } }
    @media (min-width: 1200px) {
      .bb-floor-plans-view .bb-banner-section__title.crn-number {
        font-size: 1.2rem; } }

.bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
  margin-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .bb-floor-plans-view .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.7rem; } }

@media (min-width: 768px) {
  .bb-floor-plans-view .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.bb-floor-plans-view .more-details__list {
  flex-wrap: wrap; }
  .bb-floor-plans-view .more-details__list .more-detail {
    width: 50%;
    flex-basis: 50%;
    flex-shrink: 0;
    padding: 0 0.9375rem 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-child(odd) {
      border-right: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-left: 0; }
    .bb-floor-plans-view .more-details__list .more-detail:nth-last-child(-n + 2) {
      border-top: 0.0625rem solid rgba(255, 255, 255, 0.1);
      padding-top: 0.75rem; }
    .bb-floor-plans-view .more-details__list .more-detail:not(:last-child) {
      margin-right: 0; }

.bb-plan-details {
  margin-top: 2.5rem; }
  .bb-plan-details .main-title {
    margin-bottom: 0.5rem; }
  @media (min-width: 768px) {
    .bb-plan-details .bb-plans-row {
      justify-content: space-between; } }
  .bb-plan-details .bb-plans-row__title {
    margin-bottom: 0.5rem; }
  .bb-plan-details .bb-plans-row .bb-plans-col {
    margin-bottom: 0.75rem;
    padding: 1.5rem 0.9375rem; }
    @media (min-width: 768px) {
      .bb-plan-details .bb-plans-row .bb-plans-col {
        max-width: calc(50% - 16px); } }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col:last-child .bb-list {
      margin-bottom: 0; }
    .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
      border: solid 0.09375rem rgba(241, 90, 41, 0.2); }
      @media (min-width: 1200px) {
        .bb-plan-details .bb-plans-row .bb-plans-col .bb-plan__image {
          height: 23.85rem !important;
          overflow: hidden;
          display: flex;
          align-items: center;
          justify-content: center; } }

@media (max-width: 767px) {
  .floor-plan-image-modal-wrapper {
    max-width: 18.75rem; } }

.floor-plan-image-modal .modal-title {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 0.5rem; }

@media (max-width: 768px) {
  .floor-plan-image-modal .floor-img {
    max-width: 24rem; } }

@media (min-width: 768px) {
  .bb-banner-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; } }

.more-details__list .more-detail:not(:last-child) {
  margin-right: 2rem;
  position: relative; }
  @media (min-width: 768px) {
    .more-details__list .more-detail:not(:last-child) {
      margin-right: 0 1.6rem; }
      .more-details__list .more-detail:not(:last-child)::after {
        position: absolute;
        width: 0.1rem;
        right: -1.1rem;
        top: 0;
        height: 100%;
        content: "";
        border-right: 0.05rem solid rgba(53, 47, 34, 0.1); } }

.more-details__list .more-detail__title {
  margin-bottom: 0.125rem; }
  @media (min-width: 768px) {
    .more-details__list .more-detail__title {
      font-size: 0.7rem; } }
  @media (min-width: 1200px) {
    .more-details__list .more-detail__title {
      font-size: 0.8rem; } }

.more-details__list .more-detail__text {
  opacity: 0.6;
  margin-bottom: 0;
  font-size: 0.75rem; }
  @media (min-width: 360px) {
    .more-details__list .more-detail__text {
      font-size: 0.875rem; } }
  @media (min-width: 768px) {
    .more-details__list .more-detail__text {
      font-size: 0.7rem; } }

.btn-link-btn {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.17px;
  text-transform: uppercase;
  text-decoration: none !important; }

.bb-slider-img {
  margin-top: 3rem; }
  @media (max-width: 767px) {
    .bb-slider-img {
      margin-top: 0; } }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title, .bb-banner-section .bb-banner-section__details .bb-banner-section__title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-banner-section .bb-banner-section__details .features {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-banner-section {
  margin-top: 2rem !important;
  margin-bottom: 1rem;
  position: relative; }
  .bb-banner-section .swiper-pagination--bars {
    position: absolute;
    padding-top: 1rem;
    bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-banner-section .swiper-pagination--bars {
        padding-top: 1.6rem; } }
    .bb-banner-section .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #fff;
      border-radius: 0; }
      .bb-banner-section .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }
  @media (min-width: 1200px) {
    .bb-banner-section {
      margin-bottom: 4rem; } }
  .bb-banner-section figure img {
    object-fit: cover; }
    @media (min-width: 1200px) {
      .bb-banner-section figure img {
        max-height: 24.3rem; } }
  @media (min-width: 768px) {
    .bb-banner-section-content {
      padding-top: 1.2rem; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding-top: 0;
      padding-bottom: 3rem; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .main-title,
    .bb-banner-section-content .section-subtitle,
    .bb-banner-section-content .section-title {
      color: #fff; } }
  @media (min-width: 1200px) {
    .bb-banner-section-content .main-title {
      margin-bottom: 0.8rem; }
      .bb-banner-section-content .main-title::before, .bb-banner-section-content .main-title::after {
        display: none; } }
  .bb-banner-section--bg-secondary {
    background-color: #1d1a12;
    min-height: 17.625rem;
    color: #fff;
    padding-top: 5rem; }
    .bb-banner-section--bg-secondary * {
      color: inherit; }
  .bb-banner-section .bb-banner-section__details {
    padding: 0.75rem 1rem 1rem; }
    @media (min-width: 768px) {
      .bb-banner-section .bb-banner-section__details {
        padding: 1.2rem 1rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details {
        padding: 2rem 1rem; } }
    .bb-banner-section .bb-banner-section__details .bb-banner-section__title {
      margin-bottom: 0; }
    .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
      margin-bottom: 0.75rem;
      opacity: 0.6; }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details .bb-banner-section__subtitle {
          margin-bottom: 0; } }
    .bb-banner-section .bb-banner-section__details .features {
      flex-wrap: wrap;
      padding-top: 0.75rem;
      border-top: 0.0625rem solid rgba(133, 130, 122, 0.4); }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details .features {
          padding-top: 0; } }
      .bb-banner-section .bb-banner-section__details .features .list,
      .bb-banner-section .bb-banner-section__details .features li {
        width: calc(100% / 4);
        text-align: center; }
        .bb-banner-section .bb-banner-section__details .features .list-icon,
        .bb-banner-section .bb-banner-section__details .features li-icon {
          height: 1.75rem;
          margin-bottom: 0.5rem;
          font-size: 1.75rem;
          opacity: 0.6; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list-icon,
            .bb-banner-section .bb-banner-section__details .features li-icon {
              height: 1.4rem;
              margin-bottom: 0.4rem;
              font-size: 1.4rem; } }
        .bb-banner-section .bb-banner-section__details .features .list-title,
        .bb-banner-section .bb-banner-section__details .features li-title {
          margin-bottom: 0;
          font-weight: 500;
          line-height: normal; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list-title,
            .bb-banner-section .bb-banner-section__details .features li-title {
              font-size: 0.7rem; } }
        .bb-banner-section .bb-banner-section__details .features .list .small,
        .bb-banner-section .bb-banner-section__details .features li .small {
          opacity: 0.6;
          line-height: normal;
          display: block; }
          @media (min-width: 768px) {
            .bb-banner-section .bb-banner-section__details .features .list .small,
            .bb-banner-section .bb-banner-section__details .features li .small {
              font-size: 0.6rem; } }
    .bb-banner-section .bb-banner-section__details.bg-secondary {
      color: #fff; }
      .bb-banner-section .bb-banner-section__details.bg-secondary * {
        color: inherit; }
    .bb-banner-section .bb-banner-section__details--our-projects .container {
      padding: 0; }
      @media (min-width: 1200px) {
        .bb-banner-section .bb-banner-section__details--our-projects .container {
          display: flex;
          align-items: center;
          padding: 0 0.75rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details--our-projects .bb-banner-sub-titles {
        flex: 0.45;
        padding-right: 2.8rem; } }
    @media (min-width: 1200px) {
      .bb-banner-section .bb-banner-section__details--our-projects .features {
        flex: 1;
        padding-left: 2.8rem;
        border-top: unset;
        border-left: 0.0625rem solid rgba(133, 130, 122, 0.4); } }
  .bb-banner-section.bb-dark-header {
    overflow: hidden; }
    .bb-banner-section.bb-dark-header figure {
      display: none; }
    .bb-banner-section.bb-dark-header .bb-banner-section-content {
      padding-top: 0; }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section-content {
          position: unset;
          background-color: #1d1a12; } }
    .bb-banner-section.bb-dark-header .bb-banner-section__details {
      background-color: #1d1a12;
      padding: 5rem 0 1.25rem !important;
      position: relative;
      margin-bottom: 1.5rem; }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section__details {
          display: flex; } }
      @media (min-width: 1200px) {
        .bb-banner-section.bb-dark-header .bb-banner-section__details .more-details__list {
          padding-left: 4rem; } }
      .bb-banner-section.bb-dark-header .bb-banner-section__details * {
        color: #fff; }
      .bb-banner-section.bb-dark-header .bb-banner-section__details::after {
        position: absolute;
        width: 200vw;
        height: 100%;
        content: "";
        left: -50vw;
        top: 0;
        background-color: #1d1a12;
        z-index: -1; }
    .bb-banner-section.bb-dark-header--small .bb-banner-section__details {
      margin-bottom: 0 !important; }
      .bb-banner-section.bb-dark-header--small .bb-banner-section__details .bb-banner-section__subtitle {
        margin-bottom: 0 !important; }
  .bb-banner-section .bb-banner-swiper .swiper-slide {
    height: 100%; }
    .bb-banner-section .bb-banner-swiper .swiper-slide figure {
      height: 100%; }
      .bb-banner-section .bb-banner-swiper .swiper-slide figure img {
        height: 100%; }
    .bb-banner-section .bb-banner-swiper .swiper-slide .bb-projects__item__images {
      height: 100%; }
      .bb-banner-section .bb-banner-swiper .swiper-slide .bb-projects__item__images .bb-projects__item__img {
        position: relative;
        height: 100%; }
        .bb-banner-section .bb-banner-swiper .swiper-slide .bb-projects__item__images .bb-projects__item__img img {
          height: 100%; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-why-us .custom-title {
  padding-top: 104px; }

@media (min-width: 1200px) {
  .bb-why-us .bb-why-us-wrapper {
    display: flex;
    margin-top: 1.2rem; } }

@media (min-width: 1200px) {
  .bb-why-us .bb-list {
    margin-bottom: 4rem; } }

.bb-why-us .bb-why-us__image {
  max-width: 22.5rem;
  width: 100%; }
  @media (min-width: 768) {
    .bb-why-us .bb-why-us__image {
      min-width: 30rem;
      max-width: 30rem;
      width: 100%;
      margin-right: 0.8rem; } }
  @media (min-width: 1200px) {
    .bb-why-us .bb-why-us__image {
      min-width: 16.4rem;
      max-width: 16.4rem;
      width: 100%;
      margin-right: 0.8rem; } }

.mobile-padding-why-us {
  padding-top: unset; }
  @media (max-width: 700px) {
    .mobile-padding-why-us {
      padding-top: 0rem !important; } }

@media (min-width: 768px) {
  .order-form-btn {
    max-width: 15.3rem !important; } }

@media (min-width: 992px) {
  .order-form-btn {
    max-width: 16.7rem !important; } }

.form__submit-btn {
  margin-top: 0rem !important; }

.floor-plan-submit {
  position: relative;
  padding-bottom: 2rem; }

@media (max-width: 700px) {
  .floor-plan-submit {
    position: relative;
    padding-bottom: .5rem; } }

.input-component {
  height: 40px;
  border-color: #e3e3e3;
  background-color: #f1f4fd; }

.submit-button {
  width: 100%;
  background-color: #F15A29;
  border-color: #F15A29;
  height: 35px;
  margin-bottom: 0px; }

.pac-input {
  margin-top: 40px; }

.vlf-main-div {
  height: auto;
  width: 100%;
  padding: 20px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }

.vlf-header {
  display: flex;
  align-items: center;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  height: 30px !important;
  margin-bottom: 20px;
  width: 100%; }

.vlf-form {
  width: 100%; }

.vlf-input-group {
  display: flex;
  height: 64px;
  padding: 12px 0px 16px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  width: 336px;
  width: 100%; }

.vlf-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #BDBDBD;
  outline: none;
  background-color: transparent;
  padding: 8px 0 4px 0;
  color: var(--Neutral-900, #1F1F1F);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  box-shadow: none;
  margin-bottom: 8px;
  transition: border-bottom 0.3s ease; }

.vlf-input:focus {
  border-bottom: 2px solid #EB5D2F; }

.vlf-input:not(:focus) {
  border-bottom: 1px solid #BDBDBD; }

.vlf-bottom-text {
  color: #757575;
  font-family: "DM Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-top: 8px;
  text-align: left; }

.vlf-header img {
  width: 24px !important;
  height: 24px !important;
  margin-right: 8px; }

.vlf-label {
  color: var(--Neutral-400, #BDBDBD);
  font-family: "DM Sans";
  top: 12px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity 0.3s ease, transform 0.3s ease; }

.vlf-label.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(6px); }

.vlf-error-txt {
  color: var(--Colors-Red, var(--Colors-Red, #FF3B30));
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  min-height: 16px;
  display: block;
  margin-top: -4px; }

.vlf-input-group:has(.error) .vlf-input {
  border-bottom: 2px solid #FF3B30; }

.vlf-offer-name {
  color: #1F1F1F;
  text-align: left;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 20px; }

.vlf-offer-price {
  color: #757575;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; }

.noc-label {
  color: var(--Neutral-400, #BDBDBD);
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px; }

.iti {
  width: 100% !important;
  /* Ensure full width */ }

.iti__flag-container {
  width: auto; }

.vlf-option-text {
  color: var(--Neutral-600, #757575);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; }

.vlf-option-text .ant-radio-checked .ant-radio-inner::after {
  background-color: #EB5D2F !important;
  border-color: #EB5D2F !important; }

.vlf-option-text .ant-radio-inner {
  border-color: #EB5D2F !important; }

.vlf-option-text .ant-radio-checked .ant-radio-inner {
  border-color: #EB5D2F !important; }

@media (max-width: 1023px) {
  .vlf-main-div {
    margin: 24px;
    padding: 16px; }
  .vlf-header {
    font-size: 20px;
    line-height: 24px; }
  .vlf-header img {
    width: 20px !important;
    height: 20px !important;
    aspect-ratio: 1/1; }
  .vlf-input-group {
    display: flex;
    height: 60px;
    width: 100%; }
  .vlf-input {
    font-size: 14px;
    line-height: 20px; }
  .vlf-error-txt {
    font-size: 10px;
    line-height: 10px; }
  .vlf-offer-name {
    font-size: 14px;
    line-height: 21px; }
  .vlf-offer-price {
    font-size: 12px;
    line-height: 18px; }
  .vlf-option-text {
    font-size: 14px;
    line-height: 20px; } }

.nameFieldAlignment {
    margin-bottom: 0.25rem;
    position:relative;
    top:-8px;
}
@media (max-width: 700px) {
 .nameFieldAlignment {
    margin-bottom: 0.25rem;
    position:relative;
    top:20px !important;
}   
}
.ace-submit-button{
    font-size: 18px !important;
    text-transform: unset !important;
}

@media(max-width:700px){
    .ace-submit-button{
        font-size: 18px;
    }
}
.ant-modal-mask {
    background-color:rgba(0, 0, 0, 0.5) !important
}
.advanced-cost-estimator-form-container {
    padding-left: 0 !important;
}
.advanced-cost-estimator-container {
    padding-left: 0 !important;
}
.ant-modal-body{
    padding: 24px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    word-wrap: break-word !important;
}
.advanced-cost-estimator-form-fields{
    width:49% !important;
}
.phone-input-margin {
    position:relative;
    top:13px;
}
@media (max-width: 40em) {
    .advanced-cost-estimator-form-container {
        padding: 0 1.8rem !important;
    }
    .advanced-cost-estimator-container {
        padding: 0 1.5rem !important;
    }
    .ant-modal-body{
        padding: 24px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        word-wrap: break-word !important;
    }
    .advanced-cost-estimator-form-fields{
        width:unset !important;
    }
    .phone-input-margin {
        position:relative;
        top:22px;
    }
}
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-site-main:not(.short-page) {
  min-height: 85vh; }

@media (min-width: 1200px) {
  .bb-site-main > section:first-child:not(.bb-banner-section) {
    padding-top: 4rem !important; } }

.accordion > .card {
  border-radius: 0;
  border: none;
  padding: 0 0.75rem 0.0625rem; }
  .accordion > .card:last-child {
    padding-bottom: 0; }
    .accordion > .card:last-child .card-body {
      border-bottom: none; }
  .accordion > .card .card-header {
    min-height: 2.5625rem;
    padding: 0;
    background-color: #fff;
    border-bottom: none; }
    .accordion > .card .card-header p {
      height: 100%; }
      .accordion > .card .card-header p .btn-link {
        width: 100%;
        height: 100%;
        text-align: left;
        outline: 0 !important;
        box-shadow: none;
        text-decoration: none;
        font-size: 0.875rem;
        font-weight: bold;
        color: #1d1a12;
        padding: 0;
        border-bottom: 1px solid rgba(53, 47, 34, 0.1);
        border-radius: 0;
        position: relative;
        padding-right: 2.5rem;
        min-height: 3.0625rem; }
        .accordion > .card .card-header p .btn-link.collapsed, .accordion > .card .card-header p .btn-link[aria-expanded='false'] {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        @media (min-width: 1200px) {
          .accordion > .card .card-header p .btn-link {
            min-height: 2.45rem;
            font-size: 0.7rem; } }
        .accordion > .card .card-header p .btn-link::after {
          font-family: 'icomoon';
          position: absolute;
          right: 0;
          width: 1.875rem;
          height: 1.875rem;
          display: flex;
          align-items: center;
          justify-content: center;
          top: 0.25rem;
          font-size: 1.5625rem; }
        .accordion > .card .card-header p .btn-link[aria-expanded='false']::after {
          content: '\E921'; }
        .accordion > .card .card-header p .btn-link[aria-expanded='true'] {
          border-bottom: transparent; }
          .accordion > .card .card-header p .btn-link[aria-expanded='true']::after {
            content: '\E920'; }
  .accordion > .card .card-body {
    border-bottom: 1px solid rgba(53, 47, 34, 0.1);
    padding: 0.375rem 0.75rem; }
    @media (min-width: 768px) {
      .accordion > .card .card-body p {
        padding-right: 2.4rem;
        font-size: 0.7rem; } }
    @media (min-width: 1024px) {
      .accordion > .card .card-body p {
        padding-right: 3rem; } }
    @media (min-width: 1200px) {
      .accordion > .card .card-body p:not(:last-child) {
        margin-bottom: 1.2rem; } }

.bb-nav-tabs .nav-item {
  margin-right: 3rem; }
  @media (min-width: 1200px) {
    .bb-nav-tabs .nav-item {
      margin-right: 2.4rem; } }
  .bb-nav-tabs .nav-item .nav-link {
    padding: 0 0 0.4375rem;
    color: #352f22;
    opacity: 0.6;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    position: relative;
    border-bottom: 0.125rem solid transparent; }
    @media (min-width: 1200px) {
      .bb-nav-tabs .nav-item .nav-link {
        font-size: 0.7rem; } }
    .bb-nav-tabs .nav-item .nav-link.active {
      opacity: 1;
      color: #f15a29;
      border-color: #f15a29; }

.bb-tab-content {
  padding-top: 2.4375rem; }
  @media (min-width: 1200px) {
    .bb-tab-content {
      margin-bottom: 0.8rem; } }

.flex-wrap-nowrap {
  flex-wrap: nowrap !important; }

.bb-our-projects--tabs .bb-projects {
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .bb-our-projects--tabs .bb-projects {
      margin: 0 -0.58125rem; } }
  .bb-our-projects--tabs .bb-projects .bb-projects__item {
    margin-bottom: 0.75rem; }
    @media (min-width: 768px) {
      .bb-our-projects--tabs .bb-projects .bb-projects__item {
        padding: 0 0.58125rem;
        margin-bottom: 1.1875rem; } }
    .bb-our-projects--tabs .bb-projects .bb-projects__item__details {
      padding: 0.75rem; }

#myTab .nav-item {
  padding: 0 calc((0.8px + 0.05335vmin) * 20);
  margin-right: 0; }

.mobile-padding-projects {
  padding-top: unset; }

.estdCost {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.estimatedCostText {
    color:#F15A29;
    font-weight:600;
    font-size:25px
}
.floor-plan-revamp-city-dropdown{
    color:#F15A29;
    margin:0 .5rem;
    border-color:#DFE0E7;
    border-radius:4px;
    padding:.25rem .25rem;
    font-size:.7rem;
    width:unset
}
.fixed-button {
    position: fixed;
    bottom: 1.5%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* right: 20px;  */
    /* padding: 10px 20px; */
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: none;
    cursor: pointer;
    z-index: 10; 
    width: 90%;
    /* margin: 0 2rem; */
    border-radius: 6px;
}

.fixed-button:hover {
    background-color: #0056b3;
}
.ant-modal-content {
    border-radius: 10px !important;
}
@media(max-width:700px){
    .estimatedCostText {
        color:#F15A29;
        font-weight:600;
        font-size:18px
    }
    .floor-plan-revamp-city-dropdown{
        color:#F15A29;
        margin:0 .5rem;
        border-color:#DFE0E7;
        border-radius:4px;
        padding:.25rem .25rem;
        font-size:inherit !important;
        width: 8.4rem;
    }
}
/* @media(max-width:373px){
    .floor-plan-revamp-city-dropdown{
        color:#F15A29;
        margin:0 .5rem;
        border-color:#DFE0E7;
        border-radius:4px;
        padding:.25rem .25rem;
        font-size:inherit !important;
        width: 7rem;
    }
    .floor-plan-revamp-text{
        font-size: 14px;
    }
    .estimatedCostText {
        color:#F15A29;
        font-weight:600;
        font-size:14px
    }
} */

/* @media(max-width:327px){
    .floor-plan-revamp-city-dropdown{
        color:#F15A29;
        margin:0 .5rem;
        border-color:#DFE0E7;
        border-radius:4px;
        padding:.25rem .25rem;
        font-size:inherit !important;
        width: 6.5rem;
    }
    .floor-plan-revamp-text{
        font-size: 12px;
    }
    .estimatedCostText {
        color:#F15A29;
        font-weight:600;
        font-size:12px
    }
} */
.project-details-section-margin {
    margin: 1rem 0;
    @media(max-width:700px){
        margin: 1rem 1rem 0 1rem;
    }
}
.expandable-div-left {
    background-color: #3498db;
    transition: transform 0.25s ease;
    transform-origin: left center;
    border-radius: 8px;
    z-index: 1 !important;
}

.expandable-div-left:hover {
    z-index: 2 !important;
    position: relative;
}

@media (min-width: 700px) {
    .expandable-div-left:hover {
        transform: scale(1.1);
        z-index: 2 !important;
        position: relative;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
        transition: transform 0.5s ease;
    }
}
.sidebar-end-padding{
    padding-bottom: 1rem;
}
@media (max-width: 700px) {
    .sidebar-end-padding{
        padding-bottom: unset;
    }   
}
.expandable-div-right {
    background-color: #3498db;
    transition: transform 0.25s ease;
    transform-origin: right center;
    border-radius: 8px;
    z-index: 1 !important;
}

.expandable-div-right:hover {
    z-index: 2 !important;
    position: relative;
}

@media (min-width: 700px) {
    .expandable-div-right:hover {
        transform: scale(1.1);
        z-index: 2 !important;
        position: relative;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
        transition: transform 0.5s ease;
    }
}

li{
    font-size: initial !important;
}

.contentFloorPlan h2{
/* font-size: 24px !important;
font-weight: 600 !important;
line-height: 30px !important; */
text-align: left !important;
text-underline-position: from-font !important;
text-decoration-skip-ink: none !important;
/* margin-bottom: 24px !important;
margin-top: 64px !important; */
}

.contentFloorPlan p{
    /* font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 27px !important; */
    text-align: left !important;
    text-underline-position: from-font !important; 
    text-decoration-skip-ink: none !important;
}

@media (max-width: 768px) {
    .contentFloorPlan p{
        /* font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 24px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;        

    }
}

.contentFloorPlan h3{
/* font-size: 18px !important;
font-weight: 600 !important;
line-height: 27px !important; */
text-align: left !important;
text-underline-position: from-font !important;
text-decoration-skip-ink: none !important;

}

@media (max-width: 768px) {
    .contentFloorPlan h3{
        /* font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important; */
        text-align: left !important;
        text-underline-position: from-font !important;
        text-decoration-skip-ink: none !important;
      

    }
}


.contentFloorPlan {
    margin-left: 132px !important;
    padding: 0px !important;
    justify-content: space-between !important;
    margin-bottom: 0px;
    }

    @media (max-width: 768px) {
        .contentFloorPlan {
            margin-left: 24px !important;
            margin-right: 24px !important;
            padding: 0px !important;
            margin-top: 0px;
            margin-bottom: 40px;
            }
    }
    @media (min-width: 769px) {
        .contentFloorPlan {
            gap: 90px;
        }
    }



.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-services .bb-constructions {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-services {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-services {
  overflow: hidden; }
  .bb-services .main-title {
    margin-left: 6px;
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-services .main-title {
        margin-bottom: 0.6rem; } }
  .bb-services .section-subtitle {
    margin-bottom: 2rem; }
  .bb-services .bb-constructions .bb-construction a {
    text-decoration: none; }
  .bb-services .bb-constructions .bb-construction:hover .bb-construction__type::before {
    height: calc(100% + 8px); }
  .bb-services .bb-constructions .bb-construction:hover .bb-construction__image img {
    transform: scale(1.1); }
  .bb-services .bb-constructions .bb-construction__image {
    overflow: hidden; }
    .bb-services .bb-constructions .bb-construction__image img {
      height: 240px; }
      @media (max-width: 768px) {
        .bb-services .bb-constructions .bb-construction__image img {
          height: 160px; } }
  .bb-services .bb-constructions .bb-construction__type {
    min-height: 2.8125rem;
    background-color: #1d1a12;
    padding: 0.75rem;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    position: relative; }
    @media (min-width: 768px) {
      .bb-services .bb-constructions .bb-construction__type {
        font-size: 0.7rem;
        min-height: 2.25rem;
        padding: 0.6rem; } }
    @media (min-width: 1200px) {
      .bb-services .bb-constructions .bb-construction__type {
        font-size: 0.8rem; } }
    .bb-services .bb-constructions .bb-construction__type span {
      z-index: 1;
      position: relative; }
    .bb-services .bb-constructions .bb-construction__type::before {
      position: absolute;
      width: 100%;
      top: -0.25rem;
      right: 0;
      height: 0.25rem;
      background-color: #f15a29;
      content: '';
      transition: all 0.2s ease; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-partners-row {
  margin-bottom: -0.75rem; }
  @media (min-width: 768px) {
    .bb-partners-row {
      margin-top: 2rem;
      margin-bottom: 0; } }
  .bb-partners-row .bb-partner {
    padding: 0 0.75rem;
    max-height: 195px;
    overflow: hidden;
    margin-bottom: 0.75rem; }
    .bb-partners-row .bb-partner__logo {
      height: 100%; }
      .bb-partners-row .bb-partner__logo .lazyload-wrapper {
        height: 100%; }
        .bb-partners-row .bb-partner__logo .lazyload-wrapper img {
          height: 100%;
          object-fit: contain; }
    @media (min-width: 768px) {
      .bb-partners-row .bb-partner {
        margin-bottom: 0px; } }
    @media (min-width: 1200px) {
      .bb-partners-row .bb-partner {
        margin-bottom: 0px; } }
  .bb-partners-row .bb-partner__logo {
    margin: 0px; }

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-readmore-modal .modal-header .bb-readmore-title {
  font-size: 0.875rem; }
  @media (min-width: 768px) {
    .bb-readmore-modal .modal-header .bb-readmore-title {
      font-size: 0.7rem; } }

.bb-readmore-modal .modal-header .bb-readmore-subtitle {
  font-size: 0.875rem;
  opacity: 0.7; }
  @media (min-width: 768px) {
    .bb-readmore-modal .modal-header .bb-readmore-subtitle {
      font-size: 0.7rem; } }

.bb-readmore-modal .modal-body .link-icon {
  font-size: 1rem; }
  @media (min-width: 768px) {
    .bb-readmore-modal .modal-body .link-icon {
      font-size: 0.8rem; } }

.ref-content-div {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1176px;
  margin: 0 auto;
  padding: 0 48px;
  box-sizing: border-box;
  gap: 112px; }

.ref-steps-div {
  display: flex;
  padding: 16px;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid var(--Neutral-200, #EEE);
  background: #FFF;
  flex-direction: row;
  flex: 1 1 0; }

.ref-steps-desc {
  color: var(--Neutral-600, #757575); }

.ref-container {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  padding: 12px 0px;
  gap: 24px;
  width: 100%;
  max-width: 1176px; }

.ref-numb-div {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: var(--Neutral-50, #FAFAFA);
  height: 94px;
  flex: 1 1 0;
  min-width: 0; }

.ref-numb-div sup {
  font-size: 15px; }

.ref-numb-desc {
  color: var(--Neutral-700, #616161); }

.ref-numb-disclaimer {
  color: #989898; }

.ref-form-container {
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  padding: 32px;
  margin-top: 24px; }

.ref-form-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #FFF;
  margin-left: 16px;
  align-self: center; }

.ref-cel-text {
  color: var(--Neutral-600, #757575);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  margin: 24px 0; }

.ref-cel-desc {
  font-family: "DM Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; }

.ref-cel-div {
  display: flex;
  padding: 16px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  height: 134px;
  flex: 1 1 0;
  min-width: 0; }

.ref-mobile-app {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  max-width: 1176px;
  width: 100%;
  border: 1px solid var(--Neutral-200, #EEE);
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px; }

.ref-mobile-app > div {
  flex: 1 1 0;
  max-width: 50%;
  box-sizing: border-box; }

.ref-partnerUp {
  display: flex;
  padding: 56px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: var(--Sunset-50, #FFF4E5); }

.ref-mobile-app-div {
  display: flex;
  flex-direction: column;
  align-self: center;
  height: 100%;
  padding: 24px 48px; }

.ref-mobile-app-img {
  border-radius: 8px 0 0 8px; }

.ref-mobile-app-downloadtxt {
  color: var(--Neutral-600, #757575);
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 150% */ }

.app-badges {
  display: flex;
  gap: 8px;
  margin-top: 8px; }

.app-badges a {
  flex: 1;
  /* Ensures each link takes 50% */ }

.app-badges img {
  width: 100%;
  height: auto;
  display: block; }

@media (max-width: 1023px) {
  .ref-container {
    flex-direction: column; }
  .ref-content-div {
    padding: 0 24px;
    gap: 48px;
    max-width: 680px;
    width: 100%; }
  .ref-form-container {
    padding: 16px 0px;
    margin-top: 16px; }
  .ref-cel-text {
    font-size: 16px;
    line-height: 24px; }
  .ref-numb-div {
    justify-content: flex-start; }
  .ref-mobile-app {
    flex-direction: column;
    width: 100%;
    margin: 0; }
  .ref-mobile-app > div {
    max-width: 100%;
    width: 100%; }
  .ref-mobile-app-div {
    padding: 16px; }
  .ref-mobile-app-img {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: auto;
    display: block; }
  .ref-form-div {
    padding: 16px;
    margin: 0; } }

.card-container{
    margin: 1rem 0rem; 
    /* width: 350px; */
}
.testimonial-slider-container {
    position: relative;
}

.custom-swiper-navigation {
    position: absolute;
    top: -45px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* z-index: 10; */
}

.swiper-next,
.swiper-prev {
    cursor: pointer;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

@media (max-width: 480px) {
    .custom-swiper-navigation {
        top: -60px;
    }
    .custom-swiper-last{
        top: -30px!important;
    }
}

@media (max-width: 370px) {
    .custom-swiper-first{
        top: -90px!important;
    }
    .custom-swiper-rest{
        top: -65px!important;
    }
    .custom-swiper-last{
        top: -60px!important;
    }
}

.ref-testimonial-slider-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ref-slider-nav-buttons button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    margin-left: 10px;
}
  

.ace-submit-button{
    font-size: 18px !important;
    text-transform: unset !important;
}

@media(max-width:700px){
    .ace-submit-button{
        font-size: 18px;
    }
}
.ant-modal-mask {
    background-color:rgba(0, 0, 0, 0.5) !important
}
.advanced-cost-estimator-form-container {
    padding-left: 0 !important;
}
.advanced-cost-estimator-container {
    padding-left: 0 !important;
}
.ant-modal-body{
    padding: 24px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    word-wrap: break-word !important;
}
.advanced-cost-estimator-form-fields{
    width:49% !important;
}
@media (max-width: 40em) {
    .advanced-cost-estimator-form-container {
        padding: 0 1.8rem !important;
    }
    .advanced-cost-estimator-container {
        padding: 0 1.5rem !important;
    }
    .ant-modal-body{
        padding: 24px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        word-wrap: break-word !important;
    }
    .advanced-cost-estimator-form-fields{
        width:unset !important;
    }
}




.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-your-cost-estimate__col .list .list-item {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block, .bb-your-cost-estimate__col .list .list-item__col strong {
  display: block !important; }

.orange-faded-bg, .bb-your-cost-estimate__col__details {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .bb-your-cost-estimate__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-your-cost-estimate {
  display: none;
  opacity: 0;
  visibility: hidden; }
  .bb-your-cost-estimate .section-title {
    margin-bottom: 2rem; }
    @media (min-width: 1200px) {
      .bb-your-cost-estimate .section-title {
        margin-bottom: 2.4rem; } }
  .bb-your-cost-estimate--show {
    display: block;
    opacity: 1;
    visibility: visible; }
  .bb-your-cost-estimate__row {
    flex-wrap: wrap;
    margin: 0 -0.375rem; }
  .bb-your-cost-estimate__col {
    margin-bottom: 0.75rem !important;
    flex-basis: 100% !important;
    padding: 0 0.375rem; }
    .bb-your-cost-estimate__col:last-child {
      margin-bottom: 1.5rem; }
    .bb-your-cost-estimate__col__title {
      background-color: #1d1a12;
      padding: 0.75rem;
      color: #fff;
      margin-bottom: 0; }
      @media (min-width: 1024px) {
        .bb-your-cost-estimate__col__title {
          font-size: 0.7rem; } }
    .bb-your-cost-estimate__col__details {
      padding: 1rem 0.75rem; }
    .bb-your-cost-estimate__col a {
      text-decoration: none !important; }
    .bb-your-cost-estimate__col:hover .bb-your-cost-estimate__col__title {
      background-color: #f15a29; }
    .bb-your-cost-estimate__col .list .list-item {
      justify-content: space-between; }
      .bb-your-cost-estimate__col .list .list-item:not(:last-child) {
        margin-bottom: 1.25rem; }
        @media (min-width: 1024px) {
          .bb-your-cost-estimate__col .list .list-item:not(:last-child) {
            margin-bottom: 1rem; } }
      .bb-your-cost-estimate__col .list .list-item:last-child {
        border-top: 0.0625rem solid rgba(53, 47, 34, 0.1);
        padding-top: 1rem; }
        @media (min-width: 1024px) {
          .bb-your-cost-estimate__col .list .list-item:last-child {
            padding-top: 0.8rem; } }
        .bb-your-cost-estimate__col .list .list-item:last-child p,
        .bb-your-cost-estimate__col .list .list-item:last-child .small,
        .bb-your-cost-estimate__col .list .list-item:last-child strong {
          margin-bottom: 0; }
        .bb-your-cost-estimate__col .list .list-item:last-child .list-item__col:first-child {
          width: auto; }
        .bb-your-cost-estimate__col .list .list-item:last-child .list-item__col:last-child {
          width: auto; }
      .bb-your-cost-estimate__col .list .list-item__col {
        width: 33%; }
        .bb-your-cost-estimate__col .list .list-item__col:first-child {
          width: 67%;
          padding-right: 0.9375rem; }
        .bb-your-cost-estimate__col .list .list-item__col:last-child {
          text-align: right; }
        @media (min-width: 1024px) {
          .bb-your-cost-estimate__col .list .list-item__col {
            font-size: 0.7rem; } }
        .bb-your-cost-estimate__col .list .list-item__col strong {
          margin-bottom: 0.25rem;
          font-size: 0.875rem;
          font-weight: bolder;
          color: #1d1a12; }
          @media (min-width: 1024px) {
            .bb-your-cost-estimate__col .list .list-item__col strong {
              margin-bottom: 0.2rem;
              font-size: 0.7rem; } }
        .bb-your-cost-estimate__col .list .list-item__col p,
        .bb-your-cost-estimate__col .list .list-item__col .small {
          font-size: 0.875rem;
          margin-bottom: 0;
          opacity: 0.6; }
          @media (min-width: 1024px) {
            .bb-your-cost-estimate__col .list .list-item__col p,
            .bb-your-cost-estimate__col .list .list-item__col .small {
              font-size: 0.7rem; } }
        .bb-your-cost-estimate__col .list .list-item__col .total {
          font-size: 1.125rem; }
          @media (min-width: 1024px) {
            .bb-your-cost-estimate__col .list .list-item__col .total {
              font-size: 0.9rem; } }



.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1200px) {
  .bb-packages {
    text-align: center; } }

.bb-packages .main-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-packages .main-title {
      margin-bottom: 0.6rem; } }

.bb-packages .section-subtitle {
  z-index: 0; }
  @media (min-width: 1200px) {
    .bb-packages .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }

.bb-packages .accordion {
  margin: 0 -0.4375rem 1.75rem; }
  @media (min-width: 1200px) {
    .bb-packages .accordion {
      margin: 0 0 2rem; } }

.bb-packages .list .list-item {
  padding: 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.29;
  text-align: left; }
  .bb-packages .list .list-item .icon {
    font-size: 1.3125rem;
    font-weight: bold;
    margin-right: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.bb-packages .bb-packages-list__item {
  display: none; }
  @media (min-width: 1200px) {
    .bb-packages .bb-packages-list__item {
      display: block; } }
  .bb-packages .bb-packages-list__item.active {
    display: block;
    transition-delay: 0.3s;
    transition: all 0.3s ease; }

.bb-packages .bb-range-slider {
  padding: 0 0.125rem 1rem;
  overflow: hidden;
  margin-bottom: 2.6875rem; }
  @media (min-width: 1200px) {
    .bb-packages .bb-range-slider {
      display: none; } }

.bb-packages .bb-package-swiper {
  overflow: visible; }
  @media (min-width: 768px) {
    .bb-packages .bb-package-swiper {
      overflow: hidden;
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }

@media (min-width: 1200px) {
  .bb-packages .bb-package-selected {
    background-color: #f15a29;
    color: #fff;
    margin-bottom: 0;
    padding: 0.8rem;
    text-align: left; } }

@media (max-width: 767px) {
  .bb-packages .bb-package-selected {
    font-weight: bold;
    font-size: 1.15rem; } }

.bb-packages .bb-current-location {
  margin-bottom: 0.625rem;
  align-items: center; }
  @media (min-width: 768px) {
    .bb-packages .bb-current-location {
      margin-bottom: 1rem; } }
  @media (min-width: 1200px) {
    .bb-packages .bb-current-location {
      justify-content: center; } }
  .bb-packages .bb-current-location .section-subtitle {
    width: unset !important; }

@media (min-width: 768px) {
  .bb-package-description {
    color: white; } }


/* h3 {
    font-size: initial !important;
}
p {
    font-size: initial !important;
} */







.rel-grid-container {
    display: grid;
    grid-template-columns: auto auto;
    border-collapse: collapse; /* Collapse borders */
  }
  .rel-grid-item {
    border: 0; /* Remove borders on grid items */
    padding: .5rem;
  }
  .rel-grid-item:nth-child(odd) {
    border-right: 1px dashed #e7e8ee; /* Add right border to odd grid items */
  }
  .rel-grid-item:nth-child(-n+2) {
    border-bottom: 1px dashed #e7e8ee; /* Add bottom border to first two grid items */
  }
 
.button-container {
  display: none;
}

.rel-grid-container:hover .button-container,
.rel-grid-img:hover ~ .rel-grid-container .button-container,
.rel-grid-container:hover .rel-grid-img ~ .button-container,
.floor-plan-revamp-text:hover ~ .rel-grid-container .button-container {
  display: flex !important;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-video-play-btn:hover {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-customers {
  overflow: hidden; }
  .bb-customers .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-customers .section-title {
        margin-bottom: 0.6rem; } }
  @media (min-width: 768px) {
    .bb-customers .bb-customers-testimony-swiper {
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }
  .bb-customers .bb-testimony-item a {
    text-decoration: none; }
  .bb-customers .bb-testimony-item__image {
    margin-bottom: 1rem;
    position: relative; }
  .bb-customers .bb-testimony-item__content .testimony__text {
    font-size: 1rem;
    line-height: 1.38;
    margin-bottom: 1rem;
    position: relative; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__text {
        font-size: 0.9rem; } }
    .bb-customers .bb-testimony-item__content .testimony__text::before {
      position: absolute;
      top: -1.4375rem;
      left: 0;
      content: "\E925";
      font-family: "icomoon";
      color: #f15a29; }
  .bb-customers .bb-testimony-item__content .testimony__user-name {
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.125rem; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-name {
        font-size: 0.8rem; } }
  .bb-customers .bb-testimony-item__content .testimony__user-designation {
    font-size: 0.875rem;
    opacity: 0.7;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-designation {
        font-size: 0.8rem; } }
  .bb-customers .swiper-pagination--bars {
    position: unset;
    padding-top: 1rem;
    bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-customers .swiper-pagination--bars {
        padding-top: 1.6rem; } }
    .bb-customers .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-customers .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.bb-video-play-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 44px;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center; }
  .bb-video-play-btn [class*=" icon-"],
  .bb-video-play-btn [class^="icon-"] {
    transition: all 0.2s ease; }
  .bb-video-play-btn:hover [class*=" icon-"],
  .bb-video-play-btn:hover [class^="icon-"] {
    transform: scale(1.2); }

.grid-container-1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: fit-content;
  }
  
.grid-item-1 {
  flex: 1 0 40%; /* Each column contains 4 items (25% width) */
  padding: 10px;
  box-sizing: border-box;
}
.grid-item-2 {
  flex: 1 0 10%; /* Each column contains 4 items (25% width) */
  padding: 10px;
  box-sizing: border-box;
}
.floor-plan-main{
  display:flex;
}
@media(max-width:700px){
  .grid-item-1 {
    flex: 1 0 100%; /* Each column contains 4 items (25% width) */
    padding: 10px;
    box-sizing: border-box;
    border-right: none !important;
  } 
  .floor-plan-main{
    display:flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}

#desktop-pdf{
  width: 100%;
  height: 100%;
}
.div-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sidebar-container{
    width: 320px;
    background: #FFF7F4;
    border-radius: 0px 56px 0px 0px;
}
.filter-heading{
    /* font-family: 'DM Sans'; */
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #1A1617;
}
.sidebar-container .ant-collapse{
    border: none!important;
}
.sidebar-container .ant-collapse-header ,.sidebar-container .ant-collapse-content{
    background: #FFF7F4;
    /* font-family: 'DM Sans'; */
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #1A1617;
}
.sidebar-container  .ant-collapse-header {
    padding: 16px 12px 16px 29px!important;
    padding-right: 40px;
}

.ant-collapse-item-active .ant-collapse-header{
    color: #F15A29!important;
}
.ant-collapse-item-active .ant-collapse-content{
    border-top: none!important;    
}
.option-heading{
    /* font-family: 'DM Sans'; */
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.05em;
    color: #6E7191;
    margin-left: 1rem;
}
.option-text{
    /* font-family: 'DM Sans'; */
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
    color: #6E7191;
}
.ant-checkbox .ant-checkbox-inner{
    width: 20px!important;
    height: 20px!important;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-radius: 4px!important;
    border: 1px solid rgba(0, 0, 0, 0.07)!important;
}
.ant-checkbox .ant-checkbox-checked:hover{
    border: 1px solid rgba(0, 0, 0, 0.07)!important;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
    border: 2px solid #F15A29;
    border-top-color: white;
    border-left-color: white;
}
.ant-checkbox-inner::after{
    width: 7.714286px;
    height: 15.142857px;
    top: 40%;
}

.ant-radio-inner::after{
    background: #F15A29!important;
}
.ant-radio-checked .ant-radio-inner , .ant-radio:hover .ant-radio-inner,.ant-slider-handle{
    border-color: #F15A29!important;
}
.ant-slider-track ,.ant-slider-handle{
    background: #F15A29!important;
}
.ant-slider-handle:focus{
    box-shadow: none!important;
}
.ant-slider-step{
    /* background: #F7F7FC; */
    border: 1px solid rgba(110, 113, 145, 0.15)!important;
    border-radius: 50px!important;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg, .bb-video-play-btn:hover {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.bb-customers {
  overflow: hidden; }
  .bb-customers .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-customers .section-title {
        margin-bottom: 0.6rem; } }
  @media (min-width: 768px) {
    .bb-customers .bb-customers-testimony-swiper {
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }
  .bb-customers .bb-testimony-item a {
    text-decoration: none; }
  .bb-customers .bb-testimony-item__image {
    margin-bottom: 1rem;
    position: relative; }
  .bb-customers .bb-testimony-item__content .testimony__text {
    font-size: 1rem;
    line-height: 1.38;
    margin-bottom: 1rem;
    position: relative; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__text {
        font-size: 0.9rem; } }
    .bb-customers .bb-testimony-item__content .testimony__text::before {
      position: absolute;
      top: -1.4375rem;
      left: 0;
      content: "\E925";
      font-family: "icomoon";
      color: #f15a29; }
  .bb-customers .bb-testimony-item__content .testimony__user-name {
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.125rem; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-name {
        font-size: 0.8rem; } }
  .bb-customers .bb-testimony-item__content .testimony__user-designation {
    font-size: 0.875rem;
    opacity: 0.7;
    margin-bottom: 0; }
    @media (min-width: 1200px) {
      .bb-customers .bb-testimony-item__content .testimony__user-designation {
        font-size: 0.8rem; } }
  .bb-customers .swiper-pagination--bars {
    position: unset;
    padding-top: 1rem;
    bottom: 0.5rem; }
    @media (min-width: 768px) {
      .bb-customers .swiper-pagination--bars {
        padding-top: 1.6rem; } }
    .bb-customers .swiper-pagination--bars .swiper-pagination-bullet {
      width: 1.1875rem;
      height: 0.125rem;
      opacity: 0.4;
      background-color: #352f22;
      border-radius: 0; }
      .bb-customers .swiper-pagination--bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }

.bb-video-play-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 44px;
  outline: none !important;
  display: flex;
  align-items: center;
  justify-content: center; }
  .bb-video-play-btn [class*=" icon-"],
  .bb-video-play-btn [class^="icon-"] {
    transition: all 0.2s ease; }
  .bb-video-play-btn:hover [class*=" icon-"],
  .bb-video-play-btn:hover [class^="icon-"] {
    transform: scale(1.2); }

.chips {
    border : 1px solid #F15A29;
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    border-radius: 21px;
}

.swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev{
    width:2rem;
    height:2rem
}


/* .swiper-button-next, .swiper-button-prev {
    display: none; 
} */

.swiper-button-hidden {
    display: none; /* Hide completely when added */
}

.swiper-navigation .swiper-button-prev{
    left:0px
}
.swiper-navigation .swiper-button-next{
    right:0px
}
.swiper-container{
    /* padding: 1rem !important; */
}
.swiper-pagination-bullet{
    width:10px !important
}

.swiper-button-prev, .swiper-button-next{
    margin-top: -2.7rem !important;
}

.floorcontainer .swiper-wrapper{
    margin-top:0.95rem;
}

.floorcontainer .swiper-navigation{
    margin-top:-4rem;
}

.floorcontainer .swiper-container{
    height:6rem;
}

@media (max-width:700px) {
    .swiper-navigation {
        display: unset !important;
    }
    .swiper-button-prev, .swiper-button-next{
        margin-top: -2.1rem !important;
    }
    .floorcontainer .swiper-container{
        height:5rem;
    }
    .floorcontainer .swiper-pagination{
        margin-top:-4rem;
    }
    .floorcontainer .swiper-wrapper{
        margin-top:0.8rem !important;
    }

}




.rel-grid-container {
    display: grid;
    grid-template-columns: auto auto;
    border-collapse: collapse; /* Collapse borders */
  }
  .rel-grid-item {
    border: 0; /* Remove borders on grid items */
    padding: .5rem;
  }
  .rel-grid-item:nth-child(odd) {
    border-right: 1px dashed #e7e8ee; /* Add right border to odd grid items */
  }
  .rel-grid-item:nth-child(-n+2) {
    border-bottom: 1px dashed #e7e8ee; /* Add bottom border to first two grid items */
  }
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.calculator-template h3 {
  font-size: initial; }

.calculator-template h1 {
  font-weight: 600;
  /* Use numeric value for semibold */
  font-size: 48px;
  line-height: 58px;
  margin-top: 48px;
  margin-bottom: 20px; }

.calculator-template h2 {
  margin: 48px 0px 16px 0px; }

.calculator-template h3 {
  font-weight: 600;
  /* Use numeric value for semibold */
  font-size: 24px;
  line-height: 30px;
  margin-top: 8px;
  margin-bottom: 8px; }

.calculator-template h4 {
  font-weight: 600;
  /* Use numeric value for semibold */
  font-size: 18px;
  line-height: 27px;
  margin-top: 8px;
  margin-bottom: 0px; }

.calculator-template ol {
  padding-left: 24px !important;
  margin-top: 32px !important;
  margin-bottom: 32px !important; }

.calculator-template li {
  font-size: 18px !important;
  color: #1F1F1F !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  /* 150% */ }

.calculator-template h6 {
  font-weight: 400;
  /* Use numeric value for regular */
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
  margin-bottom: 32px; }

.calculator-content {
  display: flex !important;
  flex-direction: column !important;
  width: 60% !important; }

.calculator-page {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  width: 100% !important;
  align-items: flex-start;
  /* Ensure alignment to the top */ }

.background-dynamic {
  background: #fafafa !important; }

@media (max-width: 768px) {
  .background-dynamic {
    background: #fff !important; } }

.other-calculators-custom {
  width: 30% !important;
  position: sticky !important;
  top: 80px;
  right: 194px;
  /* Adjust top offset as needed */
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
  margin-top: 56px;
  border-radius: 8px;
  width: 276px !important;
  height: 100%; }

.calculator-list {
  border: 1px solid #E0E0E0 !important;
  background-color: #ffffff !important; }

@media (min-width: 739px) {
  .calculator-template {
    width: 731.2px !important; } }

.calculator-page {
  padding-top: 0 !important; }
  @media (max-width: 739px) {
    .calculator-page {
      padding: 15px !important; } }
  @media (min-width: 739px) {
    .calculator-page {
      padding-left: 166px !important;
      padding-right: 0px !important; } }
  .calculator-page .calculator-content {
    padding: 1rem !important;
    padding: 0 !important; }
    .calculator-page .calculator-content .calculator-content {
      padding: 1rem !important;
      padding: 0 !important;
      padding-left: 128px !important; }
      @media (max-width: 739px) {
        .calculator-page .calculator-content .calculator-content {
          padding-left: 0 !important; } }
  .calculator-page .faq-collapse {
    background-color: #fafafa !important; }
  .calculator-page .faq-section h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 48px 0px 16px 0px; }
  @media (max-width: 700px) {
    .calculator-page .faq-section h2 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 600;
      letter-spacing: 0;
      margin: 48px 0px 16px 0px; } }
  .calculator-page .faq-section .faq-collapse .ant-collapse-header {
    background-color: #fafafa !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    padding-left: 0 !important;
    /* Remove extra padding */
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
    @media (max-width: 768px) {
      .calculator-page .faq-section .faq-collapse .ant-collapse-header {
        background: #fff !important; } }
  .calculator-page .faq-section .faq-collapse .ant-collapse-item {
    border-bottom: 1px solid #ddd !important;
    /* Light border between questions */ }
  .calculator-page .faq-section .faq-collapse .ant-collapse-content {
    font-size: 18px !important;
    padding-top: 0px !important;
    margin-top: 0px !important; }
  .calculator-page .faq-section .faq-collapse .ant-collapse-expand-icon {
    font-size: 1.2rem !important; }
  .calculator-page .faq-section .faq-collapse .ant-collapse-content-box {
    padding-bottom: 0px !important; }
    @media (max-width: 768px) {
      .calculator-page .faq-section .faq-collapse .ant-collapse-content-box {
        background: #fff; } }

.other-calculators, .other-calculators-custom {
  position: sticky !important; }
  .other-calculators .calculator-boxes, .other-calculators-custom .calculator-boxes {
    display: flex !important;
    flex-direction: column !important;
    max-height: 28rem !important;
    overflow-y: scroll !important;
    gap: 1rem !important;
    /* Spacing between boxes */ }
  .other-calculators .calculator-box, .other-calculators-custom .calculator-box {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important;
    color: #EB5D2F !important;
    padding: 1rem 2rem !important;
    border-radius: 8px !important;
    width: 15rem !important;
    height: 6rem !important;
    transition: background-color 0.3s ease !important;
    border: 1px solid #E0E0E0 !important;
    background: #FFF !important; }
    .other-calculators .calculator-box:hover, .other-calculators-custom .calculator-box:hover {
      background-color: #E0E0E0 !important;
      /* Darker shade on hover */ }
    @media (max-width: 768px) {
      .other-calculators .calculator-box, .other-calculators-custom .calculator-box {
        flex: 1 1 45% !important;
        /* Adjusts the size on smaller screens */ } }
    @media (max-width: 480px) {
      .other-calculators .calculator-box, .other-calculators-custom .calculator-box {
        flex: 1 1 100% !important;
        /* Stacks boxes on mobile */ } }

.footer-box {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 3rem !important;
  width: 100% !important; }

.footer-title {
  flex-grow: 1 !important;
  flex-wrap: wrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  /* Add ellipsis (...) for long titles */ }

.icon-box {
  flex-shrink: 0 !important;
  /* Ensure the icon doesn't shrink */
  margin-left: 10px !important;
  /* Space between the title and the icon */ }

.icon-box svg {
  width: 16px !important;
  height: 16px !important;
  fill: #000 !important;
  /* Customize the color of the icon */ }

@media (max-width: 739px) {
  .calculator-page {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important; }
  .calculator-content {
    width: 100% !important; }
  .other-calculators, .other-calculators-custom {
    width: 100% !important;
    z-index: 1 !important;
    /* Ensure the menu has a higher z-index */ }
    .other-calculators .calculator-boxes, .other-calculators-custom .calculator-boxes {
      display: flex !important;
      flex-direction: row !important;
      max-height: 28rem !important;
      overflow-x: scroll !important;
      gap: 1rem !important;
      /* Spacing between boxes */ }
    .other-calculators .calculator-box, .other-calculators-custom .calculator-box {
      width: 10rem !important;
      height: 9rem !important; } }

.btn-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  background-color: #f15a29;
  /* Change the background color to match */
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 10px;
  /* Rounded edges */
  border: none;
  cursor: pointer;
  font-size: 16px;
  width: 100%;
  max-width: none;
  transition: all 0.2s ease; }
  .btn-custom .icon-arrow-right {
    margin-left: 12px;
    font-size: 18px;
    transition: transform 0.2s ease; }
  .btn-custom:hover .icon-arrow-right {
    transform: translateX(8px);
    /* Move arrow slightly on hover */ }

.btn.\--icon-left [class*=" icon-"],
.btn.\--icon-left [class^="icon-"] {
  transform: none !important; }

.calculator-submit-button1 {
  padding: 0 !important;
  margin-bottom: 20px !important;
  width: 100% !important; }

.bb-site-small-container .mb-0 {
  padding: 0 !important; }

.bb-site-small-container .bb-me-add-floor-btn {
  margin-bottom: 20px !important; }

@media (min-width: 739px) {
  .bb-material-estimator .container {
    padding: 0 !important; } }

@media (min-width: 739px) {
  .bb-calculator-container {
    margin-left: 166px !important;
    margin-right: 166px !important;
    width: 708px !important; } }

@media (max-width: 739px) {
  .bb-calculator-container, .calculator-page {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important; }
  .calculator-page .calculator-box {
    padding: 12px !important; } }

/* Example of menu class */
.isStrong {
  font-size: 18px;
  color: #000000;
  line-height: 24px;
  margin-top: 8px;
  margin-bottom: 8px; }

.other-calculators {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  width: 300px;
  background-color: #fff;
  padding-top: 64px !important; }
  .other-calculators ul {
    margin: 0px !important; }

.sidebarNonDesktop {
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  margin-top: 1rem; }

.sidebarNonDesktopImage {
  border-radius: 7px; }

@media (min-width: 769px) and (max-width: 1023px) {
  .other-calculators {
    width: 50%;
    padding-top: 32px !important; }
  .sideBarTab {
    display: flex;
    justify-content: center; } }

@media (max-width: 768px) {
  .other-calculators {
    padding-top: 32px !important; } }

hr {
  margin-top: 16px;
  margin-bottom: 16px; }

@media (max-width: 1023px) {
  .sidebarNonDesktop {
    display: flex;
    border: none; }
  .sidebarNonDesktopImage {
    width: 200px;
    border: 1px solid #EEEEEE; }
  .r-b-title {
    display: flex;
    align-items: center;
    border-radius: 2px; }
  .r-b-title-fp {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: 2px;
    max-width: 50%; } }

.calculator-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #1f1f1f; }

@media screen and (max-width: 739px) {
  .calculator-heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 10px; } }

.calculator-list {
  list-style: none;
  padding: 12px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  /* Space between items */
  border-radius: 8px; }

.calculator-item {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left; }

@media screen and (max-width: 739px) {
  .calculator-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none; } }

.calculator-link {
  color: #eb5d2f;
  text-decoration: none;
  transition: color 0.3s ease; }
  .calculator-link:hover {
    color: #d94c1e; }

.blogs-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #1f1f1f; }

@media screen and (max-width: 739px) {
  .blogs-heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 10px; } }

.blog-title {
  padding: 10px !important;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  width: 276px !important;
  border: 1px solid #E0E0E0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 0px !important;
  color: #1f1f1f !important;
  margin: 0px !important; }

.blog-img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.blog-item {
  margin-bottom: 30px !important; }

@media screen and (max-width: 739px) {
  .related-calculators {
    width: 100% !important; }
  .blog-title {
    text-align: left !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    width: 100% !important; } }

.r-b-header {
  font-size: 12px;
  font-weight: 500;
  line-height: 10px; }

.r-b-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; }

.r-b-title-fp {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; }

.r-b-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  width: fit-content;
  height: 20px; }

.sidebar-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px; }

.calculator-list-parent {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.calculator-list-link {
  color: #1F1F1F;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400; }

@media screen and (max-width: 1272px) {
  .r-b-header {
    font-weight: 500;
    font-size: 12px;
    line-height: 10px; }
  .r-b-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
  .r-b-title-fp {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
  .r-b-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 10px; }
  .sidebar-heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px; }
  .calculator-list-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; } }

@media screen and (max-width: 1024px) {
  .r-b-header {
    font-weight: 500;
    font-size: 12px;
    line-height: 10px; }
  .r-b-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
  .r-b-title-fp {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    max-width: 45%; }
  .r-b-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 10px; }
  .sidebar-heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px; }
  .calculator-list-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; } }

@media screen and (max-width: 768px) {
  .r-b-header {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px; }
  .r-b-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px; }
  .r-b-title-fp {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px; }
  .r-b-label {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    text-transform: capitalize; }
  .sidebar-heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px; }
  .calculator-list-link {
    color: #1F1F1F;
    line-height: 21px;
    font-size: 14px;
    font-weight: 400; } }

@media screen and (max-width: 320px) {
  .r-b-header {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px; }
  .r-b-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px; }
  .r-b-title-fp {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px; }
  .r-b-label {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px; }
  .sidebar-heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; }
  .calculator-list-link {
    color: #1F1F1F;
    line-height: 21px;
    font-size: 14px;
    font-weight: 400; } }

.graph-container{
    background: #F5F5F5; 
    padding: 50px; 
    position: relative;
}
.graph-btn-container{
    display: flex;
    align-items: center;
    float: right;
}
.graph-btn{
    background-color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    cursor: pointer ;
    border: 1px solid #E0E0E0;
    width: 130px;
    justify-content: center;
    height: 48px;
    font-family: DM Sans;
    font-size: 18px!important;
    font-weight: 600;
    line-height: 27px;
}
.graph-btn-download{
    margin-left: 15px;
}
.graph-logo{
    width: 154px;
    height: 48px;
    margin-top: 30px;
} 
.overall-duration-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.overall-duration-text{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
}
@media(max-width:768px) {
    #chart{
        padding: 0px;
    }
    .graph-container {
       padding: 1rem;
       /* margin: 0rem 1rem; */
    }  
    .graph-logo{
        width: 150px;
        height: 38px;
        margin-top: 0px;
    }  
    .graph-btn-container{
        flex-direction: column;
        float: none;
        width: 100%;
    }
    .graph-btn{
        width: 100%;
        background-color: transparent;
    }
    .graph-btn-download{
        margin-top: 10px;
        margin-left: 0px;
    }
    .overall-duration-container{
       flex-direction: column;
    }
}


 @media (max-width: 768px) {
    .custom-mobile-modal .ant-modal-content {
      width: unset !important; 
    }
  }
.projectCostMain{
    font-size: 36px;
    color: #1F1F1F;
    font-weight: 600;
}
.projectCostPrice{
    font-size: 48px
}
.projectCostRate{
    font-size: 14px;
    margin-left: 3px;
}
.projectCostButtons {
    display: flex;
    justify-self: flex-end;
    margin-top: 3rem;
}
.download-button {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
@media (max-width: 700px) {
    .projectCostMain{
        font-size: 24px;
        margin: 48px 0px 20px 0px;
    }
    .projectCostPrice{
        font-size: 24px
    }
    .projectCostRate{
        margin-top: 0rem;
        font-size: 14px;
    }   
    .projectCostButtons {
        display: flex;
        justify-self: center;
        flex-direction: column;
        width: 100%;
        margin-top: 1rem;
    }
}
.graph-container{
    background: #F5F5F5; 
    padding: 50px; 
    position: relative;
}
.graph-btn-container{
    display: flex;
    align-items: center;
    float: right;
}
.graph-btn{
    background-color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    cursor: pointer ;
    border: 1px solid #E0E0E0;
    width: 130px;
    justify-content: center;
    height: 48px;
    font-family: DM Sans;
    font-size: 18px!important;
    font-weight: 600;
    line-height: 27px;
}
.floor-wise-floor-dropdown{
    position: relative;
    top: 4px;
    font-size: 24px !important;
}
.graph-btn-download{
    margin-left: 15px;
}
.advanced-cost-estimator-form-fields-width{
    max-width: 70px !important;
    position: relative;
}
.graph-logo{
    width: 154px;
    height: 48px;
    margin-top: 30px;
} 
.cost-estimator-header-revamp {
    padding: 2rem 0rem;
    display: flex;
    flex-direction: row;
}
.overall-duration-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.overall-duration-text{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
}

/* table */
table {
    width: 100%;
    border-collapse: separate; /* Needed for border-radius to take effect */
    border-spacing: 0; /* Remove spacing between cells */
    margin: 20px auto;
    font-family: Arial, sans-serif;
    border: 1px solid #ddd;
    border-radius: 8px; /* Adds rounded corners */
    overflow: hidden; /* Ensures content inside respects rounded corners */
}
th, td {
    padding: 12px;
    text-align: center;
}
th {
    background-color: #f2f2f2;
}
tr:nth-child(even) {
    background-color: #f9f9f9;
}
tr:hover {
    background-color: #f1f1f1;
}
a {
    text-decoration: none;
    color: #007bff;
}
a:hover {
    text-decoration: underline;
}
/* Add border styles for top corners */
th:first-child {
    border-top-left-radius: 8px;
}
th:last-child {
    border-top-right-radius: 8px;
}
/* Add border styles for bottom corners */
tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}
/* end of table */
@media(max-width:768px) {
    #chart{
        padding: 0px;
    }
    .graph-container {
       padding: 1rem;
       /* margin: 0rem 1rem; */
    }  
    .graph-logo{
        width: 150px;
        height: 38px;
        margin-top: 0px;
    }  
    .graph-btn-container{
        flex-direction: column;
        float: none;
        width: 100%;
    }
    .graph-btn{
        width: 100%;
        background-color: transparent;
    }
    .graph-btn-download{
        margin-top: 10px;
        margin-left: 0px;
    }
    .overall-duration-container{
        flex-direction: column-reverse;
    }
    .cost-estimator-header-revamp {
        padding: 2rem 0rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .floor-wise-floor-dropdown{
        position: relative;
        top: -2px;
        font-size: 20px !important;
    }
    .advanced-cost-estimator-form-fields-width{
        max-width: 70px !important;
        position: relative;
        top: 3px;
    }
}


 @media (max-width: 768px) {
    .custom-mobile-modal .ant-modal-content {
      width: 900px; 
    }
  }
.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-compare-packages .wrapper {
    margin-bottom: 0.3rem; } }

.bb-compare-packages .section-subtitle {
  width: auto; }

.bb-compare-package-wrapper {
  margin-top: 2rem; }
  .bb-compare-package-wrapper .bb-compare-package-select .selectric .label {
    font-weight: bold; }
  .bb-compare-package-wrapper .bb-compare-package-select .selectric-form__field {
    border-color: #f15a29; }

.compare-package-city-description {
  padding-top: 3px !important;
  padding-bottom: unset !important; }

@media (max-width: 40em) {
  .compare-package-city-description {
    padding-top: unset !important;
    padding-bottom: 3px !important; } }

.header-main-responsive {
  margin-top: 4px; }

@media (max-width: 40em) {
  .header-main-responsive {
    margin-top: -2px; } }

@media (min-width: 768px) {
  .order-form-btn {
    max-width: 15.3rem !important; } }

@media (min-width: 992px) {
  .order-form-btn {
    max-width: 16.7rem !important; } }

.rel-grid-container {
    display: grid;
    grid-template-columns: auto auto;
    border-collapse: collapse; /* Collapse borders */
  }
  .rel-grid-item {
    border: 0; /* Remove borders on grid items */
    padding: .5rem;
  }
  .rel-grid-item:nth-child(odd) {
    border-right: none !important; 
  }
  .rel-grid-item:nth-child(-n+2) {
    border-bottom: none !important; /* /* Add bottom border to first two grid items */
  }

  @media screen and (min-width: 768px) {
    .rel-grid-item:nth-child(odd) {
      padding-left: 16px !important;
    }
    .rel-grid-item:nth-child(even) {
      border-right: none !important;
    }
    
  }
    
.graph-container{
    background: #F5F5F5; 
    padding: 50px; 
    position: relative;
}
.graph-btn-container{
    display: flex;
    align-items: center;
    float: right;
}
.graph-btn{
    background-color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    cursor: pointer ;
    border: 1px solid #E0E0E0;
    width: 130px;
    justify-content: center;
    height: 48px;
    font-family: DM Sans;
    font-size: 18px!important;
    font-weight: 600;
    line-height: 27px;
}
.graph-btn-download{
    margin-left: 15px;
}
.graph-logo{
    width: 154px;
    height: 48px;
    margin-top: 30px;
} 
.overall-duration-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.overall-duration-text{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
}
@media(max-width:768px) {
    #chart{
        padding: 0px;
    }
    .graph-container {
       padding: 1rem;
       /* margin: 0rem 1rem; */
    }  
    .graph-logo{
        width: 150px;
        height: 38px;
        margin-top: 0px;
    }  
    .graph-btn-container{
        flex-direction: column;
        float: none;
        width: 100%;
    }
    .graph-btn{
        width: 100%;
        background-color: transparent;
    }
    .graph-btn-download{
        margin-top: 10px;
        margin-left: 0px;
    }
    .overall-duration-container{
       flex-direction: column;
    }
}


 @media (max-width: 768px) {
    .custom-mobile-modal .ant-modal-content {
      width: 900px; 
    }
  }
.package-container-new {
  display: flex;
  overflow: scroll;
  padding: unset !important;
  margin: unset !important;
}
.package-override{
    padding: unset !important;
    margin: unset !important;
}
.package-container-box {
  flex: 1 ;
  display: flex; 
  flex-direction: column; 
}


.packages-card{
    border: 1px solid #00000014;
    border-radius: 8px;
    margin: 10px;
}
.estimate-text{
    font-family: DM Sans;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 21px;
    color: #606060;
}
.estimate-text-value{
    font-family: DM Sans;
    font-size: 20px!important;
    font-weight: 400;
    line-height: 30px;
    color: #1F1F1F;
}
.package-name{
    font-family: DM Sans;
    font-size: 20px!important;
    font-weight: 400;
    line-height: 26.04px;
    color: #1F1F1F;
    margin: 0px!important;
}
.package-price{
    font-family: DM Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 46.87px;
    color: #1F1F1F;
    margin-top: 10px !important;
}
/* .package-text-container{
    margin-top: 50px;
} */
.package-text{
    font-family: DM Sans;
    font-size: 18px!important;
    font-weight: 400;
    line-height: 27px;
    color: #1F1F1F!important;
}
.package-sub-text{
    font-family: DM Sans;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 27px;
    color: #1F1F1F;
}
.package-popular{
  position : relative;
  right : -20px;
}



.package-text-with-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    font-size: 14px;
  }

  .package-text-with-lines::before,
  .package-text-with-lines::after {
    content: '';
    height: 1px;
    background-color: #00000014;
    flex-grow: 1;
  }

  .package-text-with-lines::before {
    margin-right: 10px; 
  }

  .package-text-with-lines::after {
    margin-left: 10px; 
  }

  .package-text-with-lines span {
    white-space: nowrap;
  }
  .show-brands {
    font-family: DM Sans;
    font-size: 14px!important;
    font-weight: 400;
    line-height: 21px;
  }
  .show-brand-btn{
    border-top:1px solid #00000014;
    text-align:'center';
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.brands-desktop{
    display: block;
    padding: 1rem;
}
.brands-mobile{
    display: none;
}
.package-name-container{
    display : flex;
    align-items : center;
	justify-content : space-between;
	position : relative;
}

.disclaimer-text{
    font-family: DM Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.package-btn-container{
    display: flex;
    float: right;
    padding-bottom: 50px;
}
.package-btn{
    background-color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    cursor: pointer ;
    border: 1px solid #E0E0E0;
    justify-content: center;
    color: #1F1F1F;
    font-family: DM Sans;
    font-size: 18px!important;
    font-weight: 600;
    line-height: 27px;
    height: 48px;
}
.package-download-btn{
    margin: 0px 20px;
}
@media (max-width: 768px) {
    .package-container-new {
        flex-wrap: wrap; 
        padding: unset !important;
        margin: unset !important;
    }
    
    .package-container-box {
        flex: 1 1 100%; 
    }
    .package-text{
        font-size: 14px!important;
    }
    .package-sub-text{
        font-size: 12px!important;
    }
    .package-popular {
        margin-right: 3px;
    }
    .brands-desktop{
        display: none;
    }
    .brands-mobile{
        display: block;
    }
    .package-btn-container{
        flex-direction: column;
        float: none;
        padding-bottom: unset;
    }
    .package-btn{
        width: 100%;
        margin: 10px 0px;
    }
    .package-download-btn{
        margin: 0px;
    }
    .disclaimer-text{
        font-size: 16px;
    }
    .packages-card{
        margin: 10px 0px;
    }

}
  
.projectCostMain{
    font-size: 36px;
    color: #1F1F1F;
    font-weight: 600;
}
.projectCostPrice{
    font-size: 48px
}
.projectCostRate{
    font-size: 14px;
    margin-left: 3px;
}
.projectCostButtons {
    display: flex;
    justify-self: flex-end;
    margin-top: 3rem;
}
.download-button {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
@media (max-width: 700px) {
    .projectCostMain{
        font-size: 24px;
        margin: 48px 0px 20px 0px;
    }
    .projectCostPrice{
        font-size: 24px
    }
    .projectCostRate{
        margin-top: 0rem;
        font-size: 14px;
    }   
    .projectCostButtons {
        display: flex;
        justify-self: center;
        flex-direction: column;
        width: 100%;
        margin-top: 1rem;
    }
}
.graph-container{
    background: #F5F5F5; 
    padding: 50px; 
    position: relative;
}
.graph-btn-container{
    display: flex;
    align-items: center;
    float: right;
}
.graph-btn{
    background-color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    cursor: pointer ;
    border: 1px solid #E0E0E0;
    width: 130px;
    justify-content: center;
    height: 48px;
    font-family: DM Sans;
    font-size: 18px!important;
    font-weight: 600;
    line-height: 27px;
}
.graph-btn-download{
    margin-left: 15px;
}
.graph-logo{
    width: 154px;
    height: 48px;
    margin-top: 30px;
} 
.overall-duration-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.overall-duration-text{
    font-family: DM Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
}

/* table */
table {
    width: 100%;
    border-collapse: separate; /* Needed for border-radius to take effect */
    border-spacing: 0; /* Remove spacing between cells */
    margin: 20px auto;
    font-family: Arial, sans-serif;
    border: 1px solid #ddd;
    border-radius: 8px; /* Adds rounded corners */
    overflow: hidden; /* Ensures content inside respects rounded corners */
}
th, td {
    padding: 12px;
    text-align: center;
}
th {
    background-color: #f2f2f2;
}
tr:nth-child(even) {
    background-color: #f9f9f9;
}
tr:hover {
    background-color: #f1f1f1;
}
a {
    text-decoration: none;
    color: #007bff;
}
a:hover {
    text-decoration: underline;
}
/* Add border styles for top corners */
th:first-child {
    border-top-left-radius: 8px;
}
th:last-child {
    border-top-right-radius: 8px;
}
/* Add border styles for bottom corners */
tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}
/* end of table */
@media(max-width:768px) {
    #chart{
        padding: 0px;
    }
    .graph-container {
       padding: 1rem;
       /* margin: 0rem 1rem; */
    }  
    .graph-logo{
        width: 150px;
        height: 38px;
        margin-top: 0px;
    }  
    .graph-btn-container{
        flex-direction: column;
        float: none;
        width: 100%;
    }
    .graph-btn{
        width: 100%;
        background-color: transparent;
    }
    .graph-btn-download{
        margin-top: 10px;
        margin-left: 0px;
    }
    .overall-duration-container{
        flex-direction: column-reverse;
    }
}


 @media (max-width: 768px) {
    .custom-mobile-modal .ant-modal-content {
      width: 900px; 
    }
  }
.mobile-padding-material{
    padding-top: unset;
}

@media (max-width: 700px) {
    .mobile-padding-material{
        padding-top: 5rem;
    }
}
.heading {
    font-size:40px;
    font-weight:600;
}

.description{
    font-size: 16px;
    font-weight:200;
    color:#fff;
    width: 65%;
}

.cta {
    color:#fff;
    font-size:16px;
    font-weight:400;
}

.containerImages {
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}


@media (max-width: 40em) {
    .heading {
        font-size:26px;
        font-weight:600;
    }
    .description{
        font-size: 14px;
        font-weight:200;
        color:#fff;
        width: 90%;
    }
    .cta {
        color:#fff;
        font-size:14px;
        font-weight:400;
    }
    .containerImages {
        top: 47%; 
    }
}

@media (max-width: 400px) {
    .heading {
        font-size:20px;
        font-weight:500;
    }
    .description{
        font-size: 13px;
        font-weight:170;
        color:#fff;
        width: 90%;
    }
    .containerImages {
        top: 45%; 
    }
    .cta {
        color:#fff;
        font-size:13px;
        font-weight:350;
    }
}
.cm-heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500;
}
.cm-text {
    font-size: 12px;
}
@media (max-width: 700px) {
    .cm-heading{
        font-size:20px;
        color:#3F3F3F;
        font-weight:500
    }
    .cm-text {
        font-size: 15px;
    }
}


.cm-heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500;
    /* font-family: Rufina; */
}
.cm-text {
    font-size: 12px;
}
@media (max-width: 700px) {
    .cm-heading{
        font-size:20px;
        color:#3F3F3F;
        font-weight:500
    }
    .cm-text {
        font-size: 15px;
    }
}


.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .radio-group-squre-type,
.checkbox-group-squre-type, .range-labels, .search-box .search-input, .filter-select-box .select-input {
  display: flex !important; }

.text-primary, .search-box-with--filter .search-input .search-filter--active {
  color: #f15a29 !important; }

.d-block {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row, .form__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

.choose-type {
  max-width: 13.8125rem; }

.select-box {
  margin-bottom: 2.5rem; }
  @media (min-width: 768px) {
    .select-box {
      margin-bottom: 2rem; } }

.theme-select {
  height: 2.125rem; }
  .theme-select .selectric {
    background-color: rgba(255, 80, 41, 0.1);
    border-color: transparent; }
    .theme-select .selectric .label {
      line-height: 2.125rem;
      height: 100%;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.07312rem;
      color: #f15a29;
      margin: 0 25px 0 10px; }
    .theme-select .selectric .button {
      width: 25px;
      right: 0.25rem; }
      .theme-select .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 1;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #f15a29; }

.form .form-text {
  max-width: 80%;
  line-height: 1.29; }
  @media (min-width: 768px) {
    .form .form-text {
      font-size: 0.7rem; } }

@media (min-width: 768px) {
  .form.form-two-col-web {
    display: flex;
    flex-wrap: wrap;
    max-width: 37.95rem;
    margin: 0 -1rem; }
    .form.form-two-col-web .form__group,
    .form.form-two-col-web .form__row {
      width: 50%;
      padding-left: 1rem;
      padding-right: 1rem; }
    .form.form-two-col-web .full-width {
      width: 100% !important; }
    .form.form-two-col-web .form__action__btns {
      margin-top: -0.5rem !important;
      display: flex;
      padding: 0 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .form.form-two-col-web .form__action__btns.no-reverse {
        flex-direction: row !important; }
      .form.form-two-col-web .form__action__btns .form-text {
        width: 45%;
        margin: 0; }
      .form.form-two-col-web .form__action__btns > div {
        width: 50%; }
      .form.form-two-col-web .form__action__btns .form__submit-btn {
        height: 48px;
        border-radius: 8px;
        margin-top: 0.25rem; } }

.form__row {
  margin: 0 -0.375rem; }
  .form__row .form__group {
    width: 50%;
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }

.form__group {
  position: relative;
  padding: 0.9375rem 0 0;
  margin-bottom: 1.75rem; }
  .form__group.col {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important; }
  .form__group.input-with-select {
    display: flex;
    width: 100%; }
    .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
      position: absolute;
      width: 6.25rem;
      height: 2.375rem;
      right: 0;
      top: 0.9375rem;
      border-bottom: none; }
      @media (min-width: 768px) {
        .form__group.input-with-select .selectric-form__field, .form__group.input-with-select select {
          right: 1rem;
          top: 0.75rem; } }
      .form__group.input-with-select .selectric-form__field::before, .form__group.input-with-select select::before {
        position: relative;
        border-left: 1px solid #1d1a12; }
      .form__group.input-with-select .selectric-form__field .selectric .button, .form__group.input-with-select select .selectric .button {
        top: -0.25rem; }
    .form__group.input-with-select .input-wrapper {
      width: 100%; }
  .form__group.with-clear-btn {
    position: relative; }
    .form__group.with-clear-btn input[type="text"],
    .form__group.with-clear-btn textarea {
      padding-right: 3.125rem;
      height: auto;
      min-height: 5rem; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn input[type="text"],
        .form__group.with-clear-btn textarea {
          min-height: 4rem; } }
      .form__group.with-clear-btn input[type="text"]::-webkit-scrollbar,
      .form__group.with-clear-btn textarea::-webkit-scrollbar {
        display: none; }
    .form__group.with-clear-btn .btn-clear {
      position: absolute;
      right: 0;
      top: 1.5625rem;
      padding-right: 0; }
      @media (min-width: 768px) {
        .form__group.with-clear-btn .btn-clear {
          top: 18%;
          right: 0.9rem; } }
  .form__group.is-fileupload {
    padding-top: 0; }
    @media (min-width: 768px) {
      .form__group.is-fileupload {
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .form__group.is-fileupload .bb-file-upload {
          margin-bottom: 0;
          text-align: right; } }
    .form__group.is-fileupload .form__field,
    .form__group.is-fileupload .form__label {
      display: none; }
    .form__group.is-fileupload .btn-clear {
      display: none; }
  .form__group.has-file-selected .bb-file-upload {
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .bb-file-upload {
        margin-top: 0.4rem;
        margin-bottom: 0; } }
  .form__group.has-file-selected .btn-clear {
    display: block;
    top: 0.8125rem;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .form__group.has-file-selected .btn-clear {
        right: 0.8rem;
        top: 0.65rem; } }

.selectric-form__field {
  padding-bottom: 0; }
  .selectric-form__field .selectric {
    background-color: transparent;
    border: none; }
    .selectric-form__field .selectric .label {
      font-size: 1.125rem;
      margin-left: 0;
      line-height: 1.5625rem; }
      @media (min-width: 768px) {
        .selectric-form__field .selectric .label {
          font-size: 0.9rem; } }
    .selectric-form__field .selectric .button {
      width: 25px;
      right: 0.25rem;
      top: -0.1875rem; }
      .selectric-form__field .selectric .button::after {
        font-family: "icomoon";
        content: "\E900";
        border: none;
        position: relative;
        z-index: 0;
        font-size: 1.75rem;
        top: 1.0625rem;
        color: #1d1a12; }
        @media (min-width: 768px) {
          .selectric-form__field .selectric .button::after {
            font-size: 1.75rem;
            top: 1.15rem; } }
  .selectric-form__field--theme {
    border-bottom: none !important; }
    .selectric-form__field--theme .selectric .label {
      text-transform: uppercase !important;
      font-size: 0.875rem;
      font-weight: bold;
      color: #f15a29 !important; }
    .selectric-form__field--theme .selectric .button {
      right: 1rem;
      top: -0.3125rem; }
      .selectric-form__field--theme .selectric .button::after {
        color: #f15a29; }

.form__field,
.selectric-form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d2d2d2;
  outline: 0;
  font-size: 1.125rem;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  color: #1d1a12;
  height: 2.4375rem; }
  @media (min-width: 768px) {
    .form__field,
    .selectric-form__field {
      font-size: 0.9rem;
      height: 2.05rem; } }

.form__field::placeholder {
  color: transparent; }

.form__field.autocomplete-field {
  padding-top: 0; }
  .form__field.autocomplete-field::placeholder {
    color: #1d1a12 !important; }

.form__field.normal-placeholder::placeholder {
  color: #1d1a12 !important; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 1rem;
  cursor: text;
  top: 1.5625rem; }
  @media (min-width: 768px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.7rem;
      top: 1.25rem; } }
  @media (min-width: 1024px) {
    .form__field:placeholder-shown ~ .form__label {
      font-size: 0.8rem;
      top: 1.25rem; } }

.form__label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.875rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.6rem; } }
  @media (min-width: 1024px) {
    .form__label,
    .form__field:focus ~ .form__label {
      font-size: 0.7rem; } }

.form__label__normal {
  display: block;
  transition: 0.2s;
  font-size: 0.625rem;
  color: #1d1a12;
  line-height: 1.29;
  opacity: 0.6;
  margin-bottom: 0.4375rem; }
  @media (min-width: 768px) {
    .form__label__normal {
      font-size: 0.625rem;
      margin-bottom: 0.2rem; } }

.form__field:focus {
  padding-bottom: 6px;
  border-bottom: 2px solid #f15a29; }

.form__submit-btn {
  margin-top: 3rem;
  margin-bottom: 0.5rem; }

.radio-group-squre-type,
.checkbox-group-squre-type {
  flex-wrap: wrap; }
  .radio-group-squre-type.\--large .radio .radio-squre,
  .radio-group-squre-type.\--large .radio .checkbox-squre,
  .radio-group-squre-type.\--large .checkbox .radio-squre,
  .radio-group-squre-type.\--large .checkbox .checkbox-squre,
  .checkbox-group-squre-type.\--large .radio .radio-squre,
  .checkbox-group-squre-type.\--large .radio .checkbox-squre,
  .checkbox-group-squre-type.\--large .checkbox .radio-squre,
  .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
    padding: 0 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .radio-group-squre-type.\--large .radio .radio-squre,
      .radio-group-squre-type.\--large .radio .checkbox-squre,
      .radio-group-squre-type.\--large .checkbox .radio-squre,
      .radio-group-squre-type.\--large .checkbox .checkbox-squre,
      .checkbox-group-squre-type.\--large .radio .radio-squre,
      .checkbox-group-squre-type.\--large .radio .checkbox-squre,
      .checkbox-group-squre-type.\--large .checkbox .radio-squre,
      .checkbox-group-squre-type.\--large .checkbox .checkbox-squre {
        font-size: 0.7rem;
        margin-right: 0.3rem;
        margin-bottom: 0.6rem;
        padding: 0 0.6rem; } }
  .radio-group-squre-type .radio,
  .radio-group-squre-type .checkbox,
  .checkbox-group-squre-type .radio,
  .checkbox-group-squre-type .checkbox {
    position: relative; }
    .radio-group-squre-type .radio input[type="radio"],
    .radio-group-squre-type .radio input[type="checkbox"],
    .radio-group-squre-type .checkbox input[type="radio"],
    .radio-group-squre-type .checkbox input[type="checkbox"],
    .checkbox-group-squre-type .radio input[type="radio"],
    .checkbox-group-squre-type .radio input[type="checkbox"],
    .checkbox-group-squre-type .checkbox input[type="radio"],
    .checkbox-group-squre-type .checkbox input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
    .radio-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .radio-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .radio-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .radio input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .radio input[type="checkbox"]:checked ~ .checkbox-squre,
    .checkbox-group-squre-type .checkbox input[type="radio"]:checked ~ .radio-squre,
    .checkbox-group-squre-type .checkbox input[type="checkbox"]:checked ~ .checkbox-squre {
      opacity: 1;
      border: solid 0.09375rem #1d1a12; }
    .radio-group-squre-type .radio .radio-squre,
    .radio-group-squre-type .radio .checkbox-squre,
    .radio-group-squre-type .checkbox .radio-squre,
    .radio-group-squre-type .checkbox .checkbox-squre,
    .checkbox-group-squre-type .radio .radio-squre,
    .checkbox-group-squre-type .radio .checkbox-squre,
    .checkbox-group-squre-type .checkbox .radio-squre,
    .checkbox-group-squre-type .checkbox .checkbox-squre {
      min-width: 2.125rem;
      min-height: 2.125rem;
      border: solid 0.09375rem rgba(29, 26, 18, 0.2);
      color: #1d1a12;
      opacity: 0.6;
      margin-right: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.125rem; }
      @media (min-width: 768px) {
        .radio-group-squre-type .radio .radio-squre,
        .radio-group-squre-type .radio .checkbox-squre,
        .radio-group-squre-type .checkbox .radio-squre,
        .radio-group-squre-type .checkbox .checkbox-squre,
        .checkbox-group-squre-type .radio .radio-squre,
        .checkbox-group-squre-type .radio .checkbox-squre,
        .checkbox-group-squre-type .checkbox .radio-squre,
        .checkbox-group-squre-type .checkbox .checkbox-squre {
          min-width: 1.7rem;
          min-height: 1.7rem;
          margin-right: 0.8rem;
          font-size: 0.9rem; } }

.checkbox-list .checkbox,
.checkbox-list .radio,
.radio-list .checkbox,
.radio-list .radio {
  position: relative;
  margin-bottom: 1rem;
  min-height: 1.5rem; }
  .checkbox-list .checkbox input[type="checkbox"],
  .checkbox-list .checkbox input[type="radio"],
  .checkbox-list .radio input[type="checkbox"],
  .checkbox-list .radio input[type="radio"],
  .radio-list .checkbox input[type="checkbox"],
  .radio-list .checkbox input[type="radio"],
  .radio-list .radio input[type="checkbox"],
  .radio-list .radio input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::after,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::after,
    .checkbox-list .radio input[type="radio"]:checked ~ label::after,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::after,
    .radio-list .checkbox input[type="radio"]:checked ~ label::after,
    .radio-list .radio input[type="checkbox"]:checked ~ label::after,
    .radio-list .radio input[type="radio"]:checked ~ label::after {
      opacity: 0;
      color: #000; }
    .checkbox-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .checkbox input[type="radio"]:checked ~ label::before,
    .checkbox-list .radio input[type="checkbox"]:checked ~ label::before,
    .checkbox-list .radio input[type="radio"]:checked ~ label::before,
    .radio-list .checkbox input[type="checkbox"]:checked ~ label::before,
    .radio-list .checkbox input[type="radio"]:checked ~ label::before,
    .radio-list .radio input[type="checkbox"]:checked ~ label::before,
    .radio-list .radio input[type="radio"]:checked ~ label::before {
      transform: scale(1);
      transition: all 0.2s ease; }
  .checkbox-list .checkbox label,
  .checkbox-list .radio label,
  .radio-list .checkbox label,
  .radio-list .radio label {
    position: relative;
    width: 100%;
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .checkbox-list .checkbox label,
      .checkbox-list .radio label,
      .radio-list .checkbox label,
      .radio-list .radio label {
        font-size: 0.9rem; } }
    .checkbox-list .checkbox label::after,
    .checkbox-list .radio label::after,
    .radio-list .checkbox label::after,
    .radio-list .radio label::after {
      width: 1.125rem;
      height: 1.125rem;
      border: solid 1.1px #1d1a12;
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      transition: none; }
      @media (min-width: 768px) {
        .checkbox-list .checkbox label::after,
        .checkbox-list .radio label::after,
        .radio-list .checkbox label::after,
        .radio-list .radio label::after {
          width: 0.9rem;
          height: 0.9rem; } }
    .checkbox-list .checkbox label::before,
    .checkbox-list .radio label::before,
    .radio-list .checkbox label::before,
    .radio-list .radio label::before {
      font-family: "icomoon";
      content: "\E950";
      position: absolute;
      top: -3px;
      right: -4px;
      font-size: 26px;
      color: #f15a29;
      transform: scale(0);
      transition: none; }

.is-error-field {
  border-color: red; }

.form__label.is-error-field,
.form__field:focus ~ .form__label.is-error-field {
  color: red !important; }

.range {
  position: relative;
  height: 0.3125rem;
  background: none !important;
  margin: 0 auto;
  width: 93%; }
  @media (min-width: 768px) {
    .range {
      width: 91%; } }
  @media (min-width: 1024px) {
    .range {
      width: 89%; } }

.range input {
  width: 100%;
  position: absolute;
  top: 0.125rem;
  height: 0;
  z-index: 1;
  -webkit-appearance: none; }
  .range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-moz-range-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-ms-thumb {
    width: 2.25rem;
    height: 2.25rem;
    margin: -1rem 0 0;
    border-radius: 50%;
    background-image: url("https://d2d4xyu1zrrrws.cloudfront.net/website/web-ui/assets/images/svg/ic_slider.svg");
    background-color: #f15a29;
    background-size: cover;
    cursor: pointer;
    border: 0 !important;
    z-index: 999; }
  .range input::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent; }
  .range input:focus {
    background: none;
    outline: none; }
  .range input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }

.range-labels {
  margin: 0 0 1.75rem 0;
  padding: 0;
  list-style: none; }
  .range-labels li {
    position: relative;
    float: left;
    width: calc(100% / 6);
    text-align: center;
    font-size: 12px !important;
    cursor: pointer;
    color: rgba(29, 26, 18, 0.6); }
    .range-labels li::before {
      position: absolute;
      bottom: -2rem;
      right: 0;
      left: 0;
      content: '';
      margin: 0 auto;
      width: 0.4375rem;
      height: 0.25rem;
      transform: rotate(90deg);
      background-color: #f15a29; }
    .range-labels li:not(:last-child)::after {
      position: absolute;
      bottom: -1.9375rem;
      right: 0;
      left: 50%;
      content: '';
      margin: 0 auto;
      width: 100%;
      height: 0.125rem;
      background-color: rgba(255, 80, 41, 0.2);
      transform: unset; }
  .range-labels .active {
    color: #1d1a12;
    font-weight: bold; }
  .range-labels .selected::before {
    background: #f15a29; }

.search-box {
  margin-bottom: 2rem; }
  .search-box .search-input {
    position: relative; }
    @media (min-width: 1200px) {
      .search-box .search-input {
        margin: 4rem auto 2rem;
        width: 66.5%; } }
    .search-box .search-input [type='search'],
    .search-box .search-input .form-control {
      padding-left: 2.125rem;
      padding-right: 2.5rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem;
      background-color: transparent; }
      .search-box .search-input [type='search']:focus,
      .search-box .search-input .form-control:focus {
        border-bottom: 2px solid #f15a29; }
      @media (min-width: 1200px) {
        .search-box .search-input [type='search'],
        .search-box .search-input .form-control {
          padding-bottom: 0.7rem; } }
    .search-box .search-input .search-icon {
      position: absolute;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.875rem;
      top: 0.125rem;
      opacity: 0.4;
      left: -0.375rem; }
      @media (min-width: 1200px) {
        .search-box .search-input .search-icon {
          width: 1.5rem;
          height: 1.5rem;
          font-size: 1.7rem;
          left: -0.3rem;
          top: 0.1rem; } }
    .search-box .search-input .clear-search {
      position: absolute;
      top: 0;
      right: 2.5rem;
      width: 1.875rem;
      height: 1.875rem;
      font-size: 1.4375rem;
      border: none;
      box-shadow: none;
      padding: 0;
      background-color: transparent;
      outline: none;
      font-weight: normal;
      opacity: 0;
      visibility: hidden; }
      .search-box .search-input .clear-search.show {
        opacity: 1;
        visibility: visible; }
      @media (min-width: 1200px) {
        .search-box .search-input .clear-search {
          font-size: 1.4rem; } }
      .search-box .search-input .clear-search .search-clear__icon {
        height: 100%; }
    .search-box .search-input .bb-autocomplete-list {
      top: 100%;
      width: 100%;
      position: absolute;
      z-index: 55; }
  .search-box-with--filter .search-input [type='search'],
  .search-box-with--filter .search-input .form-control {
    padding-right: 4.5625rem; }
  .search-box-with--filter .search-input .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.875rem;
    border: none;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    outline: none; }
    @media (min-width: 1200px) {
      .search-box-with--filter .search-input .search-filter {
        font-size: 1.7rem; } }
    .search-box-with--filter .search-input .search-filter:hover {
      color: #f15a29; }
    .search-box-with--filter .search-input .search-filter::before {
      position: absolute;
      height: 75%;
      width: 0.0625rem;
      border-left: solid 1px rgba(29, 26, 18, 0.2);
      content: '';
      left: -0.3125rem;
      top: 0.1875rem; }
    .search-box-with--filter .search-input .search-filter .search-filter__icon {
      height: 100%; }

.filter-select-box {
  margin-bottom: 2rem; }
  .filter-select-box .small {
    opacity: 0.6;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .filter-select-box .small {
        font-size: 1rem; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn {
      height: 70% !important; } }
  @media (min-width: 768px) {
    .filter-select-box .filter_btn__icon span {
      font-size: 1rem; } }
  .filter-select-box .selectric-form__field {
    padding: 0.25rem 0 0.6875rem; }
    @media (min-width: 768px) {
      .filter-select-box .selectric-form__field {
        padding: 0.2rem 0 0.55rem; } }
  .filter-select-box .select-input {
    position: relative; }
    .filter-select-box .select-input select {
      padding-left: 2.125rem;
      border-top: none;
      border-right: none;
      border-left: none;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      font-size: 0.875rem;
      line-height: 1.29;
      color: #1d1a12;
      border-color: rgba(29, 26, 18, 0.2);
      padding-bottom: 0.5rem; }
    .filter-select-box .select-input .selectric .label {
      margin-right: 4.75rem;
      color: #1d1a12;
      font-size: 1.125rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .label {
          font-size: 0.9rem; } }
    .filter-select-box .select-input .selectric .button {
      right: 2.875rem; }
      @media (min-width: 768px) {
        .filter-select-box .select-input .selectric .button {
          right: 3.25rem; } }
  .filter-select-box .filter_btn {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.5rem 0.5rem;
    font-size: 1.7rem;
    line-height: 1;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out; }
    .filter-select-box .filter_btn::before {
      border-left: 1px solid rgba(29, 26, 18, 0.2);
      position: absolute;
      height: 75%;
      width: 0.0625rem; }
  .filter-select-box .filter-btn-primary {
    color: #f15a29;
    background-color: #fff;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-primary:hover {
    color: #fff;
    background-color: #f15a29;
    border-color: #f15a29; }
  .filter-select-box .filter-btn-i {
    padding: 0 5px 0 0; }
  .filter-select-box .clear_filter_btn {
    display: flex;
    color: #343434;
    text-align: center;
    user-select: none;
    border: 1px solid #343434;
    padding: 0.4rem 0.5rem;
    font-size: 0.2rem;
    border-radius: 1.1rem;
    transition: color 0.15s ease-in-out,  background-color 0.15s ease-in-out,  border-color 0.15s ease-in-out,  box-shadow 0.15s ease-in-out;
    background-color: #fff;
    height: 1.6rem;
    margin-top: 11px; }

.bb-file-upload {
  position: relative;
  margin-bottom: 2.625rem;
  text-align: right; }
  .bb-file-upload__label {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 0.07312rem;
    text-transform: uppercase;
    color: #f15a29;
    position: relative; }
    @media (min-width: 768px) {
      .bb-file-upload__label {
        font-size: 0.7rem; } }
    .bb-file-upload__label::after {
      content: '\E945';
      font-family: 'icomoon';
      margin-left: 0.75rem;
      font-weight: normal; }
  .bb-file-upload__input {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1200px) {
  .bb-packages {
    text-align: center; } }

.bb-packages .main-title {
  margin-bottom: 0.5rem; }
  @media (min-width: 1200px) {
    .bb-packages .main-title {
      margin-bottom: 0.6rem; } }

.bb-packages .section-subtitle {
  z-index: 0; }
  @media (min-width: 1200px) {
    .bb-packages .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }

.bb-packages .accordion {
  margin: 0 -0.4375rem 1.75rem; }
  @media (min-width: 1200px) {
    .bb-packages .accordion {
      margin: 0 0 2rem; } }

.bb-packages .list .list-item {
  padding: 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.29;
  text-align: left; }
  .bb-packages .list .list-item .icon {
    font-size: 1.3125rem;
    font-weight: bold;
    margin-right: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.bb-packages .bb-packages-list__item {
  display: none; }
  @media (min-width: 1200px) {
    .bb-packages .bb-packages-list__item {
      display: block; } }
  .bb-packages .bb-packages-list__item.active {
    display: block;
    transition-delay: 0.3s;
    transition: all 0.3s ease; }

.bb-packages .bb-range-slider {
  padding: 0 0.125rem 1rem;
  overflow: hidden;
  margin-bottom: 2.6875rem; }
  @media (min-width: 1200px) {
    .bb-packages .bb-range-slider {
      display: none; } }

.bb-packages .bb-package-swiper {
  overflow: visible; }
  @media (min-width: 768px) {
    .bb-packages .bb-package-swiper {
      overflow: hidden;
      margin: 0 -1.1rem;
      padding: 0 1.1rem; } }

@media (min-width: 1200px) {
  .bb-packages .bb-package-selected {
    background-color: #f15a29;
    color: #fff;
    margin-bottom: 0;
    padding: 0.8rem;
    text-align: left; } }

@media (max-width: 767px) {
  .bb-packages .bb-package-selected {
    font-weight: bold;
    font-size: 1.15rem; } }

.bb-packages .bb-current-location {
  margin-bottom: 0.625rem;
  align-items: center; }
  @media (min-width: 768px) {
    .bb-packages .bb-current-location {
      margin-bottom: 1rem; } }
  @media (min-width: 1200px) {
    .bb-packages .bb-current-location {
      justify-content: center; } }
  .bb-packages .bb-current-location .section-subtitle {
    width: unset !important; }

@media (min-width: 768px) {
  .bb-package-description {
    color: white; } }

.accordion.contact-section {
  background-color: #fff;
  padding: 0rem 0px 1rem;
  text-align: center;
  margin-bottom: 0.5rem; }

.contact-message {
  font-size: 14px;
  text-align: center;
  padding-top: 1rem; }

.divider {
  margin: 0px; }

.text {
    color:#6E7191;
    font-size: 16px;
}
.check-points {
    /* margin: .5rem 0 */
}

.heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500
}
.brick {
    width:35px
}
.content {
    display:flex;
    align-items:baseline;
}
.title {
    text-align: left;
}
.checkbox-icon{
    margin-top: 4px;
}
@media (max-width: 700px) {
    .heading{
        font-size:20px;
        color:#3F3F3F;
        font-weight:500
    }
    .brick {
        width:17px
    }
    .content {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .title {
        text-align: center;
    }
    .checkbox-icon{
        margin-top: -4px;
    }
}


.center {
  display: flex;
  align-items: center;
  justify-content: center; }

.text-uppercase {
  text-transform: uppercase !important; }

.primary-color {
  color: #f15a29; }

.primary-title {
  font-family: "DM Sans", sans-serif !important; }

.secondary-title {
  font-family: "DM Sans", sans-serif !important; }

.d-inline-flex {
  display: inline-flex !important; }

.align-items-center {
  align-items: center !important; }

.d-flex, .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title, .bb-stepper .bb-steps {
  display: flex !important; }

.text-primary {
  color: #f15a29 !important; }

.d-block, .bb-stepper .bb-steps .bb-step .step-title, .bb-stepper .bb-steps .contactless-bb-step .step-title {
  display: block !important; }

.orange-faded-bg {
  background-color: rgba(255, 80, 41, 0.05); }

.justify-content-between {
  justify-content: space-between !important; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.align-items-center {
  align-items: center !important; }

.flex-column {
  flex-direction: column !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.d-inline-block {
  display: inline-block !important; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }

.justify-content-end {
  justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .bb-stepper-slider {
    width: 68%;
    margin: 0 auto; } }

.bb-stepper-slider .bb-stepper__cards {
  width: calc(100% + 15px);
  margin-right: -0.9375rem; }
  .bb-stepper-slider .bb-stepper__cards .bb-stepper__card {
    width: 16.125rem;
    margin-bottom: 1.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card:not(:last-child) {
      padding-right: 0.75rem; }
    .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
      border-radius: 0;
      border: solid 1px rgba(243, 67, 28, 0.15);
      width: 100%; }
      @media (min-width: 575px) {
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card {
          min-height: unset; } }
      .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
        padding: 1rem 0.75rem 1.5rem 2.5rem; }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            min-height: 6.75rem; } }
        @media (min-width: 575px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            display: flex; } }
        @media (min-width: 1200px) {
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
            padding: 1.4rem 1.4rem 1.4rem 2.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
          position: relative;
          margin-bottom: 0.5rem;
          font-size: 1.125rem;
          font-weight: bold; }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title {
              font-size: 0.9rem; } }
          .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
            margin-right: 0.625rem;
            position: absolute;
            left: -1.8125rem; }
            @media (min-width: 1200px) {
              .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-title .count {
                left: -1.45rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
          margin-bottom: 1.375rem; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              margin-bottom: 0px; } }
          @media (min-width: 1200px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-text {
              font-size: 0.8rem; } }
        .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
          font-size: 0.75rem;
          font-weight: bold;
          letter-spacing: 0.0625rem;
          justify-content: flex-start !important; }
          @media (min-width: 575px) {
            .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body .card-link {
              min-width: 8.75rem;
              display: flex;
              align-items: center;
              justify-content: center;
              justify-content: center !important;
              border-left: solid 0.0625rem rgba(53, 47, 34, 0.1);
              margin-left: 0.625rem; } }

.bb-stepper-slider .bb-stepper__main-image {
  margin: 1rem 0; }
  .bb-stepper-slider .bb-stepper__main-image .fade {
    opacity: 0;
    transition: all 0.2s ease-in;
    transform: translateY(8px); }

.bb-stepper .bb-steps {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1rem; }
  .bb-stepper .bb-steps .bb-step {
    width: calc(100% / 6);
    opacity: 0.7;
    padding-right: 0.625rem;
    position: relative; }
    .bb-stepper .bb-steps .bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      border-bottom: 0.1125rem dashed #1d1a12;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step:not(:last-child)::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .bb-step:last-child {
      width: auto; }
    .bb-stepper .bb-steps .bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      .bb-stepper .bb-steps .bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
  .bb-stepper .bb-steps .contactless-bb-step {
    width: calc(100% / 8);
    opacity: 0.7;
    padding-right: 1.875rem;
    position: relative; }
    .bb-stepper .bb-steps .contactless-bb-step:last-child {
      padding-right: 0; }
    .bb-stepper .bb-steps .contactless-bb-step::after {
      position: absolute;
      width: 100%;
      height: 2px;
      content: "";
      right: 0;
      top: 0.75rem;
      z-index: -1; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step::after {
          right: -0.3rem; } }
    .bb-stepper .bb-steps .contactless-bb-step:not(:last-child)::after {
      border-bottom: 0.1125rem dashed #1d1a12; }
    .bb-stepper .bb-steps .contactless-bb-step.active {
      opacity: 1; }
      .bb-stepper .bb-steps .contactless-bb-step.active::after {
        opacity: 0.4; }
      .bb-stepper .bb-steps .contactless-bb-step.active .step-title {
        font-weight: bold; }
      .bb-stepper .bb-steps .contactless-bb-step.active .bb-step-btn {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
      width: 1.625rem;
      height: 1.625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 14px;
      line-height: 1.29;
      border-color: #1d1a12;
      color: #1d1a12;
      margin-bottom: 1rem;
      font-weight: bold;
      margin-right: 0;
      background-color: #fff6f4;
      box-shadow: none !important; }
      @media (min-width: 1200px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.3rem; } }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn {
          margin-left: 0.25rem; } }
      .bb-stepper .bb-steps .contactless-bb-step .bb-step-btn:hover {
        background-color: #1d1a12;
        color: white; }
    .bb-stepper .bb-steps .contactless-bb-step .step-title {
      font-size: 0.625rem;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal; }
      @media (max-width: 768px) {
        .bb-stepper .bb-steps .contactless-bb-step .step-title {
          font-size: 0.375rem; } }
    @media (max-width: 768px) {
      .bb-stepper .bb-steps .contactless-bb-step {
        width: calc(100% / 8.5);
        padding-right: 0.625rem; } }

.bb-how-it-works {
  overflow: hidden;
  text-align: left; }
  @media (min-width: 1200px) {
    .bb-how-it-works {
      text-align: center; } }
  .bb-how-it-works .section-title {
    margin-bottom: 0.5rem; }
    @media (min-width: 1200px) {
      .bb-how-it-works .section-title {
        margin-bottom: 0.6rem; } }
  @media (min-width: 1200px) {
    .bb-how-it-works .section-subtitle {
      margin-left: unset;
      margin-right: unset; } }
  .bb-how-it-works .bb-stepper .bb-steps .bb-step {
    text-align: left; }
  @media (min-width: 768px) {
    .bb-how-it-works .bb-stepper__main-image {
      max-width: 70%;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 1200px) {
    .bb-how-it-works .bb-stepper__main-image {
      max-width: 74%;
      margin: 0.2rem auto; } }
  .bb-how-it-works .bb-stepper-slider .bb-stepper__cards .bb-stepper__card .card-body {
    text-align: left; }

.text {
    color:#6E7191;
    font-size: 18px;
}
.check-points {
    margin: .5rem 0
}

.heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500
}
.brick {
    width:35px
}
.content {
    display:flex;
    align-items:center;
}
.title {
    text-align: left;
}
@media (max-width: 700px) {
    .heading{
        font-size:24px;
        color:#3F3F3F;
        font-weight:500
    }
    .brick {
        width:17px
    }
    .content {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .title {
        text-align: center;
    }
}


.text {
    color:#6E7191;
    font-size: 18px;
}
.check-points {
    margin: .5rem 0
}

.heading{
    font-size:40px;
    color:#3F3F3F;
    font-weight:500
}
.brick {
    width:35px
}
.content {
    display:flex;
    align-items:center;
}
.title {
    text-align: left;
}
.checkbox-icon{
    margin-top: 4px;
}
@media (max-width: 700px) {
    .heading{
        font-size:24px;
        color:#3F3F3F;
        font-weight:500
    }
    .brick {
        width:17px
    }
    .content {
        display:flex;
        align-items:center;
        flex-direction: column;
    }
    .title {
        text-align: center;
    }
    .checkbox-icon{
        margin-top: -4px;
    }
}