@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Quicksand:wght@400;500;700&display=swap");
:root {
  --bg-color-lp: #FFF;
  --text-color-lp: #6D7275;
  --text-color-title: #2E353A;
  --bg-card: #FFF;
  --box-shadow-card: 0px 2px 4px rgba(0, 0, 0, 0.1);
  --border-card: #EAEBEB !important;
  --border-card-highlight: #EAECF5 !important;
  --border-card-h: #eee !important;
  --boxshadow-side: 0px 3px 24px rgba(0, 0, 0, 0.1);
  --filter-icon: none !important;
  --filter-icon-hover: brightness(0) saturate(100%) invert(49%) sepia(90%) saturate(758%) hue-rotate(1deg) brightness(98%) contrast(101%) !important;
  --color-name-category: #364B9F;
  --bg-btn-primary: #364B9F;
  --border-btn-primary: #364B9F;
  --color-btn-primary: #FFF;
  --bg-btn-primary-hover: #e79735;
  --border-btn-primary-hover: #e79735;
  --bg-btn-primary-active: #eba94d;
  --border-btn-primary-active: #eba94d;
  --bg-btn-primary-disabled: #ABAEB0;
  --border-btn-primary-disabled: #ABAEB0;
  --bg-btn-secondary: transparent;
  --border-btn-secondary: #364B9F;
  --color-btn-secondary: #364B9F;
  --border-btn-secondary-hover: #F26D00;
  --color-btn-secondary-hover: #F26D00;
  --bg-btn-secondary-active: #FFF6ED;
  --border-btn-secondary-active: #F26D00;
  --color-btn-secondary-active: #F26D00;
  --bg-btn-secondary-disabled: #EAEBEB;
  --border-btn-secondary-disabled: #ABAEB0;
  --color-btn-secondary-disabled: #ABAEB0;
  --bg-btn-tertiary: #EAECF5;
  --border-btn-tertiary: #EAECF5;
  --color-btn-tertiary: #364B9F;
  --bg-btn-tertiary-hover: #FFEAD5;
  --border-btn-tertiary-hover: #FFEAD5;
  --color-btn-tertiary-hover: #EC4A0A;
  --bg-btn-tertiary-active: #FFF6ED;
  --border-btn-tertiary-active: #FFF6ED;
  --color-btn-tertiary-active: #EC4A0A;
  --bg-btn-tertiary-disabled: #D5D7D8;
  --border-btn-tertiary-disabled: #D5D7D8;
  --color-btn-tertiary-disabled: #ABAEB0;
  --bg-btn-orange: #F26D00;
  --border-btn-orange: #F26D00;
  --color-btn-orange: #FFF;
  --bg-btn-orange-hover: #FB6514;
  --border-btn-orange-hover: #FB6514;
  --bg-btn-orange-active: #C4320A;
  --border-btn-orange-active: #C4320A;
  --bg-btn-orange-disabled: #ABAEB0;
  --border-btn-orange-disabled: #ABAEB0;
  --bg-ol-item: #FFF;
  --border-ol-item: #EAECF5;
  --color-ol-title: #2E353A;
  --color-ol-description: #6D7275;
  --bg-navbar: #FFF;
  --color-navbar: #2A2E32;
  --color-navbar-link: #2A2E32;
  --color-navbar-sublink: #2E353A;
}

[data-theme=dark] {
  --bg-color-lp: #212529;
  --text-color-lp: #FAFAFA;
  --text-color-title: #FDFDFD;
  --bg-card: #2A2E32;
  --box-shadow-card: none;
  --border-card: none !important;
  --border-card-highlight: none !important;
  --border-card-h: none !important;
  --boxshadow-side: none;
  --filter-icon: invert(100%) brightness(200%) !important;
  --color-name-category: #F26D00;
  --bg-btn-secondary: transparent;
  --border-btn-secondary: #FDFDFD;
  --color-btn-secondary: #FDFDFD;
  --border-btn-secondary-hover: #F26D00;
  --color-btn-secondary-hover: #F26D00;
  --bg-btn-secondary-active: #FFF6ED;
  --border-btn-secondary-active: #FFEAD5;
  --color-btn-secondary-active: #F26D00;
  --bg-btn-secondary-disabled: transparent;
  --border-btn-secondary-disabled: #43494E;
  --color-btn-secondary-disabled: #43494E;
  --bg-ol-item: transparent;
  --border-ol-item: #43494E;
  --color-ol-title: #FDFDFD;
  --color-ol-description: #FAFAFA;
  --bg-navbar: #2A2E32;
  --color-navbar: #FFF;
  --color-navbar-link: #FFFBF7;
  --color-navbar-sublink: #FFFAF5;
}






.text-gray-25 {
  color: #FDFDFD !important;
}

.bg-gray-25 {
  background-color: #FDFDFD !important;
}

.border-gray-25 {
  border-color: #FDFDFD !important;
}

.text-gray-50 {
  color: #EAEBEB !important;
}

.bg-gray-50 {
  background-color: #EAEBEB !important;
}

.border-gray-50 {
  border-color: #EAEBEB !important;
}

.text-gray-100 {
  color: #D5D7D8 !important;
}

.bg-gray-100 {
  background-color: #D5D7D8 !important;
}

.border-gray-100 {
  border-color: #D5D7D8 !important;
}

.text-gray-200 {
  color: #C0C2C4 !important;
}

.bg-gray-200 {
  background-color: #C0C2C4 !important;
}

.border-gray-200 {
  border-color: #C0C2C4 !important;
}

.text-gray-300 {
  color: #ABAEB0 !important;
}

.bg-gray-300 {
  background-color: #ABAEB0 !important;
}

.border-gray-300 {
  border-color: #ABAEB0 !important;
}

.text-gray-400 {
  color: #969A9C !important;
}

.bg-gray-400 {
  background-color: #969A9C !important;
}

.border-gray-400 {
  border-color: #969A9C !important;
}

.text-gray-500 {
  color: #828689 !important;
}

.bg-gray-500 {
  background-color: #828689 !important;
}

.border-gray-500 {
  border-color: #828689 !important;
}

.text-gray-600 {
  color: #6D7275 !important;
}

.bg-gray-600 {
  background-color: #6D7275 !important;
}

.border-gray-600 {
  border-color: #6D7275 !important;
}

.text-gray-700 {
  color: #585D61 !important;
}

.bg-gray-700 {
  background-color: #585D61 !important;
}

.border-gray-700 {
  border-color: #585D61 !important;
}

.text-gray-800 {
  color: #43494E !important;
}

.bg-gray-800 {
  background-color: #43494E !important;
}

.border-gray-800 {
  border-color: #43494E !important;
}

.text-gray-900 {
  color: #2E353A !important;
}

.bg-gray-900 {
  background-color: #2E353A !important;
}

.border-gray-900 {
  border-color: #2E353A !important;
}

.text-orange-25 {
  color: #FFFAF5 !important;
}

.bg-orange-25 {
  background-color: #FFFAF5 !important;
}

.border-orange-25 {
  border-color: #FFFAF5 !important;
}

.text-orange-50 {
  color: #FFF6ED !important;
}

.bg-orange-50 {
  background-color: #FFF6ED !important;
}

.border-orange-50 {
  border-color: #FFF6ED !important;
}

.text-orange-100 {
  color: #FFEAD5 !important;
}

.bg-orange-100 {
  background-color: #FFEAD5 !important;
}

.border-orange-100 {
  border-color: #FFEAD5 !important;
}

.text-orange-200 {
  color: #FDDCAB !important;
}

.bg-orange-200 {
  background-color: #FDDCAB !important;
}

.border-orange-200 {
  border-color: #FDDCAB !important;
}

.text-orange-300 {
  color: #FEB273 !important;
}

.bg-orange-300 {
  background-color: #FEB273 !important;
}

.border-orange-300 {
  border-color: #FEB273 !important;
}

.text-orange-400 {
  color: #F26D00 !important;
}

.bg-orange-400 {
  background-color: #F26D00 !important;
}

.border-orange-400 {
  border-color: #F26D00 !important;
}

.text-orange-500 {
  color: #FB6514 !important;
}

.bg-orange-500 {
  background-color: #FB6514 !important;
}

.border-orange-500 {
  border-color: #FB6514 !important;
}

.text-orange-600 {
  color: #EC4A0A !important;
}

.bg-orange-600 {
  background-color: #EC4A0A !important;
}

.border-orange-600 {
  border-color: #EC4A0A !important;
}

.text-orange-700 {
  color: #C4320A !important;
}

.bg-orange-700 {
  background-color: #C4320A !important;
}

.border-orange-700 {
  border-color: #C4320A !important;
}

.text-orange-800 {
  color: #9C2A10 !important;
}

.bg-orange-800 {
  background-color: #9C2A10 !important;
}

.border-orange-800 {
  border-color: #9C2A10 !important;
}

.text-orange-900 {
  color: #7E2410 !important;
}

.bg-orange-900 {
  background-color: #7E2410 !important;
}

.border-orange-900 {
  border-color: #7E2410 !important;
}

.text-blue-gray-25 {
  color: #FCFCFD !important;
}

.bg-blue-gray-25 {
  background-color: #FCFCFD !important;
}

.border-blue-gray-25 {
  border-color: #FCFCFD !important;
}

.text-blue-gray-50 {
  color: #F8F9FC !important;
}

.bg-blue-gray-50 {
  background-color: #F8F9FC !important;
}

.border-blue-gray-50 {
  border-color: #F8F9FC !important;
}

.text-blue-gray-100 {
  color: #EAECF5 !important;
}

.bg-blue-gray-100 {
  background-color: #EAECF5 !important;
}

.border-blue-gray-100 {
  border-color: #EAECF5 !important;
}

.text-blue-gray-200 {
  color: #D5D9EB !important;
}

.bg-blue-gray-200 {
  background-color: #D5D9EB !important;
}

.border-blue-gray-200 {
  border-color: #D5D9EB !important;
}

.text-blue-gray-300 {
  color: #AFB5D9 !important;
}

.bg-blue-gray-300 {
  background-color: #AFB5D9 !important;
}

.border-blue-gray-300 {
  border-color: #AFB5D9 !important;
}

.text-blue-gray-400 {
  color: #717BBC !important;
}

.bg-blue-gray-400 {
  background-color: #717BBC !important;
}

.border-blue-gray-400 {
  border-color: #717BBC !important;
}

.text-blue-gray-500 {
  color: #4E5BA6 !important;
}

.bg-blue-gray-500 {
  background-color: #4E5BA6 !important;
}

.border-blue-gray-500 {
  border-color: #4E5BA6 !important;
}

.text-blue-gray-600 {
  color: #3E4784 !important;
}

.bg-blue-gray-600 {
  background-color: #3E4784 !important;
}

.border-blue-gray-600 {
  border-color: #3E4784 !important;
}

.text-blue-gray-700 {
  color: #364B9F !important;
}

.bg-blue-gray-700 {
  background-color: #364B9F !important;
}

.border-blue-gray-700 {
  border-color: #364B9F !important;
}

.text-blue-gray-800 {
  color: #293056 !important;
}

.bg-blue-gray-800 {
  background-color: #293056 !important;
}

.border-blue-gray-800 {
  border-color: #293056 !important;
}

.text-blue-gray-900 {
  color: #101323 !important;
}

.bg-blue-gray-900 {
  background-color: #101323 !important;
}

.border-blue-gray-900 {
  border-color: #101323 !important;
}

[data-theme=dark] {
  --bg-btn-secondary: transparent;
  --border-btn-secondary: #FDFDFD;
  --color-btn-secondary: #FDFDFD;
  --border-btn-secondary-hover: #F26D00;
  --color-btn-secondary-hover: #F26D00;
  --bg-btn-secondary-active: #FFF6ED;
  --border-btn-secondary-active: #FFEAD5;
  --color-btn-secondary-active: #F26D00;
  --bg-btn-secondary-disabled: transparent;
  --border-btn-secondary-disabled: #43494E;
  --color-btn-secondary-disabled: #43494E;
}

.sv-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.5rem;
  padding: 0.75rem 1.15rem;
  cursor: pointer;
  border: none;
  transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
  gap: 0.5rem;
  line-height: 1.5rem;
  text-decoration: none;
  min-height: 48px;
  font-family: "QuickSand", sans-serif;
}
.sv-button .sv-wrap__buttons {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2.5rem;
}
.sv-button.sv-button-primary {
  background-color: var(--bg-btn-primary);
  border: 1px solid var(--border-btn-primary);
  color: var(--color-btn-primary);
}
.sv-button.sv-button-primary:hover {
  background-color: var(--bg-btn-primary-hover);
  border-color: var(--border-btn-primary-hover);
}
.sv-button.sv-button-primary:active {
  background-color: var(--bg-btn-primary-active);
  border-color: var(--border-btn-primary-active);
}
.sv-button.sv-button-primary:disabled {
  background-color: var(--bg-btn-primary-disabled);
  border-color: var(--border-btn-primary-disabled);
  cursor: not-allowed;
}
.sv-button.sv-button-secondary {
  background-color: var(--bg-btn-secondary);
  border: 1.5px solid var(--border-btn-secondary);
  color: var(--color-btn-secondary);
}
.sv-button.sv-button-secondary:hover {
  border-color: var(--border-btn-secondary-hover);
  color: var(--color-btn-secondary-hover);
}
.sv-button.sv-button-secondary:active {
  background-color: var(--bg-btn-secondary-active);
  border-color: var(--border-btn-secondary-active);
  color: var(--color-btn-secondary-active);
}
.sv-button.sv-button-secondary:disabled {
  background-color: var(--bg-btn-secondary-disabled);
  border-color: var(--border-btn-secondary-disabled);
  color: var(--color-btn-secondary-disabled);
  cursor: not-allowed;
}
.sv-button.sv-button-tertiary {
  background-color: var(--bg-btn-tertiary);
  border: 1.5px solid var(--border-btn-tertiary);
  color: var(--color-btn-tertiary);
}
.sv-button.sv-button-tertiary:hover {
  background-color: var(--bg-btn-tertiary-hover);
  border-color: var(--border-btn-tertiary-hover);
  color: var(--color-btn-tertiary-hover);
}
.sv-button.sv-button-tertiary:active {
  background-color: var(--bg-btn-tertiary-active);
  border-color: var(--border-btn-tertiary-active);
  color: var(--color-btn-tertiary-active);
}
.sv-button.sv-button-tertiary:disabled {
  background-color: var(--bg-btn-tertiary-disabled);
  border-color: var(--border-btn-tertiary-disabled);
  color: var(--color-btn-tertiary-disabled);
  cursor: not-allowed;
}
.sv-button.sv-button-chat {
  background-color: var(--bg-btn-orange);
  border: 1.5px solid var(--border-btn-orange);
  color: var(--color-btn-orange);
}
.sv-button.sv-button-chat:hover {
  background-color: var(--bg-btn-orange-hover);
  border-color: var(--border-btn-orange-hover);
}
.sv-button.sv-button-chat:active {
  background-color: var(--bg-btn-orange-active);
  border-color: var(--border-btn-orange-active);
}
.sv-button.sv-button-chat:disabled {
  background-color: var(--bg-btn-orange-disabled);
  border-color: var(--border-btn-orange-disabled);
  color: var(--color-btn-orange-disabled);
}
.sv-button.sv-button-black {
  background-color: black !important;
  color: white;
  height: 40px;
  border: 1px solid #A6A6A6 !important;
}
.sv-button.xlarge {
  font-size: 1.125rem;
  padding: 1rem 2rem;
}
.sv-button.only-icon {
  justify-content: center;
}
.sv-button.only-icon svg, .sv-button.only-icon i {
  font-size: 1.25rem;
}
.sv-button.with-icon {
  justify-content: flex-start !important;
}
.sv-button.with-icon svg, .sv-button.with-icon i {
  font-size: 1.25rem;
}
.sv-button.with-icon:--end {
  flex-direction: row-reverse;
}

.sv-pagination-button {
  width: 48px !important;
  height: 48px !important;
  border-radius: 0.5rem !important;
  padding: 0 !important;
  border-width: 1px !important;
}
.sv-pagination-button.sv-button-secondary {
  background-color: var(--bg-btn-secondary);
  border: 1.5px solid var(--border-btn-secondary);
  color: var(--color-btn-secondary);
}
.sv-pagination-button.sv-button-secondary:hover {
  border-color: var(--border-btn-secondary-hover);
  color: var(--color-btn-secondary-hover);
}
.sv-pagination-button.sv-button-secondary:active {
  background-color: var(--bg-btn-secondary-active);
  border-color: var(--border-btn-secondary-active);
  color: var(--color-btn-secondary-active);
}
.sv-pagination-button.sv-button-secondary:disabled {
  background-color: var(--bg-btn-secondary-disabled);
  border-color: var(--border-btn-secondary-disabled);
  color: var(--color-btn-secondary-disabled);
  cursor: not-allowed;
}
.sv-pagination-button .sv-pagination-button-icon {
  width: 5px !important;
  height: 10px !important;
}

@media screen and (max-width: 994px) {
  .sv-wrap__buttons .sv-button {
    width: 100%;
  }
}
body {
  font-family: "DM Sans", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  background-color: var(--bg-color-lp) !important;
  color: var(--text-color-lp) !important;
}

p {
  font-size: 1rem;
  font-weight: 500;
  font-family: "Quicksand", sans-serif !important;
}

form-label {
  font-family: "Quicksand", sans-serif !important;
}

form input:focus {
  border-color: #f9cf92 !important;
  box-shadow: 0 0 0 0.25rem #fee6c3 !important;

}

.sv-title-hero {
  font-weight: 700;
  font-size: 50px;
  line-height: 57px;
  letter-spacing: -0.06em;
  color: var(--text-color-title);
  overflow-wrap: break-word;
  word-break: break-word; 
  text-overflow: ellipsis; 
  white-space: normal; 
}
.sv-title-hero .sv-title-orange {
  color: #F26D00;
}

.sv-title-cardGrid {
  font-family: "DM Sans", sans-serif !important;
}

.sv-title-section {
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: -0.06em;
  color: var(--text-color-title);
  overflow-wrap: break-word;
  word-break: break-word; 
  text-overflow: ellipsis; 
  white-space: normal; 
}
.sv-title-section .sv-title-orange {
  color: #F26D00;
}

.heading-primary {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 2rem;
}

.heading-secondary {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
}

.label {
  font-family: "Quicksand", sans-serif;
  font-size: 0.875rem;
}

.text-xs {
  font-size: 0.75rem;
} 
.text-sm {
  font-size: 0.875rem;
} 
.text-base {
  font-size: 1rem;
} 
.text-lg {
  font-size: 1.125rem;
} 
.text-xl {
  font-size: 1.25rem;
} 

.my-alert {
  padding: 1rem;
  border-radius: 1rem;
  color: white;
  margin-bottom: 1rem;
}
.my-alert.success {
  background-color: #52c41a;
}
.my-alert.error {
  background-color: #f5222d;
}

.sv-card {
  position: relative;
  background-color: var(--bg-card);
  border-radius: 1rem;
  box-shadow: var(--box-shadow-card);
  color: var(--text-color-lp);
  transition: background-color 0.3s;
  border-color: var(--border-card);
  overflow: hidden;
}

.sv-card--flexcol {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
}

.sv-card--flexrow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 1.5rem;
}

.sv-card-head {
  position: relative;
  width: 100%;
}

.sv-card-body {
  position: relative;
  width: 100%;
}

.sv-card-footer {
  position: relative;
  width: 100%;
}

.sv-card__interactive-svg {
  position: relative;
  width: 100%;
  height: 600px;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  align-items: center;
}

.sv-card__interactive-svg--orange {
  background-color: #F26D00;
}

.sv-card__interactive-svg--blue {
  background-color: #364B9F;
}

.sv-card__interactive-lottie {
  width: 300px;
  height: 300px;
}

.sv-card__bg-svg {
  position: relative;
  width: 100%;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-background-repeat: no-repeat;
  -webkit-background-position: center;
  -webkit-background-size: contain;
  align-items: center;
  z-index: 1;
}

.sv-card__asset {
  box-shadow: none !important;
  border: none !important;
}

.sv-card__h {
  padding: 1.5rem;
  border: 1px solid var(--border-card-h);
  height: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

.sv-card__h-image {
  width: 200px;
  height: 228px;
  vertical-align: bottom;
}

.sv-card__h-title {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
}

.sv-card__h-title--icon {
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}

.sv-card__h-title--text {
  color: var(--text-color-title);
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  margin-bottom: 0;
}

.radius-xs {
  border-radius: 0.25rem !important;
} 
.radius-sm {
  border-radius: 0.5rem !important;
} 
.radius-base {
  border-radius: 1rem !important;
} 
.radius-lg {
  border-radius: 1.25rem !important;
} 
.radius-xl {
  border-radius: 1.5rem !important;
} 
.boxshadow-side {
  box-shadow: var(--boxshadow-side);
}

@media screen and (max-width: 992px) {
  .sv-card--flexrow {
    flex-direction: column !important;
  }
  .sv-card__h-title {
    flex-direction: column !important;
  }
}
.sv-card__highlight {
  background-color: var(--bg-card);
  border: 1px solid var(--border-card-highlight);
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sv-card__highlight-title {
  color: #F26D00;
  font-family: DM Sans;
  font-weight: 800;
  font-style: ExtraBold;
  font-size: 3.75rem;
  line-height: 4.5rem;
  letter-spacing: -6%;
  text-align: center;
  margin: 0;
}

.sv-card__highlight-text {
  font-family: "QuickSand", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0%;
  text-align: center;
  color: var(--text-color-title);
  margin: 0;
}

.sv-container-product-card {
  flex: 0 0 auto;
  width: var(--card-width, 94%);
}

.sv-card__product {
  height: 608px;
  padding: 2rem;
}

.sv-card__product-images {
  width: 100%;
  position: relative;
  height: 363px;
  border-radius: 12px;
  overflow: hidden;
}

.sv-card__product-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.sv-card__product-images .sv-card__product-image:last-child {
  opacity: 1;
  z-index: 1;
}

.sv-card__product-images:hover .sv-card__product-image:first-child {
  opacity: 1;
  z-index: 2;
}

.sv-card__product-images:hover .sv-card__product-image:last-child {
  opacity: 0;
}

.sv-card__product-title {
  font-weight: 600;
  font-style: SemiBold;
  font-size: 1.25rem;
  line-height: 30px;
  text-align: center;
  color: var(--text-color-title);
  margin-bottom: 0.25rem;
}

.sv-card__product-description {
  font-weight: 500;
  font-style: Medium;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: var(--text-color-lp);
}

.sv-card__product-action {
  width: 100%;
}

@media (min-width: 992px) {
  .sv-container-product-card {
    width: calc((100% - 170px) / 3); 
  }
}
.sv-card__post {
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}

.sv-card__post-image {
  width: 100%;
  vertical-align: bottom;
}

.sv-card__post-body {
  display: grid;
  gap: 0.75rem;
}

.sv-card__post-category {
  font-family: "Quicksand", sans-serif !important;
  font-weight: 600;
  font-size: 14px;
  color: var(--color-name-category);
}

.sv-card__post-container__title {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 1rem;
  cursor: pointer;
}

.sv-card__post-title {
  font-family: "Quicksand", sans-serif !important;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0%;
  color: var(--text-color-title);
  min-height: 48px;
  transition: "color 0.2s ease";
  margin-bottom: 0;
}

.sv-card__post-container__title:hover .sv-card__post-title {
  color: #F26D00;
}

.sv-card__post-title--icon {
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  filter: var(--filter-icon);
  transition: filter 0.2s ease;
}

.sv-card__post-container__title:hover .sv-card__post-title--icon {
  filter: var(--filter-icon-hover);
}

.sv-card__post-container__autor {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}

.sv-card__post-autor {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.25rem;
  color: var(--text-color-title);
  margin-bottom: 0;
}

.sv-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: var(--bg-navbar);
  color: var(--color-navbar);
  z-index: 10000;
  height: 96px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
}

@media screen and (min-width: 1240px) and (max-width: 1321px) {
    .sv-navbar {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
    gap: 1rem; 
  }

  .sv-navbar__links {
    display: flex !important;        
    flex-direction: row !important;  
    align-items: center !important;  
    justify-content: center;
    width: auto !important;          
    gap: 0.2rem !important;          
    margin-top: 0 !important;        
    pointer-events: auto !important; 
    max-height: none !important;     
  }

    .sv-navbar__item {
    width: auto !important; 
  }

    .sv-navbar__link {
      font-size: 0.98rem !important;
      white-space: nowrap; 
      justify-content: center;
    }


    .sv-navbar__right .sv-button {
      font-size: 15px !important;
      padding: 0 0.80rem !important; 
      min-height: 42px !important;
      height: 42px;
      line-height: 42px; 
      white-space: nowrap;
  }
  .sv-navbar__item{
    gap: 1rem;
    padding: 1rem !important;
  }
}

@media screen and (min-width: 1190px) and (max-width: 1239px) {
    .sv-navbar {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
  }

  .sv-navbar__links {
    display: flex !important;        
    flex-direction: row !important;  
    align-items: center !important;  
    justify-content: center;
    width: auto !important;          
    margin-top: 0 !important;        
    pointer-events: auto !important; 
    max-height: none !important;     
  }

    .sv-navbar__link {
      font-size: 0.98rem !important;
      white-space: nowrap; 
      justify-content: center;
    }


    .sv-navbar__right .sv-button {
      font-size: 14px !important;
      padding: 0 0.79rem !important; 
      min-height: 41px !important;
      height: 41px;
      line-height: 41px; 
      white-space: nowrap;
  }

  .sv-navbar__logo {
    height: 27px;
  }

}

@media screen and (min-width: 961px) and (max-width: 1190px) {
    .sv-navbar {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
  }

  .sv-navbar__links {
    display: flex !important;        
    flex-direction: row !important;  
    align-items: center !important;  
    justify-content: center;
    width: auto !important;          
    margin-top: 0 !important;        
    pointer-events: auto !important; 
    max-height: none !important;
    gap: 0.7rem !important;
  }

    .sv-navbar__link {
      font-size: 0.97rem !important;
      white-space: nowrap; 
      justify-content: center;
    }

    .sv-navbar__item {
      gap: 0.02rem !important;
    }

    .sv-navbar__right{
      gap: 0.6rem !important;
      padding: 3px !important;
    }

    .sv-navbar__right .sv-button {
      font-size: 13px !important;
      padding: 0 0.77rem !important; 
      min-height: 41px !important;
      height: 41px;
      line-height: 41px; 
      white-space: nowrap;
  }

  .sv-navbar__logo {
    height: 27px;
    width: 88px;
  }

}

/* @media screen and (min-width: 960px) and (max-width: 1320px) {
  
  .sv-navbar {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: center;
    gap: 8px; 
    padding-left: 1rem; 
    padding-right: 1rem;
  }

  .sv-navbar__logo {
    height: 27px;
    flex-shrink: 0; 
  }

  .sv-navbar__links {
    display: flex !important;        
    flex-direction: row !important;  
    align-items: center !important;  
    justify-content: center;
    width: auto !important;          
    gap: 0.2rem !important;          
    margin-top: 0 !important;        
    pointer-events: auto !important; 
    max-height: none !important;     
  }

  .sv-navbar__item {
    width: auto !important; 
  }

  .sv-navbar__link {
    font-size: 0.95rem !important;
    padding: 0.4rem !important; 
    white-space: nowrap; 
    justify-content: center;
  }

  .sv-navbar__right {
    gap: 0.4rem;
    flex-shrink: 0;
    display: flex !important; 
  }

  .sv-navbar__right .sv-button {
    font-size: 13px !important;
    padding: 0 0.75rem !important; 
    min-height: 36px !important;
    height: 36px;
    line-height: 36px; 
    white-space: nowrap;
  }

  .sv-navbar__right .sv-button svg, 
  .sv-navbar__right .sv-button i {
    font-size: 14px;
  }
} */

.sv-navbar__left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sv-navbar__logo {
  height: 40px;
}

.sv-navbar__toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1rem;
  margin-left: auto;
  cursor: pointer;
}

.sv-navbar__links {
  display: flex;
  list-style: none;
  gap: 2rem;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.sv-navbar__item {
  position: relative;
}

.sv-navbar__link {
  background: none;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  padding: 0.2rem 0;
  position: relative;
  z-index: 20;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-navbar-link);
  text-decoration: none;
}

.sv-navbar__link:hover, menu-toggle:active {
  color: #F26D00 !important;
}

.sv-navbar__link--toggle {
  color: #F26D00 !important;
}

.sv-navbar__icon--chevron {
  width: 12px;
  height: 12px;
  color: inherit;
}

.sv-navbar__icon--chevron.rotate {
  transform: rotate(180deg);
}

.sv-navbar__mega {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  gap: 2rem;
  background-color: var(--bg-navbar);
  padding: 1rem 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 100;
  min-width: 328px;
  border-radius: 12px;
}

.sv-navbar__mega--column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 292px;
  width: 292px;
}

.sv-navbar__subitem {
  display: grid;
  align-items: flex-start;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  text-decoration: none !important;
  color: initial;
}

.sv-navbar__sublink {
  color: var(--color-navbar-sublink) !important;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
}

.sv-navbar__sublink--label {
  color: var(--text-color-lp);
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.25rem;
}

.sv-navbar__right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.sv-navbar__mobile--button {
  display: none !important;
}

.sv-navbar__mobile-buttons-section {
  display: none !important;
}

@media (min-width: 960px) {
  .sv-navbar__mega--column {
    width: 292px !important;
    
  }
}
@media (max-width: 960px) {
  .sv-navbar {
    display: flex;
    flex-direction: column;
    height: 80px;
    align-items: center;
    padding: 1rem 0.8rem;
    position: fixed;
    z-index: 10000;
  }
  .sv-navbar.open {
    max-height: 100vh;
    height: 100vh;
  }
  .sv-navbar__toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
  .sv-navbar__toggle a {
    display: flex;
  }
  .sv-navbar__toggle img {
    width: 24px;
  }
  .sv-navbar__left {
    width: 100%;
  }
  .sv-navbar__links {
    flex-direction: column;
    width: 100%;
    margin-top: 1rem;
    max-height: 0;
    display: none;
    pointer-events: none;
  }
  .sv-navbar__links.open {
    max-height: 1000px;
    display: block;
    pointer-events: auto;
  }
  .sv-navbar__mobile--button {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    display: none;
  }
  .sv-navbar__mobile--button.open {
    display: block;
  }
  .sv-navbar__mobile-buttons-section {
    display: flex !important;
    flex-direction: column;
    margin-top: auto;
    padding: 1rem 1rem 2rem 1rem;
    width: 100%;
  }
  .sv-navbar__right {
    display: none;
  }
}
@media (max-width: 767px) {
  .sv-navbar__mega {
    width: 100%;
  }
  .sv-navbar__link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
  }
}
.icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #FDE9CC;
}

.sv-icon, .sv-icon-pagination-previous, .sv-icon-pagination-next, .sv-icon-tag, .sv-icon-star, .sv-icon-small-shop, .sv-icon-simple-cart, .sv-icon-shop, .sv-icon-shop-four-tiles, .sv-icon-rocket, .sv-icon-quote-message, .sv-icon-pizza-slice, .sv-icon-piggy-bank, .sv-icon-lock, .sv-icon-layout, .sv-icon-hand-card, .sv-icon-gift, .sv-icon-gasoline, .sv-icon-error, .sv-icon-dollar-circle, .sv-icon-credit-cards, .sv-icon-city {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.sv-icon-city {
  mask-image: url("./assets/icons/city.svg");
}

.sv-icon-credit-cards {
  mask-image: url("./assets/icons/credit-cards.svg");
}

.sv-icon-dollar-circle {
  mask-image: url("./assets/icons/dollar-circle.svg");
}

.sv-icon-error {
  mask-image: url("./assets/icons/error.svg");
}

.sv-icon-gasoline {
  mask-image: url("./assets/icons/gas-tank-droplet.svg");
}

.sv-icon-gift {
  mask-image: url("./assets/icons/gift.svg");
}

.sv-icon-hand-card {
  mask-image: url("./assets/icons/hand-card.svg");
}

.sv-icon-layout {
  mask-image: url("./assets/icons/layout.svg");
}

.sv-icon-lock {
  mask-image: url("./assets/icons/lock.svg");
}

.sv-icon-piggy-bank {
  mask-image: url("./assets/icons/piggy-bank.svg");
}

.sv-icon-pizza-slice {
  mask-image: url("./assets/icons/pizza-slice.svg");
}

.sv-icon-quote-message {
  mask-image: url("./assets/icons/quote-message.svg");
}

.sv-icon-rocket {
  mask-image: url("./assets/icons/rocket.svg");
}

.sv-icon-shop-four-tiles {
  mask-image: url("./assets/icons/shop-four-tiles.svg");
}

.sv-icon-shop {
  mask-image: url("./assets/icons/shop.svg");
}

.sv-icon-simple-cart {
  mask-image: url("./assets/icons/simple-cart.svg");
}

.sv-icon-small-shop {
  mask-image: url("./assets/icons/small-shop.svg");
}

.sv-icon-star {
  mask-image: url("./assets/icons/star.svg");
}

.sv-icon-tag {
  mask-image: url("./assets/icons/tag.svg");
}

.sv-icon-pagination-next {
  mask-image: url("./assets/icons/pagination-button.svg");
}

.sv-icon-pagination-previous {
  mask-image: url("./assets/icons/pagination-button.svg");
  transform: rotate(180deg);
}

.sv-collage {
  width: 100%;
  display: grid;
  gap: 0.5rem;
  
}


.sv-collage--cols-3 {
  grid-template-columns: 40% 30% 30%;
}


.sv-collage--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.sv-collage--cols-4 {
  grid-template-columns: 30% 20% 30% 20%;
}

.sv-collage__grid {
  display: grid;
  gap: 0.5rem;
}


.sv-collage__grid--type-1-col-1 {
  grid-template-rows: 60% 40%;
}

.sv-collage__grid--type-1-col-2 {
  grid-template-rows: 40% 60%;
}

.sv-collage__grid--type-1-col-3 {
  grid-template-rows: 50% 50%;
}


.sv-collage__grid--type-2-col-1 {
  grid-template-rows: 40% 60%;
}

.sv-collage__grid--type-2-col-2 {
  grid-template-rows: 40% 60%;
}

.sv-collage__grid--type-2-col-3 {
  grid-template-rows: 50% 50%;
}


.sv-collage__grid--type-3-col-1 {
  grid-template-rows: 60% 40%;
}

.sv-collage__grid--type-3-col-2 {
  grid-template-rows: 40% 60%;
}

.sv-collage__grid--type-3-col-3 {
  grid-template-rows: 60% 40%;
}

.sv-collage__grid--type-3-col-4 {
  grid-template-rows: 50% 50%;
}

.sv-collage__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
  vertical-align: bottom;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.sv-collage__img.sv-loaded {
  opacity: 1;
}

.sv-order__list {
  position: relative;
  display: grid;
  gap: 1rem;
}

.sv-order__list-item {
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-ol-item);
  border: 1px solid var(--border-ol-item);
  transition: all 0.3s ease;
}

.sv-order__list-item--with-action {
  cursor: pointer;
}

.sv-order__list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sv-order__list-icon {
  position: relative;
}

.sv-order__list-title {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 0;
  color: var(--color-ol-title);
}

.sv-order__list-toggle {
  position: relative;
}

.sv-order__list-body {
  position: relative;
  margin-top: 0.25rem;
}

.sv-order__list-description {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: var(--color-ol-description);
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-break: break-word; 
  text-overflow: ellipsis; 
  white-space: normal; 
}

.sv-order__list-description--margin {
  margin-left: 4.5rem;
}

.sv-faq {
  position: relative;
  display: grid;
  gap: 1rem;
}

.sv-faq__item {
  cursor: pointer;
  transition: 0.3s;
  background-color: var(--bg-card);
  border: 1px solid var(-border-card);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 1rem;
  border-radius: 1rem;
}

.sv-faq__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sv-faq__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-color-lp);
  margin-bottom: 0;
}

.sv-faq__icon {
  object-fit: cover;
}

.sv-faq__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

.sv-faq__body--active {
  max-height: 700px;
  opacity: 1;
}

.sv-card__post-description {
  min-height: 77px;
  margin-bottom: 0;
}