:root {
  /* General */
  --boxed: 85rem;
  --container-width: calc(100% - 10rem);
  --container-fluid-width: 100%;

  /* Dynamic height */
  --header-top-height: 5.709rem;
  --header-height: 9.813rem;

  /* Colors */
  --black: #000;
  --black-rgb: rgb(0, 0, 0, 100%);
  --white: #ffffff;
  --white-rgb: 255, 255, 255;

  /* Bootstrap */
  --bs-primary: #003478;
  --bs-primary-rgb: 0, 52, 120;
  --bs-secondary: #D31E29;
  --bs-secondary-rgb: 211, 30, 41;
  --bs-secondary-bg: #F6F6F6;
  --bs-tertiary: #052424;
  --bs-light-rgb: 242, 245, 248;
  --bs-gray: #121212;
  --bs-success: #3ebb8a;
  --bs-success-rgb: 62, 187, 138;
  --bs-success-bg-subtle: rgba(var(--bs-success-rgb), 0.2);
  --bs-light-green: rgba(var(--bs-green-rgb), 0.2);
  --bs-danger-bg-subtle: #f8e7e9;
  --bs-border-color: rgb(223 223 223 / 100%);
  --bs-border-color2: var(--bs-secondary-bg);
  --bs-body-color: #121212;
  --bs-body-bg: #fff;
  --bs-body-font-family: 'Helvetica';
  --bs-body-font-size: 1rem;

  /* Applied Colors */
  --footer-bg: linear-gradient(180deg, #0A0824 0%, #06041B 100%);

  /* Font Family */
  --h-font: 'Helvetica';
  --btn-font: 'Helvetica';

  /* Font size */
  --text-xxs: 0.775rem;
  --text-xs: 0.875rem;
  --text-sm: 1.25rem;
  --text-md: 1.5rem;
  --text-lg: 1.75rem;
  --text-xl: 2rem;
  --text-xxl: 2.5rem;
  --text-xxxl: 3rem;

  --heading-sm: 1.5rem;
  --heading-md: 2rem;
  --heading-lg: 2.5rem;
  --heading-xl: 3rem;
  --heading-xxl: 3.5rem;
  --heading-xxxl: 5rem;

  /* Transition */
  --transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}


/* ------------------------ FONTS ----------------------- */
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



/* ---------------------- TYPOGRAPHY -------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--h-font);
}

h1 {
    font-size: var(--heading-lg);
    font-weight: 700;
    line-height: 1.1em;
}
h2 {
    font-size: var(--heading-md);
    font-weight: 500;
}
h3 {
    font-size: var(--text-md);
    font-weight: 500;
}
a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
}

.h-font,
.h-font > * {
    font-family: var(--h-font);
}

.text-regular,
.text-regular > * {
    font-size: 1rem;
}
.text-xxs,
.text-xxs > * {
    font-size: var(--text-xxs);
}
.text-xs,
.text-xs > * {
    font-size: var(--text-xs);
}
.text-sm,
.text-sm > * {
    font-size: var(--text-sm);
    line-height: 1.2em;
}
.text-md,
.text-md > * {
    font-size: var(--text-md);
}
.text-lg,
.text-lg > * {
    font-size: var(--text-lg);
    line-height: 1.3em;
}
.text-xl,
.text-xl > * {
    font-size: var(--text-xl);
    line-height: 1.3em;
}
.text-xxl,
.text-xxl > * {
    font-size: var(--text-xxl);
    line-height: 1.3em;
}
.text-xxxl,
.text-xxxl > * {
    font-size: var(--text-xxxl);
    line-height: 1.1em;
}

.heading-sm,
.heading-sm > * {
    font-size: var(--heading-sm);
}
.heading-md,
.heading-md > * {
    font-size: var(--heading-md);
}
.heading-lg,
.heading-lg > * {
    font-size: var(--heading-lg);
    line-height: 1.2em;
}
.heading-xl,
.heading-xl > * {
    font-size: var(--heading-xl);
    line-height: 1em;
}
.heading-xxl,
.heading-xxl > * {
    font-size: var(--heading-xxl);
    line-height: 1.1em;
}
.heading-xxxl,
.heading-xxxl > * {
    font-size: var(--heading-xxxl);
    line-height: 1.1em;
}


.module-text a {
    text-decoration: underline;
}

p:last-of-type {
    margin-bottom: 0;
}
span {
    display: inline-block;
    line-height: 1.3;
}

.field-message {
    font-size: var(--text-xs);
    color: var(--bs-gray-600);
}

.accent strong {
    color: var(--bs-primary);
}

.text-gray {
  color: var(--bs-gray-500);
}
.text-gray-6 {
    color: var(--bs-gray-600);
}

.border-secondary {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color2) !important;
}


/* ---------------- End Typography ---------------- */



/* ------------------ Appearance ------------------ */

::selection {
  background: var(--bs-primary);
  color: var(--white);
}

.drag-none {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.module-button {
  display: flex;
}
.btn-reset {
    all: unset;
    cursor: pointer;
}

.btn {
    --bs-btn-font-size: var(--text-xs);
    --bs-btn-font-family: var(--h-font);
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-shrink: 0;
    transition: var(--transition);
    text-transform: uppercase;
}
.btn-primary {
    --bs-btn-color: var(--white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-hover-bg: #0050ba;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-border-color: #0050ba;
}
.btn-primary.btn-outline,
.module-button.btn-outline .btn-primary,
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
}
.btn-secondary {
    --bs-btn-color: var(--black);
    --bs-btn-hover-color: var(--black);
    --bs-btn-bg: var(--white);
    --bs-btn-hover-bg: var(--bs-gray-100);
    --bs-btn-border-color: var(--white);
    --bs-btn-hover-border-color: var(--white);
}
.btn-secondary.btn-outline,
.module-button.btn-outline .btn-secondary {
    --bs-btn-color: var(--white);
    --bs-btn-hover-color: var(--black);
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--white);
    --bs-btn-border-color: var(--white);
    --bs-btn-hover-border-color: var(--white);
}
.btn-primary:hover,
.btn-secondary:hover {
  transition: var(--transition);
}
.btn-info {
    --bs-btn-bg: rgba(var(--bs-light-rgb), 1);
    --bs-btn-border-color: rgba(var(--bs-light-rgb), 1);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-border-color: rgba(var(--bs-light-rgb), 1);
}

.btn-sm {
    --bs-btn-padding-x: 1.2rem;
    --bs-btn-padding-y: 0.6rem;
    --bs-btn-border-radius: var(--bs-border-radius);
    text-transform: none;
    font-weight: 600;
}
.btn-sm svg {
    width: 1.5em;
    height: auto;
}

.btn-icon svg {
    width: 1.3em;
    height: auto;
}

svg {
    flex-shrink: 0;
}
.icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-xs svg {
    width: 1rem !important;
    height: auto;
}
.icon-sm svg {
    width: 1.3rem;
    height: auto;
}
.icon-md svg {
    width: 1.5rem;
    height: auto;
}
.icon-xl svg {
    width: auto;
    height: 4rem;
}
.icon-xxl svg {
    width: auto;
    height: 7rem;
}


.tooltip {
    --bs-tooltip-color: #000;
    --bs-tooltip-bg: #fff;
    --bs-tooltip-font-size: 0.775rem;
    pointer-events: none;
    z-index: 9999;
}

.spinner-border-sm {
    --bs-spinner-border-width: 0.1em;
}

.badge {
  --bs-badge-padding-x: 1em;
  --bs-badge-padding-y: 0.7em;
  --bs-badge-font-weight: 400;
}

.accordion {
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-active-bg: var(--bs-body-bg);
    --bs-accordion-btn-focus-box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    --bs-accordion-border-radius: none;
    --bs-accordion-inner-border-radius: none;
}
.accordion-item {
    border: none;
    border-bottom: 1px solid var(--bs-border-color2);
    box-shadow: none;
}
.accordion-body ul {
    padding-left: 0;
    margin: 0;
}

.modal {
    --bs-modal-border-radius: var(--bs-border-radius-xl);
}

.modal-alert {
    padding: 0.75rem;
    font-size: var(--text-xs);
    background-color: rgb(var(--bs-light-rgb));
    color: var(--bs-primary);
}

.offcanvas-header .btn-close {
    --bs-btn-close-bg: none;
}

.list-group {
    --bs-list-group-bg: transparent;
    --bs-list-group-border-width: 0;
    --bs-list-group-border-radius: 0;
    --bs-list-group-active-bg: var(--bs-primary);
    --bs-list-group-action-hover-bg: var(--white);
    gap: 0.25rem;
}

.help-block {
    font-size: var(--text-xxs);
    margin-top: 0.25rem;
    color: red;
}

.dropdown-toggle::after {
    display: none;
}

div[data-bs-toggle="collapse"] {
    cursor: pointer;
}
div[data-bs-toggle="collapse"][aria-expanded="true"] .dropdown-icon svg {
    transform: rotate(-180deg);
    transition: var(--transition);
}
.dropdown-icon svg {
    width: 0.6rem;
    height: auto;
    transition: var(--transition);
}

.backdrop-blur {
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
}

.primary-gradient {
  background: radial-gradient(circle at 0% 0%, #0b0d13 0%, rgb(197 174 174 / 0%) 75%), radial-gradient(circle at 0% 100%, var(--bs-primary) 0%, rgb(197 174 174 / 0%) 30%), radial-gradient(circle at 0% 0, var(--bs-primary) 0, rgb(49 90 188) 100%);
}

.gradient-text > * {
    --x: 50%;
    --y: 50%;
    --width: 50%;
    background: radial-gradient(50% 100% at 50% 50%, #fff 30%, hsla(0, 0%, 100%, .5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sdw {
  box-shadow: 0 0 0px 2px #00347829;
}

.sticky {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
    transition: var(--transition);
}
.header-hidden .sticky {
    top: calc(var(--header-height) - var(--header-top-height) + 2rem);
}

.shadow-light {
    box-shadow: 0 0 1px 1px var(--bs-secondary-bg);
}
.border-gray {
    border: 1px solid var(--bs-border-color);
}
.transition {
    transition: var(--transition);
}

.slick-list,
.slick-track {
    height: 100%;
}

.slick-dots {
  display: flex;
}
.slick-dots li button {
  margin: 0;
  width: 1.5rem;
  height: 3px;
  border-radius: var(--bs-border-radius-pill);
  background: var(--bs-gray-700);
  transition: var(--transition);
}
.slick-dots li.slick-active button {
  width: 2.5rem;
  background: var(--white);
}

.slick-arrow {
    --padding: 1rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    cursor: pointer;
    background-color: #ffffff75;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(var(--bs-light-rgb), 1);
    padding: var(--padding);
    border-radius: var(--bs-border-radius-pill);
    z-index: 9;
}
.slick-arrow.next {
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
}
.slick-arrow:hover {
    background-color: var(--bs-primary);
    color: var(--white);
}
.slick-arrow .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-arrow svg {
    width: 1rem;
    height: auto;
}

.module-contact ul {
    --gap: 0.5rem;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.module-contact ul li {
    display: flex;
    justify-content: flex-start;
}
.module-contact ul a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.module-contact .icon {
    padding: 0.6rem;
    background-color: #ffffff1f;
}
.module-contact .icon svg {
    width: 1.1rem;
    height: auto;
    aspect-ratio: 1;
}
.module-contact.has-labels ul {
    --gap: 1rem;
}
.module-contact.has-labels .icon {
    border: 1px solid var(--bs-border-color2);
    padding: 0.75rem;
}
.module-contact.has-labels a:hover .icon {
    background-color: var(--bs-primary);
    color: var(--white);
}
.module-contact.has-labels .icon svg {
    width: 1.3rem;
}

.module-social ul {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.module-social ul svg {
    width: 1.6rem;
    height: auto;
}


/* ------------------ End Appearance ------------------ */




/* ------------------ Custom Margins ------------------ */

.mt-6 {
    margin-top: 6rem;
}
.mb-6 {
    margin-bottom: 6rem;
}
.my-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.pt-6 {
    padding-top: 6rem;
}
.pb-6 {
    padding-bottom: 6rem;
}
.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

/* ------------------ End Custom Margins ------------------ */



/* ------------------ Structure/Layout ------------------ */


html {
    font-size: 0.95238vw;
    scroll-behavior: auto;
}

body {
    overflow-x: clip;
}

main {
    padding-top: var(--header-height);
    overflow-x: clip;
}

.container {
    max-width: var(--container-width);
}
.container-fluid {
    max-width: var(--container-fluid-width);
}

.container .builder-section .container, 
.container .builder-section .container-fluid,
form .container, 
form .container-fluid {
    padding: 0;
    max-width: 100%;
}
.builder-section {
    position: relative;
}

/* ------------------ End Structure/Layout ------------------ */


/* Header */
header.hide {
    transform: translateY(calc(var(--header-top-height) * -1 - 1px));
}
.header-top-part {
  padding: 1rem 0;
}
.navbar-toggler {
    padding: 0;
    background: var(--bs-primary);
    border: none;
    min-width: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-toggler .icon-bars {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 1.3rem;
}
.navbar-toggler .icon-bar {
    position: relative;
    display: block;
    width: 100%;
    left: 0px;
    height: 1px;
    margin-bottom: 0.25rem;
    background-color: var(--white);
    border-radius: 2px;
    transition: var(--transition);
}
.navbar-toggler .icon-bar:last-child {
    margin-bottom: 0;
}
.menu-open .navbar-toggler span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: center;
    margin: 0px;
    top: 1px;
}
.menu-open .navbar-toggler span:nth-child(2) {
    display: none;
}
.menu-open .navbar-toggler span:nth-child(3) {
    transform: rotate(-45deg);
    transform-origin: center;
    bottom: 1px;
}

.navbar {
  --bs-navbar-color: var(--white);
  --bs-navbar-hover-color: rgba(var(--white-rgb), 0.8);
  --bs-navbar-active-color: rgba(var(--white-rgb), 0.8);
  --bs-navbar-nav-link-padding-x: 0;
  --bs-nav-link-font-size: var(--text-xs);
  --bs-navbar-brand-padding-y: 0;
  justify-content: space-between;
}
.navbar-brand {
  flex-grow: 1;
  max-width: 9rem;
  user-select: none;
}
.navbar-utilities,
.menu-list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.icon-search {
  padding: 0 0.85rem;
}
.icon-search svg {
    width: 1rem;
    height: auto;
}
.search-icon {
  display: flex;
}
.search-icon svg {
  width: 1rem;
  height: auto;
}

.search_input,
.search_input:focus {
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.search_input::placeholder {
  font-size: var(--text-xs);
  color: var(--bs-gray-600);
}
#close-search {
  padding: 0 0.7rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border: none;
}

.search_form {
  min-width: 15rem;
}
.search_form.active {
  min-width: 25rem;
}
.search_form.active .search-form-inner {
  box-shadow: 0 0 1px 1px rgba(var(--bs-light-rgb), 1);
}
.search_form.has-results .search-form-inner {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.search_form.active #close-search {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  height: 100%;
}
.search_form.active #close-search svg {
    width: 1rem;
    height: auto;
}
.search_form .loading {
  width: 1rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, var(--bs-primary) 94%, #0000) top / 8px 8px no-repeat, conic-gradient(#0000 30%, var(--bs-primary));
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
  animation: l13 1s infinite linear;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}
.search-results-wrapper {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    width: 100%;
    border-radius: 0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg);
    background-color: var(--white);
    overflow: hidden;
}

.search-results {
    max-height: 70svh;
    overflow: auto;
}
.search-results::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
}
.search-results::-webkit-scrollbar-thumb {
    background-color: var(--bs-gray-600);
    border-radius: 20px;
}


.search-results-items .results-item .img_search {
    max-width: 4rem;
    aspect-ratio: 1;
    flex-shrink: 0;
    background-color: var(--white);
    border: 1px solid var(--bs-border-color);
}
.search-results-items .results-item .img_search img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.search-form.has-results .search-results {
    padding: 0.5rem;
}
.search-form.has-results .search-results-wrapper {
    box-shadow: 0 0 1px 1px rgba(var(--bs-light-rgb), 1);
}
.results-item {
    padding: 0.5rem;
}
.search-results .results-item .btn-icon {
    padding: 0.6rem;
}
.search-results .results-item .btn-icon svg {
    width: 0.6rem;
    height: auto;
}
.results-item:hover {
    background-color: rgba(var(--bs-light-rgb), 1);
}
.results-item.pages:hover {
  padding-left: 1rem;
}
.search-results .result-item-content p {
    line-height: 1.3em;
}



.nav-utility .utility {
  position: relative;
  min-width: 2.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 1px solid var(--bs-border-color2);
  border-radius: var(--bs-border-radius-lg);
  aspect-ratio: 1;
  font-size: var(--text-xs);
}
.nav-utility .utility.account {
    overflow: hidden;
    user-select: none;
}
.nav-utility .user-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nav-utility .utility:hover {
  background-color: rgba(var(--bs-light-rgb), 1);
}
.nav-utility .utility.show {
    background-color: rgba(var(--bs-light-rgb), 1);
}
.nav-utility .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-utility .icon svg {
    width: 1rem;
    height: auto;
}
.nav-utility .count {
    position: absolute;
    font-size: 0.6rem;
    top: 0;
    right: 0;
    background: var(--bs-primary);
    min-width: 1.2rem;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 100%;
    transform: translate(20%, -20%);
}


.nav-link {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.promo .nav-link {
    color: #00fff8;
}
.nav-link.dropdown-toggle {
    outline: none;
    box-shadow: none;
}
.nav-link.dropdown-toggle svg {
    width: 0.6rem;
    height: auto;
    transition: var(--transition);
}
.nav-link.dropdown-toggle.show svg {
    transform: rotate(-180deg);
}
.nav-link.dropdown-toggle:after {
    display: none;
}

.dropdown-menu {
  --bs-dropdown-spacer: 1rem;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-link-hover-bg: rgb(var(--bs-light-rgb));
  border-radius: 0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg);
  border: 1px solid var(--bs-border-color);
  max-height: calc(95svh - var(--header-height));
  overflow: auto;
}
.dropdown-item {
  --bs-dropdown-item-padding-y: 0.75rem;
  font-size: var(--text-xs);
}

.dropdown-menu .dropdown-item .icon img {
    width: 2rem;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

.header-bottom-part-inner .become-partner-btn li {
    display: flex;
}
.header-bottom-part-inner .become-partner-btn a {
  padding: 0.7rem 1rem;
  border-radius: var(--bs-border-radius);
  background-color: var(--white);
  color: var(--black);
  font-size: var(--text-xs);
  text-transform: uppercase;
}



/* My Accout */
.user-sidebar .user-avatar {
    position: relative;
    width: 5rem;
    aspect-ratio: 1;
    overflow: hidden;
}
.user-sidebar .user-avatar > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-sidebar .user-edit-avatar .dropdown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.user-sidebar .user-edit-avatar .dropdown .dropdown-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    gap: 0.25rem;
    width: 100%;
    height: 100%;
    background: #00000057;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    color: var(--white);
    padding: 0.5rem;
    opacity: 0;
}
.user-sidebar .user-edit-avatar:hover .dropdown-toggle,
.user-sidebar .user-edit-avatar .dropdown-toggle.show {
    opacity: 1;
}
.user-sidebar .user-edit-avatar .dropdown .dropdown-toggle svg {
    width: 1rem;
    height: auto;
}
.user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user-sidebar-account-wrapper .user-name-wrapper {
    flex-grow: 1;
}

.list-group-item .icon svg {
    width: 1.5em;
    height: auto;
}

.list-group-item {
    border-radius: var(--bs-border-radius-lg) !important;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: var(--text-xs);
}
.list-group-item .icon {
    display: flex;
}
.list-group-item.disconnect {
    color: red;
}

.agent-card-avatar {
    width: 4rem;
    aspect-ratio: 1;
    border-radius: var(--bs-border-radius-lg);
    object-fit: cover;
    flex-shrink: 0;
}
.agent-card-avatar-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
}
.user-nav-count-wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}
.user-nav-count {
    font-size: 0.6rem;
    top: 0;
    right: 0;
    background: var(--bs-primary);
    min-width: 1.2rem;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 100%;
}
.list-group-item.active .user-nav-count {
    background: var(--white);
    color: var(--bs-primary);
}

.user-location-card .left {
    flex: 1 1 auto;
}
.user-location-card .right {
    flex: 0 0 auto;
    max-width: 0%;
    overflow: hidden;
}
.user-location-card:hover .right {
    max-width: 5rem;
}


/* Order Details */
.order-status {
    --bg: rgba(var(--bs-light-rgb), 1);
    --color: var(--bs-primary);
    background-color: var(--bg);
    color: var(--color);
}
.order-status-delivered {
    --bg: var(--bs-light-green);
    --color: var(--bs-green);
}

.account-order-details .product-image {
    flex-shrink: 0;
}
.account-order-details .product-image img {
    width: 5rem;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
}
.account-order-details .order-product-card .quantity {
    position: absolute;
    top: 0;
    right: 0;
    font-size: var(--text-xxs);
    background: var(--bs-primary);
    min-width: 1.5rem;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    border-radius: 100%;
    transform: translate(35%, -35%);
}
.forms.grid-forms .form-inner {
    display: grid;
    grid-template: auto / 1fr 1fr;
    gap: 1rem;
}
.forms.grid-forms .form-inner .fw {
    grid-column: 1 / 3;
}
.forms.grid-forms .form-inner .form-group {
    margin-bottom: 0;
}


/* Reviews */
.account-product-review-item:last-of-type {
    border: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.account-product-review-item img {
    max-width: 10rem;
    aspect-ratio: 1;
}
.account-product-review-item .star-rating .empty-star,
.account-product-review-item  .star-rating .filled-star,
.account-product-review-item  .star-rating .star-wrapper {
    width: 1rem;
}

/* End My Account */


/* Category Page */
.category-header-inner {
  padding: 1rem;
}
.category-header-inner .desc {
  max-width: 25rem;
}
.category-header-inner .right img {
  max-width: 15rem;
  background-color: #ffffff1f;
  user-select: none;
  pointer-events: none;
}

.categories-cards {
    display: flex;
    --margin: 0.25rem;
    --show: 8;
    transition: var(--transition);
    white-space: nowrap;
}
.categories-cards .slick-list {
    margin-left: calc(var(--margin) * -1);
}
.categories-cards .category-card {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    margin: 1px var(--margin);
    width: calc(100% / var(--show) - (2 * var(--margin)));
}
.categories-cards .category-card .category-card-inner:hover,
.subcategories-cards .category-card .category-card-inner:hover {
    box-shadow: 0 0 1px var(--bs-primary);
}
.categories-cards .category-card-inner {
    background-color: var(--white);
    border-radius: var(--bs-border-radius-xl);
    line-height: 1.2em;
}
.categories-cards .category-card.active .category-card-inner,
.categories-cards .category-card.on-path .category-card-inner,
.subcategories-cards .category-card.active .category-card-inner,
.subcategories-cards .category-card.on-path .category-card-inner {
    background: radial-gradient(circle at 0% 0%, #0b0d13 0%, rgb(197 174 174 / 0%) 75%), radial-gradient(circle at 0% 100%, var(--bs-primary) 0%, rgb(197 174 174 / 0%) 30%), radial-gradient(circle at 0% 0, var(--bs-primary) 0, rgb(49 90 188) 100%);
    color: var(--white);
}
.categories-cards .category-card img {
    max-width: 5rem;
    height: auto;
    aspect-ratio: 1;
}
.categories-cards .category-card p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.subcategories-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.subcategories-cards img {
    max-width: 4rem;
    height: auto;
    aspect-ratio: 1;
}

/* Pagination */
.pagination {
    gap: .5rem;
    justify-content: center;
    margin-bottom: 0;
}
.pagination li.disabled > * {
    color: #ccc;
}

.pagination li > * {
    width: 2.188rem;
    height: 2.188rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--black);
    font-size: var(--text-xs);
}
.pagination li.active>* {
    background: var(--bs-primary);
    color: var(--white);
    border-color: var(--bs-primary);
}
.pagination svg {
    width: 0.7rem;
    height: 0.7rem;
}

.pagination a:hover {
    background-color: rgb(var(--bs-light-rgb), 1);
}

.pagination .disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


/* Become Partner */
.become-partner-section .container-fluid > .row {
    min-height: 100svh;
    padding: calc(var(--bs-gutter-x) * 0.5) 0;
}
.become-partner-section .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.become-partner-section .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    --padding: 2rem;
    padding: var(--padding);
}
.become-partner-section .left .logo {
    position: relative;
    filter: brightness(0) invert(1);
    width: 100%;
    max-width: 8rem;
    z-index: 9;
}
.become-partner-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.become-partner-slider .module-fickle {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: var(--padding);
    padding-bottom: calc(var(--padding) * 2);
    height: 100%;
    color: var(--white);
}
.become-partner-slider .module-fickle .fickle-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.become-partner-slider .module-fickle .fickle-image:before,
.become-partner-slider .module-fickle .fickle-image:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}
.become-partner-slider .module-fickle .fickle-image:after {
    top: 0;
    bottom: auto;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
.become-partner-slider .module-fickle .fickle-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.become-partner-slider .module-fickle .fickle-text-content > * {
    font-size: var(--text-lg);
    line-height: 1.2em;
}
.partner-slider-dots {
    display: flex;
    justify-content: center;
}


.become-partner-section .right {
    padding: 3rem;
    max-width: 40rem;
    margin: auto;
}

.partner-form .btn-submit {
    width: 100%;
}

label {
    font-size: var(--text-xs);
    margin-bottom: 0.5rem;
}
.form-group {
    margin-bottom: 1rem;
}
.form-control {
    padding: 0.7rem 1rem;
    font-size: var(--text-xs);
    border-color: var(--bs-gray-400);
    border: none;
    background-color: rgba(var(--bs-light-rgb), 1);
    transition: var(--transition);
}
input.form-control {
    font-family: var(--bs-font-sans-serif);
}
.form-group.focus .form-control {
    box-shadow: 0 0 0 1px var(--bs-primary) !important;
}
.form-control::placeholder {
    color: var(--bs-gray-600);
    font-size: var(--text-xs);
}

form.white .form-control {
    background-color: var(--white);
}

.form-check {
    padding: 0;
    min-height: auto;
}
input[type="checkbox"] {
    display: none;
}
input[type=checkbox]+.checkbox-text {
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
}
input[type=checkbox]+.checkbox-text:before {
    position: absolute;
    content: "";
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid var(--bs-primary);
    left: 0;
    top: -.1rem;
    border-radius: var(--bs-border-radius-sm);
    transition: var(--transition);
}
input[type=checkbox]:checked+.checkbox-text:before {
    width: .6rem;
    top: -.4rem;
    left: .4rem;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    transform: rotate(45deg);
}

.invalid-feedback {
    font-size: var(--text-xxs);
}


/* Select 2 Form */
.select2 .selection {
    width: 100%;
}
.select2-container .select2-selection--single {
    height: auto;
}
.select2-container--default .select2-selection--single {
    border-radius: var(--bs-border-radius);
    border-color: var(--bs-border-color);
    padding: 0.7rem 1rem;
    font-size: var(--text-xs);
    line-height: 1.5;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: inherit;
    padding: 0;
    min-height: 21px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
    height: auto;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}
.select2-search--dropdown {
    padding: 0;
}
.select2-container--open .select2-dropdown--above {
    border-top-left-radius: var(--bs-border-radius-xl);
    border-top-right-radius: var(--bs-border-radius-xl);
    overflow: hidden;
    border-color: var(--bs-border-color);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    padding: 0.5rem 1rem;
    outline: none;
    border-bottom: 1px solid var(--bs-border-color);
    margin-bottom: 0.5rem;
}
.select2-results {
    font-size: var(--text-xs);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgb(var(--bs-light-rgb), 1);
    color: var(--black);
}
.select2-container--default .select2-results__option--selected {
    background-color: var(--bs-primary);
    color: var(--white);
}
.select2-results__message {
    padding: 0.5rem 1rem 1rem;
    color: var(--bs-gray-600);
}


/* Login */
.site-login-wrapper {
  display: flex;
  align-items: center;
  max-width: 24rem;
  margin: auto;
  min-height: calc(100svh - var(--header-height));
}

/* Login Dropdown */
.login-dropdown-ajax-wrapper {
    position: relative;
}
.login-dropdown-ajax {
    min-width: 17.9rem;
}
.login-dropdown {
    --bs-dropdown-spacer: 0.5rem;
}


/* Product Page */
.product-slider-wrapper {
    display: flex;
    flex-direction: column-reverse;
    /* align-items: flex-start; */
    gap: 1rem;
}
.product-slider-thumbnails {
    --margin: 0.25rem;
    /* max-width: 6rem; */
}
.product-slider-thumbnails .slick-list {
    /* margin-top: calc(var(--margin) * -1); */
    /* margin-bottom: calc(var(--margin) * -1); */
    margin-left: calc(var(--margin) * -1);
    margin-right: calc(var(--margin) * -1);
}
.product-slider-thumb {
    /* margin: var(--margin) 0; */
    margin: 0 var(--margin);
    cursor: pointer;
}
.product-slider-thumb .thumb {
    border: 2px solid rgba(var(--bs-light-rgb), 1);
}
.product-slider-thumb .thumb img {
    aspect-ratio: 4/2.5;
    object-fit: contain;
    padding: 0.5rem;
}
.product-slider-thumb.slick-current .thumb {
    border-color: var(--bs-primary);
}

.product-slider-thumbnails .slick-arrow {
    --padding: 0.5rem;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.product-slider-thumbnails .slick-arrow.next {
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
}
.slick-arrow.slick-disabled {
    opacity: 0;
}

.product-slider {
    border: 1px solid rgba(var(--bs-light-rgb), 1);
    width: 100%;
    overflow: hidden;
    grid-column: 2/3;
}
.product-slider .product-gallery-item {
    overflow: hidden;
    position: relative;                                                                                                       
    cursor: zoom-in;
}
.product-slider .product-gallery-item a img {
    aspect-ratio: 4/2.8;
    object-fit: contain;
    padding: 2rem;
    transition: transform 0.3s ease;
    transform-origin: center center;
}
@media (hover: hover) and (pointer: fine) {
    .product-slider .product-gallery-item:hover img {
      transform: scale(2);                                                                                                    
      transition: transform 0.15s ease-out;
        cursor: zoom-in;
    }                                                                                                                         
}
.product-slider.no-thumbnails .product-gallery-item a img {
    aspect-ratio: 4/3.1;
}

.product-cart-cta .add-to-cart {
    flex-grow: 1;
    gap: 1rem;
}
.product-cart-cta .add-to-cart svg {
    width: 1.3rem;
    height: auto;
}
.product-cart-cta .btn-favorite {
    padding: 0.5rem 0.9rem;
    background-color: rgba(var(--bs-light-rgb), 1);
    border: none;
}


.product-short-description ul {
    padding-left: 1rem;
}

.product-specs-table ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.product-specs-table ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-radius: var(--bs-border-radius-lg);
    border-bottom: 1px solid var(--bs-border-color2);
}
.product-specs-table ul li:last-child {
    border: none;
}

.product-logo img {
    max-width: 6.5rem;
    user-select: none;
}


/* Breadcrumbs */
.breadcrumbs-container {
    margin: 2rem 0;
}
.breadcrumbs {
    gap: 0.75rem;
}
.breadcrumbs a {
    color: var(--bs-gray-600);
}
.breadcrumbs a svg {
    width: 1.3rem;
    height: auto;
}
.breadcrumbs > svg {
    width: 0.44rem;
    height: auto;
}

.breadcrumbs nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}


/* About Us */
.about-us-hero .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}
.about-us-hero .headline {
    display: flex;
}
.about-us-hero .headline > * {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: var(--bs-border-radius-pill);
    border: 1px solid #ffffff4a;
}
.about-us-hero .headline > *:before {
    content: '';
    width: 0.5rem;
    aspect-ratio: 1;
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--white);
}
.about-us-hero .module-fickle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.about-us-hero .module-fickle .fickle-item.fickle-title > * {
    font-size: var(--heading-xl);
    color: var(--bs-primary);
    font-weight: 600;
}
.about-us-hero .module-fickle .btn {
    width: 100%;
}
.about-us-hero img {
    aspect-ratio: 4/1.5;
}

/* Contact Page */
.contact-social ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.75rem;
}
.contact-social ul a {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: 1;
    padding: 1rem;
    background-color: rgba(var(--bs-light-rgb), 1);
    border-radius: var(--bs-border-radius-lg);
    text-align: right;
}
.contact-social ul a:hover {
    box-shadow: 0 0 0 2px var(--bs-primary);
}


/* Blog */
.search-wrapper {
    box-shadow: 0 0 1px 1px rgba(var(--bs-light-rgb), 1);
}
.search-wrapper input {
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0.5rem 1rem;
}
.latest-article-card-content {
    display: grid;
    grid-template-columns: calc(50% - 0.5rem) 1fr;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
}
.latest-article-card-media {
    aspect-ratio: 4/2.5;
}
.latest-article-card-content .right {
    max-width: 35rem;
}
.latest-article-card-content .separator {
    width: 5rem;
    height: 1px;
    background-color: var(--bs-border-color);
}

.articles-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.article-list-media {
    max-width: 10rem;
    aspect-ratio: 1;
}
.article-list:hover .article-list-media img {
    transform: scale(1.05);
}
.article-list-details .separator {
    width: 4rem;
    height: 1px;
    background-color: var(--bs-border-color);
}
.article-list .icon-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    background-color: var(--white);
    padding: 0.5rem 0 0 0.5rem;
    border-top-left-radius: var(--bs-border-radius-lg);
}
.article-list .icon-wrapper:before,
.article-list .icon-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 100%;
    width: 1rem;
    aspect-ratio: 1 / 1;
    transform: scale(-1, 1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-1.39876e-06 0L0 32L32 32C14.3269 32 -6.26248e-07 17.6731 -1.39876e-06 0Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}
.article-list .icon-wrapper:after {
    right: 0;
    bottom: 100%;
}
.article-list .icon-wrapper .icon {
    padding: 0.6rem;
}
.article-list .icon-wrapper .icon svg {
    width: 1.3rem;
    height: auto;
}

/* Custom Dropdown */
.custom-dropdown {
    position: relative;
}

.dropdown-button {
    display: flex;
    align-items: center;
    text-transform: inherit;
    padding: 0.6rem 1rem;
}
.dropdown-content {
    display: none;
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background-color: var(--white);
    border-top: none;
    border-radius: var(--bs-border-radius-lg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    white-space: nowrap;
    overflow: hidden;
}
.dropdown-button .icon svg {
    width: 0.6rem;
    height: auto;
}
.dropdown-button.active ~ .dropdown-content {
    display: block;
}
.dropdown-option a {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
}
.dropdown-option a:hover {
    background-color: rgb(var(--bs-light-rgb), 1);
}


/* Article Page */
.post-content-wrapper .post-media {
    aspect-ratio: 4/2;
}
.post-content-wrapper h2 {
    font-size: var(--heading-sm);
}

.similar-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.similar-post-card {
    display: flex;
    gap: 1rem;
}
.similar-post-card .card-image {
    aspect-ratio: 1 / 1;
    max-width: 9rem;
    flex-shrink: 0;
}
.similar-post-card .separator {
    width: 3rem;
    height: 1px;
    background-color: var(--bs-border-color);
}