.card-heading {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -2px; }

.text-24 {
  font-size: 24px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -1px; }

.text-20-400 {
  font-size: 20px;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px; }

.text-18 {
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px; }

.text-24-400 {
  font-size: 24px;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: -1px; }

.text-40 {
  font-size: 40px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -2px; }

.text-32 {
  font-size: 32px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -2px; }

.text-36 {
  font-size: 32px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -2px; }

.text-100 {
  font-size: 100px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  line-height: 112px;
  letter-spacing: -3px; }

.text-80 {
  font-size: 80px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  line-height: 96px;
  letter-spacing: -3px; }

@media (max-width: 768px) {
  .text-24 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.6px; }

  .text-80 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -1px; }

  .text-32 {
    font-size: 21px;
    line-height: 27px;
    letter-spacing: -0.63px; }

  .text-40 {
    font-size: 25px;
    line-height: 31px;
    letter-spacing: -1px; }

  .text-100 {
    font-size: 46px;
    line-height: 52px;
    letter-spacing: -2px; }

  .text-24-400 {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0px; } }
.primary-600 {
  color: #006499; }

.primary-500 {
  color: #0081C6; }

.primary-400 {
  color: #0EB5FC; }

.primary-300 {
  color: #41C6FF; }

.primary-200 {
  color: #7DD8FF; }

.secondary-500 {
  color: #F37721; }

.neutral-500 {
  color: #344048; }

.neutral-400 {
  color: #858C91; }

.neutral-300 {
  color: #AEB3B6; }

.success {
  background: #2BB413; }

.text-white {
  color: #FFFFFF; }

.text-black {
  color: #000000; }

.ml-24 {
  margin-left: 24px; }

.mr-24 {
  margin-left: 24px; }

.pb-8 {
  padding-bottom: 8px; }

.pb-24 {
  padding-bottom: 24px; }

.global-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1; }

.loader-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: -1; }

.loader-spinner {
  width: 50px;
  height: 50px; }

/* General styles */
#space-calculator-step1 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #space-calculator-step1 .card {
    background-color: #FFFFFF;
    width: 1128px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px; }
    #space-calculator-step1 .card .card-header {
      border-bottom: 2px solid #EAEBEC;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px 0px 24px 0px; }
      #space-calculator-step1 .card .card-header .card-header-left {
        display: flex; }
      #space-calculator-step1 .card .card-header .circle-container {
        width: 48px;
        height: 48px;
        background-color: #0081C6;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
        #space-calculator-step1 .card .card-header .circle-container .circle {
          font-size: 24px;
          color: #FFFFFF; }
      #space-calculator-step1 .card .card-header h2 {
        font-family: Nunito, sans-serif;
        font-weight: 700;
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -2px;
        margin-left: 16px; }
      #space-calculator-step1 .card .card-header .clear-items-btn {
        font-size: 24px;
        color: #0081C6;
        border-radius: 30px;
        border: 2px solid #0081C6;
        background: none;
        cursor: pointer;
        width: 173px;
        height: 56px; }
      #space-calculator-step1 .card .card-header .clear-items-btn:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
    #space-calculator-step1 .card .card-body {
      padding: 0px;
      min-height: 800px; }
      #space-calculator-step1 .card .card-body .location-selection {
        display: flex;
        gap: 24px;
        margin-top: 24px; }
        #space-calculator-step1 .card .card-body .location-selection .location-btn {
          width: 508px;
          height: 120px;
          border-radius: 20px;
          border: 2px solid #EAEBEC;
          font-family: Nunito, sans-serif;
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -2px; }
          #space-calculator-step1 .card .card-body .location-selection .location-btn.selected, #space-calculator-step1 .card .card-body .location-selection .location-btn:active {
            background-color: #0081C6 !important;
            border: 2px solid #0081C6 !important;
            color: #FFFFFF !important; }
          #space-calculator-step1 .card .card-body .location-selection .location-btn:not(.selected) {
            background-color: #FFFFFF;
            color: #344048; }
          #space-calculator-step1 .card .card-body .location-selection .location-btn:focus {
            outline: none !important; }
      #space-calculator-step1 .card .card-body .storage-items {
        padding: 24px 0px; }
        #space-calculator-step1 .card .card-body .storage-items .item-row {
          display: flex;
          flex-wrap: wrap;
          gap: 24px; }
        #space-calculator-step1 .card .card-body .storage-items .item {
          display: flex;
          align-items: center;
          gap: 24px;
          border: 2px solid #EAEBEC;
          border-radius: 20px;
          padding: 16px;
          margin-bottom: 24px;
          min-height: 120px;
          max-height: 120px;
          min-width: 508px; }
          #space-calculator-step1 .card .card-body .storage-items .item .item-header {
            position: relative; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-header img {
              margin-left: 24px;
              margin-right: 24px; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-header .item-count {
              position: absolute;
              top: -28px;
              left: -6px;
              width: 32px;
              height: 32px;
              background-color: #F37721;
              color: #FFFFFF;
              border-radius: 50%;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 16px; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-header .item-term {
              min-width: 116px;
              max-width: 116px;
              height: auto;
              border-radius: 10px; }
          #space-calculator-step1 .card .card-body .storage-items .item .item-details {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            gap: 16px; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-details .item-name {
              font-size: 24px;
              font-family: Nunito, sans-serif;
              font-weight: 700;
              line-height: 35px;
              letter-spacing: -1px; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-details .quantity-buttons {
              display: flex;
              gap: 24px; }
              #space-calculator-step1 .card .card-body .storage-items .item .item-details .quantity-buttons .quantity-btn {
                width: 48px;
                height: 48px;
                background-color: #FFFFFF;
                border: 2px solid #0081C6;
                color: #0081C6;
                border-radius: 50%;
                font-size: 24px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-details .quantity-btn.minus:active {
              background-color: #0081C6;
              color: #FFFFFF; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-details .quantity-btn.plus:active {
              background-color: #0081C6;
              color: #FFFFFF; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-details .quantity-btn.minus:hover {
              background-color: #0081C6;
              color: #FFFFFF; }
            #space-calculator-step1 .card .card-body .storage-items .item .item-details .quantity-btn.plus:hover {
              background-color: #0081C6;
              color: #FFFFFF; }
    #space-calculator-step1 .card .card-footer {
      padding: 0;
      background-color: #FFFFFF;
      border: 0; }
    #space-calculator-step1 .card .calculate-btn {
      width: 100%;
      height: 60px;
      background-color: #F37721;
      border-radius: 30px;
      color: #FFFFFF;
      font-family: Nunito, sans-serif;
      font-size: 24px;
      line-height: 35px;
      letter-spacing: -1px;
      cursor: pointer;
      border: none; }
    #space-calculator-step1 .card .calculate-btn:hover {
      color: #F28D48;
      border: 2px solid #F28D48;
      background: none; }
  @media (max-width: 768px) {
    #space-calculator-step1 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #space-calculator-step1 .card {
        padding: 13px;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px; }
        #space-calculator-step1 .card .card-header {
          margin-top: 22px;
          display: block !important; }
          #space-calculator-step1 .card .card-header .card-header-left {
            width: 100%;
            text-align: center;
            padding-bottom: 15px;
            justify-content: center; }
          #space-calculator-step1 .card .card-header .btn-group {
            width: 100%;
            justify-content: center; }
            #space-calculator-step1 .card .card-header .btn-group .clear-items-btn {
              width: 50%; }
          #space-calculator-step1 .card .card-header .circle-container {
            width: 36px;
            height: 36px; }
            #space-calculator-step1 .card .card-header .circle-container .circle {
              font-size: 19px; }
          #space-calculator-step1 .card .card-header h2 {
            font-size: 20px;
            line-height: 24px;
            letter-spacing: -1px;
            margin-left: 8px;
            margin-top: 6px; }
          #space-calculator-step1 .card .card-header .clear-items-btn {
            font-size: 20px;
            line-height: 28px;
            letter-spacing: -0.6px; }
        #space-calculator-step1 .card .card-body .location-selection {
          display: block; }
          #space-calculator-step1 .card .card-body .location-selection .location-btn {
            width: 100%;
            height: 60px;
            font-size: 21px;
            line-height: 27px;
            letter-spacing: -0.63px;
            margin-bottom: 8px;
            border-radius: 10px; }
        #space-calculator-step1 .card .card-body .storage-items {
          display: block; }
          #space-calculator-step1 .card .card-body .storage-items .item-row {
            width: 100% !important;
            min-width: 100%; }
            #space-calculator-step1 .card .card-body .storage-items .item-row .item {
              border-radius: 10px;
              min-width: 100%;
              min-height: 80px;
              max-height: 80px;
              padding: 8px;
              margin-bottom: 12px; }
              #space-calculator-step1 .card .card-body .storage-items .item-row .item .item-header img {
                margin-left: 12px;
                margin-right: 12px; }
              #space-calculator-step1 .card .card-body .storage-items .item-row .item .item-header .item-count {
                top: -10px;
                left: 0px;
                width: 25px;
                height: 25px;
                font-size: 16px; }
              #space-calculator-step1 .card .card-body .storage-items .item-row .item .item-header .item-term {
                min-width: 58px;
                max-width: 58px; }
              #space-calculator-step1 .card .card-body .storage-items .item-row .item .item-details .item-name {
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -1px; }
              #space-calculator-step1 .card .card-body .storage-items .item-row .item .item-details .quantity-buttons {
                gap: 24px; }
                #space-calculator-step1 .card .card-body .storage-items .item-row .item .item-details .quantity-buttons .quantity-btn {
                  width: 24px;
                  height: 24px;
                  font-size: 12px;
                  -webkit-touch-callout: none;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none; }
              #space-calculator-step1 .card .card-body .storage-items .item-row .item .item-details svg {
                width: 12px;
                height: 12px; }
        #space-calculator-step1 .card .calculate-btn {
          font-size: 20px;
          line-height: 28px;
          letter-spacing: -0.6px; } }

#space-calculator-step2 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #space-calculator-step2 .card {
    background-color: #FFFFFF;
    width: 1128px;
    height: 968px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px; }
    #space-calculator-step2 .card .card-header {
      border-bottom: 2px solid #EAEBEC;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px 0px 24px 0px; }
      #space-calculator-step2 .card .card-header .card-header-left {
        display: flex; }
      #space-calculator-step2 .card .card-header .circle-container {
        width: 48px;
        height: 48px;
        background-color: #0081C6;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center; }
        #space-calculator-step2 .card .card-header .circle-container .circle {
          font-size: 24px;
          color: #FFFFFF; }
      #space-calculator-step2 .card .card-header .clear-items-btn {
        font-size: 24px;
        color: #0081C6;
        border-radius: 30px;
        border: 2px solid #0081C6;
        background: none;
        cursor: pointer;
        width: 173px;
        height: 56px; }
      #space-calculator-step2 .card .card-header .clear-items-btn:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
    #space-calculator-step2 .card .card-body {
      padding: 24px 0px; }
      #space-calculator-step2 .card .card-body .col-12 .img-box {
        width: 389px;
        padding-top: 24px; }
      #space-calculator-step2 .card .card-body .col-12 .box-images .col-6 .img-box {
        width: 389px;
        padding-top: 24px; }
      #space-calculator-step2 .card .card-body .box-card {
        display: flex;
        align-items: center;
        border: 2px solid #EAEBEC;
        border-radius: 20px;
        padding: 24px;
        margin-bottom: 24px;
        min-height: 120px;
        max-height: 120px;
        min-width: 508px;
        margin-right: 0; }
        #space-calculator-step2 .card .card-body .box-card .quantity-btn {
          width: 48px;
          height: 48px;
          background-color: #FFFFFF;
          border: 2px solid #0081C6;
          color: #0081C6;
          border-radius: 50%;
          font-size: 24px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
        #space-calculator-step2 .card .card-body .box-card .quantity-btn.minus:active {
          background-color: #0081C6;
          color: #FFFFFF; }
        #space-calculator-step2 .card .card-body .box-card .quantity-btn.plus:active {
          background-color: #0081C6;
          color: #FFFFFF; }
        #space-calculator-step2 .card .card-body .box-card .quantity-btn.minus:hover {
          background-color: #0081C6;
          color: #FFFFFF; }
        #space-calculator-step2 .card .card-body .box-card .quantity-btn.plus:hover {
          background-color: #0081C6;
          color: #FFFFFF; }
      #space-calculator-step2 .card .card-body .mobile-text {
        display: none; }
      #space-calculator-step2 .card .card-body .selected {
        background-color: #0081C6;
        color: #FFFFFF;
        border: none; }
        #space-calculator-step2 .card .card-body .selected .primary-500 {
          color: #FFFFFF; }
      #space-calculator-step2 .card .card-body .btn-ctm-border {
        color: #0081C6;
        border-radius: 30px;
        border: 2px solid #0081C6;
        background: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #space-calculator-step2 .card .card-body .btn-ctm-border:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
    #space-calculator-step2 .card .card-footer {
      padding: 0;
      background-color: #FFFFFF;
      border: 0; }
      #space-calculator-step2 .card .card-footer .btn-ctm-primary {
        color: #ffffff;
        border-radius: 30px;
        background: #0081C6;
        border: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #space-calculator-step2 .card .card-footer .btn-ctm-primary:hover {
        background: #0EB5FC; }
      #space-calculator-step2 .card .card-footer .btn-ctm-primary:disabled {
        cursor: not-allowed;
        /* Change the cursor to indicate it's not clickable */ }
      #space-calculator-step2 .card .card-footer .btn-ctm-success {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #space-calculator-step2 .card .card-footer .btn-ctm-success:hover {
        background: #029862; }
      #space-calculator-step2 .card .card-footer .btn-ctm-success:disabled {
        cursor: not-allowed;
        /* Change the cursor to indicate it's not clickable */ }
  @media (max-width: 768px) {
    #space-calculator-step2 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #space-calculator-step2 .card {
        padding: 13px;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px; }
        #space-calculator-step2 .card .card-header {
          margin-top: 22px;
          display: block !important; }
          #space-calculator-step2 .card .card-header .card-header-left {
            width: 100%;
            text-align: center;
            padding-bottom: 15px;
            justify-content: center; }
          #space-calculator-step2 .card .card-header .btn-group {
            width: 100%;
            justify-content: center; }
            #space-calculator-step2 .card .card-header .btn-group .clear-items-btn {
              width: 50%; }
          #space-calculator-step2 .card .card-header .circle-container {
            width: 36px;
            height: 36px; }
            #space-calculator-step2 .card .card-header .circle-container .circle {
              font-size: 19px; }
          #space-calculator-step2 .card .card-header .clear-items-btn {
            font-size: 20px;
            line-height: 28px;
            letter-spacing: -0.6px; }
        #space-calculator-step2 .card .card-body {
          padding: 36px 0px; }
          #space-calculator-step2 .card .card-body .col-12 {
            text-align: center; }
            #space-calculator-step2 .card .card-body .col-12 .img-box {
              width: 344px;
              height: auto;
              padding-top: 24px;
              padding-top: 48px;
              padding-bottom: 48px;
              margin: auto; }
          #space-calculator-step2 .card .card-body .col-6 .img-box {
            width: 100%;
            align-items: center;
            display: flex;
            justify-content: center; }
          #space-calculator-step2 .card .card-body .box-card {
            border-radius: 10px;
            min-width: 100%;
            min-height: 80px;
            max-height: 80px;
            margin-bottom: 8px;
            margin-left: 0px; }
            #space-calculator-step2 .card .card-body .box-card .quantity-btn {
              width: 24px;
              height: 24px;
              font-size: 12px;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            #space-calculator-step2 .card .card-body .box-card svg {
              width: 12px;
              height: 12px; }
          #space-calculator-step2 .card .card-body .additional-options {
            margin-left: 0;
            margin-right: 0;
            margin-top: 24px; }
            #space-calculator-step2 .card .card-body .additional-options .desktop-text {
              display: none; }
            #space-calculator-step2 .card .card-body .additional-options .mobile-text {
              display: inline; }
          #space-calculator-step2 .card .card-body .btn-ctm-border {
            padding: 8px 16px 8px 16px; }
        #space-calculator-step2 .card .card-footer {
          padding: 32px 0px 22px 0px; }
          #space-calculator-step2 .card .card-footer .btn-group-footer {
            margin-left: 0; }
            #space-calculator-step2 .card .card-footer .btn-group-footer .col-12 {
              margin-left: 0;
              margin-right: 0;
              padding-left: 0;
              padding-right: 0;
              margin-bottom: 24px; }
          #space-calculator-step2 .card .card-footer .btn-ctm-primary,
          #space-calculator-step2 .card .card-footer .btn-ctm-success {
            height: 48px;
            width: 100%;
            padding: 8px 16px; } }

#book-now-step1 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 864px;
  padding: 64px 0px 64px 0px; }
  #book-now-step1 .card {
    background-color: #FFFFFF;
    width: 1128px;
    height: 735px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #book-now-step1 .card .title-row {
      margin-top: 24px; }
    #book-now-step1 .card .card-header {
      border-bottom: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0; }
      #book-now-step1 .card .card-header .check-progress {
        width: 160px;
        height: 48px; }
    #book-now-step1 .card .card-body {
      padding: 24px 0px;
      display: flex;
      align-items: center; }
      #book-now-step1 .card .card-body .location-selection {
        display: flex;
        gap: 24px;
        align-items: center; }
        #book-now-step1 .card .card-body .location-selection .location-btn {
          min-width: 495px;
          height: 120px;
          border-radius: 20px;
          border: 2px solid #EAEBEC;
          font-family: Nunito, sans-serif;
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -2px; }
          #book-now-step1 .card .card-body .location-selection .location-btn.selected, #book-now-step1 .card .card-body .location-selection .location-btn:active {
            background-color: #0081C6 !important;
            border: 2px solid #0081C6 !important;
            color: #FFFFFF !important; }
          #book-now-step1 .card .card-body .location-selection .location-btn:not(.selected) {
            background-color: #FFFFFF;
            color: #344048; }
          #book-now-step1 .card .card-body .location-selection .location-btn:focus {
            outline: none !important; }
    #book-now-step1 .card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: 1px solid #EAEBEC; }
      #book-now-step1 .card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step1 .card .card-footer .btn-ctm-continue {
        color: #ffffff;
        border-radius: 30px;
        background: #0081C6;
        border: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step1 .card .card-footer .btn-ctm-continue:hover {
        color: #ffffff;
        background: #0EB5FC; }
      #book-now-step1 .card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
  @media (max-width: 768px) {
    #book-now-step1 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #book-now-step1 .card {
        padding: 13px;
        height: 504px;
        margin-left: 10px;
        margin-right: 10px; }
        #book-now-step1 .card .card-header .check-progress {
          height: 24px;
          width: auto; }
        #book-now-step1 .card .title-row {
          margin-top: 28px; }
          #book-now-step1 .card .title-row .col-12 {
            text-align: center; }
        #book-now-step1 .card .card-body .location-selection {
          display: block; }
          #book-now-step1 .card .card-body .location-selection .location-btn {
            height: 64px;
            width: 100%;
            min-width: 344px;
            margin-bottom: 8px;
            font-size: 21px;
            line-height: 27px;
            letter-spacing: -0.63px;
            border-radius: 10px; }
        #book-now-step1 .card .card-footer {
          padding: 32px 0px 22px 0px; }
          #book-now-step1 .card .card-footer .btn-ctm-continue {
            height: 48px;
            width: 50%;
            padding: 0 16px; } }

#book-now-step2 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #book-now-step2 .card {
    background-color: #FFFFFF;
    width: 1128px;
    height: 968px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #book-now-step2 .card .title-row {
      margin-top: 24px; }
    #book-now-step2 .card .card-header {
      border-bottom: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0; }
      #book-now-step2 .card .card-header .check-progress {
        width: 160px;
        height: 48px; }
    #book-now-step2 .card .card-body {
      padding: 24px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #book-now-step2 .card .card-body .box-row {
        width: 100%;
        display: flex;
        justify-content: space-between; }
      #book-now-step2 .card .card-body .box-img {
        height: 233px; }
      #book-now-step2 .card .card-body .quantity-buttons {
        display: flex;
        align-items: center;
        width: 204px;
        justify-content: space-between;
        gap: 24px;
        padding-top: 24px; }
        #book-now-step2 .card .card-body .quantity-buttons .quantity-btn {
          width: 48px;
          height: 48px;
          background-color: #FFFFFF;
          border: 2px solid #0081C6;
          color: #0081C6;
          border-radius: 50%;
          font-size: 24px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
      #book-now-step2 .card .card-body .quantity-btn.minus:active {
        background-color: #ffffff;
        color: #0081C6; }
      #book-now-step2 .card .card-body .quantity-btn.plus:active {
        background-color: #ffffff;
        color: #0081C6; }
      #book-now-step2 .card .card-body .quantity-btn.minus:hover {
        background-color: #0081C6;
        color: #FFFFFF; }
      #book-now-step2 .card .card-body .quantity-btn.plus:hover {
        background-color: #0081C6;
        color: #FFFFFF; }
    #book-now-step2 .card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: 1px solid #EAEBEC; }
      #book-now-step2 .card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step2 .card .card-footer .btn-ctm-previous:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
      #book-now-step2 .card .card-footer .btn-ctm-continue {
        color: #ffffff;
        border-radius: 30px;
        background: #0081C6;
        border: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step2 .card .card-footer .btn-ctm-continue:hover {
        color: #ffffff;
        background: #0EB5FC; }
      #book-now-step2 .card .card-footer .btn-ctm-continue:disabled {
        background: #A0C6D9;
        /* Lighter background color when disabled */
        opacity: 0.5;
        /* Make the button semi-transparent */
        cursor: not-allowed;
        /* Change the cursor to indicate it's not clickable */ }
      #book-now-step2 .card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
  @media (max-width: 768px) {
    #book-now-step2 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #book-now-step2 .card {
        padding: 13px;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px; }
        #book-now-step2 .card .card-header .check-progress {
          height: 24px;
          width: auto; }
        #book-now-step2 .card .title-row {
          margin-top: 28px; }
          #book-now-step2 .card .title-row .col-12 {
            text-align: center; }
        #book-now-step2 .card .card-body {
          margin-bottom: 56px; }
          #book-now-step2 .card .card-body .box-row {
            display: block;
            text-align: center; }
            #book-now-step2 .card .card-body .box-row .box-img {
              width: 100%;
              height: auto;
              margin-bottom: 0px; }
            #book-now-step2 .card .card-body .box-row .quantity-buttons {
              width: 100%;
              justify-content: center;
              gap: 51px; }
            #book-now-step2 .card .card-body .box-row .col-md-12 {
              margin-bottom: 48px; }
        #book-now-step2 .card .card-footer {
          padding: 32px 0px 22px 0px; }
          #book-now-step2 .card .card-footer .btn-ctm-continue {
            height: 48px;
            width: 100%;
            padding: 8px 16px; }
          #book-now-step2 .card .card-footer .btn-ctm-previous {
            height: 48px;
            width: 100%;
            padding: 0 16px; } }

#book-now-step3 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #book-now-step3 .card {
    background-color: #FFFFFF;
    width: 1128px;
    height: 968px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #book-now-step3 .card .title-row {
      margin-top: 24px; }
    #book-now-step3 .card .card-header {
      border-bottom: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0; }
      #book-now-step3 .card .card-header .check-progress {
        width: 160px;
        height: 48px; }
    #book-now-step3 .card .card-body {
      display: flex;
      align-items: center; }
      #book-now-step3 .card .card-body .selection-row {
        display: flex;
        align-items: center;
        gap: 24px; }
      #book-now-step3 .card .card-body .location-selection {
        display: flex;
        gap: 24px;
        align-items: center; }
        #book-now-step3 .card .card-body .location-selection .location-btn {
          min-width: 495px;
          height: 120px;
          border-radius: 20px;
          border: 2px solid #EAEBEC;
          font-family: Nunito, sans-serif;
          font-size: 32px;
          line-height: 40px;
          letter-spacing: -2px; }
          #book-now-step3 .card .card-body .location-selection .location-btn.selected {
            background-color: #0081C6;
            border: 2px solid #0081C6;
            color: #FFFFFF; }
          #book-now-step3 .card .card-body .location-selection .location-btn:not(.selected) {
            background-color: #FFFFFF;
            color: #344048; }
          #book-now-step3 .card .card-body .location-selection .location-btn:focus {
            outline: none !important; }
    #book-now-step3 .card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: 1px solid #EAEBEC; }
      #book-now-step3 .card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step3 .card .card-footer .btn-ctm-previous:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
      #book-now-step3 .card .card-footer .btn-ctm-continue {
        color: #ffffff;
        border-radius: 30px;
        background: #0081C6;
        border: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step3 .card .card-footer .btn-ctm-continue:hover {
        color: #ffffff;
        background: #0EB5FC; }
      #book-now-step3 .card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
  @media (max-width: 768px) {
    #book-now-step3 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #book-now-step3 .card {
        padding: 13px;
        height: 652px;
        margin-left: 10px;
        margin-right: 10px; }
        #book-now-step3 .card .card-header .check-progress {
          height: 24px;
          width: auto; }
        #book-now-step3 .card .title-row {
          margin-top: 28px; }
          #book-now-step3 .card .title-row .col-12 {
            text-align: center; }
        #book-now-step3 .card .card-body .selection-row {
          gap: 0px; }
          #book-now-step3 .card .card-body .selection-row .location-selection {
            display: block; }
            #book-now-step3 .card .card-body .selection-row .location-selection .location-btn {
              height: 64px;
              width: 100%;
              min-width: 344px;
              margin-bottom: 8px;
              font-size: 21px;
              line-height: 27px;
              letter-spacing: -0.63px;
              border-radius: 10px; }
        #book-now-step3 .card .card-footer {
          padding: 32px 0px 22px 0px; }
          #book-now-step3 .card .card-footer .btn-ctm-continue {
            height: 48px;
            width: 100%;
            padding: 8px 16px; }
          #book-now-step3 .card .card-footer .btn-ctm-previous {
            height: 48px;
            width: 100%;
            padding: 0 16px; } }

#book-now-step4 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #book-now-step4 .card {
    background-color: #FFFFFF;
    width: 1128px;
    height: 968px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #book-now-step4 .card .title-row {
      margin-top: 24px;
      padding: 20px 24px;
      background-color: #EAEBEC;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }
    #book-now-step4 .card .card-header {
      border-bottom: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0; }
      #book-now-step4 .card .card-header .check-progress {
        width: 160px;
        height: 48px; }
    #book-now-step4 .card .card-body {
      margin: 0; }
      #book-now-step4 .card .card-body .row {
        padding-bottom: 40px;
        padding-top: 40px;
        border-bottom: solid 1px #EAEBEC; }
        #book-now-step4 .card .card-body .row:first-child {
          padding-top: 20px; }
        #book-now-step4 .card .card-body .row:last-child {
          border-bottom: none; }
      #book-now-step4 .card .card-body .packaging-edit {
        cursor: pointer; }
      #book-now-step4 .card .card-body .quantity-btn {
        width: 48px;
        height: 48px;
        background-color: #FFFFFF;
        border: 2px solid #0081C6;
        color: #0081C6;
        border-radius: 50%;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        padding-left: 2px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      #book-now-step4 .card .card-body .quantity-btn.plus:active {
        background-color: #0081C6;
        color: #FFFFFF; }
      #book-now-step4 .card .card-body .quantity-btn.plus:hover {
        background-color: #0081C6;
        color: #FFFFFF; }
    #book-now-step4 .card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: 1px solid #EAEBEC; }
      #book-now-step4 .card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step4 .card .card-footer .btn-ctm-previous:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
      #book-now-step4 .card .card-footer .btn-email-quote {
        color: #ffffff;
        border-radius: 30px;
        background: #0081C6;
        border: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px;
        margin-right: 24px; }
      #book-now-step4 .card .card-footer .btn-email-quote:hover {
        color: #ffffff;
        background: #0EB5FC; }
      #book-now-step4 .card .card-footer .btn-book-now {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 350px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step4 .card .card-footer .btn-book-now:hover {
        color: #ffffff;
        background: #029862; }
      #book-now-step4 .card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
      #book-now-step4 .card .card-footer .step4-btn-mobile {
        display: none; }
      #book-now-step4 .card .card-footer .pr-12 {
        padding-right: 12px !important; }
      #book-now-step4 .card .card-footer .pl-12 {
        padding-left: 12px !important; }
  @media (max-width: 768px) {
    #book-now-step4 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #book-now-step4 .card {
        padding: 10px 0;
        height: 730px;
        margin-left: 10px;
        margin-right: 10px; }
        #book-now-step4 .card .card-header {
          margin: 0 13px; }
          #book-now-step4 .card .card-header .check-progress {
            height: 24px;
            width: auto; }
        #book-now-step4 .card .title-row {
          margin-top: 28px;
          border-radius: 0; }
          #book-now-step4 .card .title-row .col-12 {
            text-align: center; }
        #book-now-step4 .card .card-body {
          margin: 0 13px; }
          #book-now-step4 .card .card-body .row {
            padding-bottom: 24px;
            padding-top: 24px; }
            #book-now-step4 .card .card-body .row:last-child {
              padding-top: 24px; }
          #book-now-step4 .card .card-body .quantity-btn {
            height: 24px;
            width: 24px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
          #book-now-step4 .card .card-body svg {
            width: 12px;
            height: 12px; }
        #book-now-step4 .card .card-footer {
          padding: 32px 0px 22px 0px;
          margin: 0 13px; }
          #book-now-step4 .card .card-footer .col-6 {
            padding: 10px 0px 0px; }
            #book-now-step4 .card .card-footer .col-6 .btn-ctm-previous,
            #book-now-step4 .card .card-footer .col-6 .btn-email-quote {
              height: 48px;
              width: 100%;
              padding: 0px 16px; }
          #book-now-step4 .card .card-footer .col-12 .btn-book-now {
            height: 48px;
            width: 100%;
            padding: 0px 16px; }
          #book-now-step4 .card .card-footer .step4-btn-mobile {
            display: block; }
          #book-now-step4 .card .card-footer .step-4-btm-desktop {
            display: none; } }

#book-now-step5 {
  background-color: #0081C6;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #book-now-step5 .card {
    background-color: #FFFFFF;
    width: 1128px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #book-now-step5 .card .title-row {
      margin-top: 24px;
      padding: 20px 24px;
      background-color: #EAEBEC;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }
    #book-now-step5 .card .card-header {
      border-bottom: 2px solid #EAEBEC;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px 0px 24px 0px; }
      #book-now-step5 .card .card-header .btn-clear {
        font-size: 24px;
        color: #F28D48;
        border-radius: 30px;
        border: 2px solid #F28D48;
        background: none;
        cursor: pointer;
        height: 56px;
        margin-right: 24px; }
      #book-now-step5 .card .card-header .btn-clear:hover {
        color: #FFFFFF;
        border: 2px solid #F28D48;
        background: #F28D48; }
      #book-now-step5 .card .card-header .btn-done {
        font-size: 24px;
        color: #ffffff;
        border-radius: 30px;
        background: #F28D48;
        border: none;
        cursor: pointer;
        height: 56px; }
      #book-now-step5 .card .card-header .btn-done:hover {
        color: #F28D48;
        border: 2px solid #F28D48;
        background: none; }
    #book-now-step5 .card .card-body {
      margin: 0;
      max-height: 800px;
      padding: 24px 5px; }
      #book-now-step5 .card .card-body .row {
        margin-top: 24px; }
        #book-now-step5 .card .card-body .row:first-child {
          margin-top: 20px; }
      #book-now-step5 .card .card-body .col-6, #book-now-step5 .card .card-body .col-md-6 {
        padding: 0; }
        #book-now-step5 .card .card-body .col-6 .item, #book-now-step5 .card .card-body .col-md-6 .item {
          height: 120px;
          padding-left: 41px;
          padding-right: 41px;
          align-items: center;
          border-radius: 20px;
          border: 2px solid #EAEBEC;
          margin-right: 12px;
          margin-bottom: 24px; }
          #book-now-step5 .card .card-body .col-6 .item:last-child, #book-now-step5 .card .card-body .col-md-6 .item:last-child {
            margin-left: 12px; }
          #book-now-step5 .card .card-body .col-6 .item.selected, #book-now-step5 .card .card-body .col-md-6 .item.selected {
            background-color: #0081C6;
            border: none; }
            #book-now-step5 .card .card-body .col-6 .item.selected .protection-title, #book-now-step5 .card .card-body .col-md-6 .item.selected .protection-title {
              color: #FFFFFF; }
            #book-now-step5 .card .card-body .col-6 .item.selected .protection-desc, #book-now-step5 .card .card-body .col-md-6 .item.selected .protection-desc {
              color: #FFFFFF; }
          #book-now-step5 .card .card-body .col-6 .item .quantity-btn, #book-now-step5 .card .card-body .col-md-6 .item .quantity-btn {
            width: 48px;
            height: 48px;
            background-color: #FFFFFF;
            border: 2px solid #0081C6;
            color: #0081C6;
            border-radius: 50%;
            font-size: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            padding-left: 2px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
        #book-now-step5 .card .card-body .col-6 .quantity-btn.minus:active, #book-now-step5 .card .card-body .col-md-6 .quantity-btn.minus:active {
          background-color: #0081C6;
          color: #FFFFFF; }
        #book-now-step5 .card .card-body .col-6 .quantity-btn.plus:active, #book-now-step5 .card .card-body .col-md-6 .quantity-btn.plus:active {
          background-color: #0081C6;
          color: #FFFFFF; }
        #book-now-step5 .card .card-body .col-6 .quantity-btn.minus:hover, #book-now-step5 .card .card-body .col-md-6 .quantity-btn.minus:hover {
          background-color: #0081C6;
          color: #FFFFFF; }
        #book-now-step5 .card .card-body .col-6 .quantity-btn.plus:hover, #book-now-step5 .card .card-body .col-md-6 .quantity-btn.plus:hover {
          background-color: #0081C6;
          color: #FFFFFF; }
  @media (max-width: 768px) {
    #book-now-step5 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #book-now-step5 .card {
        padding: 13px;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px;
        padding: 32px 20px; }
        #book-now-step5 .card .card-header {
          display: block; }
          #book-now-step5 .card .card-header .card-header-left {
            width: 100%;
            text-align: center;
            padding-bottom: 15px; }
          #book-now-step5 .card .card-header .btn-group {
            justify-content: space-between;
            width: 100%; }
            #book-now-step5 .card .card-header .btn-group .btn-clear {
              width: 50%; }
            #book-now-step5 .card .card-header .btn-group .btn-done {
              width: 50%; }
        #book-now-step5 .card .title-row {
          margin-top: 28px; }
          #book-now-step5 .card .title-row .col-12 {
            text-align: center; }
        #book-now-step5 .card .card-body {
          margin-bottom: 56px;
          padding: 0px 5px; }
          #book-now-step5 .card .card-body .row {
            display: block;
            text-align: center; }
            #book-now-step5 .card .card-body .row .item {
              width: 100%;
              height: auto;
              padding: 10px;
              margin-bottom: 8px;
              border-radius: 12px; }
              #book-now-step5 .card .card-body .row .item:last-child {
                margin-left: 0; }
              #book-now-step5 .card .card-body .row .item .quantity-btn {
                height: 24px;
                width: 24px;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none; }
                #book-now-step5 .card .card-body .row .item .quantity-btn svg {
                  width: 12px;
                  height: 12px; }
            #book-now-step5 .card .card-body .row .quantity-btn {
              width: 100%;
              justify-content: center;
              gap: 51px;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            #book-now-step5 .card .card-body .row .col-md-12 {
              margin-bottom: 48px; }
        #book-now-step5 .card .card-footer {
          padding: 32px 0px 22px 0px; }
          #book-now-step5 .card .card-footer .btn-done {
            height: 48px;
            width: 100%;
            padding: 8px 16px; }
          #book-now-step5 .card .card-footer .btn-clear {
            height: 48px;
            width: 100%;
            padding: 0 16px; } }

#book-now-step6 {
  background-color: #0081C6;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #book-now-step6 .card {
    background-color: #FFFFFF;
    width: 1128px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #book-now-step6 .card .title-row {
      margin-top: 24px;
      padding: 20px 24px;
      background-color: #EAEBEC;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }
    #book-now-step6 .card .card-header {
      border-bottom: 2px solid #EAEBEC;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px 0px 24px 0px; }
      #book-now-step6 .card .card-header .btn-clear {
        font-size: 24px;
        color: #F28D48;
        border-radius: 30px;
        border: 2px solid #F28D48;
        background: none;
        cursor: pointer;
        height: 56px;
        margin-right: 24px; }
      #book-now-step6 .card .card-header .btn-clear:hover {
        color: #FFFFFF;
        border: 2px solid #F28D48;
        background: #F28D48; }
      #book-now-step6 .card .card-header .btn-done {
        font-size: 24px;
        color: #ffffff;
        border-radius: 30px;
        background: #F28D48;
        border: none;
        cursor: pointer;
        height: 56px; }
      #book-now-step6 .card .card-header .btn-done:hover {
        color: #F28D48;
        border: 2px solid #F28D48;
        background: none; }
    #book-now-step6 .card .card-body {
      margin: 0;
      padding: 24px 5px; }
      #book-now-step6 .card .card-body .row {
        margin-top: 24px; }
        #book-now-step6 .card .card-body .row:first-child {
          margin-top: 20px; }
      #book-now-step6 .card .card-body .col-12 {
        padding: 0; }
        #book-now-step6 .card .card-body .col-12 .box-image {
          width: 14%; }
          #book-now-step6 .card .card-body .col-12 .box-image img {
            width: 100px;
            height: auto; }
        #book-now-step6 .card .card-body .col-12 .box-desc {
          width: 76%; }
        #book-now-step6 .card .card-body .col-12 .quantity-buttons {
          width: 15%; }
        #book-now-step6 .card .card-body .col-12 .item {
          display: flex;
          align-items: center;
          padding: 24px;
          border-radius: 20px;
          border: 2px solid #EAEBEC;
          margin-right: 12px;
          margin-left: 12px;
          margin-bottom: 24px; }
          #book-now-step6 .card .card-body .col-12 .item .box-image {
            position: relative;
            margin-right: 48px; }
            #book-now-step6 .card .card-body .col-12 .item .box-image .item-count {
              position: absolute;
              top: -15px;
              left: -15px;
              width: 32px;
              height: 32px;
              background-color: #F37721;
              color: #FFFFFF;
              border-radius: 50%;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 16px; }
          #book-now-step6 .card .card-body .col-12 .item .quantity-buttons {
            display: flex;
            gap: 24px;
            justify-content: flex-end;
            margin-left: 24px; }
            #book-now-step6 .card .card-body .col-12 .item .quantity-buttons .quantity-btn {
              width: 48px;
              height: 48px;
              background-color: #FFFFFF;
              border: 2px solid #0081C6;
              color: #0081C6;
              border-radius: 50%;
              font-size: 24px;
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              padding-left: 2px;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
          #book-now-step6 .card .card-body .col-12 .item .quantity-btn.minus:active {
            background-color: #0081C6;
            color: #FFFFFF; }
          #book-now-step6 .card .card-body .col-12 .item .quantity-btn.plus:active {
            background-color: #0081C6;
            color: #FFFFFF; }
          #book-now-step6 .card .card-body .col-12 .item .quantity-btn.minus:hover {
            background-color: #0081C6;
            color: #FFFFFF; }
          #book-now-step6 .card .card-body .col-12 .item .quantity-btn.plus:hover {
            background-color: #0081C6;
            color: #FFFFFF; }
    #book-now-step6 .card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: 1px solid #EAEBEC; }
      #book-now-step6 .card .card-footer .btn-ctm-done {
        color: #ffffff;
        border-radius: 30px;
        background: #F28D48;
        border: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step6 .card .card-footer .btn-ctm-done:hover {
        color: #F28D48;
        background: none;
        border: 2px solid #F28D48; }
      #book-now-step6 .card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
  @media (max-width: 768px) {
    #book-now-step6 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #book-now-step6 .text-18 {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0; }
      #book-now-step6 .text-24 {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -1px; }
      #book-now-step6 .card {
        padding: 13px;
        height: 100%;
        margin-left: 10px;
        margin-right: 10px; }
        #book-now-step6 .card .card-header {
          margin-top: 20px;
          display: block; }
          #book-now-step6 .card .card-header .card-header-left {
            width: 100%;
            text-align: center;
            padding-bottom: 15px; }
          #book-now-step6 .card .card-header .btn-group {
            justify-content: space-between;
            width: 100%; }
            #book-now-step6 .card .card-header .btn-group .btn-clear {
              width: 50%; }
            #book-now-step6 .card .card-header .btn-group .btn-done {
              width: 50%; }
        #book-now-step6 .card .title-row {
          margin-top: 28px; }
          #book-now-step6 .card .title-row .col-12 {
            text-align: center; }
        #book-now-step6 .card .card-body {
          margin-bottom: 32px;
          padding: 0px 15px; }
          #book-now-step6 .card .card-body .row {
            display: block;
            text-align: center; }
            #book-now-step6 .card .card-body .row .item {
              width: 100%;
              height: auto;
              padding: 16px 10px;
              margin-bottom: 8px;
              border-radius: 12px;
              align-items: start; }
              #book-now-step6 .card .card-body .row .item:last-child {
                margin-left: 0; }
              #book-now-step6 .card .card-body .row .item .box-desc {
                text-align: left; }
              #book-now-step6 .card .card-body .row .item .quantity-buttons {
                gap: 0px;
                margin-left: 0px;
                width: 25%; }
                #book-now-step6 .card .card-body .row .item .quantity-buttons .quantity-btn {
                  height: 24px !important;
                  width: 24px !important;
                  -webkit-touch-callout: none;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none; }
                  #book-now-step6 .card .card-body .row .item .quantity-buttons .quantity-btn svg {
                    width: 8px !important;
                    height: 8px !important; }
                #book-now-step6 .card .card-body .row .item .quantity-buttons .plus {
                  margin-right: 15px; }
              #book-now-step6 .card .card-body .row .item .text-32 {
                font-size: 16px;
                letter-spacing: -1px;
                line-height: 22px; }
              #book-now-step6 .card .card-body .row .item .box-image {
                margin-right: 10px;
                width: 30%; }
            #book-now-step6 .card .card-body .row .quantity-btn {
              width: 100%;
              justify-content: center;
              gap: 51px;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            #book-now-step6 .card .card-body .row .col-md-12 {
              margin-bottom: 48px; }
        #book-now-step6 .card .card-footer {
          padding: 32px 0px 22px 0px; }
          #book-now-step6 .card .card-footer .btn-ctm-done {
            height: 48px;
            width: 100%;
            padding: 8px 16px; } }

#book-now-step7 {
  background-color: #0081C6;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0px 0px 64px 0px; }
  #book-now-step7 .card {
    background-color: #FFFFFF;
    width: 696px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px; }
    #book-now-step7 .card .btn-close {
      cursor: pointer; }
    #book-now-step7 .card .card-header {
      border: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px; }
    #book-now-step7 .card .card-body {
      margin: 0;
      padding: 0; }
      #book-now-step7 .card .card-body .row {
        margin-top: 24px; }
        #book-now-step7 .card .card-body .row:first-child {
          margin-top: 20px; }
      #book-now-step7 .card .card-body input[type="text"],
      #book-now-step7 .card .card-body input[type="email"],
      #book-now-step7 .card .card-body input[type="password"],
      #book-now-step7 .card .card-body input[type="number"],
      #book-now-step7 .card .card-body input[type="tel"],
      #book-now-step7 .card .card-body input[type="url"],
      #book-now-step7 .card .card-body input[type="search"],
      #book-now-step7 .card .card-body input[type="date"],
      #book-now-step7 .card .card-body input[type="month"],
      #book-now-step7 .card .card-body input[type="week"],
      #book-now-step7 .card .card-body input[type="time"],
      #book-now-step7 .card .card-body input[type="datetime-local"],
      #book-now-step7 .card .card-body input[type="color"],
      #book-now-step7 .card .card-body textarea,
      #book-now-step7 .card .card-body select {
        width: 100%;
        padding-left: 20px;
        height: 56px;
        display: inline-block;
        border: none;
        border-radius: 10px;
        box-sizing: border-box;
        font-family: 'Nunito', sans-serif;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
        font-family: 'Helvetica', sans-serif;
        color: #344048;
        background-color: #F5F5F5; }
        #book-now-step7 .card .card-body input[type="text"]::placeholder,
        #book-now-step7 .card .card-body input[type="email"]::placeholder,
        #book-now-step7 .card .card-body input[type="password"]::placeholder,
        #book-now-step7 .card .card-body input[type="number"]::placeholder,
        #book-now-step7 .card .card-body input[type="tel"]::placeholder,
        #book-now-step7 .card .card-body input[type="url"]::placeholder,
        #book-now-step7 .card .card-body input[type="search"]::placeholder,
        #book-now-step7 .card .card-body input[type="date"]::placeholder,
        #book-now-step7 .card .card-body input[type="month"]::placeholder,
        #book-now-step7 .card .card-body input[type="week"]::placeholder,
        #book-now-step7 .card .card-body input[type="time"]::placeholder,
        #book-now-step7 .card .card-body input[type="datetime-local"]::placeholder,
        #book-now-step7 .card .card-body input[type="color"]::placeholder,
        #book-now-step7 .card .card-body textarea::placeholder,
        #book-now-step7 .card .card-body select::placeholder {
          color: #344048; }
      #book-now-step7 .card .card-body input[type="text"]:focus,
      #book-now-step7 .card .card-body input[type="email"]:focus,
      #book-now-step7 .card .card-body input[type="password"]:focus,
      #book-now-step7 .card .card-body input[type="number"]:focus,
      #book-now-step7 .card .card-body input[type="tel"]:focus,
      #book-now-step7 .card .card-body input[type="url"]:focus,
      #book-now-step7 .card .card-body input[type="search"]:focus,
      #book-now-step7 .card .card-body input[type="date"]:focus,
      #book-now-step7 .card .card-body input[type="month"]:focus,
      #book-now-step7 .card .card-body input[type="week"]:focus,
      #book-now-step7 .card .card-body input[type="time"]:focus,
      #book-now-step7 .card .card-body input[type="datetime-local"]:focus,
      #book-now-step7 .card .card-body input[type="color"]:focus,
      #book-now-step7 .card .card-body textarea:focus,
      #book-now-step7 .card .card-body select:focus {
        border-color: #0081C6;
        outline: none; }
      #book-now-step7 .card .card-body .btn-ctm-success {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step7 .card .card-body .btn-ctm-success:hover {
        color: #ffffff;
        background: #029862; }
      #book-now-step7 .card .card-body .pr-12 {
        padding-right: 12px;
        padding-left: 16px; }
      #book-now-step7 .card .card-body .pr-12 {
        padding-left: 12px; }
  @media (max-width: 768px) {
    #book-now-step7 .card {
      padding: 24px;
      height: 100%;
      margin-left: 10px;
      margin-right: 10px; }
      #book-now-step7 .card .card-header .card-header-left {
        width: 100%;
        padding-bottom: 15px; }
      #book-now-step7 .card .card-header .btn-group {
        justify-content: space-between;
        width: 100%; }
        #book-now-step7 .card .card-header .btn-group .btn-close {
          width: 50%; }
      #book-now-step7 .card .card-body {
        padding: 0px 5px; }
        #book-now-step7 .card .card-body .row {
          margin-top: 0px;
          display: block;
          text-align: center; }
          #book-now-step7 .card .card-body .row input[type="text"],
          #book-now-step7 .card .card-body .row input[type="email"],
          #book-now-step7 .card .card-body .row input[type="password"],
          #book-now-step7 .card .card-body .row input[type="number"],
          #book-now-step7 .card .card-body .row input[type="tel"],
          #book-now-step7 .card .card-body .row input[type="url"],
          #book-now-step7 .card .card-body .row input[type="search"],
          #book-now-step7 .card .card-body .row input[type="date"],
          #book-now-step7 .card .card-body .row input[type="month"],
          #book-now-step7 .card .card-body .row input[type="week"],
          #book-now-step7 .card .card-body .row input[type="time"],
          #book-now-step7 .card .card-body .row input[type="datetime-local"],
          #book-now-step7 .card .card-body .row input[type="color"],
          #book-now-step7 .card .card-body .row textarea,
          #book-now-step7 .card .card-body .row select {
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0; }
          #book-now-step7 .card .card-body .row .col-12 {
            padding: 12px; }
      #book-now-step7 .card .card-footer {
        padding: 32px 0px 22px 0px; }
        #book-now-step7 .card .card-footer .btn-ctm-success {
          height: 48px;
          width: 100%;
          padding: 8px 16px; } }

#book-now-step8 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #book-now-step8 .card {
    min-height: 680px; }
  #book-now-step8 .first-card {
    background-color: #FFFFFF;
    width: 696px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 20px; }
    #book-now-step8 .first-card .title-row {
      margin-top: 12px;
      padding: 20px 24px;
      background-color: #EAEBEC;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }
    #book-now-step8 .first-card .card-body {
      margin: 0; }
      #book-now-step8 .first-card .card-body .row {
        padding-bottom: 24px;
        padding-top: 24px;
        border-bottom: solid 1px #EAEBEC; }
        #book-now-step8 .first-card .card-body .row:first-child {
          padding-top: 10px; }
        #book-now-step8 .first-card .card-body .row:last-child {
          border-bottom: none; }
    #book-now-step8 .first-card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: none; }
      #book-now-step8 .first-card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step8 .first-card .card-footer .btn-ctm-previous:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
      #book-now-step8 .first-card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
  #book-now-step8 .second-card {
    background-color: #FFFFFF;
    width: 696px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px; }
    #book-now-step8 .second-card .btn-close {
      cursor: pointer; }
    #book-now-step8 .second-card .card-header {
      border: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px; }
    #book-now-step8 .second-card .card-body {
      margin: 0;
      padding: 0; }
      #book-now-step8 .second-card .card-body .row {
        margin-top: 24px; }
        #book-now-step8 .second-card .card-body .row:first-child {
          margin-top: 20px; }
      #book-now-step8 .second-card .card-body input[type="text"],
      #book-now-step8 .second-card .card-body input[type="email"],
      #book-now-step8 .second-card .card-body input[type="password"],
      #book-now-step8 .second-card .card-body input[type="number"],
      #book-now-step8 .second-card .card-body input[type="tel"],
      #book-now-step8 .second-card .card-body input[type="url"],
      #book-now-step8 .second-card .card-body input[type="search"],
      #book-now-step8 .second-card .card-body input[type="date"],
      #book-now-step8 .second-card .card-body input[type="month"],
      #book-now-step8 .second-card .card-body input[type="week"],
      #book-now-step8 .second-card .card-body input[type="time"],
      #book-now-step8 .second-card .card-body input[type="datetime-local"],
      #book-now-step8 .second-card .card-body input[type="color"],
      #book-now-step8 .second-card .card-body textarea,
      #book-now-step8 .second-card .card-body select {
        width: 100%;
        padding-left: 20px;
        height: 56px;
        display: inline-block;
        border: none;
        border-radius: 10px;
        box-sizing: border-box;
        font-family: 'Nunito', sans-serif;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
        font-family: 'Helvetica', sans-serif;
        color: #344048;
        background-color: #F5F5F5; }
        #book-now-step8 .second-card .card-body input[type="text"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="email"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="password"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="number"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="tel"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="url"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="search"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="date"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="month"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="week"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="time"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="datetime-local"]::placeholder,
        #book-now-step8 .second-card .card-body input[type="color"]::placeholder,
        #book-now-step8 .second-card .card-body textarea::placeholder,
        #book-now-step8 .second-card .card-body select::placeholder {
          color: #344048; }
      #book-now-step8 .second-card .card-body input[type="text"]:focus,
      #book-now-step8 .second-card .card-body input[type="email"]:focus,
      #book-now-step8 .second-card .card-body input[type="password"]:focus,
      #book-now-step8 .second-card .card-body input[type="number"]:focus,
      #book-now-step8 .second-card .card-body input[type="tel"]:focus,
      #book-now-step8 .second-card .card-body input[type="url"]:focus,
      #book-now-step8 .second-card .card-body input[type="search"]:focus,
      #book-now-step8 .second-card .card-body input[type="date"]:focus,
      #book-now-step8 .second-card .card-body input[type="month"]:focus,
      #book-now-step8 .second-card .card-body input[type="week"]:focus,
      #book-now-step8 .second-card .card-body input[type="time"]:focus,
      #book-now-step8 .second-card .card-body input[type="datetime-local"]:focus,
      #book-now-step8 .second-card .card-body input[type="color"]:focus,
      #book-now-step8 .second-card .card-body textarea:focus,
      #book-now-step8 .second-card .card-body select:focus {
        border-color: #0081C6;
        outline: none; }
      #book-now-step8 .second-card .card-body .btn-ctm-success {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #book-now-step8 .second-card .card-body .btn-ctm-success:hover {
        color: #ffffff;
        background: #029862; }
      #book-now-step8 .second-card .card-body .pr-12 {
        padding-right: 12px;
        padding-left: 16px; }
      #book-now-step8 .second-card .card-body .pr-12 {
        padding-left: 12px; }
  @media (max-width: 768px) {
    #book-now-step8 {
      display: block;
      padding: 48px 24px 64px 24px; }
      #book-now-step8 .card {
        min-height: auto; }
      #book-now-step8 .first-card, #book-now-step8 .second-card {
        width: 100%; }
      #book-now-step8 .first-card .full-width {
        width: 100%; }
      #book-now-step8 .second-card {
        margin-bottom: 48px; }
      #book-now-step8 .ctm-order-2 {
        order: 2; }
      #book-now-step8 .ctm-order-1 {
        order: 1; }
      #book-now-step8 .first-card .card-footer, #book-now-step8 .second-card .card-footer {
        padding: 32px 0px 16px 0px; }
      #book-now-step8 .first-card .btn-ctm-previous, #book-now-step8 .second-card .btn-ctm-success {
        height: 48px;
        width: 100%;
        padding: 8px 16px; }
      #book-now-step8 .first-card .card-body .row:last-child, #book-now-step8 .second-card .card-body .row:last-child {
        border-bottom: 1px solid #EAEBEC; }
      #book-now-step8 .row {
        margin-top: 0px !important;
        text-align: center; }
        #book-now-step8 .row input[type="text"],
        #book-now-step8 .row input[type="email"],
        #book-now-step8 .row input[type="password"],
        #book-now-step8 .row input[type="number"],
        #book-now-step8 .row input[type="tel"],
        #book-now-step8 .row input[type="url"],
        #book-now-step8 .row input[type="search"],
        #book-now-step8 .row input[type="date"],
        #book-now-step8 .row input[type="month"],
        #book-now-step8 .row input[type="week"],
        #book-now-step8 .row input[type="time"],
        #book-now-step8 .row input[type="datetime-local"],
        #book-now-step8 .row input[type="color"],
        #book-now-step8 .row textarea,
        #book-now-step8 .row select {
          font-size: 18px;
          line-height: 25px;
          letter-spacing: 0; }
        #book-now-step8 .row .col-12 {
          padding: 12px; } }

#book-now-step9 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #book-now-step9 .card {
    background-color: #FFFFFF;
    width: 1416px;
    height: 680px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 88px; }
    #book-now-step9 .card .btn-close {
      cursor: pointer; }
    #book-now-step9 .card .thank-you-text {
      margin-top: 48px;
      width: 481px; }
    #book-now-step9 .card .thank-you-bg {
      background-size: cover !important;
      min-height: 502px; }
  @media (max-width: 768px) {
    #book-now-step9 {
      padding: 64px 24px 64px 24px; }
      #book-now-step9 .card {
        width: 100%;
        height: auto;
        padding: 24px; }
      #book-now-step9 .thank-you-text {
        width: 100% !important;
        margin-top: 24px; }
      #book-now-step9 .row .thank-you-bg {
        background-size: contain !important;
        min-height: 330px; }
      #book-now-step9 .text-24 {
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0; } }

#in-home-assesment-step1 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0px 0px 64px 0px; }
  #in-home-assesment-step1 .card {
    background-color: #FFFFFF;
    width: 696px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px; }
    #in-home-assesment-step1 .card .btn-close {
      cursor: pointer; }
    #in-home-assesment-step1 .card .card-header {
      border: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px; }
    #in-home-assesment-step1 .card .card-body {
      margin: 0;
      padding: 0; }
      #in-home-assesment-step1 .card .card-body .row {
        margin-top: 24px; }
        #in-home-assesment-step1 .card .card-body .row:first-child {
          margin-top: 20px; }
      #in-home-assesment-step1 .card .card-body input[type="text"],
      #in-home-assesment-step1 .card .card-body input[type="email"],
      #in-home-assesment-step1 .card .card-body input[type="password"],
      #in-home-assesment-step1 .card .card-body input[type="number"],
      #in-home-assesment-step1 .card .card-body input[type="tel"],
      #in-home-assesment-step1 .card .card-body input[type="url"],
      #in-home-assesment-step1 .card .card-body input[type="search"],
      #in-home-assesment-step1 .card .card-body input[type="date"],
      #in-home-assesment-step1 .card .card-body input[type="month"],
      #in-home-assesment-step1 .card .card-body input[type="week"],
      #in-home-assesment-step1 .card .card-body input[type="time"],
      #in-home-assesment-step1 .card .card-body input[type="datetime-local"],
      #in-home-assesment-step1 .card .card-body input[type="color"],
      #in-home-assesment-step1 .card .card-body textarea,
      #in-home-assesment-step1 .card .card-body select {
        width: 100%;
        padding-left: 20px;
        height: 56px;
        display: inline-block;
        border: none;
        border-radius: 10px;
        box-sizing: border-box;
        font-family: 'Nunito', sans-serif;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
        font-family: 'Helvetica', sans-serif;
        color: #344048;
        background-color: #F5F5F5; }
        #in-home-assesment-step1 .card .card-body input[type="text"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="email"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="password"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="number"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="tel"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="url"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="search"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="date"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="month"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="week"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="time"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="datetime-local"]::placeholder,
        #in-home-assesment-step1 .card .card-body input[type="color"]::placeholder,
        #in-home-assesment-step1 .card .card-body textarea::placeholder,
        #in-home-assesment-step1 .card .card-body select::placeholder {
          color: #344048; }
      #in-home-assesment-step1 .card .card-body input[type="text"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="email"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="password"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="number"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="tel"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="url"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="search"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="date"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="month"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="week"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="time"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="datetime-local"]:focus,
      #in-home-assesment-step1 .card .card-body input[type="color"]:focus,
      #in-home-assesment-step1 .card .card-body textarea:focus,
      #in-home-assesment-step1 .card .card-body select:focus {
        border-color: #0081C6;
        outline: none; }
      #in-home-assesment-step1 .card .card-body .btn-ctm-success {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #in-home-assesment-step1 .card .card-body .btn-ctm-success:hover {
        color: #ffffff;
        background: #029862; }
      #in-home-assesment-step1 .card .card-body .pr-12 {
        padding-right: 12px;
        padding-left: 16px; }
      #in-home-assesment-step1 .card .card-body .pr-12 {
        padding-left: 12px; }
  @media (max-width: 768px) {
    #in-home-assesment-step1 .card {
      padding: 24px;
      height: 100%;
      margin-left: 10px;
      margin-right: 10px; }
      #in-home-assesment-step1 .card .card-header .card-header-left {
        width: 100%;
        padding-bottom: 15px; }
      #in-home-assesment-step1 .card .card-header .btn-group {
        justify-content: space-between;
        width: 100%; }
        #in-home-assesment-step1 .card .card-header .btn-group .btn-close {
          width: 50%; }
      #in-home-assesment-step1 .card .card-body {
        padding: 0px 5px; }
        #in-home-assesment-step1 .card .card-body .row {
          margin-top: 0px;
          display: block;
          text-align: center; }
          #in-home-assesment-step1 .card .card-body .row input[type="text"],
          #in-home-assesment-step1 .card .card-body .row input[type="email"],
          #in-home-assesment-step1 .card .card-body .row input[type="password"],
          #in-home-assesment-step1 .card .card-body .row input[type="number"],
          #in-home-assesment-step1 .card .card-body .row input[type="tel"],
          #in-home-assesment-step1 .card .card-body .row input[type="url"],
          #in-home-assesment-step1 .card .card-body .row input[type="search"],
          #in-home-assesment-step1 .card .card-body .row input[type="date"],
          #in-home-assesment-step1 .card .card-body .row input[type="month"],
          #in-home-assesment-step1 .card .card-body .row input[type="week"],
          #in-home-assesment-step1 .card .card-body .row input[type="time"],
          #in-home-assesment-step1 .card .card-body .row input[type="datetime-local"],
          #in-home-assesment-step1 .card .card-body .row input[type="color"],
          #in-home-assesment-step1 .card .card-body .row textarea,
          #in-home-assesment-step1 .card .card-body .row select {
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0; }
          #in-home-assesment-step1 .card .card-body .row .col-12 {
            padding: 12px; }
      #in-home-assesment-step1 .card .card-footer {
        padding: 32px 0px 22px 0px; }
        #in-home-assesment-step1 .card .card-footer .btn-ctm-success {
          height: 48px;
          width: 100%;
          padding: 8px 16px; } }

#vehicle-storage-step1 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 864px;
  padding: 64px 0px 64px 0px; }
  #vehicle-storage-step1 .card {
    background-color: #FFFFFF;
    width: 1128px;
    height: 530px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #vehicle-storage-step1 .card .title-row {
      margin-top: 24px; }
    #vehicle-storage-step1 .card .card-header {
      border-bottom: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0; }
      #vehicle-storage-step1 .card .card-header .check-progress {
        height: 48px; }
    #vehicle-storage-step1 .card .card-body {
      padding: 0px;
      align-items: center; }
      #vehicle-storage-step1 .card .card-body .col-12 {
        padding: 0; }
        #vehicle-storage-step1 .card .card-body .col-12 .vehicle-title {
          width: 70%; }
        #vehicle-storage-step1 .card .card-body .col-12 .vehicle-desc {
          width: 15%;
          text-align: center; }
        #vehicle-storage-step1 .card .card-body .col-12 .quantity-buttons {
          width: 15%; }
        #vehicle-storage-step1 .card .card-body .col-12 .item {
          display: flex;
          align-items: center;
          padding: 24px;
          border-radius: 20px;
          border: 2px solid #EAEBEC;
          margin-right: 12px;
          margin-left: 12px;
          margin-bottom: 24px;
          margin-top: 63px; }
          #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-buttons {
            display: flex;
            gap: 24px;
            justify-content: flex-end;
            margin-left: 24px; }
            #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-buttons .quantity-btn {
              width: 48px;
              height: 48px;
              background-color: #FFFFFF;
              border: 2px solid #0081C6;
              color: #0081C6;
              border-radius: 50%;
              font-size: 24px;
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              padding-left: 2px;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
          #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-btn.minus:active {
            background-color: #0081C6;
            color: #FFFFFF; }
          #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-btn.plus:active {
            background-color: #0081C6;
            color: #FFFFFF; }
          #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-btn.minus:hover {
            background-color: #0081C6;
            color: #FFFFFF; }
          #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-btn.plus:hover {
            background-color: #0081C6;
            color: #FFFFFF; }
    #vehicle-storage-step1 .card .card-footer {
      padding: 0px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: none; }
      #vehicle-storage-step1 .card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #vehicle-storage-step1 .card .card-footer .btn-ctm-continue {
        color: #ffffff;
        border-radius: 30px;
        background: #0081C6;
        border: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #vehicle-storage-step1 .card .card-footer .btn-ctm-continue:hover {
        color: #ffffff;
        background: #0EB5FC; }
      #vehicle-storage-step1 .card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
  @media (max-width: 768px) {
    #vehicle-storage-step1 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #vehicle-storage-step1 .card {
        padding: 13px;
        height: 504px;
        margin-left: 10px;
        margin-right: 10px; }
        #vehicle-storage-step1 .card .card-header .check-progress {
          height: 24px;
          width: auto; }
        #vehicle-storage-step1 .card .title-row {
          margin-top: 28px; }
          #vehicle-storage-step1 .card .title-row .col-12 {
            text-align: center; }
        #vehicle-storage-step1 .card .card-body .col-12 .vehicle-title {
          width: 60%; }
        #vehicle-storage-step1 .card .card-body .col-12 .vehicle-desc {
          width: 20%;
          text-align: center; }
        #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-buttons {
          width: 20%; }
          #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-buttons .quantity-btn {
            height: 24px;
            width: 24px;
            padding-left: 0px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            #vehicle-storage-step1 .card .card-body .col-12 .item .quantity-buttons .quantity-btn svg {
              width: 12px;
              height: 12px; }
        #vehicle-storage-step1 .card .card-body .location-selection {
          display: block; }
          #vehicle-storage-step1 .card .card-body .location-selection .location-btn {
            height: 64px;
            width: 100%;
            min-width: 344px;
            margin-bottom: 8px;
            font-size: 21px;
            line-height: 27px;
            letter-spacing: -0.63px;
            border-radius: 10px; }
        #vehicle-storage-step1 .card .card-footer {
          padding: 32px 0px 22px 0px; }
          #vehicle-storage-step1 .card .card-footer .btn-ctm-continue {
            height: 48px;
            width: 50%;
            padding: 0 16px; } }

#vehicle-storage-step2 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 864px;
  padding: 64px 0px 64px 0px; }
  #vehicle-storage-step2 .card {
    background-color: #FFFFFF;
    width: 1128px;
    height: 530px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px 56px; }
    #vehicle-storage-step2 .card .title-row {
      margin-top: 24px;
      padding: 20px 24px;
      background-color: #EAEBEC;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }
    #vehicle-storage-step2 .card .card-header {
      border-bottom: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0; }
      #vehicle-storage-step2 .card .card-header .check-progress {
        height: 48px; }
    #vehicle-storage-step2 .card .card-body {
      padding-top: 0px;
      align-items: center; }
      #vehicle-storage-step2 .card .card-body .row {
        padding-bottom: 32px;
        padding-top: 40px; }
    #vehicle-storage-step2 .card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: 1px solid #EAEBEC; }
      #vehicle-storage-step2 .card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #vehicle-storage-step2 .card .card-footer .btn-ctm-previous:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
      #vehicle-storage-step2 .card .card-footer .btn-email-quote {
        color: #ffffff;
        border-radius: 30px;
        background: #0081C6;
        border: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px;
        margin-right: 24px; }
      #vehicle-storage-step2 .card .card-footer .btn-email-quote:hover {
        color: #ffffff;
        background: #0EB5FC; }
      #vehicle-storage-step2 .card .card-footer .btn-book-now {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 350px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #vehicle-storage-step2 .card .card-footer .btn-book-now:hover {
        color: #ffffff;
        background: #029862; }
      #vehicle-storage-step2 .card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
      #vehicle-storage-step2 .card .card-footer .step4-btn-mobile {
        display: none; }
      #vehicle-storage-step2 .card .card-footer .pr-12 {
        padding-right: 12px !important; }
      #vehicle-storage-step2 .card .card-footer .pl-12 {
        padding-left: 12px !important; }
  @media (max-width: 768px) {
    #vehicle-storage-step2 {
      display: flex;
      align-items: start;
      padding: 48px 0px 64px 0px; }
      #vehicle-storage-step2 .card {
        padding: 13px;
        height: 504px;
        margin-left: 10px;
        margin-right: 10px; }
        #vehicle-storage-step2 .card .card-header .check-progress {
          height: 24px;
          width: auto; }
        #vehicle-storage-step2 .card .title-row {
          margin-top: 28px; }
          #vehicle-storage-step2 .card .title-row .col-12 {
            text-align: center; }
        #vehicle-storage-step2 .card .card-body .location-selection {
          display: block; }
          #vehicle-storage-step2 .card .card-body .location-selection .location-btn {
            height: 64px;
            width: 100%;
            min-width: 344px;
            margin-bottom: 8px;
            font-size: 21px;
            line-height: 27px;
            letter-spacing: -0.63px;
            border-radius: 10px; }
        #vehicle-storage-step2 .card .card-footer {
          padding: 32px 0px 22px 0px;
          margin: 0 13px; }
          #vehicle-storage-step2 .card .card-footer .col-6 {
            padding: 10px 0px 0px; }
            #vehicle-storage-step2 .card .card-footer .col-6 .btn-ctm-previous,
            #vehicle-storage-step2 .card .card-footer .col-6 .btn-email-quote {
              height: 48px;
              width: 100%;
              padding: 0px 16px; }
          #vehicle-storage-step2 .card .card-footer .col-12 .btn-book-now {
            height: 48px;
            width: 100%;
            padding: 0px 16px; }
          #vehicle-storage-step2 .card .card-footer .step4-btn-mobile {
            display: block; }
          #vehicle-storage-step2 .card .card-footer .step-4-btm-desktop {
            display: none; } }

#vehicle-storage-step3 {
  background-color: #0081C6;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0px 0px 64px 0px; }
  #vehicle-storage-step3 .card {
    background-color: #FFFFFF;
    width: 696px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px; }
    #vehicle-storage-step3 .card .btn-close {
      cursor: pointer; }
    #vehicle-storage-step3 .card .card-header {
      border: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px; }
    #vehicle-storage-step3 .card .card-body {
      margin: 0;
      padding: 0; }
      #vehicle-storage-step3 .card .card-body .row {
        margin-top: 24px; }
        #vehicle-storage-step3 .card .card-body .row:first-child {
          margin-top: 20px; }
      #vehicle-storage-step3 .card .card-body input[type="text"],
      #vehicle-storage-step3 .card .card-body input[type="email"],
      #vehicle-storage-step3 .card .card-body input[type="password"],
      #vehicle-storage-step3 .card .card-body input[type="number"],
      #vehicle-storage-step3 .card .card-body input[type="tel"],
      #vehicle-storage-step3 .card .card-body input[type="url"],
      #vehicle-storage-step3 .card .card-body input[type="search"],
      #vehicle-storage-step3 .card .card-body input[type="date"],
      #vehicle-storage-step3 .card .card-body input[type="month"],
      #vehicle-storage-step3 .card .card-body input[type="week"],
      #vehicle-storage-step3 .card .card-body input[type="time"],
      #vehicle-storage-step3 .card .card-body input[type="datetime-local"],
      #vehicle-storage-step3 .card .card-body input[type="color"],
      #vehicle-storage-step3 .card .card-body textarea,
      #vehicle-storage-step3 .card .card-body select {
        width: 100%;
        padding-left: 20px;
        height: 56px;
        display: inline-block;
        border: none;
        border-radius: 10px;
        box-sizing: border-box;
        font-family: 'Nunito', sans-serif;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
        font-family: 'Helvetica', sans-serif;
        color: #344048;
        background-color: #F5F5F5; }
        #vehicle-storage-step3 .card .card-body input[type="text"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="email"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="password"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="number"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="tel"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="url"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="search"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="date"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="month"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="week"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="time"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="datetime-local"]::placeholder,
        #vehicle-storage-step3 .card .card-body input[type="color"]::placeholder,
        #vehicle-storage-step3 .card .card-body textarea::placeholder,
        #vehicle-storage-step3 .card .card-body select::placeholder {
          color: #344048; }
      #vehicle-storage-step3 .card .card-body input[type="text"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="email"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="password"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="number"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="tel"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="url"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="search"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="date"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="month"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="week"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="time"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="datetime-local"]:focus,
      #vehicle-storage-step3 .card .card-body input[type="color"]:focus,
      #vehicle-storage-step3 .card .card-body textarea:focus,
      #vehicle-storage-step3 .card .card-body select:focus {
        border-color: #0081C6;
        outline: none; }
      #vehicle-storage-step3 .card .card-body .btn-ctm-success {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #vehicle-storage-step3 .card .card-body .btn-ctm-success:hover {
        color: #ffffff;
        background: #029862; }
      #vehicle-storage-step3 .card .card-body .pr-12 {
        padding-right: 12px;
        padding-left: 16px; }
      #vehicle-storage-step3 .card .card-body .pr-12 {
        padding-left: 12px; }
  @media (max-width: 768px) {
    #vehicle-storage-step3 .card {
      padding: 24px;
      height: 100%;
      margin-left: 10px;
      margin-right: 10px; }
      #vehicle-storage-step3 .card .card-header .card-header-left {
        width: 100%;
        padding-bottom: 15px; }
      #vehicle-storage-step3 .card .card-header .btn-group {
        justify-content: space-between;
        width: 100%; }
        #vehicle-storage-step3 .card .card-header .btn-group .btn-close {
          width: 50%; }
      #vehicle-storage-step3 .card .card-body {
        padding: 0px 5px; }
        #vehicle-storage-step3 .card .card-body .row {
          margin-top: 0px;
          display: block;
          text-align: center; }
          #vehicle-storage-step3 .card .card-body .row input[type="text"],
          #vehicle-storage-step3 .card .card-body .row input[type="email"],
          #vehicle-storage-step3 .card .card-body .row input[type="password"],
          #vehicle-storage-step3 .card .card-body .row input[type="number"],
          #vehicle-storage-step3 .card .card-body .row input[type="tel"],
          #vehicle-storage-step3 .card .card-body .row input[type="url"],
          #vehicle-storage-step3 .card .card-body .row input[type="search"],
          #vehicle-storage-step3 .card .card-body .row input[type="date"],
          #vehicle-storage-step3 .card .card-body .row input[type="month"],
          #vehicle-storage-step3 .card .card-body .row input[type="week"],
          #vehicle-storage-step3 .card .card-body .row input[type="time"],
          #vehicle-storage-step3 .card .card-body .row input[type="datetime-local"],
          #vehicle-storage-step3 .card .card-body .row input[type="color"],
          #vehicle-storage-step3 .card .card-body .row textarea,
          #vehicle-storage-step3 .card .card-body .row select {
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0; }
          #vehicle-storage-step3 .card .card-body .row .col-12 {
            padding: 12px; }
      #vehicle-storage-step3 .card .card-footer {
        padding: 32px 0px 22px 0px; }
        #vehicle-storage-step3 .card .card-footer .btn-ctm-success {
          height: 48px;
          width: 100%;
          padding: 8px 16px; } }

#vehicle-storage-step4 {
  background-color: #e5f8ff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 64px 0px 64px 0px; }
  #vehicle-storage-step4 .card {
    min-height: 600px; }
  #vehicle-storage-step4 .first-card {
    background-color: #FFFFFF;
    width: 696px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 20px; }
    #vehicle-storage-step4 .first-card .title-row {
      margin-top: 12px;
      padding: 20px 24px;
      background-color: #EAEBEC;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }
    #vehicle-storage-step4 .first-card .card-body {
      margin: 0; }
      #vehicle-storage-step4 .first-card .card-body .row {
        padding-bottom: 24px;
        padding-top: 24px;
        border-bottom: solid 1px #EAEBEC; }
        #vehicle-storage-step4 .first-card .card-body .row:first-child {
          padding-top: 10px; }
        #vehicle-storage-step4 .first-card .card-body .row:last-child {
          border-bottom: none; }
    #vehicle-storage-step4 .first-card .card-footer {
      padding: 48px 0px 0px 0px;
      background-color: #FFFFFF;
      border-top: none; }
      #vehicle-storage-step4 .first-card .card-footer .btn-ctm-previous {
        color: #858C91;
        border-radius: 30px;
        border: 2px solid #858C91;
        background: none;
        cursor: pointer;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #vehicle-storage-step4 .first-card .card-footer .btn-ctm-previous:hover {
        color: #ffffff;
        border: 2px solid #0081C6;
        background: #0081C6; }
      #vehicle-storage-step4 .first-card .card-footer svg {
        width: 24px;
        height: 24px;
        fill: currentColor; }
  #vehicle-storage-step4 .second-card {
    background-color: #FFFFFF;
    width: 696px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    border: none;
    padding: 32px; }
    #vehicle-storage-step4 .second-card .btn-close {
      cursor: pointer; }
    #vehicle-storage-step4 .second-card .card-header {
      border: none;
      border-radius: 20px 20px 0px 0px;
      background: #FFFFFF;
      justify-content: space-between;
      display: flex;
      padding: 0px; }
    #vehicle-storage-step4 .second-card .card-body {
      margin: 0;
      padding: 0; }
      #vehicle-storage-step4 .second-card .card-body .row {
        margin-top: 24px; }
        #vehicle-storage-step4 .second-card .card-body .row:first-child {
          margin-top: 20px; }
      #vehicle-storage-step4 .second-card .card-body input[type="text"],
      #vehicle-storage-step4 .second-card .card-body input[type="email"],
      #vehicle-storage-step4 .second-card .card-body input[type="password"],
      #vehicle-storage-step4 .second-card .card-body input[type="number"],
      #vehicle-storage-step4 .second-card .card-body input[type="tel"],
      #vehicle-storage-step4 .second-card .card-body input[type="url"],
      #vehicle-storage-step4 .second-card .card-body input[type="search"],
      #vehicle-storage-step4 .second-card .card-body input[type="date"],
      #vehicle-storage-step4 .second-card .card-body input[type="month"],
      #vehicle-storage-step4 .second-card .card-body input[type="week"],
      #vehicle-storage-step4 .second-card .card-body input[type="time"],
      #vehicle-storage-step4 .second-card .card-body input[type="datetime-local"],
      #vehicle-storage-step4 .second-card .card-body input[type="color"],
      #vehicle-storage-step4 .second-card .card-body textarea,
      #vehicle-storage-step4 .second-card .card-body select {
        width: 100%;
        padding-left: 20px;
        height: 56px;
        display: inline-block;
        border: none;
        border-radius: 10px;
        box-sizing: border-box;
        font-family: 'Nunito', sans-serif;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
        font-family: 'Helvetica', sans-serif;
        color: #344048;
        background-color: #F5F5F5; }
        #vehicle-storage-step4 .second-card .card-body input[type="text"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="email"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="password"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="number"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="tel"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="url"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="search"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="date"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="month"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="week"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="time"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="datetime-local"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body input[type="color"]::placeholder,
        #vehicle-storage-step4 .second-card .card-body textarea::placeholder,
        #vehicle-storage-step4 .second-card .card-body select::placeholder {
          color: #344048; }
      #vehicle-storage-step4 .second-card .card-body input[type="text"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="email"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="password"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="number"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="tel"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="url"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="search"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="date"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="month"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="week"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="time"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="datetime-local"]:focus,
      #vehicle-storage-step4 .second-card .card-body input[type="color"]:focus,
      #vehicle-storage-step4 .second-card .card-body textarea:focus,
      #vehicle-storage-step4 .second-card .card-body select:focus {
        border-color: #0081C6;
        outline: none; }
      #vehicle-storage-step4 .second-card .card-body .btn-ctm-success {
        color: #ffffff;
        border-radius: 30px;
        background: #2BB413;
        border: none;
        cursor: pointer;
        width: 242px;
        height: 56px;
        padding: 8px 24px;
        gap: 24px; }
      #vehicle-storage-step4 .second-card .card-body .btn-ctm-success:hover {
        color: #ffffff;
        background: #029862; }
      #vehicle-storage-step4 .second-card .card-body .pr-12 {
        padding-right: 12px;
        padding-left: 16px; }
      #vehicle-storage-step4 .second-card .card-body .pr-12 {
        padding-left: 12px; }
  @media (max-width: 768px) {
    #vehicle-storage-step4 {
      display: block;
      padding: 48px 24px 64px 24px; }
      #vehicle-storage-step4 .card {
        min-height: auto; }
      #vehicle-storage-step4 .first-card, #vehicle-storage-step4 .second-card {
        width: 100%; }
      #vehicle-storage-step4 .first-card .full-width {
        width: 100%; }
      #vehicle-storage-step4 .second-card {
        margin-bottom: 48px; }
      #vehicle-storage-step4 .ctm-order-2 {
        order: 2; }
      #vehicle-storage-step4 .ctm-order-1 {
        order: 1; }
      #vehicle-storage-step4 .first-card .card-footer, #vehicle-storage-step4 .second-card .card-footer {
        padding: 32px 0px 16px 0px; }
      #vehicle-storage-step4 .first-card .btn-ctm-previous, #vehicle-storage-step4 .second-card .btn-ctm-success {
        height: 48px;
        width: 100%;
        padding: 8px 16px; }
      #vehicle-storage-step4 .first-card .card-body .row:last-child, #vehicle-storage-step4 .second-card .card-body .row:last-child {
        border-bottom: 1px solid #EAEBEC; }
      #vehicle-storage-step4 .row {
        margin-top: 0px !important;
        text-align: center; }
        #vehicle-storage-step4 .row input[type="text"],
        #vehicle-storage-step4 .row input[type="email"],
        #vehicle-storage-step4 .row input[type="password"],
        #vehicle-storage-step4 .row input[type="number"],
        #vehicle-storage-step4 .row input[type="tel"],
        #vehicle-storage-step4 .row input[type="url"],
        #vehicle-storage-step4 .row input[type="search"],
        #vehicle-storage-step4 .row input[type="date"],
        #vehicle-storage-step4 .row input[type="month"],
        #vehicle-storage-step4 .row input[type="week"],
        #vehicle-storage-step4 .row input[type="time"],
        #vehicle-storage-step4 .row input[type="datetime-local"],
        #vehicle-storage-step4 .row input[type="color"],
        #vehicle-storage-step4 .row textarea,
        #vehicle-storage-step4 .row select {
          font-size: 18px;
          line-height: 25px;
          letter-spacing: 0; }
        #vehicle-storage-step4 .row .col-12 {
          padding: 12px; } }

.delivery-date-container, .dropoff-date-container, .pickup-date-container {
  position: relative; }
  .delivery-date-container .Zebra_DatePicker_Icon_Wrapper, .dropoff-date-container .Zebra_DatePicker_Icon_Wrapper, .pickup-date-container .Zebra_DatePicker_Icon_Wrapper {
    width: 100%; }
  .delivery-date-container .Zebra_DatePicker_Icon, .dropoff-date-container .Zebra_DatePicker_Icon, .pickup-date-container .Zebra_DatePicker_Icon {
    display: none !important; }
  .delivery-date-container .Zebra_DatePicker, .dropoff-date-container .Zebra_DatePicker, .pickup-date-container .Zebra_DatePicker {
    top: 100% !important;
    left: 0 !important;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 7px; }

/*# sourceMappingURL=style.css.map */
