@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");

:root {
  --cloudbud-color-text-primary: #000000de;
  --cloudbud-color-text-secondary: #00000099;
  --cloudbud-color-text-disabled: #00000061;
  --cloudbud-color-divider: #0000001f;
  --cloudbud-color-warning-main: #ef6c00;
  --cloudbud-color-primary-main: #2196f3;
  --cloudbud-color-components-alert-primary-background: #e5f6fd;
  --cloudbud-color-success-main: #2e7d32;
  --cloudbud-color-components-alert-success-background: #edf7ed;
  --cloudbud-color-error-main: #d32f2f;
  --cloudbud-color-components-alert-error-background: #fdeded;
  --cloudbud-color-grey-500: #9e9e9e;
  --cloudbud-color-grey-900: #212121;
}

body {
  font-family: "Poppins", sans-serif;
  background-color: white !important;
}

.cloudbud-main-body {
  padding: 0 !important;
  min-height: 0 !important;
}

.cloudbud-header {
  border-bottom: 1px solid var(--cloudbud-color-divider);
}

.cloudbud-header .cart-btn {
  padding: 8px !important;
}

.cloudbud-navbar a {
  color: var(--cloudbud-color-text-secondary) !important;
}

.cloudbud-navbar .navbar-collapse {
  padding-bottom: 24px !important;
}

.cloudbud-footer {
  background-color: #f7f7f7;
  color: var(--cloudbud-color-text-disabled);
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 12px;
  list-style: 166%;
  letter-spacing: 0.4px;
}

.cloudbud-footer .cloudbud-changelang-btn {
  background-color: transparent;
  color: var(--cloudbud-color-text-secondary);
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
}

.cloudbud-login-container {
  display: flex;
  height: 100%;
}

.cloudbud-login-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 180px 24px;
}

.cloudbud-login-right {
  height: 100%;
  width: 590px;
  background: linear-gradient(180deg, #dff1ff 0%, #ffffff 100%);
}

.cloudbud-login-right-top {
  padding: 56px 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cloudbud-login-right-bottom {
  padding: 24px 48px 48px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cloudbud-login-right-bottom-title {
  color: var(--cloudbud-color-text-secondary);
  margin-bottom: 24px;
}

.cloudbud-login-right-bottom-title .highlight {
  color: var(--cloudbud-color-warning-main);
  font-weight: 600;
}

.cloudbud-login-right-bottom-points {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 0;
}

.cloudbud-login-right-bottom-point {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--cloudbud-color-text-primary);
  font-weight: 600;
}

.cloudbud.form-control-label {
  color: var(--cloudbud-color-text-secondary) !important;
  font-size: 12px !important;
}

.cloudbud.form-control {
  padding: 16px 12px !important;
  border-radius: 8px !important;
  background-color: white !important;
  height: auto !important;
  color: var(--cloudbud-color-text-primary) !important;
}

.cloudbud.form-control::placeholder {
  color: var(--cloudbud-color-text-secondary) !important;
}

.cloudbud.btn-primary {
  background-color: var(--cloudbud-color-primary-main) !important;
  color: white !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 26px !important;
  letter-spacing: 0.46px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border: none !important;
}

.cloudbud.btn-light {
  background-color: white !important;
  color: var(--cloudbud-color-grey-900) !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 26px !important;
  letter-spacing: 0.46px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border: none !important;
}

.cloudbud.btn-dark {
  background-color: var(--cloudbud-color-grey-900) !important;
  color: white !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 26px !important;
  letter-spacing: 0.46px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border: none !important;
}

.cloudbud.btn-default {
  background-color: white !important;
  color: var(--cloudbud-color-grey-900) !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 26px !important;
  letter-spacing: 0.46px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border: 1px solid #00000080;
}

.cloudbud.btn-lg {
  padding: 8px 22px !important;
}

.cloudbud.form-check-input {
  position: static !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.cloudbud.form-check-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 14px !important;
}

.cloudbud-typography-body1 {
  font-size: 16px !important;
  line-height: 150%; /* 24px */
  letter-spacing: 0.15px;
}

.cloudbud-typography-body2 {
  font-size: 14px !important;
  line-height: 143% !important;
  letter-spacing: 0.17px !important;
}

.cloudbud-typography-h4 {
  font-size: 34px;
  line-height: 124%;
  letter-spacing: 0.25px;
}

.cloudbud-typography-h5 {
  font-size: 24px;
  line-height: 160%;
}

.cloudbud-typography-h6 {
  font-size: 20px;
  line-height: 133.4%; /* 32.016px */
}

.cloudbud-color-primary-main {
  color: var(--cloudbud-color-primary-main) !important;
}

.cloudbud-color-text-primary {
  color: var(--cloudbud-color-text-primary) !important;
}

.cloudbud-color-warning-main {
  color: var(--cloudbud-color-warning-main) !important;
}

.cloudbud-color-text-secondary {
  color: var(--cloudbud-color-text-secondary) !important;
}

.cloudbud-color-text-disabled {
  color: var(--cloudbud-color-text-disabled) !important;
}

.cloudbud-font-normal {
  font-weight: 400 !important;
}

.cloudbud-font-medium {
  font-weight: 500 !important;
}

.cloudbud-font-semibold {
  font-weight: 600 !important;
}

.cloudbud.alert {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: 0.15px;
  padding: 14px 16px !important;
  border-radius: 8px !important;
  border: none !important;
}

.cloudbud.alert-primary {
  color: var(--cloudbud-color-primary-main) !important;
  background-color: var(
    --cloudbud-color-components-alert-primary-background
  ) !important;
}

.cloudbud.alert-success {
  color: var(--cloudbud-color-success-main) !important;
  background-color: var(
    --cloudbud-color-components-alert-success-background
  ) !important;
}

.cloudbud.alert-danger {
  color: var(--cloudbud-color-error-main) !important;
  background-color: var(
    --cloudbud-color-components-alert-error-background
  ) !important;
}

.cloudbud-forgot-password-container {
  flex: 1;
  padding: 198px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cloudbud-forgot-password-container-inner {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.cloudbud-sidebar-expandable-card {
  border-radius: 16px !important;
  background: var(--backgorund-default, #fff) !important;
  box-shadow: -2px 4px 24px 4px rgba(10, 13, 18, 0.06) !important;
  overflow: hidden !important;
  border: none !important;
}

.cloudbud-sidebar-expandable-card-header {
  background-color: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  padding: 16px !important;
}

.cloudbud-sidebar-expandable-card .list-group-item {
  padding: 12px 16px !important;
  border: none !important;
}

.cloudbud-sidebar-expandable-card .list-group-item.active {
  background-color: #2196f31a !important;
  color: var(--cloudbud-color-primary-main) !important;
  font-weight: 600 !important;
}

.cloudbud-products-container {
  padding: 48px 15px !important;
  margin: auto !important;
}

.cloudbud-text-grey-500 {
  color: var(--cloudbud-color-grey-500) !important;
}

.cloudbud.product {
  padding: 24px !important;
  border-radius: 16px !important;
  border: none !important;
  background: var(--background-default, #fff) !important;
  box-shadow: -2px 4px 24px 4px rgba(10, 13, 18, 0.06) !important;
}

.cloudbud.product header {
  text-align: center;
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 32px */
  letter-spacing: 0.15px;
  color: var(--cloudbud-color-text-primary);
}

.cloudbud.product .product-features ul {
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

.cloudbud.product .product-features ul li {
  padding: 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--cloudbud-color-divider) !important;
  color: var(--cloudbud-color-text-secondary) !important;
}

.cloudbud.product .product-features ul li strong {
  color: var(--cloudbud-color-text-primary) !important;
}

.cloudbud.product-info {
  padding: 24px !important;
  border-radius: 16px;
  background: var(--background-default, #fff) !important;
  box-shadow: -2px 4px 24px 4px rgba(10, 13, 18, 0.06);
  border: none !important;
}

.cloudbud-product-features ul {
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px !important;
  margin-bottom: 0 !important;
}

.cloudbud-product-features ul li {
  padding: 8px !important;
  border-radius: 8px !important;
  border: 1px solid var(--cloudbud-color-divider) !important;
  color: var(--cloudbud-color-text-secondary) !important;
}

.cloudbud-product-features ul li strong {
  color: var(--cloudbud-color-text-primary) !important;
}

.cloudbud-card {
  padding: 24px !important;
  border-radius: 16px;
  background: var(--background-default, #fff) !important;
  box-shadow: -2px 4px 24px 4px rgba(10, 13, 18, 0.06);
  border: none !important;
}

.cloudbud.order-summary {
  background-color: transparent !important;
  border: none !important;
}

.cloudbud.summary-container {
  padding: 0 !important;
  background-color: transparent !important;
}

.cloudbud.order-summary .summary-totals {
  margin: 20px 0 !important;
  padding: 20px 0 !important;
}

.cloudbud.order-summary .total-due-today .amt {
  color: var(--cloudbud-color-warning-main);
  font-weight: 600;
}

.cloudbud-btn-empty-card {
  color: var(--cloudbud-color-error-main);
  font-weight: 500;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.cloudbud .intl-tel-input.separate-dial-code .selected-flag {
  background-color: transparent !important;
}

@media only screen and (max-width: 991px) {
  .cloudbud.secondary-cart-sidebar {
    margin: 0 !important;
    width: 100% !important;
  }
}