.package-menu {
  border: 1px solid #e1e4e9;
  border-radius: 12px;
  box-shadow: 0px 1px 3px 0px #15181d1a;
}

.package-menu .header {
  padding: 12px;
  border-bottom: 1px solid #e1e4e9;
  background: #f5f6f8;
  border-radius: 11px 11px 0 0;
  z-index: unset;
}

.package-menu .footer {
  padding: 12px;
  border-top: 1px solid #e1e4e9;
  background: #f5f6f8;
  border-radius: 0 0 11px 11px;
}

.package-menu .content {
  padding: 16px 12px;
  display: column;
}

.calculator-content {
  margin-top: 1rem;
  gap: 4rem;
  display: flex;
}

.package-navigation {
  width: 25%;
}

.package-content {
  width: 70%;
}

.package-item {
  padding: 12px;
  margin: 1rem 0;
}

.package-item:hover {
  cursor: pointer;
}

.package-item-active {
  background: #ebf3ff;
  border: 1px solid #aeceff;
  border-radius: 8px;
}

.package-navigation-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #15181d;
}

.package-content-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #000;
}

.highlight {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #373f4e;
  width: 20%;
}

.description {
  width: 75%;
}

.detail-highlight {
  display: flex;
  gap: 0.5rem;
}

.service__list {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.desc-title {
  font-size: 30px;
  font-weight: 800;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--color-slate-100);
  margin-bottom: 0px;
  text-transform: uppercase;
}

.navigation-back {
  display: flex;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #0b6cff;
  margin-bottom: 1rem;
}

.service__card {
  background: var(--color-slate-10);
  border: 1px solid var(--color-slate-30);
  border-radius: var(--space-8);
  overflow: hidden;
  padding: 0 2rem;
}

.service__container {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--space-8);
  justify-content: space-between;
  padding: var(--space-16) 0;
}

.service__title {
  margin-right: auto;
  margin-bottom: 0;
}

.service-pricing__card {
  overflow: hidden;
}

.service-pricing__container {
  /*   border: 1px solid var(--color-slate-30); */
  border-radius: 12px;
  padding: 12px;
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--space-8);
  justify-content: space-between;
  background: #f5f6f8;
}

.service__pricing {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  margin-bottom: 0px;
  color: var(--color-slate-100);
}

.service__detail {
  border-top: 1px dashed var(--color-slate-30);
  padding: var(--space-24) 0;
}

.service-pricing__detail {
  padding: var(--space-24);
  padding-top: 0.5rem;
}

.cost-estimation {
  margin-left: 2rem;
  border: 1px solid #e1e4e9;
  border-radius: 8px;
}

.cost-header {
  padding: 12px;
  border-bottom: 1px solid #e1e4e9;
  background: #f5f6f8;
  border-radius: 6px 6px 0 0;
}

.cost-detail {
  padding: 1rem;
}

.cost {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
}

table {
  border-collapse: separate;
  margin-bottom: 1rem;
  width: 100%;
  text-align: left;
  overflow: auto;
  border-spacing: 0;
}

th:first-child {
  border-radius: 6px 0 0;
}

th:last-child {
  border-radius: 0 6px 0 0;
}

table thead tr {
  border-bottom: 2px solid #000;
}

table thead,
table tr:nth-child(2n) {
  background-color: #f5f6f8;
}
.list-pricing {
  border-bottom: 1px solid #e1e4e9;
}

.floating-package {
  background-color: #fff;
}

.place-bottom {
  place-content: end;
}

.item-pricing {
  padding: 0.5px 2rem;
}
.list-pricing .item-pricing:nth-child(2n + 1) {
  background-color: #f5f6f8;
}

.estimation-sticky {
  position: fixed;
  top: 2rem;
/*   margin-right: 1rem; */
  width: 307px;
}

table tr {
  background-color: #fff;
  border-bottom: 1px solid #e1e4e9;
}

td:first-child {
  border-left: 1px solid #e1e4e9;
}
td:last-child {
  border-right: 1px solid #e1e4e9;
}

table td,
table th {
  padding: 1rem;
}

table th {
  background-color: #15181d;
  color: #fff;
  font-weight: 500;
  width: 50%;
}

table td {
  color: #15181d;
  border-bottom: 1px solid #e1e4e9;
}

tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.slate-80 {
  color: var(--color-slate-80);
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.table-info {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: var(--color-slate-80);
}

.cost-separator {
  border: 0.5px dashed #b8bfcd;
}

.cost-info {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: var(--color-slate-80);
  margin-bottom: 0;
}

.font-medium {
  font-size: 16px;
}

.font-normal {
  font-size: 14px;
}

.mb-2 {
  margin-bottom: 1rem;
}
.mb-0 {
  margin-bottom: 1rem;
}

.noselect {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.cost-summary {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  text-align: right;
  margin-bottom: 0;
  color: var(--color-slate-100);
  text-align: right;
}

.indend {
  padding-left: 3rem;
}

.slate-90 {
  color: var(--color-slate-90);
}

.bold {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.black {
  color: var(--color-slate-100);
}

.estimation-container {
  width: 40%;
}
@media (max-width: 767px) {
  table {
    display: block;
  }

  .estimation-container {
    width: 100%;
  }
}

.floating-bottom-bar {
  border-top: 1px solid #e1e4e9;
  box-shadow: 0px -4px 24.7px 0px #0000000d;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-slate-10);
  width: 100%;
  display: flex;
  gap: 10px;
  z-index: 1000;
  padding: 2rem;
}

.footer-floating {
  box-shadow: 0px -4px 20px 0px #00000026;
  border: 1px solid #e1e4e9;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f5f6f8;
  width: 100%;
  display: none;
  gap: 10px;
  z-index: 1000;
  padding: 2rem;
}

.bottom-bar-btn {
  background-color: #f39c12;
  color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
}

.float-menu-container {
  display: flex;
  margin: auto;
  max-width: 1140px;
  width: 100%;
  justify-content: space-around;
  align-self: center;
}

.left-section {
  display: flex;
  align-items: center;
}

.right-section {
  display: flex;
  align-items: baseline;
}

.float-desc-menu {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  margin-bottom: 0px;
}

.estimation {
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  margin-bottom: 0px;
  color: var(--color-slate-100);
}

.template-name {
  font-weight: 600;
}

.stop-floating {
  position: relative;
  box-shadow: none;
  margin-top: 2rem;
}

.float-price {
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: 0px;
  margin-left: 0.5rem;
  color: #0b6cff;
}

.calculator-service-card {
  border-radius: 12px;
  border: 1px solid #e1e4e9;
  box-shadow: 0px 1px 3px 0px #15181d1a;
  box-shadow: 0px -1px 0px 0px #15181d1a inset;
  padding: 8px 24px 8px 24px;
  width: 100%;
}

.start-now-button {
  margin-left: 1rem;
}

.w-full {
  width: 100%;
}

.service-lists-package {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1rem;
}

@media (max-width: 767px) {
  .calculator-content {
    flex-direction: column;
  }

  .calculator-header {
    width: 100%;
  }

  .calculator-content {
    width: 100%;
  }

  .package-navigation {
    width: 100%;
  }
  .package-content {
    width: 100%;
  }

  .footer-floating {
    display: flex;
  }

  .float-menu-container {
    flex-direction: column;
  }

  .left-section {
    justify-content: space-between;
  }

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

  .float-desc-menu {
    width: 100%;
  }

  .start-now-button {
    margin-left: 0;
    margin-top: 1rem;
  }
}

.service-item-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: var(--color-slate-100);
}

.service-item-ais-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: var(--color-slate-100);
}

.enterprise-recommend {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #000;
}

.pricing-item {
  position: relative;
  padding-left: 2rem;
  margin-top: 12px;
}

.pricing-item::before {
  border: 1px solid #b8bfcd;
  border-bottom-left-radius: var(--space-12);
  border-right: 0;
  border-top: 0;
  content: '';
  left: -14px;
  position: absolute;
  /*   top: -5%; */
  width: 2rem;
  bottom: 75%;
  height: 1000px;
}

.pricing-item:first-child::before {
  height: 20px;
  top: -8px;
}

.service__detail-container {
  overflow: hidden;
  margin-top: 1rem;
}
/* 
.service-pricing__detail::before{
border-left: 1px solid var(--color-primary-base);
content: "";
left: -14px;
position: absolute;
top: -5%;
width: 2rem;
bottom: 93%;
}

*/
.gid__base-product-list {
  display: flex;
  gap: 12px;
  margin-bottom: var(--space-24);
  flex-wrap: wrap;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .gid__base-product-list {
    flex-direction: column;
  }
}
.gid__base-product-item {
  flex: 48% 0;
}
.gid__base-product-checkbox {
  display: none;
}
.gid__base-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--space-12);
  border: 1px solid var(--color-slate-30);
  padding: var(--space-16);
  background: var(--color-slate-10);
  justify-content: space-between;
  font-weight: 400;
}
.gid__base-product-checkbox:checked ~ .gid__base-product-card,
.gid__base-product-item--summary .gid__base-product-card {
  border-color: var(--color-primary-base);
}

.gid__base-product-checkbox:checked
  ~ .gid__base-product-card
  .service-item-title {
  color: var(--color-primary-base);
}

.gid__base-product-checkbox:checked
  ~ .gid__base-product-card
  .ais-service-title {
  color: var(--color-primary-base);
}

.service-item-subtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0px;
  color: #5a677f;
}

label.gid__base-product-card {
  cursor: pointer;
}

.gid__base-product-header {
  position: relative;
  text-align: left;
}
.gid__base-product-header-title {
  font-weight: 700;
  margin-bottom: var(--space-4);
  display: flex;
  align-items: left;
  place-content: center;
  justify-content: left;
}
.gid__base-product-header-price {
  color: var(--color-primary-base);
  font-weight: 500;
  font-size: var(--body-2-font-size);
  line-height: var(--body-2-leading);
  margin: 0;
}
.gid__base-product-header-marker {
  background: var(--color-slate-30);
  border-radius: 50px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gid__base-product-checkbox:checked
  ~ .gid__base-product-card
  .gid__base-product-header-marker,
.gid__base-product-item--summary
  .gid__base-product-card
  .gid__base-product-header-marker {
  background: var(--color-primary-base);
}
.gid__base-product-header-marker:before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  background: var(--color-slate-10);
  border-radius: 99px;
}
.gid__base-product-checkbox:checked
  ~ .gid__base-product-card
  .gid__base-product-header-marker:before,
.gid__base-product-item--summary
  .gid__base-product-card
  .gid__base-product-header-marker:before {
  width: 10px;
  height: 10px;
}
.gid__base-product-separator {
  border-color: var(--color-slate-30);
  margin: var(--space-12) 0;
}
.gid__base-product-description {
  font-size: var(--body-2-font-size);
  line-height: var(--body-2-leading);
}
.gid__base-product-cta-container {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  margin-top: var(--space-12);
}
.gid__base-product-cta-container .button {
  width: 100%;
}

.input-wrapper {
  display: flex;
  gap: 1rem;
}

.input-range {
  width: 100%;
}

.input-number {
  border: 1px solid #00000026;
  border-radius: 8px !important;
  padding: 4px;
  width: 50%;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ams-server-type {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  color: #0b6cff;
  margin-bottom: 0px;
}

.input-select {
  width: 100%;
  border: 1px solid #b8bfcd;
  padding: 8px 12px;
  border-radius: 4px;
  appearance: none; /* Hide the default chevron */
  background: url('data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7%2010.5L14%2017.5L21%2010.5%22%20stroke%3D%22%237B89A1%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E')
    no-repeat right 10px center;
  background-size: 18px; /* Adjust icon size as needed */
}

.navigation-back:hover {
  cursor: pointer;
}

.traffic-card {
  border: 1px dashed #aeceff;
  background: #ebf3ff;
  padding: 1rem;
  border-radius: 12px;
  margin-bottom: 1rem;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: normal;
}

.service__list-item {
  margin-bottom: 1rem;
}

.d-flex {
  display: flex;
}

.d-flex-gap {
  display: flex;
  gap: 0.5rem;
}

.d-flex-gap-ais {
  display: flex;
  gap: 0.5rem;
  min-height: 98px;
}

.retention {
  min-height: 46px;
  margin-bottom: 2rem !important;
}

.accumulate {
  min-height: 69px;
  margin-bottom: 2.3rem !important;
}

.standard {
  margin-bottom: 5.2rem !important;
  min-height: 43px;
}

.input-suffix {
  background: #f5f6f8;
  width: 50%;
  min-width: 45%;
  border: 1px solid #00000026;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 4px;
  border-left: none;
}

.slider-container {
  position: relative;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 12px;
}

.slider {
  background: #91d5ff;
}

.tooltip {
  position: absolute;
  top: -50px;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  min-width: 20px;
  font-size: 12px;
  white-space: nowrap;
  transform: translateX(-50%);
  visibility: hidden;
}

.slider-container {
  display: flex;
  position: relative;
}

.tooltip::after {
  content: '';
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.range-container {
  position: relative;
  width: 100%;
}

.max-content {
  height: max-content;
  max-width: 25%;
  min-width: 25%;
}

.range-labels {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 4px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.range-labels span {
  font-size: 14px;
  color: #333;
}

.range-container:hover .tooltip {
  visibility: visible;
}

.contact-us {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f5f6f8;
  border-radius: 12px;
  padding: 1rem;
}

.detail-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: var(--color-primary-base);
  text-decoration: underline;
}

.ais-service-container {
  display: flex;
  padding: 1rem;
  gap: 1.5rem;
}

.ais-service-desc {
  flex: 1 1 0;
}

.font-small {
  font-size: 14px;
  margin-bottom: 0px;
}

.dashed {
  border: 1px dashed #b8bfcd;
}

.ais-service-title {
  font-family: Blinker;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 0px;
  color: #15181d;
}

.ais-card {
  gap: 10px;
  justify-content: normal;
}

input[type='number'] {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #15181d;
}
/* 
input[type="range"] {
appearance :none;
background: none;
cursor: pointer;
}

input[type="range" i]::-webkit-slider-thumb{
height: var(--s);
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 0 0 0 var(--_b,var(--l)) inset var(--_c);
border-image: linear-gradient(90deg,var(--_c) 50%,#ababab 0) 0 1/calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));
-webkit-appearance: none;
appearance: none;
transition: .3s;
}
/* Firefox 
input[type="range"]::-moz-range-thumb {
height: var(--s);
width: var(--s);
background: none;
border-radius: 50%;
box-shadow: 0 0 0 var(--_b,var(--l)) inset var(--_c);
border-image: linear-gradient(90deg,var(--_c) 50%,#ababab 0) 0 1/calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));
-moz-appearance: none;
appearance: none;
transition: .3s;
}
*/
.input-select option {
  font-family: var(--base-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #15181d;
}

.service-option-detail {
  display: none;
}
.service-option-detail-info {
  display: block;
}
@media (max-width: 767px) {
  .service-option-detail {
    display: block;
    margin-bottom: 1rem;
  }
  .service-option-detail-info {
    display: none;
  }

  .retention {
    min-height: unset;
    margin-bottom: 0px !important;
  }

  .accumulate {
    min-height: unset;
    margin-bottom: 0px !important;
  }

  .standard {
    min-height: unset;
    margin-bottom: 0px !important;
  }

  .input-number {
    width: 100%;
  }

  .max-content {
    max-width: unset !important;
  }

  .slider-container {
    flex-flow: column-reverse;
  }

  .pricing-item::before {
    content: none;
  }

  .pricing-item {
    padding-left: 0;
  }

  .cost-info {
    max-width: 52%;
  }

  .service-pricing__detail {
    padding: var(--space-10);
  }

  .d-flex-gap-ais {
    min-height: unset;
  }

  .ais-service-container {
    padding: 0 1rem;
  }

  .gid__base-product-list {
    margin-top: 0px;
  }
}
/* 
input[type="range"]::-webkit-slider-runnable-track {
background: linear-gradient(to right, #ddd, #888);
height: 5px;
}


input[type="range"]::-webkit-slider-thumb {
width: 15px;
height: 15px;
background: #555;
border-radius: 50%;
cursor: pointer;
margin-top: -5px; 
} */

.gid__summary-details-card {
  width: 480px;
  max-width: 100%;
  padding: var(--space-16) var(--space-24) var(--space-32);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--l-spacing-l-40, 40px);
  border-radius: var(--space-12);
  border: 1px solid var(--color-slate-30);
  background: var(--color-slate-10);
  box-shadow: 0px 1px 3px 0px rgba(21, 24, 29, 0.1),
    0px -1px 0px 0px rgba(21, 24, 29, 0.1) inset;
}
.gid__summary-details-card h2 {
  margin-bottom: var(--space-32);
}

.gid__info-form-input-group {
  display: flex;
  flex-direction: column;
}
.gid__info-form-input-group:not(last-child) {
  margin-bottom: var(--space-32);
}
.gid__info-form-label {
  margin-bottom: var(--space-2);
  font-weight: 500;
  font-size: var(--body-2-font-size);
  line-height: var(--body-2-leading);
}
.gid__info-form-input {
  border-radius: var(--space-4);
  border: 1px solid var(--color-slate-40);
  background: var(--color-slate-10);
  padding: var(--space-8) var(--space-12);
}
.gid__subscribe {
  margin-top: var(--space-20);
}
.gid__subscribe-title {
  color: var(--color-slate-70);
  font-size: var(--caption-font-size);
  line-height: var(--caption-leading);
  font-weight: 500;
  margin-bottom: var(--space-8);
}
.gid__subscribe-checkbox {
  display: none;
}
.gid__subscribe-label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.gid__subscribe-check-icon {
  color: var(--color-slate-10);
  width: var(--space-20);
  height: var(--space-20);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-slate-40);
  border-radius: var(--space-4);
}
.gid__subscribe-checkbox:checked ~ .gid__subscribe-label .gid__subscribe-check-icon {
  background-color: var(--color-primary-base);
  border-color: var(--color-primary-base);
}
.gid__subscribe-text {
  margin-left: 10px;
}
.gid__subscribe-text p {
  font-size: var(--body-2-font-size);
  line-height: var(--body-2-leading);
  font-weight: 500;
  color: var(--color-slate-100);
  margin: 0;
}

/* Bottom sheet */

.show-modal {
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 6px;
  font-size: 1.2rem;
  padding: 15px 22px;
  background: #4a98f7;
  transition: 0.3s ease;
  box-shadow: 0 10px 18px rgba(52, 87, 220, 0.18);
}
.show-modal:hover {
  background: #2382f6;
}
.bottom-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  opacity: 1;
  pointer-events: auto;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  transition: 0.1s linear;
  z-index: 5;
  visibility: hidden;
}
.bottom-sheet.show {
  opacity: 1;
  pointer-events: auto;
}
.bottom-sheet .sheet-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  opacity: 0;
  background: #000;
}
.bottom-sheet .content {
  width: 100%;
  position: relative;
  background: #0b6cff;
  max-height: 100vh;
  height: 5vh;
  max-width: 1150px;
  padding: 8px 0px;
  transform: translateY(100%);
  border-radius: 12px 12px 0 0;
  box-shadow: 1px -11px 20px 20px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
}
.bottom-sheet.show .content {
  transform: translateY(0%);
}
.bottom-sheet.dragging .content {
  transition: none;
}
.bottom-sheet.fullscreen .content {
  border-radius: 0;
  overflow-y: hidden;
}
.bottom-sheet .header-sheet {
  display: flex;
  justify-content: center;
  background: #0b6cff;
  flex-direction: column;
}
.header-sheet .drag-icon {
  cursor: grab;
  user-select: none;
  padding: 15px;
  margin-top: -15px;
  padding-bottom: 0px;
  align-self: center;
}
.header-sheet .drag-icon span {
  height: 4px;
  width: 40px;
  display: block;
  background: #c7d0e1;
  border-radius: 50px;
}
.bottom-sheet .body {
  height: 100%;
  overflow-y: auto;
  padding: 15px 0 40px;
  scrollbar-width: none;
}
.bottom-sheet .body::-webkit-scrollbar {
  width: 0;
}
.bottom-sheet .body h2 {
  font-size: 1.8rem;
}
.bottom-sheet .body p {
  margin-top: 20px;
  font-size: 1.05rem;
}

.cost-bottom-sheet {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 0;
  text-align: right;
  color: white;
}

@media (max-width: 767px) {
  .bottom-sheet .content {
    transform: translateY(0%);
  }

  .bottom-sheet {
    visibility: visible;
  }
}

.provider-radio {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.provider-radio .provider-item {
  display: flex;
  align-items: baseline;
}

.mt-2 {
  margin-top: 2rem;
}

table {
  border-collapse: separate;
  margin-bottom: 1rem;
  width: 100%;
  display: inline-table;
  text-align: left;
  overflow: auto;
  border-spacing: 0;
}

th:first-child {
  border-radius: 6px 0 0;
}

th:last-child {
  border-radius: 0 6px 0 0;
}

table thead tr {
  border-bottom: 2px solid #000;
}

table thead,
table tr:nth-child(2n) {
  background-color: #f5f6f8;
}

table tr {
  background-color: #fff;
  border-bottom: 1px solid #e1e4e9;
}

td:first-child {
  border-left: 1px solid #e1e4e9;
}
td:last-child {
  border-right: 1px solid #e1e4e9;
}

table td,
table th {
  padding: 1rem;
}

table th {
  background-color: #042455;
  color: #fff;
  font-weight: 500;
}

table td {
  color: #15181d;
  border-bottom: 1px solid #e1e4e9;
}

tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

@media (max-width: 767px) {
  table {
    display: block;
  }
}

.modal__title-estimate {
  font-size: var(--heading-2-font-size);
  word-spacing: var(--heading-2-word-spacing);
  font-family: Blinker;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 1rem;
  color: #15181d;
}

.download-estimate-modal__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  padding: 90px var(--space-16);
}

.download-estimate-modal__container {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.download-estimate-modal__container::-webkit-scrollbar {
  display: none;
}

.download-estimate-modal__container .modal__box {
  padding: var(--space-40);
  border-radius: var(--space-12);
}
.download-estimate-modal__close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}