.swiper-homepage-product {
  font-family: "DM Sans", sans-serif;
}

.section-gap {
  padding: 80px 0;
}

.section-heading h2 {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  color: rgb(52 63 82);
  margin-bottom: 0;
}

.theme_btn_one {
  align-items: center;
  background-color: #0070d1;
  border: 2px solid #0070d1;
  border-radius: 8px;
  color: #fff;
  display: flex;
  justify-content: center;
  line-height: 1;
  min-height: 48px;
  padding: 12px 48px;
  text-align: center;
  transition: 0.3s;
  width: fit-content;
}

.theme_btn_one:hover {
  background-color: #025aa5;
  color: #fff;
  border-color: #025aa5;
}

.swiper-homepage-product .swiper-arrows {
  display: flex;
  justify-content: end;
  gap: 15px;
  position: absolute;
  top: 5px;
  right: 0;
}

.swiper-homepage-product .swiper-arrows a {
  align-items: center;
  background-color: #0070d1;
  border: medium;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 42px;
  transition: 0.3s;
  transform-style: preserve-3d;
  position: relative;
  width: 42px;
  font-size: 25px;
  color: #fff;
}

.swiper-homepage-product .swiper-arrows a:before {
  content: "";
  background-color: #b0beca;
  border-radius: 50%;
  bottom: -4px;
  height: 120%;
  left: -4px;
  opacity: 0;
  position: absolute !important;
  transition: 0.3s;
  transform: translateZ(-1px);
  width: 120%;
  z-index: -1;
}

.swiper-homepage-product .swiper-arrows a:hover:before {
  opacity: 0.3;
}

.swiper-homepage-product .swiper-arrows a.swiper-button-disabled {
  background-color: rgb(252, 252, 252);
  border: 1px solid rgb(235, 235, 235);
  color: rgb(205, 216, 223);
  cursor: auto;
}

.swiper-homepage-product .swiper-arrows a.swiper-button-disabled:before {
  content: unset;
}

.swiper-homepage-product .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.swiper-homepage-product .swiper-slide {
  display: flex;
  height: auto !important;
}

.service-01 {
  border-radius: 10px;
  border: 1px dashed #cdcedd;
  flex: 1 1 0%;
  padding: 32px;
  transition: border 0.2s ease-in, box-shadow 0.2s ease-in;
  width: 100%;
  height: 100%;
  display: block;
}

.service-01:hover {
  border: 1px dashed rgb(0 112 209);
  box-shadow: rgb(231 233 255) 0px 4px 8px;
}

.service-01 .icon {
  margin-bottom: 18px;
}

.service-01 .icon > .inner {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: dashed 1px #0070d1;
  background-color: #f7f7f9;
  padding: 10px;
  transition: 0.2s;
}

.service-01 .icon > .inner i {
  font-size: 25px;
  line-height: 0;
  color: #0070d1;
}

.service-01 h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: rgb(52 63 82);
  transition: color 0.2s;
  margin-bottom: 15px;
}

.service-01:hover h3 {
  color: rgb(0 112 209);
}

.service-01 p {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #4b5563;
  margin-bottom: 0;
}

.service-01 .starting-price {
  font-size: 16px;
  line-height: 26px;
  color: rgb(0 112 209);
  display: block;
  font-weight: 700;
  margin-bottom: 0;
}

.service-01 a {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  display: block;
}

.service-01 a i {
  margin-inline-start: 5px;
  transition: all 0.2s;
}

.service-01:hover a i {
  margin-inline-start: 8px;
}

.swiper-homepage-product .swiper-pagination {
  margin-top: 30px;
  position: relative;
}

.swiper-homepage-product .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid rgb(0 112 209);
}

.swiper-homepage-product .swiper-pagination .swiper-pagination-bullet-active {
  background-color: rgb(0 112 209);
}

@media (max-width: 991.98px) {
  .section-gap {
    padding: 56px 0;
  }

  .section-heading h2 {
    font-size: 32px;
  }

  .hn-store-sales-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.site-footer,
.site-footer .widget-title,
.site-footer p,
.site-footer li,
.site-footer a,
.footer-bottom p {
  color: #60697b !important;
}

.site-footer a:hover,
.footer-bottom a:hover {
  color: #171531 !important;
}

.site-footer .widget-title,
.footer-bottom p {
  color: #343f52 !important;
}

.footer-bottom {
  background: #f6f7f9;
  border-top: 1px solid #e6e7eb;
}

.footer-bottom .social .btn-circle {
  background: #fff3cc !important;
  border-color: #fff3cc !important;
  color: #171531 !important;
}

.footer-bottom .social .btn-circle:hover {
  background: #ffbb00 !important;
  border-color: #ffbb00 !important;
  color: #171531 !important;
}

.site-footer img,
.footer-bottom img {
  max-width: 100%;
}

.hn-contact-intro {
  margin-bottom: 1.25rem;
}

.tt-auth-wrap {
  padding: 2rem 0 3rem;
}

.tt-form-wrap {
  width: 100%;
}

.tt-form-wrap form {
  margin: 0;
}

.tt-form-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  overflow: hidden;
  border: 1px solid rgba(23, 21, 49, 0.08);
  border-radius: 1.4rem;
  background: #fff;
  box-shadow: 0 0.8rem 2rem rgba(30, 34, 40, 0.06);
}

.tt-form-content {
  padding: 2rem;
  min-width: 0;
}

.tt-form-content .form-group {
  margin-bottom: 1rem;
}

.tt-form-content .form-control,
.tt-form-content .input-group-text,
.tt-form-content .btn-reveal-pw {
  min-height: 46px;
}

.tt-form-content .input-group-text {
  border-color: rgba(23, 21, 49, 0.08);
  background: #f8f9fb;
  color: #171531;
}

.tt-form-content .btn-reveal-pw {
  min-width: 48px;
  border: 1px solid rgba(23, 21, 49, 0.08);
  border-left: 0;
  background: #f8f9fb;
  color: #171531;
}

.tt-form-content .btn-primary {
  min-height: 46px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.tt-form-content .providerLinkingFeedback,
.tt-form-content .providerPreLinking,
.tt-form-content .tt-or-text,
.tt-form-content p,
.tt-form-content .small {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.tt-login-registration-testimonial {
  min-height: 100%;
  background-color: #171531;
}

.auth-footer {
  line-height: 1.55;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hn-store-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.hn-store-proof-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.7rem 1rem;
  border-radius: 999px;
  background: #fff3cc;
  color: #171531;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.2;
}

.hn-store-sales-sections {
  display: grid;
  gap: 1.35rem;
  margin-top: 2rem;
}

.hn-store-sales-card {
  padding: 1.5rem;
  border: 1px solid rgba(23, 21, 49, 0.08);
  border-radius: 1.4rem;
  background: #fff;
}

.hn-store-sales-head {
  margin-bottom: 1rem;
}

.hn-store-sales-kicker {
  display: inline-flex;
  align-items: center;
  padding: 0.36rem 0.72rem;
  margin-bottom: 0.65rem;
  border-radius: 999px;
  background: #fff3cc;
  color: #171531;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.hn-store-sales-head h3 {
  margin: 0 0 0.35rem;
  color: #171531;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.18;
}

.hn-store-sales-head p {
  margin: 0;
  color: #4b5563;
  line-height: 1.7;
}

.hn-store-sales-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.hn-store-sales-item,
.hn-store-faq-item {
  padding: 1.2rem 1.1rem;
  border: 1px solid rgba(23, 21, 49, 0.08);
  border-radius: 1rem;
  background: #f6f7f9;
}

.hn-store-sales-item h4,
.hn-store-faq-item h4 {
  margin: 0 0 0.45rem;
  color: #171531;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.3;
}

.hn-store-sales-item p,
.hn-store-faq-item p {
  margin: 0;
  color: #4b5563;
  line-height: 1.65;
}

.hn-store-faq {
  display: grid;
  gap: 0.85rem;
}

.hn-store-faq-item {
  position: relative;
  padding-left: 1.35rem;
}

.hn-store-faq-item::before {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: 0.82rem;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: #ffbb00;
}

.primary-content > .card,
.primary-content .tt-custom-card,
.primary-content .alert,
.primary-content .tiles .tile,
.primary-content .client-home-cards .card,
.primary-content .table-container,
.primary-content .dataTables_wrapper table.table-list,
.primary-content .panel,
.primary-content .product-details-tab-container {
  border-radius: 1rem !important;
}

.primary-content > .card,
.primary-content .tt-custom-card,
.primary-content .client-home-cards .card,
.primary-content .panel,
.primary-content .product-details-tab-container {
  border: 1px solid rgba(23, 21, 49, 0.08) !important;
  box-shadow: 0 0.8rem 2rem rgba(30, 34, 40, 0.06) !important;
  overflow: hidden;
}

.primary-content .card-header,
.primary-content .panel-heading {
  background: #f8f9fb !important;
  border-bottom: 1px solid rgba(23, 21, 49, 0.08) !important;
}

.primary-content .card-title,
.primary-content .panel-title {
  color: #171531 !important;
  font-weight: 700;
}

.primary-content .list-group-item,
.primary-content .table-list > tbody > tr > td,
.primary-content .table td,
.primary-content .table th {
  color: #343f52;
}

.primary-content .list-group-item.active,
.primary-content .nav-pills .nav-link.active,
.primary-content .nav-tabs .nav-link.active {
  background: #fff3cc !important;
  border-color: #fff3cc !important;
  color: #171531 !important;
}

.primary-content .badge,
.sidebar .badge {
  background: #ffbb00 !important;
  color: #171531 !important;
}

.primary-content .table-list > tbody > tr:hover > td,
.primary-content .table-hover tbody tr:hover td {
  background: #fffdf5 !important;
}

.primary-content .btn-primary,
.primary-content .btn-success,
.primary-content .btn-info {
  background: #171531 !important;
  border-color: #171531 !important;
  color: #fff !important;
}

.primary-content .btn-primary:hover,
.primary-content .btn-success:hover,
.primary-content .btn-info:hover {
  background: #2a2751 !important;
  border-color: #2a2751 !important;
}

.primary-content .btn-default,
.primary-content .btn-secondary,
.primary-content .btn-outline-primary {
  background: #fff !important;
  border-color: rgba(23, 21, 49, 0.14) !important;
  color: #171531 !important;
}

.primary-content .btn-default:hover,
.primary-content .btn-secondary:hover,
.primary-content .btn-outline-primary:hover {
  background: #fff8e1 !important;
  border-color: #ffbb00 !important;
  color: #171531 !important;
}

.sidebar .card-sidebar,
.sidebar .card {
  border: 1px solid rgba(23, 21, 49, 0.08) !important;
  border-radius: 1rem !important;
  box-shadow: 0 0.8rem 2rem rgba(30, 34, 40, 0.05) !important;
  overflow: hidden;
}

.sidebar .card-header {
  background: #171531 !important;
  border-bottom: 0 !important;
}

.sidebar .card-title,
.sidebar .card-title i,
.sidebar .card-minimise {
  color: #fff !important;
}

.sidebar .list-group-item {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}

.sidebar .list-group-item.active {
  background: #fff3cc !important;
  color: #171531 !important;
  border-color: #fff3cc !important;
}

.hn-client-quick-actions .btn {
  min-height: 44px;
}

.hn-contact-billing-priority,
.hn-contact-manage-priority {
  padding: 16px;
  border: 1px solid #d7e6f3;
  border-radius: 14px;
  background: #f8fbfe;
}

.hn-contact-billing-priority label,
.hn-contact-manage-priority label {
  font-weight: 700;
}

.hn-contact-billing-priority small,
.hn-contact-manage-priority small {
  display: block;
  margin-top: 6px;
  color: #6e7885;
  line-height: 1.45;
}

.hn-contact-email-list label {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin-bottom: 0.9rem;
  color: #343f52;
  line-height: 1.45;
}

.hn-contact-email-list .form-check-input {
  margin-top: 0.25rem;
  position: relative;
  flex: 0 0 auto;
}

#registration .form-group.prepend-icon > label[for="inputPhone"].field-icon {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#registration .form-group.prepend-icon:has(#inputPhone),
#registration .form-group.prepend-icon:has(.iti input#inputPhone),
#registration .form-group.prepend-icon:has(.intl-tel-input input#inputPhone) {
  position: relative;
}

#registration .form-group.prepend-icon:has(#inputPhone) .iti,
#registration .form-group.prepend-icon:has(#inputPhone) .intl-tel-input,
#registration .form-group.prepend-icon:has(.iti input#inputPhone) .iti,
#registration .form-group.prepend-icon:has(.intl-tel-input input#inputPhone) .intl-tel-input {
  display: block;
  width: 100%;
}

#registration .form-group.prepend-icon:has(#inputPhone) .iti__flag-container,
#registration .form-group.prepend-icon:has(#inputPhone) .flag-container,
#registration .form-group.prepend-icon:has(.iti input#inputPhone) .iti__flag-container,
#registration .form-group.prepend-icon:has(.intl-tel-input input#inputPhone) .flag-container {
  left: 0;
}

#registration .form-group.prepend-icon:has(#inputPhone) .iti__selected-country,
#registration .form-group.prepend-icon:has(#inputPhone) .selected-flag,
#registration .form-group.prepend-icon:has(.iti input#inputPhone) .iti__selected-country,
#registration .form-group.prepend-icon:has(.intl-tel-input input#inputPhone) .selected-flag {
  min-width: 96px;
  height: 46px;
  padding-left: 0.85rem;
  padding-right: 2rem;
  display: flex;
  align-items: center;
}

#registration .form-group.prepend-icon:has(#inputPhone) .iti__selected-dial-code,
#registration .form-group.prepend-icon:has(#inputPhone) .selected-dial-code,
#registration .form-group.prepend-icon:has(.iti input#inputPhone) .iti__selected-dial-code,
#registration .form-group.prepend-icon:has(.intl-tel-input input#inputPhone) .selected-dial-code {
  margin-left: 0.45rem;
  color: #343f52;
  font-size: 0.92rem;
  line-height: 1;
}

#registration .form-group.prepend-icon:has(#inputPhone) input#inputPhone,
#registration .form-group.prepend-icon:has(.iti input#inputPhone) input#inputPhone,
#registration .form-group.prepend-icon:has(.intl-tel-input input#inputPhone) input#inputPhone {
  padding-left: 7.2rem !important;
  min-height: 46px;
}

@media (max-width: 991.98px) {
  .tt-auth-wrap {
    padding: 1.25rem 0 2rem;
  }

  .tt-form-container {
    grid-template-columns: 1fr;
  }

  .tt-form-content {
    padding: 1.25rem 1rem;
  }

  .tt-login-registration-testimonial {
    min-height: 220px;
  }

  .tt-form-content .d-flex.align-items-center.justify-content-between {
    flex-direction: column;
    align-items: stretch !important;
    gap: 0.85rem;
  }

  .tt-form-content .d-flex.align-items-center.justify-content-between > .btn,
  .tt-form-content .d-flex.align-items-center.justify-content-between > label,
  .tt-form-content .d-flex.align-items-center.justify-content-between > .mb-2 {
    width: 100%;
  }

  .tt-form-content .list-inline {
    display: block;
  }

  .tt-form-content .list-inline-item {
    display: block;
    margin-right: 0;
    margin-top: 0.5rem;
  }

  .tt-form-content .list-inline-item .btn {
    width: 100%;
    justify-content: center;
  }

  #registration {
    padding-bottom: 1.5rem;
  }

  #registration .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  #registration [class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  #registration .card {
    margin-bottom: 1rem !important;
  }

  #registration .card-body {
    padding-left: 0;
    padding-right: 0;
  }

  #registration .form-group {
    margin-bottom: 0.9rem;
  }

  #registration .field-help-text,
  #registration .form-text,
  #registration small {
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #registration .alert {
    padding: 0.9rem 1rem;
    line-height: 1.45;
  }

  #registration .providerLinkingFeedback,
  #registration .providerPreLinking,
  #registration .tt-or-text {
    margin-left: 0;
    margin-right: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  #registration .prepend-icon:has(.intl-tel-input),
  #registration .prepend-icon:has(.iti) {
    position: relative;
  }

  #registration .prepend-icon:has(.intl-tel-input) > .field-icon,
  #registration .prepend-icon:has(.iti) > .field-icon {
    opacity: 0;
    visibility: hidden;
  }

  #registration .intl-tel-input,
  #registration .iti {
    display: block;
    width: 100%;
  }

  #registration .intl-tel-input .flag-container,
  #registration .iti__flag-container {
    left: 0;
    z-index: 5;
  }

  #registration .intl-tel-input .selected-flag,
  #registration .iti__selected-country {
    min-width: 94px;
    height: 44px;
    padding-left: 0.85rem;
    padding-right: 2rem;
    display: flex;
    align-items: center;
  }

  #registration .intl-tel-input .selected-dial-code,
  #registration .iti__selected-dial-code {
    display: inline-flex;
    align-items: center;
    max-width: none;
    margin-left: 0.45rem;
    font-size: 0.92rem;
    color: #343f52;
  }

  #registration .intl-tel-input.allow-dropdown input,
  #registration .intl-tel-input.allow-dropdown input[type="tel"],
  #registration .intl-tel-input.separate-dial-code input,
  #registration .intl-tel-input.separate-dial-code input[type="tel"],
  #registration .iti input[type="tel"],
  #registration .iti input[type="text"] {
    padding-left: 7.2rem !important;
    min-height: 44px;
  }

  #registration .intl-tel-input .country-list,
  #registration .iti__country-list {
    width: min(92vw, 320px);
    max-width: 100%;
  }

  #registration #containerPassword > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  #registration .password-strength-meter {
    padding-top: 0.15rem;
  }

  #registration #passwordStrengthTextLabel,
  #registration #passwdFeedback {
    text-align: left !important;
  }

  #registration .generate-password {
    width: 100%;
  }

  #registration .form-check.accepttos,
  #registration .form-check {
    align-items: flex-start;
    line-height: 1.45;
  }

  #registration .d-flex.justify-content-between.align-items-center {
    flex-direction: column;
    align-items: stretch !important;
    gap: 0.9rem;
  }

  #registration .d-flex.justify-content-between.align-items-center > .btn,
  #registration .d-flex.justify-content-between.align-items-center > input.btn {
    width: 100%;
  }

  #registration .list-inline {
    display: block;
    margin: 0;
  }

  #registration .list-inline-item {
    display: block;
    margin: 0;
  }

  #registration .list-inline-item .btn {
    width: 100%;
    justify-content: center;
  }

  #registration .captcha-container,
  #registration .recaptcha-container,
  #registration #captchaContainer {
    overflow: hidden;
  }

  #registration .auth-footer {
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .primary-content .btn,
  .primary-content input[type="submit"],
  .primary-content button[type="submit"] {
    min-height: 46px;
    white-space: normal;
    line-height: 1.3;
  }

  .primary-content .btn-sm,
  .primary-content .btn-group-sm > .btn {
    min-height: 42px;
  }

  .primary-content .card-header,
  .primary-content .panel-heading,
  .primary-content .card-body,
  .primary-content .panel-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .primary-content .table-responsive {
    border-radius: 1rem;
  }

  .primary-content .nav-tabs .nav-link,
  .primary-content .nav-pills .nav-link {
    white-space: normal;
    line-height: 1.3;
  }

  .primary-content .form-control,
  .primary-content .input-group .form-control,
  .primary-content select.form-control {
    min-height: 44px;
  }
}

@media (max-width: 575.98px) {
  .tt-form-content {
    padding: 1.1rem 0.9rem;
  }

  .tt-form-content .input-group {
    flex-wrap: nowrap;
  }

  .tt-form-content .input-group .form-control {
    min-width: 0;
  }

  .tt-form-content .btn-primary,
  .tt-form-content button[type="submit"] {
    width: 100%;
  }

  .tt-login-registration-testimonial {
    min-height: 180px;
  }
}

.hn-contact-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

.hn-contact-actions .btn {
  min-width: 180px;
}

.primary-content .card-title,
.primary-content .btn,
.primary-content .form-control,
.primary-content .custom-select {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.primary-content .page-header,
.primary-content .header-lined,
.primary-content .sub-heading,
.primary-content .sub-heading-borderless {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.primary-content .nav-tabs,
.primary-content .nav-pills {
  gap: 0.5rem;
}

.primary-content .nav-tabs .nav-link,
.primary-content .nav-pills .nav-link {
  border-radius: 0.8rem;
}

.primary-content .table-responsive,
.primary-content .dataTables_wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.primary-content .table-responsive table,
.primary-content .dataTables_wrapper table {
  min-width: 640px;
}

.primary-content .product-details-tab-container .tab-content,
.primary-content .product-details-tab-container .tab-pane,
.primary-content .product-details,
.primary-content .domain-details,
.primary-content .service-details {
  min-width: 0;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.1rem 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  color: #60697b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 1px solid rgba(8, 60, 130, 0.07);
  border-radius: 0.4rem;
  box-shadow: 0 0 1.25rem rgba(30, 34, 40, 0.04);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.primary-content .btn {
  white-space: normal;
}

.primary-content input.btn,
.primary-content button.btn,
.primary-content a.btn {
  min-height: 46px;
}

.hn-client-quick-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.btn-group-sm > .btn.btn-block,
.btn.btn-block.btn-sm {
  width: 5.8rem;
  height: 1.4rem;
  font-size: 1rem;
}

.navbar .navbar-brand img {
  max-height: 62px;
  max-width: 100%;
  width: auto;
  display: block;
}

.hn-mobile-logo {
  max-width: none;
  width: auto;
  height: auto;
}

.navbar .navbar-other .nav-item .nav-link {
  position: relative;
}

#cartItemCount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.2rem;
  right: -0.3rem;
  min-width: 1.15rem;
  min-height: 1.15rem;
  padding: 0 0.22rem;
  margin-left: 0;
  background: #ffbb00 !important;
  color: #171531 !important;
  font-size: 0.64rem;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 991.98px) {
  .navbar .container.flex-lg-row {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .navbar .navbar-brand {
    flex: 1 1 auto;
    margin-right: 0.75rem !important;
    min-width: 0;
  }

  .navbar .navbar-brand img {
    max-height: none;
    max-width: min(138px, 36vw) !important;
    width: 100%;
    height: auto;
  }

  .hn-mobile-logo {
    max-width: min(138px, 36vw) !important;
    width: 100% !important;
    height: auto !important;
  }

  .navbar .navbar-other {
    width: auto !important;
    margin-left: auto !important;
    flex: 0 0 auto;
  }

  .navbar .navbar-other .navbar-nav {
    flex-wrap: nowrap;
  }

  .navbar .navbar-other .navbar-nav > .nav-item + .nav-item {
    margin-left: 0.1rem !important;
  }

  .navbar .navbar-other .nav-item .nav-link {
    padding: 0.5rem 0.4rem;
  }

  .navbar .navbar-other .nav-item .nav-link > i {
    font-size: 1.3rem;
  }

  #cartItemCount {
    top: -0.18rem;
    right: -0.28rem;
    min-width: 1.1rem;
    min-height: 1.1rem;
  }

  .offcanvas-nav.offcanvas-start {
    width: min(92vw, 360px);
  }

  .offcanvas-nav .offcanvas-body {
    padding: 1.25rem 1rem 1.5rem;
  }

  .offcanvas-nav .navbar-nav > .nav-item > .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 0;
  }

  .offcanvas-nav .dropdown-menu.mega-menu {
    padding-top: 0.35rem;
    background: transparent;
    box-shadow: none;
  }

  .offcanvas-nav .dropdown-menu .dropdown-item {
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar.sidebar-secondary {
    margin-top: 1rem;
  }

  .primary-content {
    min-width: 0;
  }

  .primary-content .nav-tabs,
  .primary-content .nav-pills {
    display: flex;
    flex-wrap: wrap;
  }

  .primary-content .nav-tabs .nav-item,
  .primary-content .nav-pills .nav-item {
    width: 100%;
  }

  .primary-content .nav-tabs .nav-link,
  .primary-content .nav-pills .nav-link {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .primary-content .form-group > .btn,
  .primary-content .form-group > input.btn,
  .primary-content .form-group > button.btn,
  .primary-content .form-group > a.btn,
  .primary-content .hn-contact-actions .btn {
    width: 100%;
    min-width: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .primary-content form[action*="?action=details"] .form-group > input.btn,
  .primary-content form[action*="?action=details"] .form-group > button.btn,
  .primary-content form[action*="?action=details"] .form-group > a.btn {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .hn-client-quick-actions {
    flex-direction: column;
  }

  .hn-client-quick-actions .btn {
    width: 100%;
  }

  .hn-contact-actions .btn {
    width: 100%;
    min-width: 0;
  }

  .primary-content .page-header .btn,
  .primary-content .header-lined .btn,
  .primary-content .header-lined .btn-group,
  .primary-content .pull-right .btn,
  .primary-content .text-right .btn {
    width: 100%;
    margin-top: 0.65rem;
  }

  .primary-content .btn-group,
  .primary-content .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    width: 100%;
  }

  .primary-content .btn-group > .btn,
  .primary-content .btn-toolbar > .btn,
  .primary-content .btn-toolbar > .btn-group {
    width: 100%;
    margin-left: 0 !important;
  }

  .primary-content .table-responsive table,
  .primary-content .dataTables_wrapper table {
    min-width: 560px;
  }

  .primary-content .tiles .col-12,
  .primary-content .client-home-cards .col-md-6,
  .primary-content .client-home-cards .col-lg-12,
  .primary-content .client-home-cards .col-xl-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .hn-store-proof {
    gap: 0.55rem;
  }

  .hn-store-proof-item {
    width: 100%;
    justify-content: flex-start;
  }

  .hn-store-sales-card {
    padding: 1.2rem 1rem;
  }

  .hn-store-sales-head h3 {
    font-size: 1.28rem;
  }

  .hn-store-sales-grid {
    grid-template-columns: 1fr;
  }

  .primary-content .page-header,
  .primary-content .header-lined,
  .primary-content .sub-heading,
  .primary-content .sub-heading-borderless {
    display: block;
  }

  .primary-content .page-header .pull-right,
  .primary-content .header-lined .pull-right,
  .primary-content .page-header .float-right,
  .primary-content .header-lined .float-right,
  .primary-content .page-header .btn-group,
  .primary-content .header-lined .btn-group {
    float: none !important;
    width: 100%;
    margin-top: 0.75rem;
  }

  .primary-content .page-header h1,
  .primary-content .page-header h2,
  .primary-content .header-lined h1,
  .primary-content .header-lined h2,
  .primary-content .header-lined h3 {
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .primary-content .row > [class*="col-sm-"],
  .primary-content .row > [class*="col-md-"] {
    min-width: 0;
  }

  .primary-content .card-body .row > [class*="col-"],
  .primary-content form .row > [class*="col-"] {
    margin-bottom: 0.75rem;
  }

  .primary-content .input-group {
    flex-wrap: wrap;
  }

  .primary-content .input-group > .form-control,
  .primary-content .input-group > .custom-select,
  .primary-content .input-group > .input-group-append,
  .primary-content .input-group > .input-group-prepend,
  .primary-content .input-group > .btn {
    width: 100%;
    max-width: 100%;
  }

  .primary-content .input-group > .input-group-append,
  .primary-content .input-group > .input-group-prepend {
    margin-top: 0.5rem;
  }

  .primary-content .table-list td,
  .primary-content .table-list th,
  .primary-content .table td,
  .primary-content .table th {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .primary-content .modal-dialog {
    margin: 0.75rem;
  }

  .primary-content .modal-body,
  .primary-content .modal-footer {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .hn-contact-form .row > [class*="col-"] {
    margin-bottom: 0.65rem;
  }

  .hn-contact-email-list label {
    margin-bottom: 0.7rem;
  }

  .hn-contact-actions {
    gap: 0.6rem;
  }

  .hn-contact-actions .btn {
    min-width: 0;
  }
}

@media (max-width: 575.98px) {
  .primary-content .card-header,
  .primary-content .panel-heading,
  .primary-content .card-body,
  .primary-content .panel-body {
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }

  .primary-content .table-responsive table,
  .primary-content .dataTables_wrapper table {
    min-width: 520px;
  }

  .primary-content .page-header .btn,
  .primary-content .header-lined .btn,
  .primary-content .pull-right .btn,
  .primary-content .text-right .btn,
  .primary-content input.btn,
  .primary-content button.btn,
  .primary-content a.btn {
    width: 100%;
  }

  .primary-content .btn-sm,
  .primary-content .btn-group-sm > .btn {
    min-height: 44px;
    height: auto;
  }

  .primary-content .modal-dialog {
    margin: 0.5rem;
  }
}