@charset "UTF-8";
/*------------------------------------------------------------------------------
	Template Name: Starter Project Template.
-------------------------------------------------------------------------------*/
/* Default Css */
body {
  font-size: 16px;
  font-family: "Work Sans", sans-serif;
  color: #1D2949;
  font-weight: 400;
}
@media (max-width: 1399px) {
  body {
    font-size: 15px;
  }
}
@media (max-width: 1199px) {
  body {
    font-size: 16px;
  }
}

img {
  max-width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
a:active, a:hover {
  text-decoration: none;
}

button,
.btn {
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
button:active, button:hover, button:focus,
.btn:active,
.btn:hover,
.btn:focus {
  outline: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

p:last-child {
  margin-bottom: 0;
}

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

section {
  padding-block: 5em;
}
@media (max-width: 991px) {
  section {
    padding-block: 3.75em;
  }
}
@media (max-width: 767px) {
  section {
    padding-block: 3em;
  }
}

.section__divider {
  width: 100%;
  height: 0.0625em;
  background-color: #E2E7F3;
  margin-block: 5em;
}
@media (max-width: 991px) {
  .section__divider {
    margin-block: 3.75em;
  }
}
@media (max-width: 767px) {
  .section__divider {
    margin-block: 3em;
  }
}

.section__wrapper .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 3em;
}
@media (max-width: 991px) {
  .section__wrapper .row {
    --bs-gutter-x: 1.5em;
  }
}
.section__wrapper .section__right {
  padding-left: 5em;
}
@media (max-width: 1199px) {
  .section__wrapper .section__right {
    padding-left: 3em;
  }
}
@media (max-width: 991px) {
  .section__wrapper .section__right {
    padding-left: 0;
  }
}

.section__header {
  margin-bottom: 2.5em;
  max-width: 50em;
}
@media (max-width: 1199px) {
  .section__header {
    max-width: 42em;
  }
}
@media (max-width: 991px) {
  .section__header {
    max-width: 38em;
  }
}
@media (max-width: 767px) {
  .section__header {
    margin-bottom: 1.5em;
  }
}

.section__subtitle {
  color: #4764B3;
}

.xxl-title {
  font-family: "victorian vogue";
  font-size: 3.25em;
  line-height: 1.076;
  font-weight: 600;
  margin-bottom: 0.46em;
  text-transform: uppercase;
}
.xxl-title span {
  font-size: 0.84em;
  font-family: "Aurelia Michelle";
  font-weight: 400;
  color: #DB3C1D;
  text-transform: none;
}
@media (max-width: 767px) {
  .xxl-title span {
    font-size: 0.94em;
  }
}
@media (max-width: 1199px) {
  .xxl-title {
    font-size: 2.75em;
  }
}
@media (max-width: 991px) {
  .xxl-title {
    font-size: 2.5em;
  }
}
@media (max-width: 767px) {
  .xxl-title {
    font-size: 2.125em;
    line-height: 1.17;
    margin-bottom: 0.58em;
  }
}

.xl-title {
  font-family: "victorian vogue";
  font-size: 2.75em;
  line-height: 1.09;
  font-weight: 600;
  margin-bottom: 0.54em;
  text-transform: uppercase;
}
.xl-title span {
  font-size: 0.82em;
  font-family: "Aurelia Michelle";
  font-weight: 400;
  color: #DB3C1D;
  text-transform: none;
}
@media (max-width: 991px) {
  .xl-title span {
    font-size: 0.93em;
  }
}
@media (max-width: 1199px) {
  .xl-title {
    font-size: 2.25em;
  }
}
@media (max-width: 991px) {
  .xl-title {
    font-size: 1.9375em;
    line-height: 1.16;
    margin-bottom: 0.64em;
  }
}

.lg-title {
  font-family: "victorian vogue";
  font-size: 2.125em;
  line-height: 1.17;
  margin-bottom: 0.58em;
}
@media (max-width: 767px) {
  .lg-title {
    font-size: 1.75em;
    line-height: 1.14;
  }
}
.lg-title span {
  font-size: 0.88em;
  font-family: "Aurelia Michelle";
  font-weight: 400;
  color: #DB3C1D;
}
@media (max-width: 991px) {
  .lg-title span {
    font-size: 0.93em;
  }
}

.md-title {
  font-family: "victorian vogue";
  font-size: 1.625em;
  line-height: 1.23;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .md-title {
    font-size: 1.375em;
  }
}
@media (max-width: 991px) {
  .md-title {
    font-size: 1.25em;
    line-height: 1.2;
  }
}
.md-title span {
  font-family: "Aurelia Michelle";
  font-weight: 400;
  color: #DB3C1D;
}

.text {
  font-size: 1.0625em;
  line-height: 1.64;
  letter-spacing: -0.01em;
}
@media (max-width: 991px) {
  .text {
    font-size: 0.9375em;
    line-height: 1.6;
  }
}

.text-xs {
  font-size: 0.8125em;
  line-height: 1.53;
  letter-spacing: -0.01em;
}
@media (max-width: 991px) {
  .text-xs {
    font-size: 0.9375em;
    line-height: 1.6;
  }
}
@media (max-width: 767px) {
  .text-xs {
    font-size: 0.75em;
    line-height: 1.33;
  }
}

.text-sm {
  font-size: 0.9375em;
  line-height: 1.6;
  letter-spacing: -0.01em;
}
@media (max-width: 991px) {
  .text-sm {
    font-size: 0.9375em;
    line-height: 1.6;
  }
}
@media (max-width: 991px) {
  .text-sm {
    font-size: 0.8125em;
    line-height: 1.53;
  }
}

.text-lg {
  font-size: 1.25em;
  line-height: 1.6;
  letter-spacing: -0.01em;
}
@media (max-width: 991px) {
  .text-lg {
    font-size: 0.9375em;
    line-height: 1.6;
  }
}
@media (max-width: 1199px) {
  .text-lg {
    font-size: 1.125em;
  }
}
@media (max-width: 991px) {
  .text-lg {
    font-size: 1.0625em;
    line-height: 1.64;
  }
}

.card {
  border: 0;
  border-radius: 0;
  display: flex;
  background-color: transparent;
}
.card__thumb {
  aspect-ratio: 282/423;
  position: relative;
}
.card__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease-in-out;
}
.card__thumb:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.card__subtitle {
  font-size: 0.8125em;
  line-height: 1.53;
  color: #4764B3;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .card__subtitle {
    font-size: 0.75em;
    line-height: 1.67;
  }
}
.card__meta-item {
  font-size: 0.9375em;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .card__meta-item {
    font-size: 0.8125em;
    line-height: 1.53;
  }
}
.card__action-btn {
  width: 2em;
  height: 2em;
  background-color: #F9B9C8;
  color: #fff;
}
.card__action-btn:hover {
  background-color: #DB3C1D;
}

.slider-btn {
  width: 3em;
  height: 3em;
  background-color: #879BD0;
  color: #fff;
}
.slider-btn:hover {
  background-color: #1D2949;
}
.slider-btn:disabled {
  pointer-events: none;
}

.form__input input,
.form__input select,
.form__input textarea {
  font-size: 1.0625em;
  line-height: 1.64;
  letter-spacing: -0.01em;
  color: #1D2949;
  width: 100%;
  height: 3.05em;
  border-radius: 1.52em;
  border: 0.05em solid #A4B3DB;
  background-color: #fff;
  padding-inline: 0.94em;
  transition: all 0.3s;
}
.form__input input::placeholder,
.form__input select::placeholder,
.form__input textarea::placeholder {
  color: #8397CE;
}
.form__input input:focus,
.form__input select:focus,
.form__input textarea:focus {
  outline: none;
  border-color: #1D2949;
}
@media (max-width: 767px) {
  .form__input input,
  .form__input select,
  .form__input textarea {
    font-size: 0.9375em;
    height: 2.93em;
  }
}
.form__input textarea {
  height: 9.17em;
  resize: none;
  padding-block: 0.7em;
}
@media (max-width: 767px) {
  .form__input textarea {
    height: 10.4em;
  }
}
.form__input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__input-icon {
  right: 0.875em;
  pointer-events: none;
}
.form__input--sm input,
.form__input--sm select,
.form__input--sm textarea {
  font-size: 0.9375em;
  height: 2.67em;
  padding-inline: 0.8em;
}
@media (max-width: 767px) {
  .form__input--sm input,
  .form__input--sm select,
  .form__input--sm textarea {
    font-size: 0.8125em;
    height: 2.77em;
  }
}
.form--dark .form__input input {
  background-color: #233158;
  border-color: #3B5496;
  color: #C5CFE8;
}
.form--dark .form__input input::placeholder {
  color: #8397CE;
}
.form--dark .form__input input:focus {
  border-color: #879BD0;
}

.theme-btn {
  font-size: 1.0625em;
  line-height: 1.64;
  letter-spacing: 0.03em;
  color: #fff;
  background-color: #DB3C1D;
  height: 3.05em;
  border-radius: 3em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  font-weight: 600;
  text-transform: uppercase;
  padding-inline: 1.88em 1.64em;
  border: none;
}
.theme-btn:hover {
  background-color: #1D2949;
}
@media (max-width: 767px) {
  .theme-btn {
    font-size: 0.9375em;
    line-height: 1.6;
    height: 2.93em;
    gap: 0.67em;
  }
}
.theme-btn small {
  font-size: 0.765em;
}
.theme-btn--sm {
  font-size: 0.9375em;
  height: 2.67em;
  padding-inline: 1.6em;
  gap: 0.8em;
}
@media (max-width: 767px) {
  .theme-btn--sm {
    font-size: 0.8125em;
    height: 2.77em;
  }
}
.theme-btn--secondary {
  background-color: #1D2949;
}
.theme-btn--secondary:hover {
  background-color: #4764B3;
}
.theme-btn--outline {
  background-color: transparent;
  border: 0.067em solid #DB3C1D;
  color: #DB3C1D;
}
.theme-btn--outline:hover {
  background-color: #DB3C1D;
  color: #fff;
}
.theme-btn--white {
  background-color: #fff;
  color: #1D2949;
  border: 0.05em solid #C1CBE6;
}
.theme-btn--white:hover {
  background-color: #C1CBE6;
}
.theme-btn .fa-pinterest {
  font-size: 1.46em;
}

.image-container {
  position: relative;
  overflow: hidden;
}
.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pagination .page-link {
  font-size: 1.0625em;
  color: #1D2949;
  letter-spacing: -0.01em;
  width: 2.35em;
  height: 2.35em;
  background-color: #F0F3F9;
  border-color: #F0F3F9;
}
.pagination .page-link:hover {
  background-color: #1D2949;
  color: #fff;
  border-color: #1D2949;
}
.pagination .page-item.active .page-link {
  color: #1D2949;
  background-color: #fff;
  border-color: #C1CBE6;
}

.breadcrumb {
  font-size: 0.8125em;
  line-height: 1.53em;
  --bs-breadcrumb-divider-color: #4764b3;
  --bs-breadcrumb-item-active-color: #4764b3;
}
.breadcrumb-item a {
  color: #4764B3;
}
.breadcrumb-item a:hover {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "»";
}

.rating {
  gap: 0.75em;
}
.rating__stars {
  color: #DB3C1D;
}
.rating__text {
  color: #4764B3;
}

.author__img {
  width: 2em;
  aspect-ratio: 1/1;
}

.link-text {
  color: #DB3C1D;
}
.link-text:hover {
  color: #4764B3;
}

.check-item {
  cursor: pointer;
  display: flex;
  align-items: start;
  gap: 0.5em;
  -webkit-user-select: none;
  user-select: none;
}
.check-item input {
  display: none;
}
.check-item input:checked ~ .check-item__checkbox {
  background-color: #1D2949;
}
.check-item input:checked ~ .check-item__checkbox::after {
  opacity: 1;
}
.check-item__checkbox {
  flex-shrink: 0;
  width: 1.0625em;
  height: 1.0625em;
  border-radius: 0.25em;
  border: 0.0625em solid #1D2949;
  margin-top: 0.375em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .check-item__checkbox {
    width: 0.9375em;
    height: 0.9375em;
  }
}
.check-item__checkbox::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.75em;
  position: absolute;
  color: #fff;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .check-item__text span {
    color: #4764B3;
    font-size: 0.86em;
  }
}

.toggle {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.toggle input {
  display: none;
}
.toggle input:checked ~ .toggle__switch {
  background-color: #1D2949;
}
.toggle input:checked ~ .toggle__switch::after {
  background-color: #fff;
  border-color: #1D2949;
  transform: translateX(1em);
}
.toggle__switch {
  width: 2.5em;
  height: 1.5em;
  background-color: #F0F3F9;
  border-radius: 1.5em;
  transition: all 0.3s;
  position: relative;
}
.toggle__switch::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: #1D2949;
  border-radius: 50%;
  border: 0.125em solid #F0F3F9;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.video__thumb {
  aspect-ratio: 16/9;
}
.video__play {
  font-size: 1.5em;
  color: #fff;
  width: 3.33em;
  height: 3.33em;
  background-color: #1D2949;
  inset: 0;
  margin: auto;
}
.video__play:hover {
  background-color: #DB3C1D;
}
@media (max-width: 1199px) {
  .video__play {
    width: 2.75em;
    height: 2.75em;
  }
}
@media (max-width: 991px) {
  .video__play {
    font-size: 1.125em;
  }
}

.tag {
  color: #4764B3;
  font-size: 0.9375em;
  line-height: 1.6;
  letter-spacing: -0.01em;
  padding: 0.2em 0.73em;
  border: 0.067em solid #E2E7F3;
  border-radius: 2em;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .tag {
    font-size: 0.8125em;
    line-height: 1.53;
    padding: 0.24em 0.92em;
  }
}
.tag:hover {
  background-color: #E2E7F3;
}

.author-card {
  background-color: #F0F3F9;
}
.author-card__thumb {
  aspect-ratio: 1/1;
}
.author-card__content {
  padding: 1.5em;
  gap: 1.5em;
}
@media (max-width: 991px) {
  .author-card__content {
    padding: 1.25em;
    gap: 1.25em;
  }
}
.author-card__content-inner {
  gap: 1em;
}
@media (max-width: 991px) {
  .author-card__content-inner {
    gap: 0.75em;
  }
}
.author-card__subtitle {
  color: #4764B3;
  letter-spacing: 0.03em;
}

.newsletter-card {
  background-color: #FEF9F5;
  padding: 1.5em;
  gap: 1.5em;
}
@media (max-width: 991px) {
  .newsletter-card {
    padding: 1.25em;
    gap: 1.25em;
  }
}

.social-icons .social-icon {
  color: #4764B3;
}
.social-icons .social-icon:hover {
  color: #DB3C1D;
}

.comment {
  padding-block: 1.5em;
  border-bottom: 0.0625em solid #E2E7F3;
}
@media (max-width: 767px) {
  .comment {
    padding-block: 1.25em;
  }
}
.comment:first-child {
  border-top: 0.0625em solid #E2E7F3;
}
.comment__header {
  gap: 0.75em;
  margin-bottom: 0.75em;
}
.comment__author-avatar {
  width: 3em;
  aspect-ratio: 1/1;
}
.comment__date {
  color: #4764B3;
  letter-spacing: 0.03em;
}
.comment__stars {
  color: #DB3C1D;
}
.comment__reply-btn {
  color: #4764B3;
}
.comment__reply-btn:hover {
  color: #DB3C1D;
}
.comment__author-status {
  font-size: 0.8125em;
  line-height: 1.54;
  padding: 0.15em 0.46em;
  border-radius: 0.3em;
  background-color: #F0F3F9;
}
@media (max-width: 767px) {
  .comment__author-status {
    font-size: 0.75em;
    line-height: 1.33;
  }
}
.comment--reply {
  padding-left: 3.75em;
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1232px;
  }
}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 32px;
}

.row {
  --bs-gutter-x: 32px;
}

.header {
  padding-block: 1.25em;
}
@media (max-width: 1199px) {
  .header {
    padding-block: 0.75em;
  }
}
.header__wrapper {
  gap: 2em;
}
.header__logo img {
  width: 12.6875em;
}
@media (max-width: 1199px) {
  .header__logo img {
    width: 10em;
  }
}
@media (max-width: 991px) {
  .header__logo img {
    width: 8.4375em;
  }
}
.header__right {
  gap: 2em;
}
.header__social-icon {
  color: inherit;
}
.header__social-icon:hover {
  color: #DB3C1D;
}
.header__action-btn {
  min-width: 2.46em;
  min-height: 2.46em;
  background-color: #F0F3F9;
  color: inherit;
  font-size: 0.8125em;
  line-height: normal;
  letter-spacing: 0.03em;
}
.header__action-btn:hover {
  background-color: #DB3C1D;
  color: #fff;
}
.header__lang-dropdown .dropdown-toggle::after {
  display: none;
}

.main-menu {
  display: flex;
  align-items: center;
  gap: 2em;
}
.main-menu .menu-item a {
  font-size: 0.8125em;
  color: inherit;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.375em;
  padding-block: 0.5em;
  letter-spacing: 0.03em;
}
.main-menu .menu-item a:hover {
  color: #DB3C1D;
}
.main-menu .menu-item-has-children {
  position: relative;
}
.main-menu .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.main-menu .sub-menu {
  position: absolute;
  top: calc(100% + 1.25em);
  left: 0;
  white-space: nowrap;
  background-color: #fff;
  padding: 1.25em;
  border-radius: 0.5em;
  box-shadow: 0 0.625em 1.25em 0 rgba(0, 0, 0, 0.1);
  min-width: 14em;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.offcanvas__link {
  font-size: 1.0625em;
  line-height: 1.64;
  color: #1D2949;
}
.offcanvas__link i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.42em;
  height: 1.42em;
  font-size: 0.7em;
  transition: all 0.3s;
}
.offcanvas__link:hover {
  color: #DB3C1D;
}
.offcanvas__link[aria-expanded=true] {
  color: #DB3C1D;
}
.offcanvas__link[aria-expanded=true] i {
  transform: rotate(180deg);
}

.language-btn {
  font-size: 0.8125em;
  height: 2.46em;
  color: #1D2949;
  border: 0.07em solid #E2E7F3;
}
.language-btn.active {
  background-color: #F0F3F9;
  border-color: #F0F3F9;
}

.hero {
  background-color: #FEF9F5;
}
.hero__content {
  gap: 2.5em;
}
@media (max-width: 767px) {
  .hero__content {
    gap: 1.5em;
  }
}
.hero__content-top {
  padding-top: 1.25em;
  gap: 1.5em;
}
@media (max-width: 767px) {
  .hero__content-top {
    padding-top: 0;
    gap: 1.25em;
  }
}
.hero__actions {
  gap: 0.75em;
}
.hero__thumb {
  aspect-ratio: 16/9;
}
.hero__thumb.has-shadow {
  box-shadow: 0px 4px 20px 0px rgba(29, 41, 73, 0.1607843137);
}
.hero__thumb--square {
  aspect-ratio: 1/1;
}
.hero__subtitle {
  color: #DB3C1D;
  letter-spacing: 0.03em;
}
.hero__wrapper {
  grid-template-columns: 3fr 4fr;
  gap: 5em;
}
@media (max-width: 1199px) {
  .hero__wrapper {
    gap: 3em;
  }
}
@media (max-width: 991px) {
  .hero__wrapper {
    gap: 2em;
    grid-template-columns: 3fr 5fr;
  }
}
@media (max-width: 767px) {
  .hero__wrapper {
    grid-template-columns: 1fr;
    gap: 3em;
  }
}
.hero__wrapper--reverse {
  grid-template-columns: 4fr 3fr;
}
@media (max-width: 991px) {
  .hero__wrapper--reverse {
    grid-template-columns: 5fr 3fr;
  }
}
@media (max-width: 767px) {
  .hero__wrapper--reverse {
    grid-template-columns: 1fr;
  }
}
.hero--style-2 h1 {
  margin-right: -0.25em;
}
@media (max-width: 1199px) {
  .hero--style-2 h1 {
    margin-right: 0;
  }
}
.hero--style-2 .hero__thumb {
  aspect-ratio: 2/3;
}
.hero--style-2 .hero__thumb img {
  transition: all 1s ease-in-out;
}
.hero--style-2 .hero__thumb:hover img {
  transform: scale(1.1);
}
.hero--style-2 .hero__thumb--square {
  aspect-ratio: 1/1;
}
.hero__purchase-btns {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75em;
}
@media (max-width: 991px) {
  .hero__purchase-btns {
    gap: 0.5em;
  }
}
@media (max-width: 767px) {
  .hero__purchase-btns {
    grid-template-columns: 1fr;
    gap: 0.75em;
  }
}
@media (max-width: 767px) {
  .hero__purchase-btns .theme-btn {
    height: 3.46em;
  }
}
.hero__cta {
  margin-top: 5em;
}
@media (max-width: 991px) {
  .hero__cta {
    margin-top: 3.75em;
  }
}
@media (max-width: 767px) {
  .hero__cta {
    margin-top: 3em;
  }
}
.hero__cta-card {
  background-color: #FCECDF;
  padding: 1.5em;
  gap: 1.5em;
}
@media (max-width: 767px) {
  .hero__cta-card {
    padding: 1.25em;
    gap: 1.25em;
  }
}
@media (max-width: 575px) {
  .hero__cta-card .theme-btn {
    padding-inline: 1em;
  }
}

.cookbook-page .hero__thumb {
  aspect-ratio: 480/595;
}

.recipe-slider-container {
  gap: 0.75em;
  padding-inline: 1em;
}
@media (max-width: 767px) {
  .recipe-slider-container {
    padding-inline: 2em;
  }
}

.recipe-slider {
  min-width: 0;
  max-width: 75em;
}
@media (max-width: 991px) {
  .recipe-slider {
    max-width: 43em;
  }
}
@media (max-width: 767px) {
  .recipe-slider {
    max-width: 31.75em;
    overflow: visible !important;
  }
}

.category__filter {
  margin-bottom: 2.5em;
  gap: 0.75em;
}
@media (max-width: 767px) {
  .category__filter {
    margin-bottom: 1.5em;
  }
}
.category__filter .row {
  --bs-gutter-x: 0.75em;
  --bs-gutter-y: 0.75em;
}
@media (max-width: 767px) {
  .category__slider {
    overflow: visible !important;
  }
}
.category__item {
  color: inherit;
}
@media (max-width: 767px) {
  .category__item {
    width: 6.375em;
  }
}
.category__thumb {
  aspect-ratio: 1/1;
  margin-bottom: 0.75em;
}
.category__thumb img {
  transition: all 1s ease-in-out;
}
.category__thumb:hover img {
  transform: scale(1.1);
}
.category__title {
  color: inherit;
  font-size: 0.8125em;
  line-height: 1.53;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .category__title {
    font-size: 0.75em;
    line-height: 1.33;
  }
}

.about {
  padding-top: 2.5em;
}
@media (max-width: 767px) {
  .about {
    padding-top: 1.5em;
  }
}
.about .row {
  --bs-gutter-x: 5em;
  --bs-gutter-y: 2.5em;
}
@media (max-width: 1199px) {
  .about .row {
    --bs-gutter-x: 3em;
  }
}
@media (max-width: 991px) {
  .about .row {
    --bs-gutter-x: 2em;
  }
}
.about .section__header {
  margin-bottom: 3.75em;
}
@media (max-width: 991px) {
  .about .section__header {
    margin-bottom: 2.25em;
  }
}
.about__logos {
  gap: 1.5em;
}
@media (max-width: 991px) {
  .about__logos {
    gap: 1.25em;
  }
}
.about__logo img {
  width: 100%;
}
.about__logo--logoipsum {
  width: 9.375em;
}
@media (max-width: 991px) {
  .about__logo--logoipsum {
    width: 8.1875em;
  }
}
.about__logo--lgpsm {
  width: 9em;
}
@media (max-width: 991px) {
  .about__logo--lgpsm {
    width: 7.5em;
  }
}
.about__logo--ipsum {
  width: 8.5em;
}
@media (max-width: 991px) {
  .about__logo--ipsum {
    width: 6.3125em;
  }
}
.about__thumb {
  aspect-ratio: 1/1;
}
.about__thumb img {
  transition: all 1s ease-in-out;
}
.about__thumb:hover img {
  transform: scale(1.1);
}
.about__wrapper {
  grid-template-columns: 4fr 3fr;
  gap: 5em;
}
@media (max-width: 1199px) {
  .about__wrapper {
    gap: 3em;
  }
}
@media (max-width: 991px) {
  .about__wrapper {
    gap: 2em;
    grid-template-columns: 5fr 3fr;
  }
}
@media (max-width: 767px) {
  .about__wrapper {
    grid-template-columns: 1fr;
    gap: 3em;
  }
}
.about__media {
  gap: 0.75em;
}
.about__media .about__thumb {
  aspect-ratio: 2/3;
}
.about__media .about__thumb:first-child {
  width: 41.67%;
}
.about__media .about__thumb:nth-child(2), .about__media .about__thumb:nth-child(4) {
  width: 33.34%;
}
.about__media .about__thumb:nth-child(3) {
  width: 50%;
}
.about--style-2 {
  padding-top: 5em;
}
@media (max-width: 991px) {
  .about--style-2 {
    padding-top: 3.75em;
  }
}
@media (max-width: 767px) {
  .about--style-2 {
    padding-top: 3em;
  }
}

.newsletter {
  background-color: #F0F3F9;
}
.newsletter .row {
  --bs-gutter-x: 3.75em;
  --bs-gutter-y: 1.5em;
}
@media (max-width: 1199px) {
  .newsletter .row {
    --bs-gutter-x: 3em;
  }
}
@media (max-width: 767px) {
  .newsletter .row {
    --bs-gutter-x: 0;
  }
}
.newsletter__left {
  gap: 2.5em;
  padding-right: 1.25em;
}
@media (max-width: 1199px) {
  .newsletter__left {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .newsletter__left {
    gap: 1.5em;
  }
}
.newsletter__thumb {
  width: 12.5em;
  aspect-ratio: 200/259;
  box-shadow: 0 0.25em 1.25em 0 rgba(29, 41, 73, 0.1607843137);
  transform: rotate(4deg);
}
.newsletter__thumb img {
  transition: all 1s ease-in-out;
}
.newsletter__thumb:hover img {
  transform: scale(1.1);
}
.newsletter--sm {
  padding: 2.5em;
}
@media (max-width: 1199px) {
  .newsletter--sm {
    padding: 1.5em;
  }
}
@media (max-width: 991px) {
  .newsletter--sm {
    padding: 1.25em;
  }
}
.newsletter--sm .row {
  --bs-gutter-y: 2.5em;
}
@media (max-width: 991px) {
  .newsletter--sm .row {
    --bs-gutter-y: 1.5em;
  }
}
.newsletter--sm .newsletter__thumb {
  width: 10em;
}
.newsletter--sm .newsletter__form .row {
  --bs-gutter-x: 0.75em;
  --bs-gutter-y: 0.75em;
}
.newsletter--sm .newsletter__form-inner {
  gap: 0.75em;
}

.form {
  gap: 0.75em;
}
.form__note {
  color: #4764B3;
}
.form__note a {
  color: #DB3C1D;
}
.form__note a:hover {
  color: #1D2949;
}

.recipes__featured .row {
  --bs-gutter-x: 0;
}
.recipes__featured-wrapper {
  background-color: #FEF9F5;
}
.recipes__featured-content {
  padding: 3.75em;
}
@media (max-width: 1199px) {
  .recipes__featured-content {
    padding: 2em;
  }
}
@media (max-width: 991px) {
  .recipes__featured-content {
    padding: 1.5em;
  }
}
@media (max-width: 767px) {
  .recipes__featured-content {
    padding: 1.25em;
  }
}
.recipes__featured-thumb {
  aspect-ratio: 1/1;
}
.recipes__popular {
  margin-top: 5em;
}
@media (max-width: 991px) {
  .recipes__popular {
    margin-top: 3.75em;
  }
}
@media (max-width: 767px) {
  .recipes__popular {
    margin-top: 3em;
  }
}
.recipes__popular .section__header {
  max-width: 100%;
}
.recipes__filter {
  background-color: #FCECDF;
  padding-block: 2.5em;
  margin-bottom: 5em;
}
@media (max-width: 991px) {
  .recipes__filter {
    margin-bottom: 3.75em;
  }
}
@media (max-width: 767px) {
  .recipes__filter {
    padding-block: 1.5em;
    margin-bottom: 3em;
  }
}
.recipes__filter .form {
  gap: 1.5em;
}
@media (max-width: 767px) {
  .recipes__filter .form {
    gap: 1.25em;
  }
}
.recipes__filter .row {
  --bs-gutter-x: 0.75em;
  --bs-gutter-y: 0.75em;
}
.recipes__cards {
  margin-bottom: 2.5em;
}
@media (max-width: 767px) {
  .recipes__cards {
    margin-bottom: 1.5em;
  }
}
.recipes__cards .row {
  --bs-gutter-x: 1.5em;
  --bs-gutter-y: 2.5em;
}
@media (max-width: 1199px) {
  .recipes__cards .row {
    --bs-gutter-x: 1.25em;
    --bs-gutter-y: 2em;
  }
}
@media (max-width: 767px) {
  .recipes__cards .row {
    --bs-gutter-x: 1em;
    --bs-gutter-y: 1.5em;
  }
}

.recipe-page .hero {
  padding-block: 3.75em;
}
@media (max-width: 767px) {
  .recipe-page .hero {
    padding-block: 2.25em;
  }
}

.ebook {
  background-color: #F0F3F9;
}
.ebook__wrapper {
  gap: 5em;
}
@media (max-width: 1199px) {
  .ebook__wrapper {
    gap: 3em;
  }
}
.ebook__thumb {
  width: 17.5em;
  aspect-ratio: 280/347;
  box-shadow: 0 0.25em 1.25em 0 rgba(29, 41, 73, 0.1607843137);
  transform: rotate(-4deg);
}
@media (max-width: 991px) {
  .ebook__thumb {
    width: 14em;
  }
}
@media (max-width: 767px) {
  .ebook__thumb {
    width: 17.5em;
    max-width: 100%;
  }
}

.search__icon {
  color: #8397CE;
  font-size: 1.375em;
  width: 1.27em;
  height: 1.27em;
  right: 0.72em;
}
@media (max-width: 767px) {
  .search__icon {
    font-size: 1.1875em;
  }
}

.seo {
  border-top: 0.0625em solid #C1CBE6;
}
.seo__wrapper {
  max-width: 50em;
}
.seo__rating {
  margin-bottom: 2.5em;
}
@media (max-width: 767px) {
  .seo__rating {
    margin-bottom: 1.5em;
  }
}
.seo__rating-stars img {
  width: 2.5em;
}
@media (max-width: 767px) {
  .seo__rating-stars img {
    width: 1.75em;
  }
}
.seo__content {
  gap: 2.5em;
}
@media (max-width: 767px) {
  .seo__content {
    gap: 2em;
  }
}
.seo__content-block {
  gap: 1.25em;
}
@media (max-width: 767px) {
  .seo__content-block {
    gap: 1em;
  }
}
.seo__content-block h4,
.seo__content-block p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .seo__content-block p {
    font-size: 0.9375em;
    line-height: 1.6;
  }
}

.recipe-details {
  padding-top: 3.75em;
}
.recipe-details .section__left {
  gap: 2.5em;
}
@media (max-width: 767px) {
  .recipe-details .section__left {
    gap: 2em;
  }
}
.recipe-details .section__right {
  gap: 2.5em;
}
@media (max-width: 767px) {
  .recipe-details .section__right {
    gap: 1.5em;
  }
}
.recipe-details ul:not(.list-unstyled) {
  list-style-type: disc;
  padding-left: 1.5em;
}
.recipe-details__block {
  gap: 1.25em;
}
@media (max-width: 767px) {
  .recipe-details__block {
    gap: 1em;
  }
}
.recipe-details__media-container {
  padding-block: 0.75em;
}
.recipe-details__media-container .row {
  --bs-gutter-x: 0.75em;
  --bs-gutter-y: 0.75em;
}
.recipe-details__media {
  aspect-ratio: 282/423;
}
.recipe-details__media img {
  transition: all 1s ease-in-out;
}
.recipe-details__media:hover img {
  transform: scale(1.1);
}
.recipe-details .recipe-card {
  background-color: #FEF9F5;
  border: 0.0625em solid #FCECDF;
}
@media (max-width: 575px) {
  .recipe-details .recipe-card {
    margin-inline: -1em;
  }
}
.recipe-details .recipe-card__header {
  padding: 1.5em;
}
@media (max-width: 991px) {
  .recipe-details .recipe-card__header {
    padding: 1.25em;
  }
}
.recipe-details .recipe-card__actions {
  gap: 0.75em;
}
.recipe-details .recipe-card__thumb {
  aspect-ratio: 16/9;
}
.recipe-details .recipe-card__thumb img {
  transition: all 1s;
}
.recipe-details .recipe-card__thumb:hover img {
  transform: scale(1.1);
}
.recipe-details .recipe-card__content {
  padding: 1.5em;
  gap: 1.25em;
}
@media (max-width: 991px) {
  .recipe-details .recipe-card__content {
    padding: 1.25em;
  }
}
.recipe-details .recipe-card__meta {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .recipe-details .recipe-card__meta {
    grid-template-columns: repeat(2, 1fr);
  }
}
.recipe-details .recipe-card__meta-label {
  color: #4764B3;
}
.recipe-details .recipe-card__portions-select-btn {
  cursor: pointer;
}
.recipe-details .recipe-card__portions-select-btn input {
  display: none;
}
.recipe-details .recipe-card__portions-select-btn input:checked ~ span {
  background-color: #1D2949;
  color: #fff;
}
.recipe-details .recipe-card__portions-select-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375em;
  line-height: 1.6;
  width: 2.13em;
  height: 2.13em;
  background-color: #F0F3F9;
  border-radius: 50%;
  transition: all 0.3s;
}
.recipe-details .recipe-card__steps {
  gap: 1.25em;
}
.recipe-details .recipe-card__step {
  gap: 1.0625em;
}
@media (max-width: 767px) {
  .recipe-details .recipe-card__step {
    gap: 0.9375em;
  }
}
.recipe-details .recipe-card__step-inner {
  gap: 1.0625em;
}
@media (max-width: 767px) {
  .recipe-details .recipe-card__step-inner {
    flex-direction: column;
    gap: 0.9375em;
  }
}
.recipe-details .recipe-card__step-num {
  flex-shrink: 0;
  width: 1.867em;
  height: 1.867em;
  background-color: #DB3C1D;
}
@media (max-width: 991px) {
  .recipe-details .recipe-card__step-num {
    width: 2.15em;
    height: 2.15em;
  }
}
.recipe-details .recipe-card__step-img {
  width: 6.25em;
  aspect-ratio: 1/1.5;
}
.recipe-details .recipe-card__step-img img {
  transition: all 1s ease-in-out;
}
.recipe-details .recipe-card__step-img:hover img {
  transform: scale(1.1);
}

.toc {
  border: 0.0625em solid #C1CBE6;
  padding: 1.5em;
}
@media (max-width: 767px) {
  .toc {
    padding: 1.25em;
  }
}
.toc__menu {
  list-style-type: disc;
  color: #DB3C1D;
  padding-left: 1.5em;
}
.toc__menu-link {
  color: #DB3C1D;
}
.toc__menu-link:hover {
  color: #1D2949;
}

.faq .accordion {
  padding-block: 1.25em;
  --bs-accordion-btn-icon-width: 1em;
}
@media (max-width: 767px) {
  .faq .accordion {
    padding-block: 1em;
  }
}
.faq .accordion-header {
  font-size: inherit;
}
.faq .accordion-item {
  border-inline: none;
  border-color: #C1CBE6;
}
.faq .accordion-button {
  color: #1D2949;
  padding: 1.17em 0;
  gap: 1.17em;
}
.faq .accordion-body {
  padding: 0;
  padding-bottom: 1.25em;
}

.feedback .section__left {
  gap: 3.75em;
}
@media (max-width: 767px) {
  .feedback .section__left {
    gap: 2.25em;
  }
}
.feedback__intro {
  grid-template-columns: 13fr 6fr;
  gap: 2.5em;
}
@media (max-width: 767px) {
  .feedback__intro {
    grid-template-columns: 1fr;
    gap: 1.5em;
  }
}
.feedback__intro-thumb {
  aspect-ratio: 1/1;
  border: 0.5em solid #F0F3F9;
}
@media (max-width: 767px) {
  .feedback__intro-thumb {
    width: 15em;
    margin-inline: auto;
  }
}
.feedback__intro-thumb img {
  transition: all 1s ease-in-out;
}
.feedback__intro-thumb:hover img {
  transform: scale(1.1);
}
.feedback__form {
  padding: 1.5em;
  gap: 1.5em;
  background-color: #F0F3F9;
}
@media (max-width: 767px) {
  .feedback__form {
    padding: 1.25em;
    gap: 1.25em;
  }
}
.feedback__form .row {
  --bs-gutter-x: 0.75em;
  --bs-gutter-y: 0.75em;
}

.facts .row {
  --bs-gutter-x: 2.5em;
  --bs-gutter-y: 2.5em;
}
@media (max-width: 767px) {
  .facts .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 1.25em;
  }
}
.facts__wrapper {
  max-width: 50em;
}
.facts__item {
  gap: 0.75em;
  border-bottom: 0.0625em dashed #C1CBE6;
}

.cta {
  background-color: #F0F3F9;
}
.cta .section__header {
  margin-bottom: 5em;
}
@media (max-width: 991px) {
  .cta .section__header {
    margin-bottom: 3.75em;
  }
}
@media (max-width: 767px) {
  .cta .section__header {
    margin-bottom: 3em;
  }
}
.cta__post-gallery {
  max-width: 120em;
  grid-template-columns: repeat(8, 1fr);
  gap: 0.125em;
  padding: 0.125em;
}
@media (max-width: 767px) {
  .cta__post-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cta__post {
  aspect-ratio: 197/247;
}
.cta__post img {
  transition: all 1s ease-in-out;
}
.cta__post:hover img {
  transform: scale(1.1);
}

.cookbook {
  border-bottom: 0.0625em solid #C1CBE6;
}
.cookbook__content {
  margin-bottom: 3.75em;
}
@media (max-width: 767px) {
  .cookbook__content {
    margin-bottom: 2.25em;
  }
}
.cookbook__content .row {
  --bs-gutter-x: 5em;
  --bs-gutter-y: 2.5em;
}
@media (max-width: 1199px) {
  .cookbook__content .row {
    --bs-gutter-x: 3em;
  }
}
@media (max-width: 991px) {
  .cookbook__content .row {
    --bs-gutter-x: 2em;
  }
}
.cookbook__features {
  gap: 1.25em;
}
@media (max-width: 767px) {
  .cookbook__features {
    gap: 1em;
  }
}
.cookbook__feature {
  gap: 1.18em;
}
.cookbook__feature-bullet {
  width: 1em;
  margin-top: 0.36em;
}
.cookbook__media .row {
  --bs-gutter-x: 1.5em;
  --bs-gutter-y: 1.5em;
}
@media (max-width: 991px) {
  .cookbook__media .row {
    --bs-gutter-x: 1em;
    --bs-gutter-y: 1em;
  }
}
.cookbook__thumb {
  aspect-ratio: 384/476;
}
.cookbook__thumb img {
  transition: all 1s ease-in-out;
}
.cookbook__thumb:hover img {
  transform: scale(1.1);
}

.services .row {
  --bs-gutter-x: 1.5em;
  --bs-gutter-y: 1.25em;
}
.services__block-header {
  background-color: #1D2949;
  padding: 0.75em 1.5em;
}
.services__block-body {
  border: 0.0625em solid #C1CBE6;
  border-top: 0;
  padding: 1.5em;
}
@media (max-width: 991px) {
  .services__block-body {
    padding: 1em;
  }
}
.services__block--offline .services__block-header {
  background-color: #DB3C1D;
}
.services__block--offline .services__block-body {
  border-color: #F2AEA0;
}
.services__list {
  gap: 1.5em;
}
@media (max-width: 991px) {
  .services__list {
    gap: 1.25em;
  }
}
.services__list-item {
  gap: 1.18em;
}
@media (max-width: 767px) {
  .services__list-item {
    gap: 1.33em;
  }
}
.services__list-bullet {
  width: 1em;
  margin-top: 0.36em;
}
.services__footer {
  max-width: 50em;
  margin-top: 2.5em;
}
@media (max-width: 767px) {
  .services__footer {
    margin-top: 1.5em;
  }
}

.community {
  background-color: #F0F3F9;
}
.community .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 2.5em;
}
@media (max-width: 991px) {
  .community .row {
    --bs-gutter-x: 2em;
  }
}
.community__left {
  padding-right: 5em;
}
@media (max-width: 1199px) {
  .community__left {
    padding-right: 3em;
  }
}
@media (max-width: 991px) {
  .community__left {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .community__left {
    padding-inline: 1.5em;
  }
}
.community__thumb {
  aspect-ratio: 1/2;
}
.community__stats {
  max-width: 32.75em;
  grid-template-columns: 1fr 1fr;
  gap: 1.5em;
}
@media (max-width: 767px) {
  .community__stats {
    gap: 1.25em;
  }
}
.community__stat-title {
  color: #DB3C1D;
}
.community__stat p {
  letter-spacing: 0.03em;
}

.brands__logos {
  grid-template-columns: repeat(6, 1fr);
  gap: 2.5em;
}
@media (max-width: 1199px) {
  .brands__logos {
    gap: 2em;
  }
}
@media (max-width: 991px) {
  .brands__logos {
    gap: 1.5em;
  }
}
@media (max-width: 767px) {
  .brands__logos {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25em;
  }
}
.brands__logo {
  aspect-ratio: 2/1;
}

.footer {
  background-color: #1D2949;
  padding-top: 5em;
}
@media (max-width: 991px) {
  .footer {
    padding-top: 3em;
  }
}
.footer__wrapper {
  margin-bottom: 3.75em;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 2.5em;
}
@media (max-width: 1199px) {
  .footer__wrapper {
    gap: 1.5em;
    margin-bottom: 2.125em;
  }
}
@media (max-width: 767px) {
  .footer__wrapper {
    grid-template-columns: 1fr;
  }
}
.footer__widget {
  gap: 1.5em;
}
@media (max-width: 991px) {
  .footer__widget {
    gap: 1.25em;
  }
}
.footer__widget-desc {
  color: #C5CFE8;
}
.footer__widget-title {
  color: #FEF9F5;
}
.footer__divider {
  width: 0.0625em;
  background-color: #304478;
}
@media (max-width: 767px) {
  .footer__divider {
    width: 100%;
    height: 0.0625em;
  }
}
.footer__logo img {
  width: 12.6875em;
}
.footer__social-icon {
  color: #C5CFE8;
}
.footer__social-icon:hover {
  color: #DB3C1D;
}
.footer__menu {
  gap: 0.75em;
}
.footer__link {
  font-size: 0.9375em;
  line-height: 1.6;
  color: #C5CFE8;
  letter-spacing: 0.03em;
}
.footer__link:hover {
  color: #DB3C1D;
}
@media (max-width: 991px) {
  .footer__link {
    font-size: 0.8125em;
    line-height: 1.53;
  }
}
.footer .form__submit-btn:hover {
  background-color: #fff;
  color: #1D2949;
}
@media (max-width: 767px) {
  .footer .form__submit-btn {
    font-size: 0.8125em;
    height: 2.77em;
  }
}
.footer__bottom {
  padding-block: 2.5em;
  border-top: 0.0625em solid #304478;
  color: #879BD0;
  gap: 1.25em;
}
@media (max-width: 991px) {
  .footer__bottom {
    padding-block: 1.5em;
  }
}
.footer__bottom-link {
  color: inherit;
  letter-spacing: 0.03em;
}
.footer__bottom-link:hover {
  color: #DB3C1D;
}
.footer__copyright {
  letter-spacing: 0.03em;
}

/*# sourceMappingURL=main.css.map */