:root {
  --white: #fff;
  --black: #000;
  --primary: #F15E27;
  --secondary: #242529;
  --secondary-light: #34353C;
  --primary-light: #F4794B;
  --primary-70: rgba(244,121,75, .7);
  --taupe: #ECE7E3;
  --taupe-light: #F6F3EF;
  --taupe-100: #DFDBD8;
  --taupe-200: #ded8d3;
  --taupe-300: #d6cfc9;
  --taupe-800: #B09E91;
  --taupe-900: #a19083;
  --paper: #f7f7f7;
  --gray: #999;
  --gray-light: #F5F4F3;
  --taupe-5: rgba(93, 91, 89, .05);
  --link-blue: #1a0dab;
  --chatBlue: #3797f0;
  --whatsapp: #25d366;
  --facebook: #3b5999;
  --x-twitter: #000;
  --pinterest: #e60023;
  --youtube: #ff0000;
  --error: #EF4D61;
  --error-dark: #da3142;
  --error-background: #FDEDEF;
  --warning: #FFC12E;
  --warning-background: #FFF9EA;
  --info: #00D0EA;
  --info-background: #E5FAFD;
  --success: #35D39D;
  --success-background: #EBFBF5;
  --white-5: rgba(255, 255, 255, .05);
  --white-50: rgba(255, 255, 255, .5);
  --white-80: rgba(255, 255, 255, .8);
  --black-3: rgba(0, 0, 0, .03);
  --black-5: rgba(0, 0, 0, .05);
  --black-10: rgba(0, 0, 0, .1);
  --black-20: rgba(0, 0, 0, .2);
  --black-30: rgba(0, 0, 0, .3);
  --black-40: rgba(0, 0, 0, .4);
  --black-50: rgba(0, 0, 0, .5);
  --black-60: rgba(0, 0, 0, .6);
  --black-70: rgba(0, 0, 0, .7);
  --black-80: rgba(0, 0, 0, .8);
  --black-90: rgba(0, 0, 0, .9);
  --primaryGradient: linear-gradient(0deg, rgba(241,94,39,1) 0%, rgba(244,121,75,1) 100%);
  --font-family: "Nunito", sans-serif;
  --h1-font-size: clamp(2rem, 5vw, 2.6rem);
  --h2-font-size: clamp(1.8rem, 4vw, 2.25rem);
  --h3-font-size: clamp(1.5rem, 3.5vw, 1.95rem);
  --h4-font-size: clamp(1.5rem, 3vw, 1.75rem);
  --h5-font-size: 1.375rem;
  --h6-font-size: 1.25rem;
  --font-size-xxl: clamp(2.6rem, 5vw, 3.25rem);
  --font-size-lg: 1.375rem;
  --font-size-md: 1.25rem;
  --font-size-base: 1.1rem;
  --font-size-normal: 1rem;
  --font-size-sm: .875rem;
  --font-size-xs: .75rem;
  --font-size-xxs: .55rem;
}

/* Grid breakpoints
==================================================*/
*, *::before, *::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
html,
body {
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 1.5;
  color: var(--black-80);
  overflow-x: hidden;
  margin: 0;
  background-color: var(--paper);
  -webkit-text-size-adjust: 100%;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

label {
  line-height: 100%;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

figure {
  margin: 0;
  padding: 0;
}

.table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.table {
  overflow: hidden;
  background: var(--paper);
  border: 1px solid var(--taupe);
  border-radius: 1rem;
}
.table-title-div {
  padding: 1.5rem;
  border-bottom: 1px solid var(--taupe);
}
@media (min-width: 576px) {
  .table-title-div {
    padding: 2rem;
  }
}
.table-subtitle {
  color: var(--black-60);
  font-weight: 500;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table th {
  border-right: 1px solid var(--taupe);
  background-color: var(--white);
}
table th, table td {
  text-align: left;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--taupe);
}
@media (min-width: 576px) {
  table th, table td {
    padding: 1rem 2rem;
  }
}
table tr:last-child th, table tr:last-child td {
  border-bottom: none;
}

.table-sm {
  border-radius: 0.5rem;
}
.table-sm .th-row th, .table-sm td {
  font-size: var(--font-size-normal);
  font-weight: 700;
}
.table-sm th, .table-sm td {
  font-size: var(--font-size-sm);
  font-weight: normal;
  line-height: 120%;
}
@media (min-width: 576px) {
  .table-sm th, .table-sm td {
    font-size: var(--font-size-normal);
  }
}
.table-sm.border-0 {
  border: 0;
  border-radius: 0;
}

a {
  color: var(--primary);
  text-decoration: none;
}

.no-wrap {
  white-space: nowrap;
}

.link:hover {
  text-decoration: underline;
}

.link-underline {
  text-decoration: underline;
}
.link-underline:hover {
  text-decoration: none;
}

.text-black-40 {
  color: var(--black-40);
}

.text-black-50 {
  color: var(--black-50);
}

.text-black-60 {
  color: var(--black-60);
}

.text-black-80 {
  color: var(--black-80);
}

.font-weight-normal {
  font-weight: 500;
}

.noscroll {
  overflow: hidden;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.video-button:hover .video-button-inner {
  background: var(--primary);
}
.video-button-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 70px;
  background: var(--primary-70);
  border-radius: 1rem;
  transition: all 0.2s ease;
}
.video-button-title {
  font-size: var(--font-size-sm);
  font-weight: 800;
  color: var(--white);
  margin: 3px 0 -7px 0;
}
.video-button .icon {
  color: var(--white);
}

hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  background: var(--black-10);
}

.js-backdrop-overlay {
  position: fixed;
  z-index: 11;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease;
}
.js-backdrop-overlay.show {
  opacity: 0.8;
  pointer-events: auto;
}

.separator-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.separator-title:after {
  position: absolute;
  height: 1px;
  top: 50%;
  right: 0;
  left: 0;
  content: "";
  background: var(--black-10);
}
.separator-title span {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-normal);
  color: var(--black-50);
  padding: 0.5rem 1rem;
  background: var(--white);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 110%;
  font-weight: 600;
  margin: 0 0 1rem 0;
}

p {
  margin: 0 0 1.5rem 0;
}

h1, .h1 {
  font-size: var(--h1-font-size);
}

h2, .h2 {
  font-size: var(--h2-font-size);
}

h3, .h3 {
  font-size: var(--h3-font-size);
}

h4, .h4 {
  font-size: var(--h4-font-size);
}

h5, .h5 {
  font-size: var(--h5-font-size);
}

h6, .h6 {
  font-size: var(--h6-font-size);
}

.font-size-lg {
  font-size: var(--font-size-lg);
}

.font-size-md {
  font-size: var(--font-size-md);
}

.font-size-base {
  font-size: var(--font-size-base);
}

.font-size-normal {
  font-size: var(--font-size-normal);
}

.font-size-sm {
  font-size: var(--font-size-sm);
}

.font-size-xs {
  font-size: var(--font-size-xs);
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-700 {
  font-weight: 700;
}

.title-required:after {
  content: " *";
  color: var(--error);
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.container-small {
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .container-small {
    max-width: 800px;
  }
}

:root {
  --headerHeightMobile: 60px;
  --headerHeightDesktop: 80px;
}

.header {
  background: var(--primary);
}
.header.sticky {
  position: sticky;
  z-index: 99;
  top: 0;
}
.header .container {
  position: relative;
}
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--headerHeightMobile);
}
@media (min-width: 1200px) {
  .header-inner {
    height: var(--headerHeightDesktop);
  }
}
.header .verification-expiry {
  font-size: var(--font-size-normal);
  font-weight: 600;
  padding: 1rem 0;
  background: var(--warning-background);
  border-bottom: 1px solid var(--black-10);
}
.header .verification-expiry a:hover {
  text-decoration: underline;
}

.header-logo {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--headerHeightMobile);
}
@media (min-width: 1200px) {
  .header-logo {
    height: var(--headerHeightDesktop);
  }
}
.header-logo a {
  display: block;
}
.header-logo img {
  height: 32px;
  width: auto;
}
@media (min-width: 1200px) {
  .header-logo img {
    height: 40px;
  }
}

.header-search {
  position: absolute;
  z-index: 99;
  top: -52px;
  right: 330px;
  left: 200px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
}
@media (max-width: 1199.98px) {
  .header-search {
    right: 1.25rem;
    left: 1.25rem;
  }
}
.header-search.show {
  top: 0;
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .header-search.show {
    top: 105px;
  }
}
.header-search form {
  position: relative;
  width: 100%;
}
.header-search .btn-search-clear {
  display: none;
  position: absolute;
  top: 0;
  right: 52px;
  bottom: 0;
  width: 40px;
}
.header-search .btn-search-clear .icon {
  color: var(--black-30);
  margin-top: 4px;
}
.header-search .btn-primary {
  position: absolute;
  top: calc(50% - 21px);
  right: 5px;
  bottom: 0;
  width: 42px;
  height: 42px;
}
.header-search .btn-primary .icon {
  color: var(--white);
}
.header-search .form-control {
  font-size: var(--font-size-normal);
  padding-right: 52px;
  background: var(--white);
  border: 0;
}
.header-search .form-control:focus, .header-search .form-control:active {
  border: 0;
}

.header-actions {
  display: flex;
  align-items: center;
  margin-right: -0.8rem;
}
.header-actions button:not(.btn-close-offcanvas) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 60px;
}
.header-actions .icon {
  color: var(--white);
}
.header-actions .trigger-search .icon-x {
  display: none;
}

.trigger-navigation {
  display: flex;
  width: 50px;
}
@media (min-width: 1200px) {
  .trigger-navigation {
    display: none !important;
  }
}
.trigger-navigation span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--white);
  transition: all 0.2s ease;
}

.search-open .trigger-search .icon-search {
  display: none;
}
.search-open .trigger-search .icon-x {
  display: block;
}

.trigger-search,
.trigger-offcanvas {
  width: 50px;
}
@media (min-width: 1200px) {
  .trigger-search .icon,
  .trigger-offcanvas .icon {
    width: 24px;
    height: 24px;
  }
}

.btn-header-inbox {
  position: relative;
  width: 50px;
  height: 60px;
}
@media (min-width: 1200px) {
  .btn-header-inbox .icon {
    width: 24px;
    height: 24px;
  }
}
.btn-header-inbox .inbox-badge {
  position: absolute;
  top: 10px;
  right: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: var(--font-size-xxs);
  line-height: 0;
  color: var(--white);
  border-radius: 50%;
  background: var(--chatBlue);
}

.header-bg-effect {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: auto;
  right: 0;
  width: 170px;
  height: var(--headerHeightMobile);
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .header-bg-effect {
    left: 200px;
    right: -1000px;
    width: auto;
    height: var(--headerHeightDesktop);
  }
}
.header-bg-effect:after {
  position: absolute;
  z-index: 0;
  inset: 0;
  right: -40px;
  left: 40px;
  content: "";
  pointer-events: none;
  background: var(--white-5);
  transform: skew(-40deg);
}

@media (max-width: 1199.98px) {
  .main-navigation {
    position: fixed;
    z-index: 999;
    inset: 0;
    left: -110%;
    width: 100vw;
    padding: 0.5rem 1.25rem 1.25rem 1.25rem;
    overflow-y: auto;
    background: var(--white);
    transition: all 0.5s ease;
  }
}
@media (max-width: 1199.98px) and (min-width: 576px) {
  .main-navigation {
    left: -450px;
    width: 400px;
    box-shadow: 10px 0 25px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1199.98px) {
  .main-navigation.open {
    left: 0;
  }
  .main-navigation > ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .main-navigation > ul > li {
    display: flex;
    flex-direction: column;
  }
  .main-navigation > ul > li > a:not(.btn) {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--black-80);
    text-decoration: none;
  }
  .main-navigation > ul > li > a:not(.btn):hover {
    color: var(--primary);
  }
  .main-navigation .menu-name {
    display: flex;
    gap: 1.3rem;
    align-items: center;
  }
  .main-navigation .icon-arrow-right {
    display: none;
  }
  .main-navigation .has-children {
    justify-content: space-between;
  }
  .main-navigation .has-children.open .icon-arrow-right {
    transform: rotate(90deg);
  }
  .main-navigation .has-children .icon-arrow-right {
    display: inline-flex;
    transition: all 0.2s ease;
  }
  .main-navigation .has-children > a {
    justify-content: space-between;
  }
  .main-navigation .main-navigation-foldout {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .main-navigation .main-navigation-foldout ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0 0 43px;
  }
  .main-navigation .main-navigation-foldout a {
    font-size: var(--font-size-base);
    font-weight: 500;
    color: var(--black-60);
    text-decoration: none;
  }
}
@media (min-width: 1200px) {
  .main-navigation {
    position: relative;
    z-index: 10;
    height: 100%;
  }
  .main-navigation .icon,
  .main-navigation .btn-close-offcanvas,
  .main-navigation .offcanvas-title,
  .main-navigation .main-navigation-show-all {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    gap: 2rem;
    height: 100%;
  }
  .main-navigation a {
    transition: all 0.2s ease;
    text-decoration: none;
  }
  .main-navigation li:hover .main-navigation-foldout {
    opacity: 1;
    pointer-events: auto;
  }
  .main-navigation > ul > li > a {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--white);
  }
  .main-navigation > ul > li > a:hover {
    color: var(--black-60);
  }
  .main-navigation-foldout {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 400px;
    margin-top: -8px;
    padding: 2rem;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
  }
  .main-navigation-foldout.small {
    width: 200px;
  }
  .main-navigation-foldout.small > ul > li {
    flex: 0 0 100%;
  }
  .main-navigation-foldout:before {
    position: absolute;
    top: -9px;
    left: 1.8rem;
    width: 18px;
    height: 9px;
    content: "";
    background-image: url("../images/foldout-arrow-up-Htz1qAt.svg");
    background-size: 100% auto;
  }
  .main-navigation-foldout > ul {
    flex-flow: wrap;
    gap: 0.5rem 1.5rem;
  }
  .main-navigation-foldout > ul > li {
    flex: 0 0 calc(50% - 0.75rem);
  }
  .main-navigation-foldout > ul > li > a {
    font-size: var(--font-size-normal);
    font-weight: 500;
    color: var(--black-80);
  }
  .main-navigation-foldout > ul > li > a:hover {
    text-decoration: underline;
  }
}
.footer {
  position: relative;
}

.footer-top {
  position: relative;
  height: 120px;
}
@media (min-width: 768px) {
  .footer-top {
    height: 220px;
  }
}
.footer-top-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-middle {
  margin-bottom: -10px;
  background: var(--white);
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.03);
}

.footer-bottom {
  position: relative;
  color: var(--black-60);
  text-align: center;
  padding: 2rem 0;
  background: var(--taupe);
}
@media (min-width: 768px) {
  .footer-bottom {
    padding: 3rem 0;
  }
}
.footer-bottom-between {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer-bottom-between {
    flex-direction: row;
  }
}
.footer-bottom-navigation ul {
  display: flex;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .footer-bottom-navigation ul {
    flex-direction: column;
    justify-content: center;
  }
}
.footer-bottom-navigation li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .footer-bottom-navigation li {
    justify-content: center;
  }
}
.footer-bottom-navigation li:after {
  display: inline-block;
  width: 3px;
  height: 3px;
  content: "";
  background: var(--black-20);
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  .footer-bottom-navigation li:after {
    display: none;
  }
}
.footer-bottom-navigation li:last-child:after {
  display: none;
}
.footer-bottom-navigation a {
  font-size: var(--font-size-sm);
  color: var(--black-60);
}
.footer-bottom-navigation a:hover {
  text-decoration: underline;
}

.footer-socials {
  position: absolute;
  z-index: 1;
  inset: 0;
  top: auto;
  bottom: -25px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .footer-socials {
    bottom: -32px;
  }
}
.footer-socials ul {
  display: flex;
  gap: 1rem;
}
@media (min-width: 768px) {
  .footer-socials ul {
    gap: 1.2rem;
  }
}
.footer-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  background: var(--white);
  border: 1px solid var(--taupe);
  border-radius: 50px;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .footer-socials a {
    width: 64px;
    height: 64px;
  }
}
.footer-socials a:hover {
  transform: translateY(-10px);
  background: var(--primary);
  border-color: var(--primary);
}
.footer-socials a:hover .icon {
  color: var(--white);
}
.footer-socials .icon {
  width: 24px;
  height: 24px;
  color: var(--black-80);
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .footer-socials .icon {
    width: 30px;
    height: 30px;
  }
}

.footer-newsletter {
  position: relative;
  z-index: 8;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.footer-newsletter-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .footer-newsletter-inner {
    width: 700px;
  }
}
.footer-newsletter form {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .footer-newsletter form {
    width: 80%;
  }
}
.footer-newsletter .form-control {
  padding-right: 144px;
  border: 0;
}
@media (min-width: 768px) {
  .footer-newsletter .form-control {
    height: 60px;
    padding-right: 144px;
  }
}
.footer-newsletter button {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-newsletter button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: auto;
  }
}

.footer-navigation {
  display: flex;
  flex-wrap: wrap;
  padding: 2.5rem 0 2rem 0;
}
@media (min-width: 992px) {
  .footer-navigation {
    padding: 5.5rem 0;
  }
}
.footer-navigation .btn-collapse {
  justify-content: space-between;
  width: 100%;
  font-size: var(--font-size-md);
  color: var(--black-80);
  font-weight: 700;
  padding: 1.2rem 0;
  transition: all 0.2s ease;
}
@media (min-width: 992px) {
  .footer-navigation .btn-collapse {
    justify-content: flex-start;
    pointer-events: none;
    padding: 0 0 1.2rem 0;
  }
}
@media (max-width: 991.98px) {
  .footer-navigation .btn-collapse:hover {
    color: var(--primary);
  }
  .footer-navigation .btn-collapse:hover .icon {
    color: var(--primary);
  }
}
.footer-navigation .btn-collapse .icon {
  transition: all 0.2s ease;
}
@media (min-width: 992px) {
  .footer-navigation .btn-collapse .icon {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .footer-navigation [data-controller=collapse] {
    border-bottom: 1px solid var(--taupe);
  }
}
.footer-navigation [data-controller=collapse].show .btn-collapse .icon {
  transform: rotate(180deg);
}
@media (max-width: 991.98px) {
  .footer-navigation .collapse {
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .footer-navigation .collapse:not(.show) {
    display: block !important;
    height: auto !important;
  }
}
.footer-navigation .footer-navigation-col {
  display: flex;
  flex-direction: column;
  flex: 0 100%;
  gap: 0;
}
.footer-navigation .footer-navigation-col:last-child [data-controller]:last-child {
  border-bottom: 0;
}
@media (min-width: 992px) {
  .footer-navigation .footer-navigation-col {
    flex: 0 25%;
    gap: 2.5rem;
  }
}
.footer-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.footer-navigation li a {
  color: var(--black-60);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}
.footer-navigation li a:hover {
  color: var(--primary);
}

.btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-family: var(--font-family);
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  border-radius: 0.4rem;
  transition: all 0.2s ease;
}

.btn-primary {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--white);
  padding: 0 1.2rem;
  background: var(--primary);
}
.btn-primary:hover {
  background: var(--primary-light);
}

.btn-secondary {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--white);
  padding: 0 1.2rem;
  background: var(--secondary);
}
.btn-secondary:hover {
  background: var(--secondary-light);
}

.btn-danger {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--white);
  padding: 0 1.2rem;
  background: var(--error);
}
.btn-danger:hover {
  background: var(--error-dark);
}

.btn-white {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--black-80);
  padding: 0 1.2rem;
  background: var(--white);
}
.btn-white:hover {
  background: var(--paper);
}

.btn-light {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--black-60);
  padding: 0 1.2rem;
  background: var(--black-5);
}
.btn-light:hover {
  color: var(--black-80);
  background: var(--black-10);
}

.btn-pinterest {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--white);
  padding: 0 1.2rem;
  background: var(--pinterest);
}
.btn-pinterest:hover {
  background: var(--pinterest);
}

.btn-outline-primary {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--primary);
  padding: 0 1.2rem;
  border: 2px solid var(--primary);
}
.btn-outline-primary:hover {
  color: var(--white);
  background: var(--primary);
  border-color: var(--primary);
}

.btn-outline-secondary {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--secondary);
  padding: 0 1.2rem;
  border: 2px solid var(--secondary);
}
.btn-outline-secondary:hover {
  color: var(--white);
  background: var(--secondary);
  border-color: var(--secondary);
}

.btn-outline-white {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--black-80);
  padding: 0 1.2rem;
  background: var(--white);
  border: 2px solid var(--black-20);
}
.btn-outline-white:hover {
  background: var(--paper);
  border-color: var(--black-30);
}

.btn-link {
  height: 52px;
  font-size: var(--font-size-base);
  line-height: 100%;
  color: var(--black-60);
}
.btn-link:hover {
  color: var(--black-80);
}

.btn-dropdown.btn-xs .icon {
  width: 7px;
  height: 7px;
}

@media (max-width: 767.98px) {
  .btn-mobile {
    width: 100%;
  }
}

.btn-sm {
  gap: 0.8rem;
  height: 42px;
  font-size: var(--font-size-normal);
  font-weight: 700;
  padding: 1rem;
}

.btn-xs {
  gap: 0.5rem;
  height: 36px;
  font-size: var(--font-size-sm);
  padding: 0 0.8rem;
}

.btn-favorite,
.btn-edit {
  width: 40px;
  height: 40px;
  background: var(--taupe);
  border-radius: 50px;
  transition: all 0.3s ease;
}
.btn-favorite:hover, .btn-favorite.btn-favorite-added,
.btn-edit:hover,
.btn-edit.btn-favorite-added {
  background: var(--primary) !important;
}
.btn-favorite:hover .icon, .btn-favorite.btn-favorite-added .icon,
.btn-edit:hover .icon,
.btn-edit.btn-favorite-added .icon {
  color: var(--white) !important;
}
.btn-favorite .icon,
.btn-edit .icon {
  color: var(--taupe-800);
  transition: all 0.3s ease;
}

.btn-round {
  border-radius: 50px;
}

.sticky-mobile-bottom {
  position: fixed;
  z-index: 8;
  inset: 1.25rem;
  top: auto;
  display: flex;
  justify-content: center;
}
.sticky-mobile-bottom .btn-filter {
  border-radius: 50px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.sticky-mobile-bottom .btn-filter .icon {
  margin-top: -1px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  font-size: var(--font-size-base);
  -webkit-box-shadow: 0 0 0 1000px var(--white) inset;
  transition: background-color 5000s ease-in-out 0s;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input,
select,
textarea {
  font-family: var(--font-family);
  font-size: var(--font-size-normal);
  font-weight: 500;
  color: var(--black-80);
}

@media (max-width: 767.98px) {
  textarea.form-control[rows="3"] {
    height: 138px;
  }
}

.form-row {
  display: flex;
  flex-wrap: wrap;
}
.form-row.gap-3 {
  gap: 0;
  margin: 0 -0.5rem;
}
.form-row.gap-3 [class*=col] {
  padding: 0 0.5rem;
}
.form-row.gap-4 {
  gap: 0;
  margin: 0 -0.75rem;
}
.form-row.gap-4 [class*=col] {
  padding: 0 0.75rem;
}

.form-label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.form-label.required:after {
  font-size: var(--font-size-md);
  content: " *";
  color: var(--error);
}

.form-control {
  display: block;
  width: 100%;
  height: 52px;
  padding: 1rem;
  background: var(--white);
  border-radius: 0.4rem;
  border: 1px solid var(--black-20);
}
.form-control:focus, .form-control:active {
  border: 2px solid var(--black-20);
  outline: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.form-control:disabled {
  background: var(--black-5);
}

input::placeholder {
  color: var(--black-30);
}

textarea.form-control {
  height: auto;
  padding: 0.7rem 1rem;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
  border: 2px solid var(--black-20);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.input-group:focus-within .input-group-text {
  border-left: 0;
}
.input-group:focus-within .form-control {
  border-right: 0;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input-group-text {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: var(--font-size-normal);
  font-weight: 500;
  color: var(--black-60);
  padding: 0 1rem;
  background: var(--paper);
  border: 1px solid var(--black-20);
  border-left: 0;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.input-group .bg-white {
  background-color: var(--white) !important;
}
.input-group .input-group-button {
  display: flex;
  height: 52px;
  align-items: center;
  white-space: nowrap;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.field-error .form-label {
  color: var(--error);
}
.field-error .form-control {
  border-color: var(--error);
  background-color: var(--error-background);
}
.field-error .input-group-text {
  border-color: var(--error);
}
.field-error ul {
  order: 2;
  margin-top: 0.5rem;
}
.field-error ul li {
  font-size: var(--font-size-sm);
  color: var(--error);
  font-weight: 700;
}

.form-check {
  display: flex;
  gap: 1rem;
}
.form-check label {
  padding-top: 0.15rem;
  line-height: 130%;
}

.form-check-border {
  background: var(--white);
  padding: 1rem;
  border: 2px solid var(--black-20);
  border-radius: 0.5rem;
}

.form-radio-input,
.form-check-input,
#image_imageFile_delete {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin: 0;
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid var(--black-20);
  border-radius: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-radio-input:checked[type=checkbox],
.form-check-input:checked[type=checkbox],
#image_imageFile_delete:checked[type=checkbox] {
  border-color: var(--primary);
  background-color: var(--primary);
}
.form-radio-input:checked[type=checkbox]:after,
.form-check-input:checked[type=checkbox]:after,
#image_imageFile_delete:checked[type=checkbox]:after {
  position: absolute;
  inset: 4px;
  content: "";
  background-color: var(--white);
  mask: url("../images/tick-WpwL2Ij.svg") no-repeat;
  mask-size: 100%;
}
.form-radio-input:checked[type=radio],
.form-check-input:checked[type=radio],
#image_imageFile_delete:checked[type=radio] {
  border-color: var(--primary);
  background-color: var(--white);
}
.form-radio-input:checked[type=radio]:after,
.form-check-input:checked[type=radio]:after,
#image_imageFile_delete:checked[type=radio]:after {
  position: absolute;
  inset: 4px;
  width: 16px;
  height: 16px;
  content: "";
  background-color: var(--primary);
  border-radius: 10rem;
}

.form-radio-input {
  border-radius: 10rem;
}

.form-check-small .form-radio-input,
.form-check-small .form-check-input {
  width: 22px;
  height: 22px;
  border-radius: 0.4rem;
}
.form-check-small .form-radio-input:checked[type=checkbox]:after,
.form-check-small .form-check-input:checked[type=checkbox]:after {
  inset: 3px;
}
.form-check-small .form-radio-input:checked[type=radio]:after,
.form-check-small .form-check-input:checked[type=radio]:after {
  inset: 4px;
  width: 10px;
  height: 10px;
}
.form-check-small .form-radio-input {
  border-radius: 10rem;
}
.form-check-small label {
  padding-top: 0;
}

.form-select {
  appearance: none;
  padding: 0 1rem;
  background-image: url("../images/select-arrow-down-2JHO13Z.svg");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 15px 8px;
}

.form-check-input-apple-switch {
  position: relative;
  flex-shrink: 0;
  -webkit-appearance: none;
  width: 50px;
  height: 30px;
  outline: none;
  background: var(--black-10);
  border-radius: 50px;
}
.form-check-input-apple-switch::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  content: "";
  background: var(--white);
  border-radius: 50%;
}
.form-check-input-apple-switch:checked {
  background: var(--primary);
}
.form-check-input-apple-switch:checked::after {
  left: auto;
  right: 3px;
}

[data-password-visibility-target] {
  display: flex;
  align-items: center;
}
[data-password-visibility-target] .icon {
  color: var(--black-60);
}

.icon {
  display: inline-flex;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
.icon svg {
  width: 100%;
  height: 100%;
}

.icon-xl {
  width: 22px;
  height: 22px;
}

.icon-lg {
  width: 20px;
  height: 20px;
}

.icon-md {
  width: 18px;
  height: 18px;
}

.icon-sm {
  width: 14px;
  height: 14px;
}

.icon-xs {
  width: 12px;
  height: 12px;
}

.breadcrumbs {
  display: none;
  align-items: center;
  height: 50px;
}
@media (min-width: 1200px) {
  .breadcrumbs {
    display: flex;
    height: 80px;
  }
}
.breadcrumbs ul {
  display: none;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .breadcrumbs ul {
    display: flex;
  }
}
.breadcrumbs li {
  font-size: var(--font-size-sm);
}
.breadcrumbs .separator {
  display: flex;
  align-items: center;
}
.breadcrumbs .separator .icon {
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -1px;
}
.breadcrumbs a {
  font-size: var(--font-size-sm);
  color: var(--black-60);
  text-decoration: none;
  transition: all 0.2s ease;
}
.breadcrumbs a:hover {
  color: var(--black-80);
}

.breadcrumb-mobile {
  display: block;
  margin: 0;
}
@media (min-width: 1200px) {
  .breadcrumb-mobile {
    display: none;
  }
}
.breadcrumb-mobile a {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: var(--font-size-sm);
  color: var(--gray);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}
.breadcrumb-mobile a:hover {
  color: var(--black-80);
}

.hero {
  position: relative;
  height: 300px;
}
@media (min-width: 992px) {
  .hero {
    height: 600px;
  }
}
.hero .container {
  width: 100%;
}
.hero-inner {
  position: absolute;
  z-index: 12;
  inset: 0;
  display: flex;
  align-items: flex-end;
}
.hero-photo {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-small {
  position: relative;
  height: 180px;
}
@media (min-width: 576px) {
  .hero-small {
    height: 180px;
  }
}
@media (min-width: 768px) {
  .hero-small {
    height: 250px;
  }
}
@media (min-width: 992px) {
  .hero-small {
    height: 400px;
  }
}
.hero-small .container {
  width: 100%;
}
.hero-small-inner {
  position: absolute;
  z-index: 8;
  inset: 0;
  display: flex;
  align-items: flex-end;
}
.hero-small img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-search {
  display: flex;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 2rem;
}
@media (min-width: 992px) {
  .hero-search {
    padding-bottom: 4rem;
  }
}
.hero-search form {
  position: relative;
  width: 100%;
}
.hero-search label {
  display: block;
  font-size: var(--h1-font-size);
  font-weight: 500;
  color: var(--white);
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .hero-search label {
    font-size: var(--font-size-xxl);
  }
}
.hero-search .form-control {
  border: 0;
}
@media (min-width: 992px) {
  .hero-search .form-control {
    height: 80px;
    font-size: var(--font-size-md);
    padding-right: 75px;
    padding-left: 1.5rem;
    border-radius: 1rem;
  }
}
.hero-search .btn-search-clear {
  display: none;
  position: absolute;
  top: 0;
  right: 52px;
  bottom: 0;
  width: 40px;
}
@media (min-width: 992px) {
  .hero-search .btn-search-clear {
    right: 75px;
  }
}
.hero-search .btn-search-clear .icon {
  color: var(--black-30);
  margin-top: 4px;
}
.hero-search .btn-primary {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 42px;
  height: 42px;
}
@media (min-width: 992px) {
  .hero-search .btn-primary {
    right: 10px;
    bottom: 10px;
    width: 60px;
    height: 60px;
  }
}
.hero-search .btn-primary .icon {
  width: 20px;
  height: 20px;
}
@media (min-width: 992px) {
  .hero-search .btn-primary .icon {
    width: 24px;
    height: 24px;
  }
}

.btn-search-back {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  padding-left: 0.4rem;
}

.search-autocomplete {
  display: none;
  position: absolute;
  width: 100%;
  font-size: var(--font-size-normal);
  margin-top: 1.5rem;
  background: var(--white);
  border-radius: 0.8rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .search-autocomplete {
    font-size: var(--font-size-base);
  }
}
.search-autocomplete-inner {
  max-height: 400px;
  overflow: auto;
  padding: 1.8rem 2rem;
}
.search-autocomplete ul {
  position: relative;
  margin: 0 -0.6rem;
}
.search-autocomplete ul.border-bottom {
  padding-bottom: 2rem;
}
.search-autocomplete ul.border-bottom:after {
  position: absolute;
  right: 0.6rem;
  bottom: 1.15rem;
  left: 0.6rem;
  height: 1px;
  content: "";
  background: var(--black-10);
}
.search-autocomplete ul a {
  display: block;
  width: 100%;
  color: var(--black-80);
  padding: 0.6rem;
  border-radius: 0.4rem;
  transition: all 0.2s ease;
}
.search-autocomplete ul a:hover {
  color: var(--primary);
  background: var(--taupe-light);
}
.search-autocomplete ul a .icon {
  margin-top: 5px;
}
.search-autocomplete:after {
  position: absolute;
  top: -10px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--white);
}

@media (max-width: 767.98px) {
  .search-open {
    overflow: hidden;
  }
}

@media (max-width: 767.98px) {
  .sticky-search {
    position: fixed;
    top: -60px;
    right: 0;
    left: 0;
    align-items: flex-start;
  }
  .sticky-search .btn-search-clear {
    display: none;
    position: absolute;
    top: 0;
    right: 62px;
    bottom: 0;
    width: 40px;
  }
  .sticky-search .btn-search-clear .icon {
    color: var(--black-30);
    margin-top: 4px;
  }
  .sticky-search .btn-primary {
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 0;
  }
  .sticky-search.show {
    inset: 0;
  }
  .sticky-search.show .form-control {
    height: 60px;
    padding: 0 60px 0 50px;
    border-radius: 0;
    border-bottom: 1px solid var(--black-10);
  }
  .sticky-search.show .btn-search-back {
    display: block;
  }
  .sticky-search.show .btn-search-back .icon {
    margin-top: 4px;
    color: var(--primary);
  }
  .sticky-search.show .search-autocomplete {
    position: fixed;
    inset: 0;
    top: 60px;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .sticky-search.show .search-autocomplete:after {
    display: none;
  }
  .sticky-search.show .search-autocomplete-inner {
    max-height: none;
    padding: 1rem 1.25rem;
  }
}
.section-latest-comments {
  position: relative;
}
.section-latest-comments:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  top: 1.25rem;
  bottom: 100px;
  content: "";
  background: var(--taupe);
}

.section-seo-text {
  position: relative;
  margin-bottom: -2rem;
}
@media (min-width: 768px) {
  .section-seo-text {
    margin-bottom: -4.5rem;
  }
}
.section-seo-text:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: var(--taupe);
}
@media (max-width: 991.98px) {
  .section-seo-text .img-no-padding {
    margin: 0 -1.25rem;
  }
}
.section-seo-text .img-no-padding img {
  border-radius: 0;
}
@media (min-width: 992px) {
  .section-seo-text .img-no-padding img {
    border-radius: 1rem;
  }
}
.section-seo-text p {
  color: var(--black-60);
}

.section-comments {
  position: relative;
  margin-bottom: -2rem;
}
@media (min-width: 768px) {
  .section-comments {
    margin-bottom: -4.5rem;
  }
}
.section-comments:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  top: 0;
  bottom: 0;
  content: "";
  background: var(--taupe);
}
.section-comments .content-small {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .section-comments .content-small {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .section-comments .content-small {
    width: 70%;
  }
}
@media (min-width: 1440px) {
  .section-comments .content-small {
    width: 55%;
  }
}
.section-comments .reply-form .form-control {
  border: 0;
}
.section-comments .reply-form .form-control:focus, .section-comments .reply-form .form-control:active {
  border: 0;
}
.section-comments .comment-form {
  position: relative;
  padding: 1rem;
  background: var(--white);
  border-radius: 0.4rem;
}
.section-comments .comment-form:focus-within {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.section-comments .comment-form .form-control {
  height: auto;
  font-size: var(--font-size-normal);
  color: var(--black-60);
  padding: 0;
  background: var(--white);
  border-radius: 0.4rem;
  border: 0;
  max-height: 200px;
  resize: none;
  overflow-y: auto;
}
.section-comments .comment-form .form-control:focus, .section-comments .comment-form .form-control:active {
  border: 0;
  outline: none;
  box-shadow: none;
}
.section-comments .comment-form .btn {
  margin-left: auto;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.listing-col-4:not(.tns-slider) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 576px) {
  .listing-col-4:not(.tns-slider) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .listing-col-4:not(.tns-slider) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.listing-col-3:not(.tns-slider) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 576px) {
  .listing-col-3:not(.tns-slider) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .listing-col-3:not(.tns-slider) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .listing-col-3:not(.tns-slider).has-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .listing-col-3:not(.tns-slider).has-sidebar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.listing-col-2:not(.tns-slider) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (min-width: 576px) {
  .listing-col-2:not(.tns-slider) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .listing-col-2:not(.tns-slider) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .listing-first-card-big:not(.tns-slider) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.listing-first-card-big:not(.tns-slider) .recipe-card-big {
  grid-column: span 2;
  grid-row: span 2;
}

.tns-slider {
  display: flex;
}
@media (max-width: 991.98px) {
  .tns-slider {
    padding: 0 1.25rem;
  }
}

.tns-ovh {
  margin: -1.25rem;
  padding: 1.25rem 0;
}
@media (min-width: 992px) {
  .tns-ovh {
    margin: -1.5rem;
    padding: 1.5rem;
  }
}

.listing-search-left {
  position: fixed;
  z-index: 99;
  inset: 0;
  top: auto;
  bottom: -100%;
  height: 100%;
  flex-direction: column;
  overflow: auto;
  padding: 0.5rem 1.25rem 1.25rem 1.25rem;
  background: var(--white);
  transition: all 0.5s ease;
}
.listing-search-left.open {
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .listing-search-left {
    display: flex;
    position: relative;
    z-index: unset;
    left: auto;
    flex: 0 0 332px;
    height: auto;
    overflow: unset;
    padding: 0 3rem 0 0;
    background: none;
  }
}
.listing-search-left-bg:after {
  display: none;
  position: absolute;
  z-index: -1;
  top: -60px;
  right: 3rem;
  bottom: -180px;
  left: -500px;
  content: "";
  pointer-events: none;
  background: var(--white);
}
@media (min-width: 992px) {
  .listing-search-left-bg:after {
    display: block;
  }
}
.listing-search-left-sticky-button {
  position: sticky;
  bottom: -1.25rem;
  display: block;
  margin: 0 -1.25rem -1.25rem -1.25rem;
  padding: 1.25rem;
  border-top: 1px solid var(--black-10);
  background: var(--white);
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) {
  .listing-search-left-sticky-button {
    display: none;
  }
}
.listing-search-left-sticky-button .btn {
  width: 100%;
}

.listing-search-title {
  font-weight: 800;
}
.listing-search-count {
  font-size: var(--font-size-xs);
  color: var(--black-40);
}
.listing-search-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: var(--font-size-normal);
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .listing-search-list {
    padding-right: 2rem;
  }
}
.listing-search-list label {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.listing-search .form-check-input:checked[type=checkbox] + label {
  font-weight: 700;
  color: var(--primary);
}
@media (max-width: 991.98px) {
  .listing-search-active {
    margin: 0 -1.25rem;
  }
}
.listing-search-active ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.8rem;
  overflow: auto;
  padding: 0 1.25rem;
}
@media (min-width: 992px) {
  .listing-search-active ul {
    flex-wrap: wrap;
    padding: 0;
  }
}
.listing-search-active li {
  flex-shrink: 0;
}
.listing-search-active input {
  display: none;
}
.listing-search-active .btn-empty-filter {
  height: 40px;
  font-size: var(--font-size-normal);
  color: var(--black-60);
  padding: 0 1rem;
  background: var(--white);
  border: 1px solid var(--black-30);
  border-radius: 50px;
}
.listing-search-active .btn-empty-filter:hover {
  color: var(--black-80);
  border: 1px solid var(--black-80);
}
.listing-search-active label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: var(--font-size-normal);
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  height: 40px;
  padding: 0 1rem;
  background: var(--secondary);
  border-radius: 50px;
  transition: all 0.2s ease;
}
.listing-search-active label:after {
  width: 10px;
  height: 10px;
  content: "";
  background-color: var(--white);
  mask: url("../images/x-2_uD2sK.svg") no-repeat;
  mask-size: 100%;
  transform: rotate(0);
  transition: all 0.2s ease;
}
.listing-search-active label:hover {
  color: var(--primary);
}
.listing-search-active label:hover:after {
  background-color: var(--primary);
  transform: rotate(90deg);
}

.loading-filter .listing-search-list .form-check {
  pointer-events: none;
  opacity: 0.5;
}
.loading-filter .listing-search-active {
  pointer-events: none;
  opacity: 0.5;
}
.loading-filter .recipe-card .recipe-card-photo img {
  filter: blur(20px);
}

.theme-card {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.theme-card a {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--black-80);
  text-decoration: none;
  width: 100%;
}
.theme-card a:hover .theme-card-photo {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.theme-card a:hover .theme-card-photo img {
  transform: scale(1.15);
}
.theme-card a:hover .theme-card-name {
  color: var(--primary);
}
.theme-card-photo {
  position: relative;
  flex-shrink: 0;
  height: 140px;
  overflow: hidden;
  margin-bottom: 1rem;
  border-radius: 1rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .theme-card-photo {
    height: 160px;
  }
}
.theme-card-photo figure {
  height: 100%;
}
.theme-card-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.theme-card-name-holder {
  position: absolute;
  z-index: 1;
  right: 0.5rem;
  bottom: 0;
  left: 0.5em;
  display: flex;
  justify-content: center;
}
.theme-card-name {
  display: inline-block;
  font-size: var(--font-size-sm);
  color: var(--black-60);
  font-weight: 800;
  line-height: 120%;
  text-align: center;
  padding: 0.5rem 1rem;
  background: var(--white);
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
@media (min-width: 576px) {
  .theme-card-name {
    font-size: var(--font-size-normal);
  }
}

.recipe-card {
  position: relative;
  display: flex;
}
.recipe-card-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.recipe-card-content:hover {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.recipe-card .recipe-card-link {
  display: flex;
  flex-direction: column;
  color: var(--black-80);
  text-decoration: none;
  width: 100%;
}
.recipe-card .recipe-card-link:hover .recipe-card-photo img {
  transform: scale(1.15);
}
.recipe-card .recipe-card-link:hover .recipe-card-name {
  color: var(--primary);
}
.recipe-card-photo {
  position: relative;
  flex-shrink: 0;
  height: 190px;
  overflow: hidden;
}
.recipe-card-photo figure {
  height: 100%;
}
.recipe-card-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.recipe-card-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.25rem;
}
.recipe-card-name {
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 120%;
}
.recipe-card-name a {
  transition: all 0.2s ease;
}
.recipe-card-name a:hover {
  color: var(--primary);
}
.recipe-card-description {
  font-size: var(--font-size-normal);
  color: var(--black-60);
}
.recipe-card-time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  color: var(--black-60);
}
.recipe-card-time .icon {
  color: var(--black-60);
  margin-top: -1px;
}
.recipe-card-info {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--taupe);
}
.recipe-card .btn-favorite {
  position: absolute;
  z-index: 1;
  top: 170px;
  right: 1.25rem;
}
.recipe-card .btn-edit {
  position: absolute;
  z-index: 1;
  top: 170px;
  right: 4.375rem;
  width: 40px;
}
.recipe-card-actions {
  position: relative;
  margin-top: auto;
  padding: 1.25rem;
}
.recipe-card-actions:after {
  position: absolute;
  top: 0;
  right: 1.25rem;
  left: 1.25rem;
  height: 1px;
  content: "";
  background: var(--black-5);
}
.recipe-card-avatar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  overflow: hidden;
  background: var(--taupe);
  border-radius: 100px;
}
.recipe-card-avatar img {
  width: 100%;
  height: 100%;
}
.recipe-card-avatar .icon {
  width: 16px;
  height: 16px;
  color: var(--black-30);
}
.recipe-card-username {
  display: none;
  font-size: var(--font-size-sm);
  color: var(--black-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1200px) {
  .recipe-card-username {
    display: block;
    max-width: 125px;
  }
}
.recipe-card-comments, .recipe-card-rating {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--black-60);
}
.recipe-card-comments .icon, .recipe-card-rating .icon {
  width: 15px;
  color: var(--primary);
  margin-top: -2px;
}
.recipe-card-comments .icon {
  color: var(--black-40);
  margin-top: 0;
}

@media (min-width: 992px) {
  .recipe-card-big .recipe-card-photo {
    height: 420px;
  }
  .recipe-card-big .recipe-card-inner {
    padding: 2.5rem;
  }
  .recipe-card-big .recipe-card-name {
    width: 80%;
    font-size: var(--h3-font-size);
  }
  .recipe-card-big .recipe-card-time {
    gap: 1rem;
    font-size: var(--font-size-base);
    margin-bottom: 0.7rem;
  }
  .recipe-card-big .recipe-card-time .icon {
    width: 18px;
    height: 18px;
  }
  .recipe-card-big .btn-favorite {
    top: 395px;
    right: 2.5rem;
    width: 50px;
    height: 50px;
  }
  .recipe-card-big .btn-favorite .icon {
    width: 22px;
    height: 22px;
  }
  .recipe-card-big .recipe-card-actions {
    padding: 2.5rem;
  }
  .recipe-card-big .recipe-card-actions:after {
    right: 2.5rem;
    left: 2.5rem;
  }
  .recipe-card-big .recipe-card-avatar {
    width: 45px;
    height: 45px;
  }
  .recipe-card-big .recipe-card-avatar .icon {
    width: 24px;
    height: 24px;
  }
  .recipe-card-big .recipe-card-username {
    font-size: var(--font-size-normal);
  }
  .recipe-card-big .recipe-card-comments,
  .recipe-card-big .recipe-card-rating {
    gap: 0.8rem;
    font-size: var(--font-size-normal);
  }
  .recipe-card-big .recipe-card-comments .icon,
  .recipe-card-big .recipe-card-rating .icon {
    width: 20px;
    height: 20px;
    margin-top: -1px;
  }
}

@media (min-width: 576px) {
  .recipe-card-featured .recipe-card-photo {
    height: 300px;
  }
}
@media (min-width: 576px) {
  .recipe-card-featured .btn-favorite {
    top: 280px;
  }
}
@media (min-width: 768px) {
  .recipe-card-featured .recipe-card-content {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  }
  .recipe-card-featured .btn-favorite,
  .recipe-card-featured .recipe-card-actions {
    display: none;
  }
  .recipe-card-featured .recipe-card-link {
    flex-direction: row;
  }
  .recipe-card-featured .recipe-card-photo {
    flex: 0 55%;
    width: 55%;
    height: auto;
  }
  .recipe-card-featured figure {
    position: absolute;
    inset: 0;
  }
  .recipe-card-featured .recipe-card-inner {
    flex: 0 45%;
    width: 45%;
    height: auto;
    padding: 2.5rem;
  }
  .recipe-card-featured .recipe-card-name {
    width: 100%;
    font-size: var(--h3-font-size);
  }
  .recipe-card-featured .recipe-card-time {
    gap: 1rem;
    font-size: var(--font-size-base);
    margin-top: 1.5rem;
    order: 1;
  }
  .recipe-card-featured .recipe-card-time .icon {
    width: 18px;
    height: 18px;
  }
}

.comment-card {
  display: flex;
  gap: 1.5rem;
}
.comment-card-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem;
  transition: all 0.2s ease;
  background: var(--taupe-light);
  border-radius: 0.5rem;
}
.comment-card-user {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.comment-card-name {
  font-size: var(--font-size-base);
  font-weight: 700;
}
.comment-card-name a {
  color: var(--black-80);
  transition: all 0.2s ease;
}
.comment-card-name a:hover {
  color: var(--primary);
}
.comment-card-date {
  font-size: var(--font-size-xs);
  color: var(--black-40);
}
.comment-card-rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-normal);
  font-weight: 700;
}
.comment-card-rating .icon {
  width: 15px;
  color: var(--primary);
  margin-top: -3px;
}
@media (min-width: 768px) {
  .comment-card-body, .comment-card-actions, .comment-card-reply {
    padding-left: 84px;
  }
}
.comment-card-body {
  font-size: var(--font-size-normal);
}
.comment-card-form {
  position: relative;
  padding: 1rem;
  background: var(--taupe);
  border-radius: 0.4rem;
}
.comment-card-form .btn {
  width: 35px;
  margin-left: auto;
}
.comment-card-form .btn .icon {
  width: 13px;
}
.comment-card textarea.form-control {
  height: auto;
  max-height: 200px;
  padding: 0;
  background: var(--taupe);
  border: 0;
  resize: none;
  overflow-y: auto;
}
.comment-card textarea.form-control:focus, .comment-card textarea.form-control:active {
  border: 0;
  outline: none;
  box-shadow: none;
}
.comment-card input.form-control {
  background: var(--taupe);
  border: 0;
}
.comment-card input.form-control:focus, .comment-card input.form-control:active {
  border: 0;
  outline: none;
  box-shadow: none;
}
.comment-card-reply-button {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  font-size: var(--font-size-sm);
  color: var(--black-40);
  transition: all 0.2s ease;
}
.comment-card-reply-button:hover {
  color: var(--black-80);
}
.comment-card-reply-button .icon {
  width: 12px;
}
.comment-card-photo {
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .comment-card-photo {
    width: 150px;
  }
}
.comment-card-photo img {
  width: 100%;
  border-radius: 0.5rem;
}

.comment-card-child .avatar-small {
  width: 45px;
  height: 45px;
}
.comment-card-child .avatar-small .icon {
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .comment-card-child .comment-card-body,
  .comment-card-child .comment-card-actions,
  .comment-card-child .comment-card-reply {
    padding-left: 69px;
  }
}

.comment-card-child-lvl-0,
.comment-card-child-lvl-1,
.comment-card-child-lvl-2 {
  position: relative;
  padding-left: 1rem;
}
.comment-card-child-lvl-0:before,
.comment-card-child-lvl-1:before,
.comment-card-child-lvl-2:before {
  position: absolute;
  top: 0;
  left: -3px;
  width: 7px;
  height: 4px;
  content: "";
  background-image: url("../images/arrow-small-up-36cRjjZ.svg");
  background-size: 100% auto;
}
.comment-card-child-lvl-0:after,
.comment-card-child-lvl-1:after,
.comment-card-child-lvl-2:after {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  content: "";
  background: var(--taupe-100);
}

.my-review-card {
  margin-bottom: 1rem;
  padding: 1.5rem;
  overflow: hidden;
  border: 1px solid var(--black-10);
  background: var(--white);
  border-radius: 0.4rem;
  transition: all 0.2s ease;
}
.my-review-card:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.my-review-card-photo {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 0.2rem;
}
.my-review-card-photo figure {
  width: 100%;
  height: 100%;
}
.my-review-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.my-review-card-title {
  color: var(--black-80);
  font-weight: 700;
  transition: all 0.2s ease;
}
.my-review-card-title:hover {
  color: var(--primary);
}
.my-review-card-date {
  font-size: var(--font-size-xs);
  color: var(--black-40);
}
.my-review-card-body {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--black-10);
}
.my-review-card-body p {
  font-size: var(--font-size-normal);
  color: var(--black-50);
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination a,
.pagination .current {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: var(--black-50);
  text-decoration: none;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .pagination a,
  .pagination .current {
    width: 50px;
    height: 50px;
  }
}
.pagination a:hover,
.pagination .current:hover {
  color: var(--black-80);
}
.pagination .current {
  font-weight: 700;
  color: var(--black-80);
}
.pagination .next a,
.pagination .previous a {
  color: var(--black-80);
  background: var(--black-10);
}
.pagination .next a:hover,
.pagination .previous a:hover {
  background: var(--black-20);
}
.pagination .next {
  margin-left: 1rem;
}
.pagination .previous {
  margin-right: 1rem;
}

.faq {
  width: 100%;
  margin: 0 auto;
  padding: 2rem;
  background: var(--white);
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .faq {
    width: 80%;
    padding: 3rem;
  }
}
.faq [data-controller] {
  padding-left: 3rem;
}
.faq .collapse {
  color: var(--black-60);
}
.faq .btn-collapse {
  position: relative;
  align-items: flex-start;
  color: var(--black-80);
  gap: 0;
  text-align: left;
}
.faq .btn-collapse h3 {
  font-weight: 700;
  line-height: 120%;
  transition: all 0.2s ease;
}
.faq .btn-collapse:hover h3 {
  color: var(--primary);
}
.faq .btn-collapse:hover .icon:before,
.faq .btn-collapse:hover .icon:after {
  background: var(--primary);
}
.faq .icon {
  position: absolute;
  top: 2px;
  left: -3rem;
}
.faq .icon:before, .faq .icon:after {
  position: absolute;
  top: calc(50% - 1px);
  width: 16px;
  height: 2px;
  content: "";
  background: var(--gray);
  transition: all 0.2s ease;
  border-radius: 2px;
}
.faq .icon:after {
  transform: rotate(90deg);
}
.faq .show .icon:after {
  display: none;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.alert {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: var(--font-size-normal);
  font-weight: 500;
  text-align: left;
  color: var(--black-80);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
}
.alert-error {
  background: var(--error-background);
}
.alert-error .icon {
  color: var(--error);
}
.alert-warning {
  background: var(--warning-background);
}
.alert-warning .icon {
  color: var(--warning);
}
.alert-info {
  background: var(--info-background);
}
.alert-info .icon {
  color: var(--info);
}
.alert-success {
  background: var(--success-background);
}
.alert-success .icon {
  color: var(--success);
}

.offcanvas-open .offcanvas.open {
  left: 0;
}

.offcanvas {
  position: fixed;
  z-index: 99;
  inset: 0;
  left: -110%;
  width: 100vw;
  padding: 0.5rem 1.25rem 1.25rem 1.25rem;
  overflow-y: auto;
  background: var(--white);
  transition: all 0.5s ease;
}
@media (min-width: 576px) {
  .offcanvas {
    left: -450px;
    width: 400px;
    box-shadow: 10px 0 25px rgba(0, 0, 0, 0.05);
  }
}
.offcanvas-title {
  font-size: var(--font-size-md);
  font-weight: 900;
  color: var(--black-80);
  margin-bottom: 2rem;
}
.offcanvas ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.offcanvas li {
  display: flex;
  flex-direction: column;
}
.offcanvas li.active a {
  color: var(--primary);
}
.offcanvas li a {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--black-80);
  text-decoration: none;
}
.offcanvas li a:hover {
  color: var(--primary);
}
.offcanvas .menu-name {
  display: flex;
  gap: 1.3rem;
  align-items: center;
}
.offcanvas .menu-name .icon {
  color: var(--black-80);
}
.offcanvas-name {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.btn-close-offcanvas {
  position: sticky;
  top: 0;
  right: 0;
  left: 100%;
  margin-right: -1rem;
  padding: 1rem;
  background: var(--white);
  border-radius: 50px;
}
.btn-close-offcanvas .icon {
  color: var(--black-80);
}

@media (min-width: 992px) {
  .wrapper-sidebar {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 4rem;
  }
}

@media (max-width: 991.98px) {
  aside {
    display: none;
  }
}

.aside-user-navigation {
  position: sticky;
  top: 1rem;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 0.5rem;
}
.aside-user-navigation li {
  border-bottom: 1px solid var(--black-10);
}
.aside-user-navigation li.active a {
  color: var(--primary);
}
.aside-user-navigation li:last-child {
  border: 0;
}
.aside-user-navigation a {
  display: block;
  font-size: var(--font-size-normal);
  font-weight: 700;
  color: var(--black-80);
  padding: 1rem;
  transition: ease 0.2s all;
}
.aside-user-navigation a:hover {
  color: var(--primary);
}

#image-upload-modal .modal {
  display: flex;
}

.modal {
  display: none;
  position: fixed;
  z-index: 99;
  inset: 0;
  justify-content: center;
  align-items: center;
  background: var(--black-30);
}
.modal-open {
  display: flex;
}
.modal-xs {
  max-width: 400px;
}
.modal-lg {
  max-width: 800px;
}
.modal-wrapper {
  position: fixed;
  width: calc(100% - 2.5rem);
  margin: 0 1.25rem;
  padding: 1.25rem;
  background: var(--white);
  border-radius: 1rem;
}
@media (min-width: 576px) {
  .modal-wrapper {
    right: auto;
    left: auto;
    padding: 1.5rem;
  }
}
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.modal-header .btn .icon {
  color: var(--black-80);
}
.modal-header-border {
  margin: 0 -1rem;
  padding: 0 1rem 0.7rem 1rem;
  border-bottom: 1px solid var(--black-5);
}
.modal-title {
  display: flex;
  gap: 1rem;
  font-size: var(--font-size-md);
  font-weight: 700;
  align-items: center;
}
@media (min-width: 576px) {
  .modal-title {
    font-size: var(--font-size-lg);
  }
}
.modal-title .icon-tick-round {
  color: var(--success);
}
.modal-close-outside-click {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: none;
  border: 0;
}

.body-modal-open {
  overflow: hidden;
}

[data-dialog-target=dialog] {
  right: 1.25rem;
  left: 1.25rem;
  max-width: 500px;
  padding: 2.5rem 2rem 2rem 2rem;
  border: 0;
  border-radius: 1rem;
}
[data-dialog-target=dialog] .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
}
[data-dialog-target=dialog] .icon-div {
  flex-shrink: 0;
}
[data-dialog-target=dialog] .icon-div .icon {
  width: 36px;
  height: 36px;
  color: var(--primary);
}
[data-dialog-target=dialog]::backdrop {
  background: rgba(0, 0, 0, 0.8);
}

.modal-right-side {
  display: none;
  position: relative;
  margin: -1.25rem -1.25rem 0 -1.25rem;
  overflow: hidden;
  border-radius: 0 1rem 1rem 0;
}
@media (min-width: 992px) {
  .modal-right-side {
    display: block;
    flex: 0 0 350px;
    width: 350px;
    margin: -1.5rem -1.5rem -1.5rem 0;
  }
}
.modal-right-side-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-modal-close {
  position: absolute;
  z-index: 1;
  top: 1.25rem;
  right: 1.25rem;
  color: var(--white);
}

.modal-socials .icon-facebook {
  color: var(--facebook);
}

.dropdown {
  position: absolute;
  z-index: 99;
  left: 0;
  width: 240px;
  margin-top: 0.5rem;
  padding: 1.5rem;
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transform: translate(0, 0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
  transform-origin: top left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.dropdown-right {
  right: 0;
  left: auto;
}
.dropdown-enter-from {
  opacity: 0;
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(0.95) scaleY(0.95);
}
.dropdown-enter-to {
  opacity: 1;
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.dropdown-leave-from {
  opacity: 1;
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.dropdown-leave-to {
  opacity: 0;
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(0.95) scaleY(0.95);
}
.dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.dropdown a {
  display: block;
  font-size: var(--font-size-sm);
  color: var(--black-80);
  transition: all 0.2s ease;
}
.dropdown a:hover {
  color: var(--primary);
}

.notification {
  position: fixed;
  z-index: 999;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem;
  pointer-events: none;
  transform: none;
  transition: all 1s ease;
}
@media (min-width: 576px) {
  .notification {
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 90px;
  }
}
.notification-enter-from {
  transition: all 1s ease;
  transform: translateX(6px);
  opacity: 0;
}
.notification-enter-to {
  transition: all 1s ease;
  transform: translateX(0);
  opacity: 1;
}
.notification-leave-from {
  transition: all 1s ease;
  transform: translateX(0);
  opacity: 1;
}
.notification-leave-to {
  transition: all 1s ease;
  transform: translateX(6px);
  opacity: 0;
}
.notification-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
  font-size: var(--font-size-sm);
  font-weight: 500;
  pointer-events: auto;
  padding: 1.5rem;
  overflow: hidden;
  background-color: var(--white);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
}
.notification .icon-tick-round {
  margin-top: 3px;
  color: var(--success);
}
.notification .icon-x {
  color: var(--black-80);
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip-button {
  display: flex;
}
.tooltip-content {
  position: absolute;
  width: 200px;
  font-size: var(--font-size-sm);
  font-weight: 500;
  line-height: 120%;
  color: var(--white);
  padding: 1rem;
  background: var(--black-80);
  border-radius: 0.6rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.tooltip-content:after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
}
.tooltip.tooltip-top-center .tooltip-content {
  z-index: 1;
  right: calc(50% - 100px);
  bottom: 35px;
}
.tooltip.tooltip-top-center .tooltip-content:after {
  bottom: -8px;
  left: calc(50% - 8px);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--black-80);
}
@media (max-width: 767.98px) {
  .tooltip.tooltip-md-top-right .tooltip-content {
    right: -15px;
    bottom: 35px;
  }
  .tooltip.tooltip-md-top-right .tooltip-content:after {
    bottom: -8px;
    left: auto;
    right: 16px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--black-80);
  }
}

.avatar-small {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  overflow: hidden;
  background: var(--taupe);
  border-radius: 100px;
}
@media (min-width: 768px) {
  .avatar-small {
    width: 60px;
    height: 60px;
  }
}
.avatar-small img {
  width: 100%;
  height: 100%;
}
.avatar-small .icon {
  width: 26px;
  height: 26px;
  color: var(--black-30);
}

.social-share li {
  border-bottom: 1px solid var(--black-5);
}
.social-share li:last-child {
  border: 0;
}
.social-share a {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-weight: 700;
  color: var(--black-80);
  padding: 0.7rem 0;
  transition: all 0.2s ease;
}
.social-share a:hover {
  color: var(--primary);
}
.social-share .icon {
  display: flex;
  width: 26px;
  height: 26px;
  padding: 6px;
  color: var(--white);
  background: var(--black-20);
  border-radius: 50px;
}
.social-share .icon-facebook {
  background: var(--facebook);
}
.social-share .icon-x-twitter {
  background: var(--x-twitter);
}
.social-share .icon-whatsapp {
  background: var(--whatsapp);
}
.social-share .icon-pinterest {
  background: var(--pinterest);
}
.social-share .icon-pinterest {
  background: var(--pinterest);
}
.social-share .icon-link {
  color: var(--black-80);
  padding: 4px;
  background: none;
}

.lg-sub-html .avatar-small {
  width: 35px;
  height: 35px;
}
.lg-sub-html .avatar-small .icon {
  width: 20px;
  height: 20px;
}
.lg-sub-html p {
  font-size: var(--font-size-xs) !important;
}
@media (min-width: 576px) {
  .lg-sub-html p {
    font-size: var(--font-size-sm) !important;
  }
}
.lg-sub-html .lg-date {
  color: var(--white-50);
  font-size: var(--font-size-xs);
}
@media (min-width: 576px) {
  .lg-sub-html .lg-date {
    font-size: var(--font-size-sm);
  }
}
.lg-sub-html a {
  transition: all 0.2s ease;
}
.lg-sub-html a:hover {
  text-decoration: none !important;
  color: var(--primary);
}

.box-white {
  padding: 1.5rem;
  background: var(--white);
  border-radius: 1rem;
}

.box-white-border {
  padding: 1.5rem;
  background: var(--white);
  border-radius: 1rem;
  border: 2px solid var(--taupe);
}
.box-white-border .tabs {
  margin: -1.5rem -1.5rem 0 -1.5rem;
}

.latest-comments {
  height: 400px;
  overflow: auto;
}
@media (min-width: 992px) {
  .latest-comments {
    height: 520px;
  }
}
.latest-comments li {
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--black-5);
}
.latest-comments li:first-child {
  padding-top: 0;
}
.latest-comments li:last-child {
  padding-bottom: 0;
  border: 0;
}
.latest-comments li:hover .icon-arrow-long-right {
  color: var(--primary);
}
.latest-comments a {
  color: inherit;
}
.latest-comments .avatar-small {
  width: 45px;
  height: 45px;
}
.latest-comments .avatar-small .icon {
  width: 20px;
  height: 20px;
}
.latest-comments-body {
  font-size: var(--font-size-sm);
  color: var(--black-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.latest-comments .icon-arrow-long-right {
  color: var(--black-20);
  transition: all 0.2s ease;
}

.tabs {
  display: flex;
  border-bottom: 1px solid var(--taupe-light);
}
.tabs li {
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  border-right: 1px solid var(--taupe-light);
}
.tabs li:first-child a {
  border-radius: 0.8rem 0 0 0;
}
.tabs li:last-child a {
  border-radius: 0 0.8rem 0 0;
}
.tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: var(--font-size-base);
  color: var(--black-50);
  font-weight: 600;
}
@media (min-width: 576px) {
  .tabs a {
    font-size: var(--font-size-md);
  }
}
.tabs .active {
  color: var(--black-80);
  font-weight: 700;
  background: var(--taupe-light);
}
.tabs .active:after {
  position: absolute;
  z-index: 2;
  bottom: -5px;
  left: calc(50% - 40px);
  width: 80px;
  height: 8px;
  content: "";
  background: var(--primary);
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .tabs .active:after {
    left: calc(50% - 30px);
    width: 60px;
  }
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.tab-navigation-taupe {
  display: flex;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .tab-navigation-taupe {
    gap: 1rem;
  }
}
.tab-navigation-taupe li {
  background: var(--taupe-200);
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0.2s ease;
}
.tab-navigation-taupe li:hover {
  background: var(--taupe-300);
}
.tab-navigation-taupe li.active {
  background: var(--paper);
  box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.04);
}
.tab-navigation-taupe li.active a {
  color: var(--primary);
}
.tab-navigation-taupe a {
  display: block;
  font-size: var(--font-size-normal);
  color: var(--black-60);
  padding: 0.8rem 1rem;
}
@media (min-width: 576px) {
  .tab-navigation-taupe a {
    font-size: var(--font-size-base);
    padding: 1rem 1.5rem;
  }
}

.recipe-list-small li {
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--black-5);
}
.recipe-list-small li:first-child {
  padding: 0 0 1rem 0;
}
.recipe-list-small li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.recipe-list-small a {
  display: block;
  color: var(--black-80);
  transition: all 0.2s ease;
}
.recipe-list-small a:hover {
  color: var(--primary);
}
.recipe-list-small a:hover .recipe-list-small-image-big img {
  transform: scale(1.15);
}
.recipe-list-small-name {
  font-weight: 700;
  line-height: 120%;
}
.recipe-list-small-user {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--black-50);
}
.recipe-list-small-image {
  flex-shrink: 0;
}
.recipe-list-small-image img {
  border-radius: 0.5rem;
}
.recipe-list-small-image-big {
  margin: 0 -1.5rem;
  overflow: hidden;
}
.recipe-list-small-image-big img {
  width: 100%;
  height: 225px;
  object-fit: cover;
  transition: all 0.5s ease;
  transform: scale(1);
}
@media (min-width: 768px) {
  .recipe-list-small-image-big img {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .recipe-list-small-image-big img {
    height: 270px;
  }
}
@media (min-width: 1200px) {
  .recipe-list-small-image-big img {
    height: 300px;
  }
}

.recipe-collection-modal-subtitle {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--h5-font-size);
  font-weight: 700;
}
.recipe-collection-modal-recipe {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .recipe-collection-modal-recipe {
    gap: 1rem;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--black-5);
  }
}
.recipe-collection-modal-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 180px;
  overflow: auto;
}
.recipe-collection-modal .recipe-card-photo {
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .recipe-collection-modal .recipe-card-photo {
    width: 60px;
    height: 60px;
  }
}
.recipe-collection-modal-info {
  font-size: var(--font-size-normal);
  font-weight: 500;
  color: var(--black-50);
  text-align: center;
  margin: 0 -1rem 0 -1rem;
  padding: 1.5rem;
  background: var(--black-5);
}
@media (min-width: 768px) {
  .recipe-collection-modal-info {
    margin: -0.5rem -1.5rem 0 -1.5rem;
    padding: 1rem;
  }
}
.recipe-collection-modal .btn-remove {
  font-size: var(--font-size-normal);
  font-weight: 500;
  color: var(--primary);
}

#modal-target-recipe-save .loading-list .form-check {
  pointer-events: none;
  opacity: 0.5;
}
#modal-target-recipe-save .loading-list .recipe-collection-modal-list {
  position: relative;
}
#modal-target-recipe-save .loading-list .recipe-collection-modal-list:after {
  box-sizing: border-box;
  border: 4px solid rgba(0, 0, 0, 0.05);
  border-top: 4px solid var(--primary);
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  animation: loader-spin 1.5s linear infinite;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.75rem 0 0 -1.75rem;
}

.recipe-collection-back {
  line-height: 0;
  color: var(--gray);
  transition: all 0.2s ease;
}
.recipe-collection-back:hover {
  color: var(--primary);
}
@media (max-width: 767.98px) {
  .recipe-collection-back .icon {
    width: 18px;
    height: 18px;
  }
}

.recipe-collection-edit-buttons {
  display: inline-flex;
  background: var(--white);
  overflow: hidden;
  border: 1px solid var(--black-10);
  border-radius: 0.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.recipe-collection-edit-buttons .btn-link {
  padding: 0 1rem;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .recipe-collection-edit-buttons .btn-link {
    height: 42px;
    padding: 0 0.8rem;
  }
}
.recipe-collection-edit-buttons .btn-link:hover {
  background: var(--black-5);
}
.recipe-collection-edit-buttons .btn-link:first-of-type {
  border-right: 1px solid var(--black-10);
}

@keyframes loader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.collection-card {
  position: relative;
  display: flex;
}
.collection-card-link-wrapper {
  display: block;
  width: 100%;
}
.collection-card-link-wrapper:hover .collection-card-photos-first img {
  transform: scale(1.15);
}
.collection-card-link-wrapper:hover .collection-card-name {
  color: var(--primary);
}
.collection-card-photos {
  display: flex;
  height: 180px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
}
.collection-card-photos img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.collection-card-photos-first {
  flex: 0 70%;
  overflow: hidden;
  margin-right: 1px;
  background: var(--black-10);
  border-radius: 0.5rem 0 0 0.5rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .collection-card-photos-first {
    flex: 0 60%;
  }
}
.collection-card-photos-second-third {
  display: flex;
  flex-direction: column;
  flex: 0 30%;
  gap: 1px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .collection-card-photos-second-third {
    flex: 0 40%;
  }
}
.collection-card-photos-second, .collection-card-photos-third {
  height: 50%;
  overflow: hidden;
  background: var(--black-10);
}
.collection-card-photos-second {
  border-radius: 0 0.5rem 0 0;
}
.collection-card-photos-third {
  border-radius: 0 0 0.5rem 0;
}
.collection-card-name {
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 120%;
  color: var(--black-80);
  transition: all 0.2s ease;
}

.body-inbox {
  background: var(--taupe);
}
@media (max-width: 991.98px) {
  .body-inbox {
    overflow: hidden;
  }
}

.inbox {
  z-index: 1;
}
@media (max-width: 991.98px) {
  .inbox {
    position: absolute;
    inset: 0;
    padding: 0;
  }
}
.inbox .icon-color-messages {
  width: 100px;
  height: 100px;
}
@media (max-width: 991.98px) {
  .inbox.show-chat {
    z-index: 99;
    position: fixed;
    inset: 0;
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .inbox.show-chat .inbox-sidebar {
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .inbox.show-chat .inbox-main {
    transform: translateX(0);
  }
}
@media (max-width: 991.98px) {
  .inbox.hide-chat {
    position: relative;
  }
}

.inbox-inner {
  display: flex;
  flex-direction: row;
  height: 100vh;
  overflow: hidden;
  background-color: var(--white);
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  .inbox-inner {
    position: relative;
    height: calc(100vh - 21rem);
  }
}

.inbox-sidebar {
  width: 350px;
  overflow-y: auto;
  border-right: 1px solid var(--taupe);
  background: var(--taupe-light);
}
@media (max-width: 991.98px) {
  .inbox-sidebar {
    position: fixed;
    width: 100%;
    height: calc(100% - 60px);
    transition: transform 0.3s ease-in-out;
    z-index: 2;
    background-color: var(--white);
  }
}
.inbox-sidebar .avatar-small {
  width: 50px;
  height: 50px;
}
.inbox-sidebar .avatar-small .icon {
  width: 22px;
  height: 22px;
}

.inbox-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .inbox-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
    z-index: 1;
    transform: translateX(100%);
  }
}

.inbox-item {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  gap: 1.5rem;
  text-align: left;
  cursor: pointer;
  padding: 1rem 1.25rem;
  border-radius: 0;
  border-bottom: 1px solid var(--taupe);
  transition: background-color 0.2s ease;
}
@media (min-width: 992px) {
  .inbox-item {
    padding: 1rem;
  }
}
.inbox-item:hover, .inbox-item.active {
  background-color: #faf9f8;
}
.inbox-item:hover .inbox-item-username, .inbox-item.active .inbox-item-username {
  color: var(--primary);
}
.inbox-item-info {
  width: calc(100% - 80px);
}
.inbox-item-username {
  font-size: var(--font-size-normal);
  color: var(--black-80);
  font-weight: 700;
}
.inbox-item-last-message {
  font-size: var(--font-size-xs);
  font-weight: 400;
  color: var(--black-50);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-messages {
  display: flex;
  flex-direction: column-reverse;
  overflow-y: auto;
  height: 100%;
  padding: 1rem;
}
.inbox-messages .avatar-small {
  width: 30px;
  height: 30px;
}
.inbox-messages .avatar-small .icon {
  width: 14px;
  height: 14px;
}
.inbox-messages-profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inbox-messages-profile a {
  color: var(--black-80);
  transition: all 0.2s ease;
}
.inbox-messages-profile a:hover {
  color: var(--primary);
}
.inbox-messages-profile .avatar-small {
  width: 120px;
  height: 120px;
}
.inbox-messages-profile .avatar-small .icon {
  width: 60px;
  height: 60px;
}

.inbox-message {
  display: flex;
  margin-bottom: 1rem;
  align-items: flex-end;
}
.inbox-message-sent {
  justify-content: flex-end;
}
.inbox-message-sent .inbox-message-content {
  color: var(--white);
  background: var(--chatBlue);
  border-radius: 1rem;
}
.inbox-message-sent .inbox-message-time {
  color: var(--white-50);
}
.inbox-message-received {
  justify-content: flex-start;
}
.inbox-message-received .inbox-message-content {
  color: var(--black-80);
  margin-left: 1rem;
  background-color: var(--taupe-light);
  border-radius: 0.5rem;
}
.inbox-message-received .inbox-message-time {
  color: var(--black-30);
}
.inbox-message-content {
  font-size: var(--font-size-normal);
  max-width: 70%;
  padding: 0.8rem 1.2rem;
}
@media (max-width: 991.98px) {
  .inbox-message-content {
    padding: 0.5rem 0.8rem;
  }
}
.inbox-message-time {
  font-size: var(--font-size-xs);
  text-align: right;
}

.inbox-input {
  padding: 1rem;
  border-top: 1px solid var(--taupe);
}
.inbox-input textarea {
  height: 52px;
  resize: none;
  padding-right: 52px;
}
.inbox-input textarea:focus + button .icon {
  color: var(--primary);
}
.inbox-input button {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 50px;
  height: 50px;
}
.inbox-input button .icon {
  color: var(--black-30);
}

.inbox-header {
  display: none;
  padding: 0.8rem 1.25rem;
  border-bottom: 1px solid var(--taupe);
  background-color: var(--white);
}
@media (max-width: 991.98px) {
  .inbox-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.inbox-header a {
  color: var(--black-80);
}
.inbox-header .icon-arrow-left {
  color: var(--black-80);
}
.inbox-header .avatar-small {
  width: 30px;
  height: 30px;
}
.inbox-header .avatar-small .icon {
  width: 14px;
  height: 14px;
}

.ads-h-325 {
  display: block;
  min-height: 325px;
  text-align: center;
  margin: 0 -1.25rem;
}
@media (min-width: 768px) {
  .ads-h-325 {
    min-height: 280px;
    margin: 0 auto;
  }
}

.latest-recipe-user-images-card a {
  position: relative;
  width: 100%;
  color: var(--black-80);
}
.latest-recipe-user-images-card a:hover .latest-recipe-user-images-card-photo {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.latest-recipe-user-images-card a:hover .latest-recipe-user-images-card-photo img {
  transform: scale(1.15);
}
.latest-recipe-user-images-card a:hover .latest-recipe-user-images-card-name {
  color: var(--primary);
  transition: all 0.2s ease;
}
.latest-recipe-user-images-card-photo {
  position: relative;
  flex-shrink: 0;
  height: 140px;
  overflow: hidden;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .latest-recipe-user-images-card-photo {
    height: 160px;
  }
}
.latest-recipe-user-images-card-photo figure {
  height: 100%;
}
.latest-recipe-user-images-card-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.latest-recipe-user-images-card-name {
  transition: all 0.2s ease;
}

.latest-ratings-card a {
  position: relative;
  width: 100%;
  color: var(--black-80);
}
.latest-ratings-card a:hover .latest-ratings-card-photo {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.latest-ratings-card a:hover .latest-ratings-card-photo img {
  transform: scale(1.15);
}
.latest-ratings-card a:hover .latest-ratings-card-name {
  color: var(--primary);
  transition: all 0.2s ease;
}
.latest-ratings-card-photo {
  position: relative;
  flex-shrink: 0;
  height: 90px;
  overflow: hidden;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .latest-ratings-card-photo {
    height: 110px;
  }
}
.latest-ratings-card-photo figure {
  height: 100%;
}
.latest-ratings-card-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.latest-ratings-card-name {
  transition: all 0.2s ease;
}
.latest-ratings-card-score {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--black-80);
}
.latest-ratings-card .rating-stars-static {
  display: flex;
  gap: 0.3rem;
}
.latest-ratings-card .rating-stars-static .icon {
  position: relative;
  color: var(--primary);
  width: 14px;
  height: 14px;
}
.latest-ratings-card .rating-stars-static .star-off .icon {
  color: var(--taupe-200);
}

.blog-list-small li {
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--black-5);
}
.blog-list-small li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.blog-list-small a {
  display: block;
  color: var(--black-80);
  transition: all 0.2s ease;
}
.blog-list-small a:hover {
  color: var(--primary);
}
.blog-list-small-name {
  font-size: var(--font-size-normal);
  font-weight: 600;
  line-height: 120%;
}
.blog-list-small-image {
  flex-shrink: 0;
}
.blog-list-small-image img {
  border-radius: 0.5rem;
}

.user-badges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.recipe-detail-bg-white {
  position: relative;
}
.recipe-detail-bg-white:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: var(--white);
}
.recipe-detail-bg-white.bottom-100:after {
  bottom: 0;
}
@media (min-width: 768px) {
  .recipe-detail-bg-white.bottom-100:after {
    bottom: 100px;
  }
}

.recipe-detail-content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.recipe-detail-col-left {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media (min-width: 992px) {
  .recipe-detail-col-left {
    grid-column-end: span 6;
  }
}

.recipe-detail-col-right {
  grid-column-start: 1;
  grid-column-end: span 12;
}
@media (min-width: 992px) {
  .recipe-detail-col-right {
    grid-column-start: 7;
    grid-column-end: span 6;
    grid-row-start: 1;
    grid-row-end: span 3;
    align-self: flex-start;
  }
}

.recipe-detail-rating {
  padding: 1.5rem;
  background: var(--white);
  border-radius: 1rem;
  border: 2px solid var(--taupe);
}
@media (min-width: 768px) {
  .recipe-detail-rating {
    padding: 2rem;
  }
}
.recipe-detail-rating .rating-stars {
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  .recipe-detail-rating .rating-stars {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .recipe-detail-rating .rating-stars {
    align-items: end;
  }
}
.recipe-detail-rating .rating-stars-title {
  display: block;
}
@media (max-width: 575.98px) {
  .recipe-detail-rating .rating-stars-title {
    text-align: center;
  }
}
.recipe-detail-rating .rating-stars-title {
  font-size: var(--font-size-normal);
  font-weight: 700;
  color: var(--secondary);
}
@media (max-width: 575.98px) {
  .recipe-detail-rating .rating-stars-title {
    font-size: var(--font-size-md);
  }
}
@media (min-width: 576px) {
  .recipe-detail-rating .rating-stars-count {
    padding-bottom: 3px;
  }
}
.recipe-detail-rating .rating-stars-score {
  top: -2px;
}
.recipe-detail-rating .rating-stars-score button {
  padding: 0 3px;
}
.recipe-detail-rating .rating-stars-score button .icon {
  width: 28px;
  height: 28px;
}
@media (max-width: 575.98px) {
  .recipe-detail-rating .rating-stars-score button .icon {
    width: 34px;
    height: 34px;
  }
}

.rating-stars-is-author {
  pointer-events: none;
}

.recipe-detail-info-image {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% + 2.5rem);
  margin: 0 -1.25rem;
}
@media (min-width: 1200px) {
  .recipe-detail-info-image {
    flex-direction: row;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}

.recipe-detail-info {
  display: flex;
  flex-direction: column;
  flex: 0 100%;
  width: 100%;
  order: 1;
  padding: 1.5rem 1.25rem 2rem 1.25rem;
  background: var(--white);
  border-radius: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
@media (min-width: 576px) {
  .recipe-detail-info {
    z-index: 9;
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .recipe-detail-info {
    flex: 0 calc(100% - 2.5rem);
    width: calc(100% - 2.5rem);
    padding: 2.5rem 3rem;
    margin: -100px 1.25rem 0 1.25rem;
    border-radius: 1rem;
  }
}
@media (min-width: 1200px) {
  .recipe-detail-info {
    flex: 0 50%;
    width: 50%;
    padding: 3rem;
    order: 0;
    border-radius: 0;
  }
}
.recipe-detail-info h1 {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .recipe-detail-info h1 {
    margin-top: 0;
  }
}
.recipe-detail-info p {
  font-size: var(--font-size-base);
  color: var(--gray);
  order: 2;
  margin: 0;
}
@media (min-width: 768px) {
  .recipe-detail-info p {
    order: 1;
  }
}

.recipe-detail-image {
  position: relative;
  width: 100%;
  height: 245px;
  order: 0;
}
@media (min-width: 576px) {
  .recipe-detail-image {
    height: 345px;
  }
}
@media (min-width: 768px) {
  .recipe-detail-image {
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .recipe-detail-image {
    flex: 0 50%;
    width: 50%;
    height: auto;
    order: 1;
    margin: 0;
  }
}
.recipe-detail-image figure {
  height: 100%;
}
@media (min-width: 1200px) {
  .recipe-detail-image figure {
    position: absolute;
    inset: 0;
  }
}
.recipe-detail-image figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipe-detail-image figcaption {
  display: none;
}
.recipe-detail-image-actions {
  position: absolute;
  inset: 0;
  top: auto;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 1rem 0.8rem 1rem;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .recipe-detail-image-actions {
    bottom: 105px;
  }
}
.recipe-detail-image-actions-right, .recipe-detail-image-actions-left {
  display: flex;
  gap: 0.8rem;
}
@media (min-width: 576px) {
  .recipe-detail-image-actions-right, .recipe-detail-image-actions-left {
    gap: 1rem;
  }
}
.recipe-detail-image-actions .btn {
  width: 36px;
  height: 36px;
  background: var(--taupe);
  border-radius: 50px;
}
@media (min-width: 576px) {
  .recipe-detail-image-actions .btn {
    width: 52px;
    height: 52px;
  }
}
.recipe-detail-image-actions .btn:hover {
  background: var(--primary);
}
.recipe-detail-image-actions .btn:hover .icon {
  color: var(--white);
}
.recipe-detail-image-actions .btn .icon {
  width: 16px;
  height: 16px;
  color: var(--taupe-800);
  transition: all 0.3s ease;
}
@media (min-width: 576px) {
  .recipe-detail-image-actions .btn .icon {
    width: 20px;
    height: 20px;
  }
}
.recipe-detail-image-actions .btn .icon-image {
  color: var(--primary);
}
.recipe-detail-image-actions .btn .icon-youtube-play {
  width: 20px;
  height: 20px;
  color: var(--youtube);
}
@media (min-width: 576px) {
  .recipe-detail-image-actions .btn .icon-youtube-play {
    width: 24px;
    height: 24px;
  }
}
.recipe-detail-image-actions .btn-text {
  width: auto;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--black-60);
  padding: 0 0.8rem;
  border-radius: 1rem;
}
@media (min-width: 576px) {
  .recipe-detail-image-actions .btn-text {
    font-size: var(--font-size-normal);
  }
}
.recipe-detail-image-actions .btn-text:hover {
  color: var(--white);
}
.recipe-detail-image .btn-pinterest {
  position: absolute;
  z-index: 2;
  top: 1rem;
  left: 1rem;
  border-radius: 50px;
}
@media (max-width: 767.98px) {
  .recipe-detail-image .btn-pinterest {
    width: 36px;
    height: 36px;
  }
}

.recipe-detail-recipe-price {
  font-size: var(--font-size-normal);
  color: var(--black-50);
}

.recipe-detail-image-score .nutrition-score-badge {
  position: absolute;
  z-index: 2;
  top: 1rem;
  right: 0;
  height: 36px;
}
@media (min-width: 768px) {
  .recipe-detail-image-score .nutrition-score-badge {
    height: 42px;
  }
}
.recipe-detail-image-score .nutrition-score-badge-score {
  font-size: var(--font-size-base);
}
@media (min-width: 768px) {
  .recipe-detail-image-score .nutrition-score-badge-score {
    font-size: var(--font-size-lg);
  }
}
@media (max-width: 767.98px) {
  .recipe-detail-image-score .nutrition-score-badge-max {
    font-size: 0.65rem;
  }
}

.recipe-detail-preparations {
  padding: 1.5rem 0;
  order: 1;
}
@media (min-width: 768px) {
  .recipe-detail-preparations {
    padding: 3rem 0 0 0;
    order: 2;
  }
}
.recipe-detail-preparations ul {
  display: flex;
  gap: 0.8rem;
}
@media (min-width: 768px) {
  .recipe-detail-preparations ul {
    gap: 1.5rem;
  }
}
.recipe-detail-preparations li {
  width: 100%;
  text-align: center;
  padding: 1rem 0 0.7rem 0;
  background: var(--paper);
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .recipe-detail-preparations li {
    padding: 2rem 0 1.5rem 0;
  }
}
.recipe-detail-preparations .icon {
  width: 38px;
  height: 38px;
  margin: 0 0 0.7rem 0;
  color: var(--black-80);
}
@media (min-width: 768px) {
  .recipe-detail-preparations .icon {
    width: 50px;
    height: 50px;
    margin: 0 0 0.8rem 0;
  }
}
.recipe-detail-preparations-label {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--black-60);
}
@media (min-width: 768px) {
  .recipe-detail-preparations-label {
    font-size: var(--font-size-sm);
  }
}
.recipe-detail-preparations-value {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--black-80);
}
@media (min-width: 768px) {
  .recipe-detail-preparations-value {
    font-size: var(--font-size-xl);
  }
}

.recipe-detail-ingredients {
  position: relative;
  margin: 0 -1.25rem 0 -1.25rem;
  padding: 2.5rem 1.25rem 2.5rem 1.25rem;
  border-radius: 0;
  background: var(--taupe);
}
@media (min-width: 768px) {
  .recipe-detail-ingredients {
    margin: 0;
    padding: 3rem;
    border-radius: 1rem;
  }
}
.recipe-detail-ingredients-servings {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 5px;
  background: var(--paper);
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.01);
}
.recipe-detail-ingredients-servings button .icon {
  width: 24px;
  height: 24px;
  color: var(--black-80);
  transition: all 0.2s ease;
}
.recipe-detail-ingredients-servings button:hover .icon {
  color: var(--primary);
}
.recipe-detail-ingredients-servings .amount {
  font-weight: 600;
}
.recipe-detail-ingredients-cooking-toggle {
  margin-top: 2rem;
  margin-bottom: -0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--black-10);
}
@media (min-width: 576px) {
  .recipe-detail-ingredients-cooking-toggle {
    margin-top: 2.5rem;
    padding-top: 2rem;
  }
}
.recipe-detail-ingredients ol {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.recipe-detail-ingredients li {
  display: flex;
  align-items: center;
  font-size: var(--font-size-base);
  font-weight: 500;
  color: var(--black-80);
}
@media (min-width: 768px) {
  .recipe-detail-ingredients li {
    font-size: var(--font-size-md);
  }
}
.recipe-detail-ingredients li:first-child {
  padding-top: 0 !important;
}
.recipe-detail-ingredients li a:hover {
  text-decoration: underline;
}
.recipe-detail-ingredients .form-check-input:checked + label {
  color: var(--gray);
  text-decoration-line: line-through;
}
.recipe-detail-ingredients .info-link {
  position: relative;
  top: 3px;
  left: 0.5rem;
  display: inline-flex;
}
.recipe-detail-ingredients .info-link:hover .icon {
  color: var(--black-80);
}
.recipe-detail-ingredients .info-link .icon {
  color: var(--black-40);
  transition: all 0.2s ease;
}
.recipe-detail-ingredients .btn-ingredients-reset {
  width: 36px;
  height: 36px;
  color: var(--black-50);
  background: var(--black-5);
  border-radius: 50px;
}
.recipe-detail-ingredients .btn-ingredients-reset:hover {
  color: var(--primary);
  background: var(--white);
}

.recipe-detail-supplies ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.recipe-detail-supplies li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.recipe-detail-supplies li:before {
  display: inline-block;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  content: "";
  margin-top: 10px;
  background: var(--primary);
  border-radius: 50px;
}

.recipe-detail-directions-title {
  display: block;
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--black-80);
  margin-bottom: 0.5rem;
}
.recipe-detail-directions > ol {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  counter-reset: list-counter;
}
.recipe-detail-directions > ol > li {
  position: relative;
  display: flex;
  gap: 1.5rem;
}
.recipe-detail-directions > ol > li:last-child:after {
  display: none;
}
.recipe-detail-directions > ol > li:before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--black-60);
  width: 45px;
  height: 45px;
  counter-increment: list-counter;
  content: counter(list-counter);
  background: var(--taupe);
  border: 5px solid var(--paper);
  border-radius: 10rem;
}
.recipe-detail-directions > ol > li:after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -50px;
  left: 22px;
  content: "";
  border-left: 1px dashed var(--black-20);
  width: 1px;
}
.recipe-detail-directions > ol > li a:hover {
  text-decoration: underline;
}
.recipe-detail-directions-photo {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  border-radius: 0.5rem;
}
.recipe-detail-directions-ingredients {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.recipe-detail-directions-ingredients li {
  display: flex;
  align-items: center;
  font-size: var(--font-size-normal);
  font-weight: 600;
  padding: 4px;
  background: var(--taupe);
  border-radius: 50px;
}
.recipe-detail-directions-ingredients img {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50px;
}
.recipe-detail-directions-ingredients-description {
  font-size: var(--font-size-sm);
  color: var(--taupe-900);
}

.recipe-detail-author {
  font-weight: 500;
  padding: 1rem 1.5rem 1.5rem 1.5rem;
  background: var(--white);
  border-radius: 1rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);
}
@media (min-width: 768px) {
  .recipe-detail-author {
    padding: 2rem 1.5rem;
  }
}
.recipe-detail-author-left-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--black-10);
}
@media (min-width: 768px) {
  .recipe-detail-author-left-col {
    justify-content: flex-start;
    margin-bottom: 0;
    margin-right: 1.5rem;
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 1px solid var(--black-10);
  }
}
.recipe-detail-author-left-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .recipe-detail-author-left-info {
    align-items: flex-start;
    padding-left: 100px;
  }
}
@media (min-width: 992px) {
  .recipe-detail-author-left-info {
    padding-left: 60px;
  }
}
.recipe-detail-author .avatar-small {
  width: 75px;
  height: 75px;
  margin-top: -2.5rem;
}
@media (min-width: 768px) {
  .recipe-detail-author .avatar-small {
    width: 75px;
    height: 75px;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .recipe-detail-author .avatar-small {
    margin-left: -2.5rem;
  }
}
.recipe-detail-author .avatar-small .icon {
  width: 30px;
  height: 30px;
  color: var(--black-30);
}
.recipe-detail-author ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.recipe-detail-author ul li {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-size: var(--font-size-normal);
  color: var(--black-60);
}
.recipe-detail-author ul .icon {
  color: var(--black-60);
}
.recipe-detail-author a {
  color: var(--black-80);
  font-weight: 700;
  transition: all 0.2s ease;
}
.recipe-detail-author a:hover {
  color: var(--primary);
}
.recipe-detail-author .inbox-send-message-button {
  display: none;
}

.recipe-detail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.recipe-detail-tags a {
  font-size: var(--font-size-normal);
  font-weight: 500;
  color: var(--black-50);
  text-decoration: none;
  padding: 0.3rem 0.6rem;
  background: var(--black-5);
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
.recipe-detail-tags a:hover {
  color: var(--black-80);
  background: var(--black-10);
}

.recipe-detail-tip {
  position: relative;
  font-weight: 500;
  padding: 2rem;
  border-radius: 1rem;
  background: var(--white);
}
@media (min-width: 992px) {
  .recipe-detail-tip {
    padding: 3rem;
  }
}
.recipe-detail-tip:after {
  position: absolute;
  right: 8px;
  bottom: 6px;
  left: 8px;
  height: 6px;
  content: "";
  border-radius: 0 0 1rem 1rem;
  background: var(--primary);
}
.recipe-detail-tip-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 992px) {
  .recipe-detail-tip-title {
    gap: 1.5rem;
  }
}
.recipe-detail-tip-title h3 {
  font-weight: 800;
}
.recipe-detail-tip .icon-color-tip {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .recipe-detail-tip .icon-color-tip {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 768px) {
  .recipe-detail-tip p {
    font-size: var(--font-size-md);
    padding-left: 74px;
  }
}

.nutrition-score-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0 1.25rem 0 1rem;
  border-radius: 50px 0 0 50px;
}
.nutrition-score-badge-score {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--white);
}
.nutrition-score-badge-max {
  font-size: var(--font-size-sm);
  color: var(--white);
}

.recipe-detail-nutrition-description {
  position: relative;
  margin: 1.25rem 0 0 -1.5rem;
  padding-left: 1.5rem;
}
@media (min-width: 768px) {
  .recipe-detail-nutrition-description {
    margin-left: -2rem;
    padding-left: 2rem;
  }
}
.recipe-detail-nutrition-description .border-left-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  content: "";
  border-radius: 0 0.5rem 0.5rem 0;
}
.recipe-detail-nutrition .nutrition-score-badge {
  height: 48px;
  margin-right: -2rem;
}
@media (min-width: 768px) {
  .recipe-detail-nutrition .nutrition-score-badge {
    height: 55px;
    padding: 0 1.25rem 0 1.25rem;
  }
}
.recipe-detail-nutrition .nutrition-score-badge-score {
  font-size: var(--font-size-md);
}
@media (min-width: 768px) {
  .recipe-detail-nutrition .nutrition-score-badge-score {
    font-size: 1.5rem;
  }
}

.recipe-detail-user-images-share-block {
  position: relative;
  margin-top: 4.5rem;
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  border: 1px solid var(--taupe);
  border-radius: 1rem;
}
@media (min-width: 992px) {
  .recipe-detail-user-images-share-block {
    margin-top: 5rem;
  }
}
@media (min-width: 1440px) {
  .recipe-detail-user-images-share-block {
    margin-top: 4rem;
    padding: 2rem 1.5rem;
  }
}
.recipe-detail-user-images-share-block .form-label {
  text-align: left;
}
.recipe-detail-user-images-share-block p {
  font-size: var(--font-size-normal);
  color: var(--black-50);
}
.recipe-detail-user-images-share-block .icon-photo {
  margin-top: -2px;
}
.recipe-detail-user-images-share-block .icon-color-photo-camera {
  position: absolute;
  top: -55px;
  right: calc(50% - 40px);
  width: 80px;
  height: 80px;
}
@media (min-width: 992px) {
  .recipe-detail-user-images-share-block .icon-color-photo-camera {
    top: -60px;
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 1200px) {
  .recipe-detail-user-images-share-block .icon-color-photo-camera {
    top: -60px;
    right: -5px;
    width: 92px;
    height: 92px;
    transform: rotate(-10deg);
  }
}
@media (min-width: 1440px) {
  .recipe-detail-user-images-share-block .icon-color-photo-camera {
    top: -40px;
    right: -40px;
  }
}

.recipe-detail-cooking-assistent {
  position: relative;
  margin: 3rem -1.25rem 0 -1.25rem;
  padding: 3rem 1.25rem 4rem 1.25rem;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .recipe-detail-cooking-assistent {
    margin: 1.5rem 0 -1.5rem 0;
    padding: 2.5rem 3rem 4rem 3rem;
    border: 1px solid var(--black-10);
  }
}
.recipe-detail-cooking-assistent-label {
  position: absolute;
  top: 0;
  left: 1.25rem;
  font-size: var(--font-size-sm);
  font-weight: bold;
  color: var(--white);
  padding: 0.2rem 0.8rem;
  background: var(--primary);
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .recipe-detail-cooking-assistent-label {
    top: -13px;
    left: 3rem;
  }
}

.rating-stars {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.rating-stars-title {
  display: none;
}
.rating-stars-score {
  position: relative;
  top: -1px;
  display: flex;
  margin-top: -1px;
}
.rating-stars-score button {
  padding: 0 2px;
  transition: transform 0.2s ease;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  .rating-stars-score button:hover {
    transform: scale(1.4);
  }
}
.rating-stars-score button:active {
  transform: scale(0.95);
}
.rating-stars-score button.clicked {
  animation: starSuperPop 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-fill-mode: forwards;
  z-index: 10;
  transform: scale(1);
}
.rating-stars-score button .icon {
  position: relative;
  color: var(--primary);
}
.rating-stars-score button .star-off {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.rating-stars-score button .star-off .icon {
  color: var(--taupe-200);
}
.rating-stars-score button.clicked .icon {
  color: var(--primary);
}
.rating-stars-score button:has(~ .clicked) .icon {
  color: var(--primary);
}
.rating-stars-score button.clicked ~ button .icon {
  color: var(--taupe-200);
}
.rating-stars-score button .icon:after,
.rating-stars-score button:hover ~ button .icon:after {
  position: relative;
}
@media (hover: hover) {
  .rating-stars-score:hover button .icon:after {
    position: absolute;
    inset: 0;
    content: "";
    background-color: var(--primary);
    mask: url("../images/star-full-PZOkos3.svg") right top/100% auto no-repeat;
    mask-size: 100%;
    transition: transform 0.2s ease;
  }
}
.rating-stars-count {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--black-40);
}
.rating-stars-count strong {
  font-size: var(--font-size-normal);
  color: var(--black-80);
}
.rating-stars-is-author .review-stars-score {
  opacity: 0.5;
  pointer-events: none;
}

@keyframes starSuperPop {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(2.2);
  }
  100% {
    transform: scale(1);
  }
}
.recipe-detail-supermarkets {
  margin-top: 2.5rem;
}
@media (max-width: 991.98px) {
  .recipe-detail-supermarkets {
    margin-top: 2rem;
    margin-bottom: -0.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--black-10);
  }
}

.recipe-detail-supermarkets-top-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.recipe-detail-supermarkets-top-list li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-size-normal);
  padding: 0.5rem 0;
}
.recipe-detail-supermarkets-top-list li:first-child {
  padding-top: 0.5rem !important;
}
.recipe-detail-supermarkets-top-list li:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 44px;
  height: 1px;
  content: "";
  background: var(--black-10);
}
.recipe-detail-supermarkets-top-list li:last-child:after {
  display: none;
}
.recipe-detail-supermarkets-top-list-more {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 0;
}
.recipe-detail-supermarkets-top-list-more:after {
  display: none;
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  content: "";
  background: var(--black-10);
}
@media (min-width: 768px) {
  .recipe-detail-supermarkets-top-list-more:after {
    display: block;
  }
}
.recipe-detail-supermarkets-top-list-more .btn {
  position: relative;
  z-index: 1;
  border: 1px solid var(--black-10);
  background: var(--taupe);
}
.recipe-detail-supermarkets-top-list-more .btn .icon {
  color: var(--primary);
}
.recipe-detail-supermarkets-top-list-more .btn:hover {
  background: var(--secondary);
}
.recipe-detail-supermarkets-top-list-supermarket {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.recipe-detail-supermarkets-top-list-supermarket img {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 0.25rem;
}
.recipe-detail-supermarkets-top-list-supermarket-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--black-10);
  border-radius: 0.25rem;
}

.recipe-table-container {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}

.recipe-table {
  table-layout: auto;
  border-spacing: 0;
  border-collapse: separate;
  margin-top: 36px;
  border: 1px solid var(--taupe);
}
.recipe-table thead tr th {
  font-size: 0;
  border-bottom: 1px solid var(--taupe);
  background: var(--paper);
}
.recipe-table thead tr th img {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .recipe-table thead tr th img {
    width: 55px;
    height: 55px;
  }
}
.recipe-table .column-icon,
.recipe-table .column-icon-total {
  position: sticky;
  z-index: 2;
  left: 0;
  width: auto;
  min-width: 105px;
  font-size: 0;
  background: var(--white);
}
@media (min-width: 768px) {
  .recipe-table .column-icon,
  .recipe-table .column-icon-total {
    width: 135px;
  }
}
.recipe-table .column-name,
.recipe-table .column-name-total {
  min-width: 170px;
}
.recipe-table .column-logo,
.recipe-table .column-logo-total {
  position: relative;
  min-width: 105px;
  max-width: 120px;
  text-align: center;
}
.recipe-table .column-icon-total,
.recipe-table .column-logo-total,
.recipe-table .column-name-total {
  font-weight: 700;
  padding: 1.35rem 1rem;
  border-bottom: 5px solid var(--taupe);
  background: var(--white);
}
.recipe-table .column-name,
.recipe-table .column-name-total {
  border-right: 1px solid var(--primary);
}
.recipe-table th,
.recipe-table td {
  position: relative;
  border-right: 1px solid var(--taupe);
}
.recipe-table th:last-child,
.recipe-table td:last-child {
  border-right: 0;
}
.recipe-table th:nth-child(3),
.recipe-table td:nth-child(3) {
  position: relative;
  border: 0;
  border-right: 1px solid var(--primary);
}
.recipe-table th:nth-child(3)::before,
.recipe-table td:nth-child(3)::before {
  position: absolute;
  inset: 0;
  content: "";
  width: 100%;
  background: var(--primary);
  opacity: 0.07;
  z-index: 1;
}
.recipe-table th:nth-child(3).column-logo-total,
.recipe-table td:nth-child(3).column-logo-total {
  border-bottom: 5px solid var(--primary);
}
.recipe-table th a,
.recipe-table td a {
  color: var(--black-80);
}
.recipe-table th:nth-child(3) {
  border-top: 1px solid var(--primary);
}
.recipe-table th:nth-child(3):after {
  position: absolute;
  top: -36px;
  right: -1px;
  left: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  z-index: 1;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--white);
  content: "Goedkoopst";
  border-radius: 0.5rem 0.5rem 0 0;
  background: var(--primary);
}
.recipe-table .column-content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
}
.recipe-table .icon-x {
  color: var(--black-20);
}

.loading-supermarkt-prices th img {
  filter: blur(2px);
}
.loading-supermarkt-prices .column-content {
  filter: blur(2px);
}

.reveal-table-overlay {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 3;
  inset: 0;
  top: 36px;
  border: 1px solid var(--taupe);
  border-top: 0;
}
@media (min-width: 768px) {
  .reveal-table-overlay {
    top: 36px;
  }
}
.reveal-table-overlay[hidden] {
  display: none;
}
.reveal-table-overlay:after {
  position: absolute;
  top: 0;
  right: 1px;
  left: 1px;
  bottom: 0;
  content: "";
  background: linear-gradient(0deg, rgb(247, 247, 247) 0%, rgba(247, 247, 247, 0.38) 80%, rgba(247, 247, 247, 0) 100%);
}
.reveal-table-overlay button {
  position: relative;
  z-index: 3;
  bottom: 2rem;
}
@media (max-width: 767.98px) {
  .reveal-table-overlay button {
    gap: 0.8rem;
    height: 42px;
    font-size: var(--font-size-normal);
    font-weight: 700;
    padding: 1rem;
  }
}
@media (max-width: 767.98px) {
  .reveal-table-overlay button .icon {
    width: 16px;
    height: 16px;
  }
}

.welcome-subtitle {
  font-size: var(--font-size-lg);
  color: var(--black-60);
  font-weight: 600;
}

.welcome-image {
  position: absolute;
  right: 30px;
  bottom: -20px;
  pointer-events: none;
}
@media (min-width: 992px) {
  .welcome-image {
    right: 20px;
    bottom: -90px;
  }
}
@media (min-width: 1200px) {
  .welcome-image {
    right: 40px;
    bottom: -80px;
  }
}
@media (min-width: 1440px) {
  .welcome-image {
    right: 50px;
    bottom: -120px;
  }
}
.welcome-image img {
  width: 300px;
  height: auto;
}
@media (min-width: 1200px) {
  .welcome-image img {
    width: 100%;
  }
}

.welcome-usps ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.welcome-usps li {
  display: flex;
  gap: 0.8rem;
  font-size: var(--font-size-base);
  color: var(--black-80);
  font-weight: 600;
}
@media (min-width: 576px) {
  .welcome-usps li {
    gap: 1rem;
    font-size: var(--font-size-md);
  }
}
.welcome-usps li:before {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  content: "";
  margin-top: 3px;
  background-color: var(--primary);
  mask: url("../images/round-tick-jIK1bdo.svg") right top/100% auto no-repeat;
  mask-size: 100%;
}
@media (min-width: 576px) {
  .welcome-usps li:before {
    width: 22px;
    height: 22px;
    margin-top: 2px;
  }
}

.theme-block {
  position: relative;
  padding: 1.25rem;
  background: var(--white);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  border-radius: 1rem;
}
@media (min-width: 992px) {
  .theme-block {
    padding: 0 400px 0 3rem;
  }
}
.theme-block-title {
  margin: 0.5rem 0 1.5rem 0;
}
@media (min-width: 992px) {
  .theme-block-title {
    margin: 1rem 0 2rem 0;
  }
}
@media (min-width: 992px) {
  .theme-block-title {
    position: relative;
    top: -28px;
    font-size: var(--font-size-lg);
    font-weight: 800;
    display: inline-flex;
    margin: 0 0 1rem 0;
    padding: 1rem;
    background: var(--taupe);
    border-radius: 1rem;
  }
}
.theme-block-photo {
  height: 200px;
  margin: 0 -1.25rem;
}
@media (min-width: 768px) {
  .theme-block-photo {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .theme-block-photo {
    position: absolute;
    top: -3rem;
    right: -2rem;
    bottom: 0;
    width: 400px;
    height: auto;
    max-height: 100%;
    margin: 0;
  }
}
.theme-block-photo img {
  display: block;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .theme-block-photo img {
    border-radius: 1rem;
  }
}
.theme-block-subtitle {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--black-10);
}
.theme-block ul {
  display: flex;
  flex-direction: column;
}
.theme-block li {
  margin: 0.2rem 0;
}
.theme-block a {
  color: var(--black-80);
}
.theme-block a:hover {
  text-decoration: underline;
}

.blog-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .blog-container {
    flex-direction: row;
  }
}

.blog-content {
  flex: 1;
  padding: 0 0 1rem 0;
}
@media (min-width: 1200px) {
  .blog-content {
    padding: 0 5rem 3rem 5rem;
  }
}
.blog-content-intro {
  font-weight: 700;
  font-size: var(--font-size-md);
}
@media (min-width: 768px) {
  .blog-content .recipe-card-photo {
    flex: 0 40%;
    width: 40%;
  }
}
@media (min-width: 768px) {
  .blog-content .recipe-card-inner {
    flex: 0 60%;
    width: 60%;
    padding: 2rem;
  }
}
@media (min-width: 768px) {
  .blog-content .recipe-card-name {
    font-size: var(--h5-font-size);
  }
}
@media (min-width: 768px) {
  .blog-content .recipe-card-description {
    font-size: var(--font-size-normal);
  }
}

.blog-featured-image {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}

.blog-aside {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 0;
  background-color: var(--taupe);
}
@media (min-width: 1200px) {
  .blog-aside {
    width: 364px;
    padding: 2.5rem 0 2.5rem 2rem;
  }
}
.blog-aside:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: -100vw;
  left: -100vw;
  background-color: var(--taupe);
  z-index: -1;
}
@media (min-width: 1200px) {
  .blog-aside:after {
    left: 0;
  }
}
.blog-aside-title {
  font-size: var(--font-size-base);
  font-weight: 800;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--black-5);
}
.blog-aside .recipe-list-small li:first-child {
  padding: 0.7rem 0;
}
.blog-aside .recipe-list-small-image {
  order: -1;
}
.blog-aside .recipe-list-small-name {
  font-size: var(--font-size-normal);
  font-weight: 600;
}

.recipe-create-intro {
  font-size: var(--font-size-normal);
  color: var(--black-50);
}
@media (min-width: 768px) {
  .recipe-create-intro {
    font-size: var(--font-size-base);
  }
}
.recipe-create .chef-icon {
  position: absolute;
  z-index: -1;
  right: 20px;
  bottom: 42px;
}
@media (max-width: 767.98px) {
  .recipe-create .chef-icon {
    right: 30px;
  }
}
@media (max-width: 767.98px) {
  .recipe-create .chef-icon img {
    width: 69px;
    height: 100px;
  }
}
.recipe-create-photo {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 576px) {
  .recipe-create-photo {
    width: 220px;
  }
}
.recipe-create-photo a:hover .recipe-image-preview-title {
  color: var(--primary);
}
.recipe-create-photo #recipe-image-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  padding: 5px;
  border: 1px solid var(--black-20);
  border-radius: 4px;
}
.recipe-create-photo .icon-color-upload-image {
  width: 75px;
  height: 75px;
}
.recipe-create-photo .recipe-image-preview-title {
  font-size: var(--font-size-normal);
  color: var(--black-60);
  transition: all 0.2s ease;
}
.recipe-create-photo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.recipe-create-photo-info {
  font-size: var(--font-size-xs);
  color: var(--black-40);
}
.recipe-create-repeater .btn-delete {
  width: 60px;
  height: 52px;
  margin-left: -8px;
  padding: 0 0 0 8px;
}
.recipe-create-repeater .btn-delete:hover:after {
  background-color: var(--black-80);
}
.recipe-create-repeater .btn-delete:after {
  display: block;
  width: 20px;
  height: 23px;
  content: "";
  background-color: var(--black-30);
  mask: url("../images/trash-vgxCRx0.svg") no-repeat;
  mask-size: 100%;
  transition: all 0.2s ease;
}
.recipe-create-repeater .btn-photo {
  width: 60px;
  height: 52px;
  margin: 1px 0 0 -8px;
  padding: 0 0 0 8px;
}
.recipe-create-repeater .btn-photo:hover .icon {
  color: var(--black-80);
}
.recipe-create-repeater .btn-photo .icon {
  width: 22px;
  height: 22px;
  color: var(--black-30);
}
.recipe-create-repeater .btn-add:hover:before {
  background-color: var(--white);
}
.recipe-create-repeater .btn-add:before {
  display: block;
  width: 15px;
  height: 15px;
  content: "";
  background-color: var(--primary);
  mask: url("../images/plus-Fj8z7LI.svg") no-repeat;
  mask-size: 100%;
  transition: all 0.2s ease;
}
.recipe-create-repeater .ingredient-header .form-control {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--white);
  background: var(--black-80);
}
.recipe-create-repeater .ingredient-header .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.recipe-create-repeater .ingredient-header .form-control:focus, .recipe-create-repeater .ingredient-header .form-control:active {
  border: 1px solid transparent;
  outline: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.recipe-create-repeater .form-control-direction {
  min-height: 105px;
}
.recipe-create .form-label .tooltip .icon {
  width: 20px;
  height: 20px;
  color: var(--primary);
}
@media (max-width: 767.98px) {
  .recipe-create textarea.form-control {
    height: 138px;
  }
}
.recipe-create .btn-reorder {
  height: 26px;
  width: 36px;
  margin-right: -10px;
}
.recipe-create .btn-reorder:hover .icon {
  color: var(--black-80);
}
.recipe-create .btn-reorder-up {
  border-bottom-left-radius: 0;
}
.recipe-create .btn-reorder-down {
  border-top: 1px solid var(--paper);
  border-top-left-radius: 0;
}
.recipe-create .btn-reorder .icon {
  pointer-events: none;
  color: var(--black-30);
  margin-right: 8px;
}
.recipe-create .direction-step-image-preview-photo {
  display: flex;
  justify-content: center;
  margin-right: 52px;
  padding: 0.5rem;
  border: 1px solid var(--black-20);
  background: var(--white);
  border-radius: 0.5rem;
}

@media (max-width: 767.98px) {
  .recipe-existing-list {
    margin-bottom: -0.8rem;
  }
}
.recipe-existing-list ul {
  background: var(--black-3);
  border-radius: 0.5rem;
}
.recipe-existing-list li {
  display: block;
  padding: 1rem;
  border-bottom: 1px solid var(--paper);
}
.recipe-existing-list li:last-child {
  border-bottom: 0;
}
.recipe-existing-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: var(--font-size-normal);
  font-weight: 600;
  color: var(--black-80);
  transition: all 0.2s ease;
}
.recipe-existing-list a:hover {
  color: var(--primary);
}
.recipe-existing-list a:hover .icon {
  color: var(--primary);
}
.recipe-existing-list .icon {
  color: var(--black-30);
  transition: all 0.2s ease;
}

.landing-bg-white {
  position: relative;
}
.landing-bg-white:after {
  position: absolute;
  z-index: -1;
  inset: 0;
  bottom: 100px;
  content: "";
  background: var(--white);
}

.landing-info-image {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% + 2.5rem);
  margin: 0 -1.25rem;
}
@media (min-width: 1200px) {
  .landing-info-image {
    flex-direction: row;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  }
}

.landing-info {
  display: flex;
  flex-direction: column;
  flex: 0 100%;
  width: 100%;
  order: 1;
  padding: 1.5rem 1.25rem 2rem 1.25rem;
  background: var(--white);
  border-radius: 1rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
@media (min-width: 576px) {
  .landing-info {
    z-index: 9;
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .landing-info {
    flex: 0 calc(100% - 2.5rem);
    width: calc(100% - 2.5rem);
    padding: 2.5rem 3rem;
    margin: -150px 1.25rem 0 1.25rem;
  }
}
@media (min-width: 1200px) {
  .landing-info {
    flex: 0 50%;
    width: 50%;
    padding: 3rem;
    order: 0;
    border-radius: 0;
  }
}
.landing-info h1 {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .landing-info h1 {
    margin-top: 0;
  }
}
.landing-info p {
  font-size: var(--font-size-base);
  color: var(--gray);
  order: 2;
  margin: 0;
}
@media (min-width: 768px) {
  .landing-info p {
    order: 1;
  }
}

.landing-image {
  position: relative;
  flex: 0 100%;
  width: 100%;
  order: 0;
}
@media (min-width: 1200px) {
  .landing-image {
    flex: 0 50%;
    width: 50%;
    order: 1;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .landing-image figure {
    position: absolute;
    inset: 0;
  }
}
.landing-image figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landing-image figcaption {
  display: none;
}

.landing-quick-nav ul {
  display: flex;
  flex-direction: column;
}
.landing-quick-nav li {
  border-top: 1px solid var(--taupe);
}
.landing-quick-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  color: var(--black-80);
  text-decoration: none;
  padding: 1rem 0;
  transition: all 0.2s ease;
}
.landing-quick-nav a:hover {
  color: var(--primary);
}

.page-auth {
  height: 100vh;
}
.page-auth-logo .icon {
  width: 94px;
  height: 28px;
  color: var(--primary);
}
.page-auth p {
  color: var(--black-50);
}
.page-auth-grid {
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
}
@media (min-width: 768px) {
  .page-auth-grid {
    grid-template-columns: 1fr 60%;
  }
}
.page-auth-left-side {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 5rem;
}
@media (max-width: 767.98px) {
  .page-auth-left-side {
    position: relative;
    z-index: 1;
    margin: 1.25rem;
    padding: 0;
    background: var(--white);
    border-radius: 1rem;
  }
}
.page-auth-right-side {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .page-auth-right-side {
    position: absolute;
    inset: 0;
  }
}
.page-auth .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  height: 100%;
  max-width: 100%;
  padding: 2rem;
}
@media (min-width: 768px) {
  .page-auth .content {
    width: 380px;
    padding: 3rem 0;
  }
}
.page-auth-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-auth .form-label,
.page-auth label {
  text-align: left;
}
.page-auth .form-check {
  font-size: var(--font-size-normal);
  color: var(--black-60);
}

.profile-cover {
  position: relative;
  height: 180px;
}
@media (min-width: 576px) {
  .profile-cover {
    height: 180px;
  }
}
@media (min-width: 768px) {
  .profile-cover {
    height: 250px;
  }
}
@media (min-width: 992px) {
  .profile-cover {
    height: 400px;
  }
}
.profile-cover .container {
  width: 100%;
}
.profile-cover-inner {
  position: absolute;
  z-index: 8;
  inset: 0;
  display: flex;
  align-items: flex-end;
}
.profile-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-avatar {
  background: var(--white);
}
.profile-avatar-inner {
  position: relative;
  margin-top: -95px;
}
@media (min-width: 768px) {
  .profile-avatar-inner {
    margin-top: -50px;
  }
}
.profile-avatar-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 170px;
  height: 170px;
  overflow: hidden;
  border: 4px solid var(--white);
  background: var(--taupe);
  border-radius: 100px;
}
@media (min-width: 768px) {
  .profile-avatar-photo {
    width: 200px;
    height: 200px;
    border: 5px solid var(--white);
  }
}
.profile-avatar-photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-avatar .icon-chef {
  width: 60px;
  height: 60px;
  color: var(--black-30);
}
@media (min-width: 768px) {
  .profile-avatar .icon-chef {
    width: 80px;
    height: 80px;
  }
}
.profile-avatar .btn-update-avatar {
  position: absolute;
  z-index: 1;
  right: -10px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  background: var(--paper);
}
@media (min-width: 768px) {
  .profile-avatar .btn-update-avatar {
    width: 48px;
    height: 48px;
    bottom: 30px;
  }
}
.profile-avatar .btn-update-avatar:hover .icon {
  color: var(--black-80);
}
.profile-avatar .btn-update-avatar .icon {
  width: 18px;
  height: 18px;
  margin-top: -3px;
  color: var(--black-40);
  transition: all 0.2s ease;
}
@media (min-width: 768px) {
  .profile-avatar .btn-update-avatar .icon {
    width: 24px;
    height: 24px;
  }
}

.profile-edit-element {
  display: none;
  position: absolute;
  z-index: 9;
  top: 0;
}
.profile-edit-element-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
.profile-edit-element .btn {
  width: 36px;
  height: 36px;
}
.profile-edit-element .icon {
  color: var(--black-60);
}
.profile-edit-element .btn-primary .icon {
  color: var(--white);
}
.profile-edit-element textarea.form-control {
  width: 100%;
  height: 100%;
  min-height: 100px;
  resize: none;
  overflow-y: auto;
}

.btn-edit-element .icon {
  color: var(--black-50);
  transition: all 0.2s ease;
}
.btn-edit-element:hover .icon {
  color: var(--black-80);
}

#profile-display-name .btn-edit-element .icon {
  width: 26px;
  height: 26px;
}
#profile-display-name .profile-edit-element {
  width: 100%;
}
@media (min-width: 768px) {
  #profile-display-name .profile-edit-element {
    width: 500px;
  }
}
#profile-display-name .profile-edit-element .form-control {
  font-size: var(--font-size-md);
}

#edit-element-bio {
  right: 0;
  left: 0;
  bottom: 0;
}
#edit-element-bio form {
  height: 100%;
}

#image-upload-modal a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  margin-top: 1rem;
  padding: 1rem;
  background: var(--paper);
  border: 1px solid var(--black-10);
  border-radius: 0.5rem;
}
#image-upload-modal img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
#image-upload-modal .vich-image > div {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1rem;
}
#image-upload-modal .vich-image > div label {
  order: 2;
}

.my-account-listing-ratings .review-stars-amount {
  display: none;
}

.stats-block-wrapper {
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
  border-radius: 0.5rem;
}
.stats-block-wrapper li {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) {
  .stats-block-wrapper li {
    box-shadow: 8px 0 10px rgba(0, 0, 0, 0.05);
  }
}
.stats-block-wrapper li:last-child {
  box-shadow: none;
}

.stats-block {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem 1.2rem;
}
.stats-block-unpaid {
  color: var(--white);
  border-radius: 0.5rem;
  background: var(--primaryGradient);
  overflow: hidden;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
}

.stats-title {
  font-size: var(--font-size-sm);
}

.stats-revenue {
  font-size: var(--h3-font-size);
  font-weight: 700;
  margin-top: auto;
}
@media (min-width: 992px) {
  .stats-revenue {
    font-size: var(--h2-font-size);
  }
}

.stats-icon-bottom .icon {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 1.2rem;
  bottom: 1.2rem;
}

.stats-chart {
  max-height: 400px !important;
}

.page-content-small {
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .page-content-small {
    max-width: 800px;
  }
}
.page-content-small ul,
.page-content-small ol {
  margin: unset;
  padding: 0 0 0 1.2rem;
}
.page-content-small ul li,
.page-content-small ol li {
  margin-bottom: 1rem;
}
.page-content-small ul li:last-child,
.page-content-small ol li:last-child {
  margin-bottom: 0;
}
.page-content-small ul {
  list-style: square inside;
}
.page-content-small ol {
  list-style: decimal outside;
}

.usp-list-title {
  font-size: var(--font-size-normal);
  color: var(--black-70);
}
.usp-list p {
  font-size: var(--font-size-sm);
  color: var(--black-50);
  margin: 0;
}
.usp-list .icon {
  width: 30px;
  height: 30px;
  color: var(--primary);
}

.position-relative {
  position: relative;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-grid {
  display: grid;
}

.d-none {
  display: none;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

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

.align-items-start {
  align-items: flex-start;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.flex-grow-1 {
  flex: 1;
}

.text-start {
  text-align: start;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: end;
}

.hidden {
  display: none;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.img-fluid {
  width: 100%;
  height: auto;
}

.border-radius-lg {
  border-radius: 1rem;
}

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

.bg-taupe {
  background-color: var(--taupe);
}

.section-bofore-footer {
  margin-bottom: -2rem;
}
@media (min-width: 768px) {
  .section-bofore-footer {
    margin-bottom: -4.5rem;
  }
}

.col-1 {
  width: 8.333%;
}

.col-2 {
  width: 16.666%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 41.666%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333%;
}

.col-8 {
  width: 66.666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333%;
}

.col-11 {
  width: 91.666%;
}

.col-12 {
  width: 100%;
}

.mt-auto {
  margin-top: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

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

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

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

.mt-6 {
  margin-top: 2.5rem;
}

.mt-7 {
  margin-top: 3rem;
}

.mt-8 {
  margin-top: 3.5rem;
}

.mt-9 {
  margin-top: 4rem;
}

.mt-10 {
  margin-top: 4.5rem;
}

.me-0 {
  margin-right: 0;
}

.me-1 {
  margin-right: 0.25rem;
}

.me-2 {
  margin-right: 0.5rem;
}

.me-3 {
  margin-right: 1rem;
}

.me-4 {
  margin-right: 1.5rem;
}

.me-5 {
  margin-right: 2rem;
}

.me-6 {
  margin-right: 2.5rem;
}

.me-7 {
  margin-right: 3rem;
}

.me-8 {
  margin-right: 3.5rem;
}

.me-9 {
  margin-right: 4rem;
}

.me-10 {
  margin-right: 4.5rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mb-5 {
  margin-bottom: 2rem;
}

.mb-6 {
  margin-bottom: 2.5rem;
}

.mb-7 {
  margin-bottom: 3rem;
}

.mb-8 {
  margin-bottom: 3.5rem;
}

.mb-9 {
  margin-bottom: 4rem;
}

.mb-10 {
  margin-bottom: 4.5rem;
}

.ms-0 {
  margin-left: 0;
}

.ms-1 {
  margin-left: 0.25rem;
}

.ms-2 {
  margin-left: 0.5rem;
}

.ms-3 {
  margin-left: 1rem;
}

.ms-4 {
  margin-left: 1.5rem;
}

.ms-5 {
  margin-left: 2rem;
}

.ms-6 {
  margin-left: 2.5rem;
}

.ms-7 {
  margin-left: 3rem;
}

.ms-8 {
  margin-left: 3.5rem;
}

.ms-9 {
  margin-left: 4rem;
}

.ms-10 {
  margin-left: 4.5rem;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-5 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

.my-7 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-8 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.my-9 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-10 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.mx-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.mx-3 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.mx-4 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.mx-5 {
  margin-right: 2rem;
  margin-left: 2rem;
}

.mx-6 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

.mx-7 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

.mx-7 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.mx-8 {
  margin-right: 3.5rem;
  margin-left: 3.5rem;
}

.mx-9 {
  margin-right: 4rem;
  margin-left: 4rem;
}

.mx-10 {
  margin-right: 4.5rem;
  margin-left: 4.5rem;
}

.mx-n1 {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.mx-n2 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.mx-n3 {
  margin-right: -1rem;
  margin-left: -1rem;
}

.mx-n4 {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.mx-n5 {
  margin-right: -2rem;
  margin-left: -2rem;
}

.mx-n6 {
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}

.mx-n7 {
  margin-right: -3rem;
  margin-left: -3rem;
}

.mx-n8 {
  margin-right: -3.5rem;
  margin-left: -3.5rem;
}

.mx-n9 {
  margin-right: -4rem;
  margin-left: -4rem;
}

.mx-n10 {
  margin-right: -4.5rem;
  margin-left: -4.5rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pt-5 {
  padding-top: 2rem;
}

.pt-6 {
  padding-top: 2.5rem;
}

.pt-7 {
  padding-top: 3rem;
}

.pt-8 {
  padding-top: 3.5rem;
}

.pt-9 {
  padding-top: 4rem;
}

.pt-10 {
  padding-top: 4.5rem;
}

.pe-0 {
  padding-right: 0;
}

.pe-1 {
  padding-right: 0.25rem;
}

.pe-2 {
  padding-right: 0.5rem;
}

.pe-3 {
  padding-right: 1rem;
}

.pe-4 {
  padding-right: 1.5rem;
}

.pe-5 {
  padding-right: 2rem;
}

.pe-6 {
  padding-right: 2.5rem;
}

.pe-7 {
  padding-right: 3rem;
}

.pe-8 {
  padding-right: 3.5rem;
}

.pe-9 {
  padding-right: 4rem;
}

.pe-10 {
  padding-right: 4.5rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pb-5 {
  padding-bottom: 2rem;
}

.pb-6 {
  padding-bottom: 2.5rem;
}

.pb-7 {
  padding-bottom: 3rem;
}

.pb-8 {
  padding-bottom: 3.5rem;
}

.pb-9 {
  padding-bottom: 4rem;
}

.pb-10 {
  padding-bottom: 4.5rem;
}

.ps-0 {
  padding-left: 0;
}

.ps-1 {
  padding-left: 0.25rem;
}

.ps-2 {
  padding-left: 0.5rem;
}

.ps-3 {
  padding-left: 1rem;
}

.ps-4 {
  padding-left: 1.5rem;
}

.ps-5 {
  padding-left: 2rem;
}

.ps-6 {
  padding-left: 2.5rem;
}

.ps-7 {
  padding-left: 3rem;
}

.ps-8 {
  padding-left: 3.5rem;
}

.ps-9 {
  padding-left: 4rem;
}

.ps-10 {
  padding-left: 4.5rem;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-5 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

.py-7 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-8 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-9 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-10 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.px-0 {
  padding-right: 0;
  padding-left: 0;
}

.px-1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.px-2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.px-3 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.px-4 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.px-5 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.px-6 {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.px-7 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.px-8 {
  padding-right: 3.5rem;
  padding-left: 3.5rem;
}

.px-9 {
  padding-right: 4rem;
  padding-left: 4rem;
}

.px-10 {
  padding-right: 4.5rem;
  padding-left: 4.5rem;
}

.grid-cols-2-auto {
  grid-template-columns: repeat(2, minmax(auto, auto));
}

.grid-cols-3-auto {
  grid-template-columns: repeat(3, minmax(auto, auto));
}

.grid-cols-4-auto {
  grid-template-columns: repeat(4, minmax(auto, auto));
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 1rem;
}

.gap-4 {
  gap: 1.5rem;
}

.gap-5 {
  gap: 2rem;
}

.gap-6 {
  gap: 2.5rem;
}

.gap-7 {
  gap: 3rem;
}

.gap-8 {
  gap: 3.5rem;
}

.gap-9 {
  gap: 4rem;
}

.gap-10 {
  gap: 4.5rem;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

@media (min-width: 576px) {
  .col-sm-1 {
    width: 8.333%;
  }
  .col-sm-2 {
    width: 16.666%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.333%;
  }
  .col-sm-5 {
    width: 41.666%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333%;
  }
  .col-sm-8 {
    width: 66.666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.333%;
  }
  .col-sm-11 {
    width: 91.666%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .mt-sm-0 {
    margin-top: 0;
  }
  .mt-sm-1 {
    margin-top: 0.25rem;
  }
  .mt-sm-2 {
    margin-top: 0.5rem;
  }
  .mt-sm-3 {
    margin-top: 1rem;
  }
  .mt-sm-4 {
    margin-top: 1.5rem;
  }
  .mt-sm-5 {
    margin-top: 2rem;
  }
  .mt-sm-6 {
    margin-top: 2.5rem;
  }
  .mt-sm-7 {
    margin-top: 3rem;
  }
  .mt-sm-8 {
    margin-top: 3.5rem;
  }
  .mt-sm-9 {
    margin-top: 4rem;
  }
  .mt-sm-10 {
    margin-top: 4.5rem;
  }
  .me-sm-0 {
    margin-right: 0;
  }
  .me-sm-1 {
    margin-right: 0.25rem;
  }
  .me-sm-2 {
    margin-right: 0.5rem;
  }
  .me-sm-3 {
    margin-right: 1rem;
  }
  .me-sm-4 {
    margin-right: 1.5rem;
  }
  .me-sm-5 {
    margin-right: 2rem;
  }
  .me-sm-6 {
    margin-right: 2.5rem;
  }
  .me-sm-7 {
    margin-right: 3rem;
  }
  .me-sm-8 {
    margin-right: 3.5rem;
  }
  .me-sm-9 {
    margin-right: 4rem;
  }
  .me-sm-10 {
    margin-right: 4.5rem;
  }
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem;
  }
  .mb-sm-3 {
    margin-bottom: 1rem;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem;
  }
  .mb-sm-5 {
    margin-bottom: 2rem;
  }
  .mb-sm-6 {
    margin-bottom: 2.5rem;
  }
  .mb-sm-7 {
    margin-bottom: 3rem;
  }
  .mb-sm-8 {
    margin-bottom: 3.5rem;
  }
  .mb-sm-9 {
    margin-bottom: 4rem;
  }
  .mb-sm-10 {
    margin-bottom: 4.5rem;
  }
  .ms-sm-0 {
    margin-left: 0;
  }
  .ms-sm-1 {
    margin-left: 0.25rem;
  }
  .ms-sm-2 {
    margin-left: 0.5rem;
  }
  .ms-sm-3 {
    margin-left: 1rem;
  }
  .ms-sm-4 {
    margin-left: 1.5rem;
  }
  .ms-sm-5 {
    margin-left: 2rem;
  }
  .ms-sm-6 {
    margin-left: 2.5rem;
  }
  .ms-sm-7 {
    margin-left: 3rem;
  }
  .ms-sm-8 {
    margin-left: 3.5rem;
  }
  .ms-sm-9 {
    margin-left: 4rem;
  }
  .ms-sm-10 {
    margin-left: 4.5rem;
  }
  .my-sm-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-sm-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-sm-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-sm-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-sm-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-sm-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .my-sm-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .my-sm-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-sm-8 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .my-sm-9 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .my-sm-10 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
  .mx-sm-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-sm-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mx-sm-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mx-sm-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mx-sm-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mx-sm-5 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .mx-sm-6 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-sm-7 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-sm-7 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mx-sm-8 {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }
  .mx-sm-9 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .mx-sm-10 {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }
  .mx-sm-n1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .mx-sm-n2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .mx-sm-n3 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .mx-sm-n4 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .mx-sm-n5 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .mx-sm-n6 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .mx-sm-n7 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .mx-sm-n8 {
    margin-right: -3.5rem;
    margin-left: -3.5rem;
  }
  .mx-sm-n9 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .mx-sm-n10 {
    margin-right: -4.5rem;
    margin-left: -4.5rem;
  }
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-1 {
    padding-top: 0.25rem;
  }
  .pt-sm-2 {
    padding-top: 0.5rem;
  }
  .pt-sm-3 {
    padding-top: 1rem;
  }
  .pt-sm-4 {
    padding-top: 1.5rem;
  }
  .pt-sm-5 {
    padding-top: 2rem;
  }
  .pt-sm-6 {
    padding-top: 2.5rem;
  }
  .pt-sm-7 {
    padding-top: 3rem;
  }
  .pt-sm-8 {
    padding-top: 3.5rem;
  }
  .pt-sm-9 {
    padding-top: 4rem;
  }
  .pt-sm-10 {
    padding-top: 4.5rem;
  }
  .pe-sm-0 {
    padding-right: 0;
  }
  .pe-sm-1 {
    padding-right: 0.25rem;
  }
  .pe-sm-2 {
    padding-right: 0.5rem;
  }
  .pe-sm-3 {
    padding-right: 1rem;
  }
  .pe-sm-4 {
    padding-right: 1.5rem;
  }
  .pe-sm-5 {
    padding-right: 2rem;
  }
  .pe-sm-6 {
    padding-right: 2.5rem;
  }
  .pe-sm-7 {
    padding-right: 3rem;
  }
  .pe-sm-8 {
    padding-right: 3.5rem;
  }
  .pe-sm-9 {
    padding-right: 4rem;
  }
  .pe-sm-10 {
    padding-right: 4.5rem;
  }
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem;
  }
  .pb-sm-3 {
    padding-bottom: 1rem;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem;
  }
  .pb-sm-5 {
    padding-bottom: 2rem;
  }
  .pb-sm-6 {
    padding-bottom: 2.5rem;
  }
  .pb-sm-7 {
    padding-bottom: 3rem;
  }
  .pb-sm-8 {
    padding-bottom: 3.5rem;
  }
  .pb-sm-9 {
    padding-bottom: 4rem;
  }
  .pb-sm-10 {
    padding-bottom: 4.5rem;
  }
  .ps-sm-0 {
    padding-left: 0;
  }
  .ps-sm-1 {
    padding-left: 0.25rem;
  }
  .ps-sm-2 {
    padding-left: 0.5rem;
  }
  .ps-sm-3 {
    padding-left: 1rem;
  }
  .ps-sm-4 {
    padding-left: 1.5rem;
  }
  .ps-sm-5 {
    padding-left: 2rem;
  }
  .ps-sm-6 {
    padding-left: 2.5rem;
  }
  .ps-sm-7 {
    padding-left: 3rem;
  }
  .ps-sm-8 {
    padding-left: 3.5rem;
  }
  .ps-sm-9 {
    padding-left: 4rem;
  }
  .ps-sm-10 {
    padding-left: 4.5rem;
  }
  .py-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-sm-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-sm-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-sm-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-sm-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-sm-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-sm-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-sm-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py-sm-8 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .py-sm-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-sm-10 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .px-sm-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-sm-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .px-sm-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .px-sm-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .px-sm-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .px-sm-5 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .px-sm-6 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .px-sm-7 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .px-sm-8 {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }
  .px-sm-9 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .px-sm-10 {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }
  .grid-cols-sm-2-auto {
    grid-template-columns: repeat(2, minmax(auto, auto));
  }
  .grid-cols-sm-3-auto {
    grid-template-columns: repeat(3, minmax(auto, auto));
  }
  .grid-cols-sm-4-auto {
    grid-template-columns: repeat(4, minmax(auto, auto));
  }
  .grid-cols-sm-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-sm-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-sm-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-sm-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-sm-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-sm-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-sm-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-sm-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-sm-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-sm-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-sm-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-sm-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-sm-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .gap-sm-0 {
    gap: 0;
  }
  .gap-sm-1 {
    gap: 0.25rem;
  }
  .gap-sm-2 {
    gap: 0.5rem;
  }
  .gap-sm-3 {
    gap: 1rem;
  }
  .gap-sm-4 {
    gap: 1.5rem;
  }
  .gap-sm-5 {
    gap: 2rem;
  }
  .gap-sm-6 {
    gap: 2.5rem;
  }
  .gap-sm-7 {
    gap: 3rem;
  }
  .gap-sm-8 {
    gap: 3.5rem;
  }
  .gap-sm-9 {
    gap: 4rem;
  }
  .gap-sm-10 {
    gap: 4.5rem;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-8 {
    width: 66.66%;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-inline-flex {
    display: inline-flex;
  }
  .d-sm-block {
    display: block;
  }
  .d-sm-inline-block {
    display: inline-block;
  }
  .d-sm-grid {
    display: grid;
  }
  .d-sm-none {
    display: none;
  }
  .flex-sm-column {
    flex-direction: column;
  }
  .flex-sm-row {
    flex-direction: row;
  }
  .justify-content-sm-start {
    justify-content: flex-start;
  }
  .justify-content-sm-end {
    justify-content: flex-end;
  }
  .justify-sm-content-center {
    justify-content: center;
  }
  .justify-sm-content-between {
    justify-content: space-between;
  }
  .align-items-sm-start {
    align-items: flex-start;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .align-items-sm-end {
    align-items: flex-end;
  }
  .text-sm-start {
    text-align: start;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-end {
    text-align: end;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.333%;
  }
  .col-md-2 {
    width: 16.666%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.333%;
  }
  .col-md-5 {
    width: 41.666%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333%;
  }
  .col-md-8 {
    width: 66.666%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.333%;
  }
  .col-md-11 {
    width: 91.666%;
  }
  .col-md-12 {
    width: 100%;
  }
  .mt-md-0 {
    margin-top: 0;
  }
  .mt-md-1 {
    margin-top: 0.25rem;
  }
  .mt-md-2 {
    margin-top: 0.5rem;
  }
  .mt-md-3 {
    margin-top: 1rem;
  }
  .mt-md-4 {
    margin-top: 1.5rem;
  }
  .mt-md-5 {
    margin-top: 2rem;
  }
  .mt-md-6 {
    margin-top: 2.5rem;
  }
  .mt-md-7 {
    margin-top: 3rem;
  }
  .mt-md-8 {
    margin-top: 3.5rem;
  }
  .mt-md-9 {
    margin-top: 4rem;
  }
  .mt-md-10 {
    margin-top: 4.5rem;
  }
  .me-md-0 {
    margin-right: 0;
  }
  .me-md-1 {
    margin-right: 0.25rem;
  }
  .me-md-2 {
    margin-right: 0.5rem;
  }
  .me-md-3 {
    margin-right: 1rem;
  }
  .me-md-4 {
    margin-right: 1.5rem;
  }
  .me-md-5 {
    margin-right: 2rem;
  }
  .me-md-6 {
    margin-right: 2.5rem;
  }
  .me-md-7 {
    margin-right: 3rem;
  }
  .me-md-8 {
    margin-right: 3.5rem;
  }
  .me-md-9 {
    margin-right: 4rem;
  }
  .me-md-10 {
    margin-right: 4.5rem;
  }
  .mb-md-0 {
    margin-bottom: 0;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem;
  }
  .mb-md-3 {
    margin-bottom: 1rem;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem;
  }
  .mb-md-5 {
    margin-bottom: 2rem;
  }
  .mb-md-6 {
    margin-bottom: 2.5rem;
  }
  .mb-md-7 {
    margin-bottom: 3rem;
  }
  .mb-md-8 {
    margin-bottom: 3.5rem;
  }
  .mb-md-9 {
    margin-bottom: 4rem;
  }
  .mb-md-10 {
    margin-bottom: 4.5rem;
  }
  .ms-md-0 {
    margin-left: 0;
  }
  .ms-md-1 {
    margin-left: 0.25rem;
  }
  .ms-md-2 {
    margin-left: 0.5rem;
  }
  .ms-md-3 {
    margin-left: 1rem;
  }
  .ms-md-4 {
    margin-left: 1.5rem;
  }
  .ms-md-5 {
    margin-left: 2rem;
  }
  .ms-md-6 {
    margin-left: 2.5rem;
  }
  .ms-md-7 {
    margin-left: 3rem;
  }
  .ms-md-8 {
    margin-left: 3.5rem;
  }
  .ms-md-9 {
    margin-left: 4rem;
  }
  .ms-md-10 {
    margin-left: 4.5rem;
  }
  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-md-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-md-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-md-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-md-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-md-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .my-md-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .my-md-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-md-8 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .my-md-9 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .my-md-10 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
  .mx-md-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-md-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mx-md-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mx-md-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mx-md-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mx-md-5 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .mx-md-6 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-md-7 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-md-7 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mx-md-8 {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }
  .mx-md-9 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .mx-md-10 {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }
  .mx-md-n1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .mx-md-n2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .mx-md-n3 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .mx-md-n4 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .mx-md-n5 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .mx-md-n6 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .mx-md-n7 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .mx-md-n8 {
    margin-right: -3.5rem;
    margin-left: -3.5rem;
  }
  .mx-md-n9 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .mx-md-n10 {
    margin-right: -4.5rem;
    margin-left: -4.5rem;
  }
  .pt-md-0 {
    padding-top: 0;
  }
  .pt-md-1 {
    padding-top: 0.25rem;
  }
  .pt-md-2 {
    padding-top: 0.5rem;
  }
  .pt-md-3 {
    padding-top: 1rem;
  }
  .pt-md-4 {
    padding-top: 1.5rem;
  }
  .pt-md-5 {
    padding-top: 2rem;
  }
  .pt-md-6 {
    padding-top: 2.5rem;
  }
  .pt-md-7 {
    padding-top: 3rem;
  }
  .pt-md-8 {
    padding-top: 3.5rem;
  }
  .pt-md-9 {
    padding-top: 4rem;
  }
  .pt-md-10 {
    padding-top: 4.5rem;
  }
  .pe-md-0 {
    padding-right: 0;
  }
  .pe-md-1 {
    padding-right: 0.25rem;
  }
  .pe-md-2 {
    padding-right: 0.5rem;
  }
  .pe-md-3 {
    padding-right: 1rem;
  }
  .pe-md-4 {
    padding-right: 1.5rem;
  }
  .pe-md-5 {
    padding-right: 2rem;
  }
  .pe-md-6 {
    padding-right: 2.5rem;
  }
  .pe-md-7 {
    padding-right: 3rem;
  }
  .pe-md-8 {
    padding-right: 3.5rem;
  }
  .pe-md-9 {
    padding-right: 4rem;
  }
  .pe-md-10 {
    padding-right: 4.5rem;
  }
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem;
  }
  .pb-md-3 {
    padding-bottom: 1rem;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem;
  }
  .pb-md-5 {
    padding-bottom: 2rem;
  }
  .pb-md-6 {
    padding-bottom: 2.5rem;
  }
  .pb-md-7 {
    padding-bottom: 3rem;
  }
  .pb-md-8 {
    padding-bottom: 3.5rem;
  }
  .pb-md-9 {
    padding-bottom: 4rem;
  }
  .pb-md-10 {
    padding-bottom: 4.5rem;
  }
  .ps-md-0 {
    padding-left: 0;
  }
  .ps-md-1 {
    padding-left: 0.25rem;
  }
  .ps-md-2 {
    padding-left: 0.5rem;
  }
  .ps-md-3 {
    padding-left: 1rem;
  }
  .ps-md-4 {
    padding-left: 1.5rem;
  }
  .ps-md-5 {
    padding-left: 2rem;
  }
  .ps-md-6 {
    padding-left: 2.5rem;
  }
  .ps-md-7 {
    padding-left: 3rem;
  }
  .ps-md-8 {
    padding-left: 3.5rem;
  }
  .ps-md-9 {
    padding-left: 4rem;
  }
  .ps-md-10 {
    padding-left: 4.5rem;
  }
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-md-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-md-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-md-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-md-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-md-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-md-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-md-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py-md-8 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .py-md-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-md-10 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .px-md-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-md-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .px-md-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .px-md-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .px-md-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .px-md-5 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .px-md-6 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .px-md-7 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .px-md-8 {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }
  .px-md-9 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .px-md-10 {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }
  .grid-cols-md-2-auto {
    grid-template-columns: repeat(2, minmax(auto, auto));
  }
  .grid-cols-md-3-auto {
    grid-template-columns: repeat(3, minmax(auto, auto));
  }
  .grid-cols-md-4-auto {
    grid-template-columns: repeat(4, minmax(auto, auto));
  }
  .grid-cols-md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-md-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-md-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-md-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-md-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-md-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-md-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-md-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-md-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .gap-md-0 {
    gap: 0;
  }
  .gap-md-1 {
    gap: 0.25rem;
  }
  .gap-md-2 {
    gap: 0.5rem;
  }
  .gap-md-3 {
    gap: 1rem;
  }
  .gap-md-4 {
    gap: 1.5rem;
  }
  .gap-md-5 {
    gap: 2rem;
  }
  .gap-md-6 {
    gap: 2.5rem;
  }
  .gap-md-7 {
    gap: 3rem;
  }
  .gap-md-8 {
    gap: 3.5rem;
  }
  .gap-md-9 {
    gap: 4rem;
  }
  .gap-md-10 {
    gap: 4.5rem;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-8 {
    width: 66.66%;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-inline-flex {
    display: inline-flex;
  }
  .d-md-block {
    display: block;
  }
  .d-md-inline-block {
    display: inline-block;
  }
  .d-md-grid {
    display: grid;
  }
  .d-md-none {
    display: none;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .flex-md-row {
    flex-direction: row;
  }
  .justify-content-md-start {
    justify-content: flex-start;
  }
  .justify-content-md-end {
    justify-content: flex-end;
  }
  .justify-md-content-center {
    justify-content: center;
  }
  .justify-md-content-between {
    justify-content: space-between;
  }
  .align-items-md-start {
    align-items: flex-start;
  }
  .align-items-md-center {
    align-items: center;
  }
  .align-items-md-end {
    align-items: flex-end;
  }
  .text-md-start {
    text-align: start;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-end {
    text-align: end;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.333%;
  }
  .col-lg-2 {
    width: 16.666%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.333%;
  }
  .col-lg-5 {
    width: 41.666%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333%;
  }
  .col-lg-8 {
    width: 66.666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.333%;
  }
  .col-lg-11 {
    width: 91.666%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .mt-lg-0 {
    margin-top: 0;
  }
  .mt-lg-1 {
    margin-top: 0.25rem;
  }
  .mt-lg-2 {
    margin-top: 0.5rem;
  }
  .mt-lg-3 {
    margin-top: 1rem;
  }
  .mt-lg-4 {
    margin-top: 1.5rem;
  }
  .mt-lg-5 {
    margin-top: 2rem;
  }
  .mt-lg-6 {
    margin-top: 2.5rem;
  }
  .mt-lg-7 {
    margin-top: 3rem;
  }
  .mt-lg-8 {
    margin-top: 3.5rem;
  }
  .mt-lg-9 {
    margin-top: 4rem;
  }
  .mt-lg-10 {
    margin-top: 4.5rem;
  }
  .me-lg-0 {
    margin-right: 0;
  }
  .me-lg-1 {
    margin-right: 0.25rem;
  }
  .me-lg-2 {
    margin-right: 0.5rem;
  }
  .me-lg-3 {
    margin-right: 1rem;
  }
  .me-lg-4 {
    margin-right: 1.5rem;
  }
  .me-lg-5 {
    margin-right: 2rem;
  }
  .me-lg-6 {
    margin-right: 2.5rem;
  }
  .me-lg-7 {
    margin-right: 3rem;
  }
  .me-lg-8 {
    margin-right: 3.5rem;
  }
  .me-lg-9 {
    margin-right: 4rem;
  }
  .me-lg-10 {
    margin-right: 4.5rem;
  }
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem;
  }
  .mb-lg-3 {
    margin-bottom: 1rem;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem;
  }
  .mb-lg-5 {
    margin-bottom: 2rem;
  }
  .mb-lg-6 {
    margin-bottom: 2.5rem;
  }
  .mb-lg-7 {
    margin-bottom: 3rem;
  }
  .mb-lg-8 {
    margin-bottom: 3.5rem;
  }
  .mb-lg-9 {
    margin-bottom: 4rem;
  }
  .mb-lg-10 {
    margin-bottom: 4.5rem;
  }
  .ms-lg-0 {
    margin-left: 0;
  }
  .ms-lg-1 {
    margin-left: 0.25rem;
  }
  .ms-lg-2 {
    margin-left: 0.5rem;
  }
  .ms-lg-3 {
    margin-left: 1rem;
  }
  .ms-lg-4 {
    margin-left: 1.5rem;
  }
  .ms-lg-5 {
    margin-left: 2rem;
  }
  .ms-lg-6 {
    margin-left: 2.5rem;
  }
  .ms-lg-7 {
    margin-left: 3rem;
  }
  .ms-lg-8 {
    margin-left: 3.5rem;
  }
  .ms-lg-9 {
    margin-left: 4rem;
  }
  .ms-lg-10 {
    margin-left: 4.5rem;
  }
  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-lg-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-lg-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-lg-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-lg-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-lg-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .my-lg-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .my-lg-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-lg-8 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .my-lg-9 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .my-lg-10 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
  .mx-lg-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-lg-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mx-lg-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mx-lg-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mx-lg-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mx-lg-5 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .mx-lg-6 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-lg-7 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-lg-7 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mx-lg-8 {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }
  .mx-lg-9 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .mx-lg-10 {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }
  .mx-lg-n1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .mx-lg-n2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .mx-lg-n3 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .mx-lg-n4 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .mx-lg-n5 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .mx-lg-n6 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .mx-lg-n7 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .mx-lg-n8 {
    margin-right: -3.5rem;
    margin-left: -3.5rem;
  }
  .mx-lg-n9 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .mx-lg-n10 {
    margin-right: -4.5rem;
    margin-left: -4.5rem;
  }
  .pt-lg-0 {
    padding-top: 0;
  }
  .pt-lg-1 {
    padding-top: 0.25rem;
  }
  .pt-lg-2 {
    padding-top: 0.5rem;
  }
  .pt-lg-3 {
    padding-top: 1rem;
  }
  .pt-lg-4 {
    padding-top: 1.5rem;
  }
  .pt-lg-5 {
    padding-top: 2rem;
  }
  .pt-lg-6 {
    padding-top: 2.5rem;
  }
  .pt-lg-7 {
    padding-top: 3rem;
  }
  .pt-lg-8 {
    padding-top: 3.5rem;
  }
  .pt-lg-9 {
    padding-top: 4rem;
  }
  .pt-lg-10 {
    padding-top: 4.5rem;
  }
  .pe-lg-0 {
    padding-right: 0;
  }
  .pe-lg-1 {
    padding-right: 0.25rem;
  }
  .pe-lg-2 {
    padding-right: 0.5rem;
  }
  .pe-lg-3 {
    padding-right: 1rem;
  }
  .pe-lg-4 {
    padding-right: 1.5rem;
  }
  .pe-lg-5 {
    padding-right: 2rem;
  }
  .pe-lg-6 {
    padding-right: 2.5rem;
  }
  .pe-lg-7 {
    padding-right: 3rem;
  }
  .pe-lg-8 {
    padding-right: 3.5rem;
  }
  .pe-lg-9 {
    padding-right: 4rem;
  }
  .pe-lg-10 {
    padding-right: 4.5rem;
  }
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem;
  }
  .pb-lg-3 {
    padding-bottom: 1rem;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem;
  }
  .pb-lg-5 {
    padding-bottom: 2rem;
  }
  .pb-lg-6 {
    padding-bottom: 2.5rem;
  }
  .pb-lg-7 {
    padding-bottom: 3rem;
  }
  .pb-lg-8 {
    padding-bottom: 3.5rem;
  }
  .pb-lg-9 {
    padding-bottom: 4rem;
  }
  .pb-lg-10 {
    padding-bottom: 4.5rem;
  }
  .ps-lg-0 {
    padding-left: 0;
  }
  .ps-lg-1 {
    padding-left: 0.25rem;
  }
  .ps-lg-2 {
    padding-left: 0.5rem;
  }
  .ps-lg-3 {
    padding-left: 1rem;
  }
  .ps-lg-4 {
    padding-left: 1.5rem;
  }
  .ps-lg-5 {
    padding-left: 2rem;
  }
  .ps-lg-6 {
    padding-left: 2.5rem;
  }
  .ps-lg-7 {
    padding-left: 3rem;
  }
  .ps-lg-8 {
    padding-left: 3.5rem;
  }
  .ps-lg-9 {
    padding-left: 4rem;
  }
  .ps-lg-10 {
    padding-left: 4.5rem;
  }
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-lg-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-lg-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-lg-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-lg-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-lg-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-lg-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-lg-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py-lg-8 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .py-lg-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-lg-10 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .px-lg-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-lg-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .px-lg-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .px-lg-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .px-lg-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .px-lg-5 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .px-lg-6 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .px-lg-7 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .px-lg-8 {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }
  .px-lg-9 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .px-lg-10 {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }
  .grid-cols-lg-2-auto {
    grid-template-columns: repeat(2, minmax(auto, auto));
  }
  .grid-cols-lg-3-auto {
    grid-template-columns: repeat(3, minmax(auto, auto));
  }
  .grid-cols-lg-4-auto {
    grid-template-columns: repeat(4, minmax(auto, auto));
  }
  .grid-cols-lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-lg-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-lg-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-lg-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-lg-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-lg-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-lg-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-lg-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-lg-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .gap-lg-0 {
    gap: 0;
  }
  .gap-lg-1 {
    gap: 0.25rem;
  }
  .gap-lg-2 {
    gap: 0.5rem;
  }
  .gap-lg-3 {
    gap: 1rem;
  }
  .gap-lg-4 {
    gap: 1.5rem;
  }
  .gap-lg-5 {
    gap: 2rem;
  }
  .gap-lg-6 {
    gap: 2.5rem;
  }
  .gap-lg-7 {
    gap: 3rem;
  }
  .gap-lg-8 {
    gap: 3.5rem;
  }
  .gap-lg-9 {
    gap: 4rem;
  }
  .gap-lg-10 {
    gap: 4.5rem;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-8 {
    width: 66.66%;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-inline-flex {
    display: inline-flex;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-inline-block {
    display: inline-block;
  }
  .d-lg-grid {
    display: grid;
  }
  .d-lg-none {
    display: none;
  }
  .flex-lg-column {
    flex-direction: column;
  }
  .flex-lg-row {
    flex-direction: row;
  }
  .justify-content-lg-start {
    justify-content: flex-start;
  }
  .justify-content-lg-end {
    justify-content: flex-end;
  }
  .justify-lg-content-center {
    justify-content: center;
  }
  .justify-lg-content-between {
    justify-content: space-between;
  }
  .align-items-lg-start {
    align-items: flex-start;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .align-items-lg-end {
    align-items: flex-end;
  }
  .text-lg-start {
    text-align: start;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-end {
    text-align: end;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    width: 8.333%;
  }
  .col-xl-2 {
    width: 16.666%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.333%;
  }
  .col-xl-5 {
    width: 41.666%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.333%;
  }
  .col-xl-8 {
    width: 66.666%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.333%;
  }
  .col-xl-11 {
    width: 91.666%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .mt-xl-0 {
    margin-top: 0;
  }
  .mt-xl-1 {
    margin-top: 0.25rem;
  }
  .mt-xl-2 {
    margin-top: 0.5rem;
  }
  .mt-xl-3 {
    margin-top: 1rem;
  }
  .mt-xl-4 {
    margin-top: 1.5rem;
  }
  .mt-xl-5 {
    margin-top: 2rem;
  }
  .mt-xl-6 {
    margin-top: 2.5rem;
  }
  .mt-xl-7 {
    margin-top: 3rem;
  }
  .mt-xl-8 {
    margin-top: 3.5rem;
  }
  .mt-xl-9 {
    margin-top: 4rem;
  }
  .mt-xl-10 {
    margin-top: 4.5rem;
  }
  .me-xl-0 {
    margin-right: 0;
  }
  .me-xl-1 {
    margin-right: 0.25rem;
  }
  .me-xl-2 {
    margin-right: 0.5rem;
  }
  .me-xl-3 {
    margin-right: 1rem;
  }
  .me-xl-4 {
    margin-right: 1.5rem;
  }
  .me-xl-5 {
    margin-right: 2rem;
  }
  .me-xl-6 {
    margin-right: 2.5rem;
  }
  .me-xl-7 {
    margin-right: 3rem;
  }
  .me-xl-8 {
    margin-right: 3.5rem;
  }
  .me-xl-9 {
    margin-right: 4rem;
  }
  .me-xl-10 {
    margin-right: 4.5rem;
  }
  .mb-xl-0 {
    margin-bottom: 0;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem;
  }
  .mb-xl-3 {
    margin-bottom: 1rem;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem;
  }
  .mb-xl-5 {
    margin-bottom: 2rem;
  }
  .mb-xl-6 {
    margin-bottom: 2.5rem;
  }
  .mb-xl-7 {
    margin-bottom: 3rem;
  }
  .mb-xl-8 {
    margin-bottom: 3.5rem;
  }
  .mb-xl-9 {
    margin-bottom: 4rem;
  }
  .mb-xl-10 {
    margin-bottom: 4.5rem;
  }
  .ms-xl-0 {
    margin-left: 0;
  }
  .ms-xl-1 {
    margin-left: 0.25rem;
  }
  .ms-xl-2 {
    margin-left: 0.5rem;
  }
  .ms-xl-3 {
    margin-left: 1rem;
  }
  .ms-xl-4 {
    margin-left: 1.5rem;
  }
  .ms-xl-5 {
    margin-left: 2rem;
  }
  .ms-xl-6 {
    margin-left: 2.5rem;
  }
  .ms-xl-7 {
    margin-left: 3rem;
  }
  .ms-xl-8 {
    margin-left: 3.5rem;
  }
  .ms-xl-9 {
    margin-left: 4rem;
  }
  .ms-xl-10 {
    margin-left: 4.5rem;
  }
  .my-xl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-xl-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-xl-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-xl-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-xl-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-xl-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .my-xl-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .my-xl-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-xl-8 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .my-xl-9 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .my-xl-10 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
  .mx-xl-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-xl-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mx-xl-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mx-xl-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mx-xl-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mx-xl-5 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .mx-xl-6 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-xl-7 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-xl-7 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mx-xl-8 {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }
  .mx-xl-9 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .mx-xl-10 {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }
  .mx-xl-n1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .mx-xl-n2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .mx-xl-n3 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .mx-xl-n4 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .mx-xl-n5 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .mx-xl-n6 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .mx-xl-n7 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .mx-xl-n8 {
    margin-right: -3.5rem;
    margin-left: -3.5rem;
  }
  .mx-xl-n9 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .mx-xl-n10 {
    margin-right: -4.5rem;
    margin-left: -4.5rem;
  }
  .pt-xl-0 {
    padding-top: 0;
  }
  .pt-xl-1 {
    padding-top: 0.25rem;
  }
  .pt-xl-2 {
    padding-top: 0.5rem;
  }
  .pt-xl-3 {
    padding-top: 1rem;
  }
  .pt-xl-4 {
    padding-top: 1.5rem;
  }
  .pt-xl-5 {
    padding-top: 2rem;
  }
  .pt-xl-6 {
    padding-top: 2.5rem;
  }
  .pt-xl-7 {
    padding-top: 3rem;
  }
  .pt-xl-8 {
    padding-top: 3.5rem;
  }
  .pt-xl-9 {
    padding-top: 4rem;
  }
  .pt-xl-10 {
    padding-top: 4.5rem;
  }
  .pe-xl-0 {
    padding-right: 0;
  }
  .pe-xl-1 {
    padding-right: 0.25rem;
  }
  .pe-xl-2 {
    padding-right: 0.5rem;
  }
  .pe-xl-3 {
    padding-right: 1rem;
  }
  .pe-xl-4 {
    padding-right: 1.5rem;
  }
  .pe-xl-5 {
    padding-right: 2rem;
  }
  .pe-xl-6 {
    padding-right: 2.5rem;
  }
  .pe-xl-7 {
    padding-right: 3rem;
  }
  .pe-xl-8 {
    padding-right: 3.5rem;
  }
  .pe-xl-9 {
    padding-right: 4rem;
  }
  .pe-xl-10 {
    padding-right: 4.5rem;
  }
  .pb-xl-0 {
    padding-bottom: 0;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem;
  }
  .pb-xl-3 {
    padding-bottom: 1rem;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem;
  }
  .pb-xl-5 {
    padding-bottom: 2rem;
  }
  .pb-xl-6 {
    padding-bottom: 2.5rem;
  }
  .pb-xl-7 {
    padding-bottom: 3rem;
  }
  .pb-xl-8 {
    padding-bottom: 3.5rem;
  }
  .pb-xl-9 {
    padding-bottom: 4rem;
  }
  .pb-xl-10 {
    padding-bottom: 4.5rem;
  }
  .ps-xl-0 {
    padding-left: 0;
  }
  .ps-xl-1 {
    padding-left: 0.25rem;
  }
  .ps-xl-2 {
    padding-left: 0.5rem;
  }
  .ps-xl-3 {
    padding-left: 1rem;
  }
  .ps-xl-4 {
    padding-left: 1.5rem;
  }
  .ps-xl-5 {
    padding-left: 2rem;
  }
  .ps-xl-6 {
    padding-left: 2.5rem;
  }
  .ps-xl-7 {
    padding-left: 3rem;
  }
  .ps-xl-8 {
    padding-left: 3.5rem;
  }
  .ps-xl-9 {
    padding-left: 4rem;
  }
  .ps-xl-10 {
    padding-left: 4.5rem;
  }
  .py-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-xl-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-xl-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-xl-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-xl-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-xl-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-xl-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-xl-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py-xl-8 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .py-xl-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-xl-10 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .px-xl-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-xl-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .px-xl-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .px-xl-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .px-xl-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .px-xl-5 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .px-xl-6 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .px-xl-7 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .px-xl-8 {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }
  .px-xl-9 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .px-xl-10 {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }
  .grid-cols-xl-2-auto {
    grid-template-columns: repeat(2, minmax(auto, auto));
  }
  .grid-cols-xl-3-auto {
    grid-template-columns: repeat(3, minmax(auto, auto));
  }
  .grid-cols-xl-4-auto {
    grid-template-columns: repeat(4, minmax(auto, auto));
  }
  .grid-cols-xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-xl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-xl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-xl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-xl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-xl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-xl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .gap-xl-0 {
    gap: 0;
  }
  .gap-xl-1 {
    gap: 0.25rem;
  }
  .gap-xl-2 {
    gap: 0.5rem;
  }
  .gap-xl-3 {
    gap: 1rem;
  }
  .gap-xl-4 {
    gap: 1.5rem;
  }
  .gap-xl-5 {
    gap: 2rem;
  }
  .gap-xl-6 {
    gap: 2.5rem;
  }
  .gap-xl-7 {
    gap: 3rem;
  }
  .gap-xl-8 {
    gap: 3.5rem;
  }
  .gap-xl-9 {
    gap: 4rem;
  }
  .gap-xl-10 {
    gap: 4.5rem;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-8 {
    width: 66.66%;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-inline-flex {
    display: inline-flex;
  }
  .d-xl-block {
    display: block;
  }
  .d-xl-inline-block {
    display: inline-block;
  }
  .d-xl-grid {
    display: grid;
  }
  .d-xl-none {
    display: none;
  }
  .flex-xl-column {
    flex-direction: column;
  }
  .flex-xl-row {
    flex-direction: row;
  }
  .justify-content-xl-start {
    justify-content: flex-start;
  }
  .justify-content-xl-end {
    justify-content: flex-end;
  }
  .justify-xl-content-center {
    justify-content: center;
  }
  .justify-xl-content-between {
    justify-content: space-between;
  }
  .align-items-xl-start {
    align-items: flex-start;
  }
  .align-items-xl-center {
    align-items: center;
  }
  .align-items-xl-end {
    align-items: flex-end;
  }
  .text-xl-start {
    text-align: start;
  }
  .text-xl-center {
    text-align: center;
  }
  .text-xl-end {
    text-align: end;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
}
@media (min-width: 1440px) {
  .col-xxl-1 {
    width: 8.333%;
  }
  .col-xxl-2 {
    width: 16.666%;
  }
  .col-xxl-3 {
    width: 25%;
  }
  .col-xxl-4 {
    width: 33.333%;
  }
  .col-xxl-5 {
    width: 41.666%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-7 {
    width: 58.333%;
  }
  .col-xxl-8 {
    width: 66.666%;
  }
  .col-xxl-9 {
    width: 75%;
  }
  .col-xxl-10 {
    width: 83.333%;
  }
  .col-xxl-11 {
    width: 91.666%;
  }
  .col-xxl-12 {
    width: 100%;
  }
  .mt-xxl-0 {
    margin-top: 0;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem;
  }
  .mt-xxl-3 {
    margin-top: 1rem;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem;
  }
  .mt-xxl-5 {
    margin-top: 2rem;
  }
  .mt-xxl-6 {
    margin-top: 2.5rem;
  }
  .mt-xxl-7 {
    margin-top: 3rem;
  }
  .mt-xxl-8 {
    margin-top: 3.5rem;
  }
  .mt-xxl-9 {
    margin-top: 4rem;
  }
  .mt-xxl-10 {
    margin-top: 4.5rem;
  }
  .me-xxl-0 {
    margin-right: 0;
  }
  .me-xxl-1 {
    margin-right: 0.25rem;
  }
  .me-xxl-2 {
    margin-right: 0.5rem;
  }
  .me-xxl-3 {
    margin-right: 1rem;
  }
  .me-xxl-4 {
    margin-right: 1.5rem;
  }
  .me-xxl-5 {
    margin-right: 2rem;
  }
  .me-xxl-6 {
    margin-right: 2.5rem;
  }
  .me-xxl-7 {
    margin-right: 3rem;
  }
  .me-xxl-8 {
    margin-right: 3.5rem;
  }
  .me-xxl-9 {
    margin-right: 4rem;
  }
  .me-xxl-10 {
    margin-right: 4.5rem;
  }
  .mb-xxl-0 {
    margin-bottom: 0;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem;
  }
  .mb-xxl-5 {
    margin-bottom: 2rem;
  }
  .mb-xxl-6 {
    margin-bottom: 2.5rem;
  }
  .mb-xxl-7 {
    margin-bottom: 3rem;
  }
  .mb-xxl-8 {
    margin-bottom: 3.5rem;
  }
  .mb-xxl-9 {
    margin-bottom: 4rem;
  }
  .mb-xxl-10 {
    margin-bottom: 4.5rem;
  }
  .ms-xxl-0 {
    margin-left: 0;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem;
  }
  .ms-xxl-3 {
    margin-left: 1rem;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem;
  }
  .ms-xxl-5 {
    margin-left: 2rem;
  }
  .ms-xxl-6 {
    margin-left: 2.5rem;
  }
  .ms-xxl-7 {
    margin-left: 3rem;
  }
  .ms-xxl-8 {
    margin-left: 3.5rem;
  }
  .ms-xxl-9 {
    margin-left: 4rem;
  }
  .ms-xxl-10 {
    margin-left: 4.5rem;
  }
  .my-xxl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-xxl-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-xxl-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-xxl-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-xxl-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-xxl-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .my-xxl-6 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .my-xxl-7 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-xxl-8 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .my-xxl-9 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .my-xxl-10 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }
  .mx-xxl-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mx-xxl-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mx-xxl-5 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .mx-xxl-6 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-xxl-7 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mx-xxl-7 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mx-xxl-8 {
    margin-right: 3.5rem;
    margin-left: 3.5rem;
  }
  .mx-xxl-9 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .mx-xxl-10 {
    margin-right: 4.5rem;
    margin-left: 4.5rem;
  }
  .mx-xxl-n1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .mx-xxl-n2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .mx-xxl-n3 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .mx-xxl-n4 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .mx-xxl-n5 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .mx-xxl-n6 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .mx-xxl-n7 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .mx-xxl-n8 {
    margin-right: -3.5rem;
    margin-left: -3.5rem;
  }
  .mx-xxl-n9 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .mx-xxl-n10 {
    margin-right: -4.5rem;
    margin-left: -4.5rem;
  }
  .pt-xxl-0 {
    padding-top: 0;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem;
  }
  .pt-xxl-3 {
    padding-top: 1rem;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem;
  }
  .pt-xxl-5 {
    padding-top: 2rem;
  }
  .pt-xxl-6 {
    padding-top: 2.5rem;
  }
  .pt-xxl-7 {
    padding-top: 3rem;
  }
  .pt-xxl-8 {
    padding-top: 3.5rem;
  }
  .pt-xxl-9 {
    padding-top: 4rem;
  }
  .pt-xxl-10 {
    padding-top: 4.5rem;
  }
  .pe-xxl-0 {
    padding-right: 0;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem;
  }
  .pe-xxl-3 {
    padding-right: 1rem;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem;
  }
  .pe-xxl-5 {
    padding-right: 2rem;
  }
  .pe-xxl-6 {
    padding-right: 2.5rem;
  }
  .pe-xxl-7 {
    padding-right: 3rem;
  }
  .pe-xxl-8 {
    padding-right: 3.5rem;
  }
  .pe-xxl-9 {
    padding-right: 4rem;
  }
  .pe-xxl-10 {
    padding-right: 4.5rem;
  }
  .pb-xxl-0 {
    padding-bottom: 0;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem;
  }
  .pb-xxl-5 {
    padding-bottom: 2rem;
  }
  .pb-xxl-6 {
    padding-bottom: 2.5rem;
  }
  .pb-xxl-7 {
    padding-bottom: 3rem;
  }
  .pb-xxl-8 {
    padding-bottom: 3.5rem;
  }
  .pb-xxl-9 {
    padding-bottom: 4rem;
  }
  .pb-xxl-10 {
    padding-bottom: 4.5rem;
  }
  .ps-xxl-0 {
    padding-left: 0;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem;
  }
  .ps-xxl-3 {
    padding-left: 1rem;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem;
  }
  .ps-xxl-5 {
    padding-left: 2rem;
  }
  .ps-xxl-6 {
    padding-left: 2.5rem;
  }
  .ps-xxl-7 {
    padding-left: 3rem;
  }
  .ps-xxl-8 {
    padding-left: 3.5rem;
  }
  .ps-xxl-9 {
    padding-left: 4rem;
  }
  .ps-xxl-10 {
    padding-left: 4.5rem;
  }
  .py-xxl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-xxl-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-xxl-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-xxl-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-xxl-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-xxl-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-xxl-6 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-xxl-7 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py-xxl-8 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .py-xxl-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-xxl-10 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .px-xxl-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-xxl-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .px-xxl-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .px-xxl-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .px-xxl-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .px-xxl-5 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .px-xxl-6 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .px-xxl-7 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .px-xxl-8 {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }
  .px-xxl-9 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .px-xxl-10 {
    padding-right: 4.5rem;
    padding-left: 4.5rem;
  }
  .grid-cols-xxl-2-auto {
    grid-template-columns: repeat(2, minmax(auto, auto));
  }
  .grid-cols-xxl-3-auto {
    grid-template-columns: repeat(3, minmax(auto, auto));
  }
  .grid-cols-xxl-4-auto {
    grid-template-columns: repeat(4, minmax(auto, auto));
  }
  .grid-cols-xxl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xxl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xxl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-xxl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-xxl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-xxl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-xxl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-xxl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-xxl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-xxl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-xxl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-xxl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-xxl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .gap-xxl-0 {
    gap: 0;
  }
  .gap-xxl-1 {
    gap: 0.25rem;
  }
  .gap-xxl-2 {
    gap: 0.5rem;
  }
  .gap-xxl-3 {
    gap: 1rem;
  }
  .gap-xxl-4 {
    gap: 1.5rem;
  }
  .gap-xxl-5 {
    gap: 2rem;
  }
  .gap-xxl-6 {
    gap: 2.5rem;
  }
  .gap-xxl-7 {
    gap: 3rem;
  }
  .gap-xxl-8 {
    gap: 3.5rem;
  }
  .gap-xxl-9 {
    gap: 4rem;
  }
  .gap-xxl-10 {
    gap: 4.5rem;
  }
  .col-xxl-12 {
    width: 100%;
  }
  .col-xxl-6 {
    width: 50%;
  }
  .col-xxl-8 {
    width: 66.66%;
  }
  .d-xxl-flex {
    display: flex;
  }
  .d-xxl-inline-flex {
    display: inline-flex;
  }
  .d-xxl-block {
    display: block;
  }
  .d-xxl-inline-block {
    display: inline-block;
  }
  .d-xxl-grid {
    display: grid;
  }
  .d-xxl-none {
    display: none;
  }
  .flex-xxl-column {
    flex-direction: column;
  }
  .flex-xxl-row {
    flex-direction: row;
  }
  .justify-content-xxl-start {
    justify-content: flex-start;
  }
  .justify-content-xxl-end {
    justify-content: flex-end;
  }
  .justify-xxl-content-center {
    justify-content: center;
  }
  .justify-xxl-content-between {
    justify-content: space-between;
  }
  .align-items-xxl-start {
    align-items: flex-start;
  }
  .align-items-xxl-center {
    align-items: center;
  }
  .align-items-xxl-end {
    align-items: flex-end;
  }
  .text-xxl-start {
    text-align: start;
  }
  .text-xxl-center {
    text-align: center;
  }
  .text-xxl-end {
    text-align: end;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
}

/*# sourceMappingURL=app.output.css.map */