@charset "UTF-8";
/*
    Template Name: eladawi
    Template URI: https://eladawi.com
    Author: halan
    Author URI: https://eladawi.com
    Description: eladawi Theme
    Version: 1.0
    License: GNU General Public License version 3.0
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

dd,
dl,
dt,
li,
ol,
ul {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button {
  margin: 0;
  padding: 0;
  border: 0;
}

input[type=submit], button {
  cursor: pointer;
  background: none;
}

img {
  max-width: 100%;
}

:root {
  font-size: 15px;
}

::selection {
  background-color: #141515;
  color: #fff;
}

::-moz-selection {
  background-color: #141515;
  color: #fff;
}

::selection {
  background-color: #141515;
  color: #fff;
}

.cursor {
  pointer-events: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
  opacity: 0;
  width: 6px;
  height: 6px;
}

.cursor.moving {
  opacity: 1;
}

.cursor::before {
  content: " ";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #09090B;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.cursor.expand::before {
  opacity: 0;
}

.node {
  pointer-events: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: block;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
  opacity: 0;
  /*element width*/
  width: 32px;
  height: 32px;
}

.node.moving {
  opacity: 1;
}

.node::before {
  content: " ";
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  top: 0;
  left: 0;
  border: 1px solid #09090B;
  /*states and transitions animations*/
  transform: scale(1.5);
  opacity: 1;
  -webkit-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
  -moz-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
  -o-transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
  transition: opacity 300ms linear, transform 300ms linear, border 300ms linear, background-color 300ms linear;
}

/* expand is the class you assigned with the plugin to cursor when a selected element is hovered*/
.node.expand::before {
  transform: scale(2);
  background-color: #09090B;
  opacity: 0.2;
}

/*.node.reduce {
    transform: scale(1);
    background-color: #ffffff;
}*/
#loader {
  position: fixed;
  background-color: #050707;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  z-index: -1;
  opacity: 0;
  font-family: "Anecdote";
  font-size: 4vw;
}
#loader svg {
  width: 15rem !important;
  height: 15rem !important;
}
#loader svg g path {
  fill: #141515;
}
#loader img {
  width: 134px;
  height: 134px;
}

.loading-letters-hossam {
  text-wrap: nowrap;
  width: 100%;
}
.loading-letters-hossam > span {
  display: inline-block;
  width: 0;
  margin-left: -12px;
  opacity: 0;
  position: relative;
  font-family: "Anecdote" !important;
}
.loading-letters-hossam > span:nth-child(1), .loading-letters-hossam > span:nth-child(7) {
  opacity: 1;
  width: auto;
  margin-left: 0;
  color: #09090B;
}
.loading-letters-hossam > span > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-name: colorme;
  animation-name: colorme;
  color: #FFFFFF;
}

@media (max-width: 769px) {
  #loader img {
    width: 84px;
  }
  #loader svg {
    width: 7rem !important;
    height: 7rem !important;
  }
  #loader .loader-lines {
    width: 26px;
    height: 45%;
    margin-right: -6px;
  }
}
/* Page Loader */
#loader {
  opacity: 1;
  z-index: 999999999;
  color: #FAFAFA;
}

.block[data-fx="1"] a::after,
a.nodeHover[data-fx="1"]::after,
.block[data-fx="2"] a::after,
a.nodeHover[data-fx="2"]::after {
  content: "";
  z-index: -1;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  position: absolute;
  height: 2px;
  background: currentColor;
  transform: scale3d(0, 1, 1);
  transform-origin: 0% 50%;
  transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

a.nodeHover[data-fx="1"]::after,
a.nodeHover[data-fx="2"]::after {
  bottom: 0;
}

.block[data-fx="1"] a:hover::after,
a.nodeHover[data-fx="1"]:hover::after,
.block[data-fx="2"] a:hover::after,
a.nodeHover[data-fx="2"]:hover::after {
  transform: scale3d(1, 1, 1);
}

@keyframes loop {
  0% {
    transform-origin: 0% 50%;
    transform: scale3d(0, 1, 1);
  }
  50% {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
  }
  51% {
    transform-origin: 100% 50%;
  }
  100% {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
  }
}
.hover-reveal {
  position: fixed;
  width: 200px;
  height: 150px;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}

.hover-reveal__deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #181314;
}

.hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%;
}

.has-scroll-smooth [data-scroll-container] {
  transform: perspective(1px);
}

.calendly-badge-widget {
  right: 32px !important;
  bottom: 32px !important;
  z-index: 9998;
}

@font-face {
  font-family: "Vellago";
  src: url("../typo/VellagoRegular.woff2") format("woff2"), url("../typo/VellagoRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vellago";
  src: url("../typo/VellagoRegular.woff2") format("woff2"), url("../typo/VellagoRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anecdote";
  src: url("../typo/Anecdote-Regular.eot");
  src: url("../typo/Anecdote-Regular.eot?#iefix") format("embedded-opentype"), url("../typo/Anecdote-Regular.woff2") format("woff2"), url("../typo/Anecdote-Regular.woff") format("woff"), url("../typo/Anecdote-Regular.ttf") format("truetype"), url("../typo/Anecdote-Regular.svg#Anecdote-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*:after, *:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: 0;
}

a {
  color: #231A22;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
a:hover {
  text-decoration: none;
  color: #27272A;
}
a:focus {
  outline-color: #141515;
  outline-width: 2px;
}

p {
  font-family: "Inter";
  line-height: 1.4;
  font-size: calc(1rem + 0.1vw);
}
p.lead {
  font-size: 32px;
  line-height: 45px;
}

small.extra-small {
  font-size: 50%;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 600;
  margin: 0 0 15px;
  color: #18181B;
}
h1 > a, .h1 > a,
h2 > a, .h2 > a,
h3 > a, .h3 > a,
h4 > a, .h4 > a,
h5 > a, .h5 > a,
h6 > a, .h6 > a {
  color: #18181B;
}
h1 > a:hover, .h1 > a:hover,
h2 > a:hover, .h2 > a:hover,
h3 > a:hover, .h3 > a:hover,
h4 > a:hover, .h4 > a:hover,
h5 > a:hover, .h5 > a:hover,
h6 > a:hover, .h6 > a:hover {
  text-decoration: none;
}
h1 > a:focus, .h1 > a:focus,
h2 > a:focus, .h2 > a:focus,
h3 > a:focus, .h3 > a:focus,
h4 > a:focus, .h4 > a:focus,
h5 > a:focus, .h5 > a:focus,
h6 > a:focus, .h6 > a:focus {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.75rem;
}

h2, .h2 {
  font-size: 1.8rem;
}

h3, .h3 {
  font-size: 1.3rem;
}

h4, .h4 {
  font-size: 1.2rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 1.3rem;
  }
  h2, .h2 {
    font-size: 1.2rem;
  }
  h3, .h3 {
    font-size: 1.1rem;
  }
  h4, .h4 {
    font-size: 1rem;
  }
  h5, .h5 {
    font-size: 1rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
:root {
  --app-height: 100%;
  font-size: 16px;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  height: 100vh;
  height: var(--app-height);
  width: 100%;
  padding: 0;
  margin: 0;
}

body {
  width: 100vw;
  height: 100vh;
  height: var(--app-height);
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.4285714286;
  color: #27272A;
  background-color: #FFFFFF;
}

@media (max-width: 1024px) {
  body {
    font-size: 14px;
    height: var(--app-height);
  }
  body.home {
    overflow: hidden;
  }
}
img {
  height: auto;
}

.video-card {
  position: relative;
  min-height: 360px;
  border-radius: 16px;
  overflow: hidden;
}
.video-card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1600px) {
  .video-card {
    min-height: 560px;
  }
}
.js-image {
  opacity: 0;
}

@media (min-width: 1200px) {
  .single [data-scroll-section],
.page:not(.home) [data-scroll-section] {
    padding-left: calc(78px + 3rem);
  }
}
.single .wrapper {
  overflow-y: scroll;
  height: auto;
}

.home .wrapper {
  overflow-y: hidden !important;
  height: 100vh;
  height: var(--app-height);
}

@media screen and (max-width: 1024px) {
  .mobile-header + .article-header {
    padding-top: 100px;
  }
  .has-scroll-smooth [data-scroll-container] {
    min-height: var(--app-height);
    height: var(--app-height);
  }
}
.page-section {
  border-radius: 44px;
}

.section-title {
  font-family: "Vellago";
}

.section-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .section-container {
    height: 100vh;
    margin: 0 auto;
  }
}
.page-section-cover {
  border-radius: 44px;
}
.page-section-cover .section-container {
  padding-right: 4vw;
  padding-left: 4vw;
}

.mobile-welcome-section {
  height: calc(100% - 12rem);
  background-color: #141515;
  border-radius: 0;
}
.mobile-welcome-section .section-container {
  height: 100%;
  align-items: flex-end;
  padding-bottom: 2rem;
}
.mobile-welcome-section .slide-video-background {
  width: 64px;
  height: 64px;
  left: 6vw;
  top: 7rem;
}
.mobile-welcome-section .experience-slide-header {
  height: auto;
}
.mb-experience-alert {
  position: absolute;
  top: 0.5rem;
  left: 1rem;
  right: 1rem;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 11px 41px 0px rgba(0, 0, 0, 0.05), 0px -1px 0px 0px rgba(255, 255, 255, 0) inset;
  border: 1px solid rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(44px);
  border-radius: 12px;
  padding: 0.9rem;
  z-index: 99;
}
.mb-experience-alert p {
  color: #FFFFFF;
  margin-bottom: 0 !important;
  font-size: 11px;
}
.mb-experience-alert .btn {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 0;
}
.mb-experience-alert .btn svg {
  width: 12px;
  height: 12px;
}

.main-slide-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-slide-wrapper.has-split-cols {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .main-slide-wrapper {
    padding: 0 0 0 2vw;
  }
}
@media (max-width: 1024px) {
  .main-slide-wrapper.has-split-cols {
    flex-direction: column;
  }
}
.about-hossam-slide {
  justify-content: space-between;
}
.about-hossam-slide > div:first-child {
  width: 100%;
  padding-top: 4rem;
  padding-right: 1rem;
  padding-left: 0;
}
.about-hossam-slide > div:last-child {
  width: 100%;
}
.about-hossam-slide .slide-media {
  height: 100%;
}
.about-hossam-slide .slide-media .slide-media-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.about-hossam-slide .slide-media img {
  width: auto;
  height: 100%;
  filter: grayscale(100%);
}

@media (min-width: 1024px) {
  .about-hossam-slide {
    justify-content: space-between;
  }
  .about-hossam-slide > div:first-child {
    width: 60%;
    padding-top: 8vh;
    padding-right: 1rem;
    padding-left: 0;
  }
  .about-hossam-slide > div:last-child {
    width: 30%;
  }
  .about-hossam-slide .slide-media {
    height: 100%;
    padding: 0 0 0 0;
  }
  .about-hossam-slide .slide-media .slide-media-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 44px;
    margin-bottom: -100px !important;
  }
  .about-hossam-slide .slide-media img {
    width: 96%;
    height: auto;
    filter: grayscale(100%);
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.slide-content {
  white-space: pre-line;
}
.slide-content a {
  position: relative;
  text-decoration: underline;
}

.slide-1-subtitle {
  width: 88%;
}
.slide-1-subtitle span {
  background-color: #09090B;
  color: #FFFFFF;
  display: inline-flex;
  padding: 2px 8px;
}

@media (max-width: 518px) {
  .slide-1-subtitle {
    width: 96%;
  }
  .mobile-welcome-section .display-4 {
    font-size: calc(1rem + 4vw) !important;
  }
  .mobile-welcome-section .f-serif {
    font-family: "Vellago" !important;
    font-weight: bold;
  }
}
.split-content-count {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.split-content-count > div:first-child {
  width: 60%;
}
.split-content-count > div:last-child {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.count-col-heading {
  width: calc(100% - 330px);
}

.count-col {
  min-width: 240px;
}
.count-col .display-1 {
  font-size: 7vw;
  line-height: 40px;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  vertical-align: middle !important;
  white-space: nowrap;
  height: 100%;
}
[data-scroll-direction=horizontal] [data-scroll-section]:not(:first-of-type):not(.contact-section) {
  width: 100vw;
}
[data-scroll-direction=horizontal] [data-scroll-section]:first-of-type:not(.header) {
  width: 100vw;
}
[data-scroll-direction=horizontal] [data-scroll-section]:first-of-type:not(.header) .section-container {
  height: fill-available;
  margin: 0 auto;
}
[data-scroll-direction=horizontal] [data-scroll-section].about-section-dark {
  margin-right: 2vw;
}

.about-hossam-resume {
  flex-direction: row;
  padding-right: 0;
  overflow: hidden;
  border-radius: 44px;
}
.about-hossam-resume .slide-content {
  padding-top: 3rem;
}

.about-section-dark {
  overflow: hidden;
}
.about-section-dark .section-container {
  padding-right: 0;
}

.slide-v-col {
  position: relative;
  width: 100%;
  text-wrap: balance;
  display: flex;
  align-items: center;
  border-radius: 20px;
  flex-wrap: wrap;
}
.slide-v-col .slide-media-wrapper {
  width: 100%;
  height: 100%;
}
.slide-v-col .slide-media-wrapper img {
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}
.slide-media-med img {
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

[data-scroll-direction=horizontal] [data-scroll-section].cover-section-header {
  background-color: #18181B;
}
[data-scroll-direction=horizontal] [data-scroll-section].cover-section-header.third-cover {
  width: 70vw;
}
[data-scroll-direction=horizontal] [data-scroll-section].cover-section-header:not(.full-header-cover) {
  width: 50vw;
}

.experience-section {
  align-items: flex-start;
  padding-left: 4rem;
  position: relative;
}
.experience-section .experience-wrapper {
  display: flex;
  flex-direction: column;
}

.experience-slide {
  padding: 0 4rem;
  width: 200%;
}

@media screen and (min-width: 1280px) and (max-width: 1440px) and (max-height: 829px) {
  .experience-slide {
    padding: 0 4rem;
  }
}
.experience-slide-header {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  text-wrap: wrap;
}
.experience-slide-header .section-title {
  text-align: center;
}
.experience-slide-header .section-title h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 4vw;
  text-transform: capitalize;
  text-align: center;
  color: #FFFFFF;
  width: 80%;
  margin: 0 auto;
}

.exp-col-out {
  display: flex;
  flex-direction: column;
}

.experience-list,
.year-exprerience {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
  padding: 1.5rem;
}

.years-timeline {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 32px;
  background-color: rgb(0, 0, 0);
  border-radius: 32px;
  z-index: -1;
}

.experienct-timeline-line {
  position: absolute;
  top: 0;
  width: 100%;
  height: 8px;
  margin: 0 0 10px 0;
  position: relative;
  display: inline-block;
  background-color: rgb(0, 0, 0);
}

.timeline {
  position: relative;
  padding: 1rem;
  display: flex;
  height: 100vh;
}

.timeline-event {
  position: absolute;
  bottom: -10px;
  height: 25px;
  background-color: #000;
  color: white;
}

.timeline-line {
  display: block;
  width: 150%;
  height: 2px;
  position: absolute;
  top: 50%;
  background-color: #18181B;
}

.year-section {
  position: relative;
  background-color: rgba(0, 0, 0, 0.02);
  margin-right: 44px;
  height: 100%;
}

.timeline-dot {
  display: flex;
  width: 8px;
  height: 8px;
  border-radius: 44px;
  background-color: #18181B;
  position: absolute;
  top: 0.8rem;
}

.experience-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-right: 2rem;
  text-wrap: wrap;
  height: 96%;
  justify-content: flex-end;
  z-index: 999;
}
.experience-item.position-fulltime {
  justify-content: flex-start;
}
.experience-item .badge {
  color: #18181B !important;
}

.experience-item-date {
  font-size: 1.64rem;
  font-weight: 700;
  position: absolute;
  bottom: 46.5%;
  z-index: 99;
}
.experience-item-date span {
  color: #FFFFFF;
}

.experience-item-content {
  border-radius: 12px;
  margin-bottom: 12px;
  width: 440px;
  height: 300px;
  padding: 2rem 2rem 1rem 2rem;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 25px 4px rgba(0, 0, 0, 0.02);
}
.experience-item-content p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #52525B;
}
.experience-item-content .experience-item-company {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.experience-item-content .experience-item-company > span.eic-logo {
  display: inline-block;
  width: 56px;
  height: 56px;
  margin-right: 1rem;
  box-shadow: 1px 4px 4px 8px rgba(0, 0, 0, 0.02);
}
.experience-item-content .experience-item-company > span.eic-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.experience-item-content .experience-item-company > span:last-child {
  width: calc(100% - 84px);
  display: flex;
  flex-direction: column;
}
.experience-item-content .experience-item-company > span:last-child > span {
  font-size: 1.1rem;
}
.experience-item-content .experience-item-company > span:last-child > span:first-child {
  font-weight: bold;
}
.experience-item-description {
  padding-top: 1rem;
}

.experience-item:last-child .experience-item-content {
  background-color: #09090B;
  color: #FAFAFA;
}
.experience-item:last-child .experience-item-content p {
  color: #F4F4F5;
}

.outline-text {
  color: transparent;
  -webkit-text-stroke: 1px #3F3F46;
  font-weight: 900;
}
.outline-text.light-outline {
  -webkit-text-stroke: 1px #FAFAFA;
}

.clients-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: stretch;
}

.client-item {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 12.5%;
  padding: 0;
}
.client-item img {
  filter: grayscale(100%);
  transition: all 0.3s;
  border-radius: 12px;
  max-width: 168px;
}
.client-item figcaption {
  margin: 0;
  padding: 0;
}
.client-item:hover img {
  filter: grayscale(0);
}

.stick-this {
  position: sticky;
}

@media (min-width: 1000px) {
  .hossam-writing {
    padding: 6rem 6rem 4rem 8rem;
  }
}
.full-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}

.blog-grid {
  text-wrap: wrap;
}

.articles-grid {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1600px) {
  .articles-grid {
    max-width: 1400px;
    width: 80%;
  }
}
.article-item {
  background-color: #FAFAFA;
  border-radius: 12px;
  height: 312px;
  text-wrap: wrap;
  padding: 0.5rem;
  margin-bottom: 2rem;
  margin-right: 1rem;
  transition: all 0.3s;
  position: relative;
}
.article-item figure {
  margin-bottom: 0;
  width: 100%;
}
.article-item img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
  filter: grayscale(100%);
  transition: all 0.3s;
}
.article-item:hover {
  background-color: #FFFFFF;
  box-shadow: 3px 12px 15px 24px rgba(0, 0, 0, 0.02);
}
.article-item:hover img {
  filter: grayscale(0);
}
.article-item figcaption {
  padding: 1.2rem 1.5rem;
  margin: 0;
}
.article-item figcaption .article-meta-wrap a {
  color: #27272A;
}
.article-item figcaption h2 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #18181B;
  margin-bottom: 0;
}
.article-item.article-cover-item figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-item.article-cover-item figure img {
  width: 100%;
  height: 100%;
}
.article-item.article-cover-item figcaption {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  height: 40%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.24) 100%), rgba(255, 255, 255, 0.44) !important;
  backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 12px;
}

@media (max-width: 1024px) {
  .article-item {
    margin-bottom: 2rem;
    margin-right: 0;
    height: auto;
  }
  .article-item figcaption {
    padding: 1rem;
    margin: 0;
  }
  .article-item figcaption h2 {
    font-size: 1rem;
    font-weight: 600;
  }
}
.more-btn {
  width: calc(100% - 1rem);
  border-radius: 12px !important;
  background-color: #FFFFFF;
  border-color: #09090B;
  color: #18181B !important;
  margin-bottom: 0.75rem;
  padding: 1.4rem 2rem !important;
}
.more-btn:hover {
  color: #FFFFFF !important;
}

.newsletter-form {
  background-color: #27272A;
}

.newsletter-form.article-item {
  height: auto;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FAFAFA;
}
.newsletter-form.article-item h4 {
  font-size: 2rem;
  font-weight: bold;
  color: #FFFFFF;
}
.newsletter-form.article-item h4 + span {
  font-size: 1.2rem;
}
.newsletter-form.article-item:hover {
  background-color: #52525B;
}
.newsletter-form.article-item .form-group input[type=email] {
  padding: 12px;
  min-height: 44px;
  background-color: #18181B;
  border-radius: 8px;
  min-width: 356px;
}
.newsletter-form.article-item .form-group input[type=submit] {
  padding: 12px;
  min-height: 44px;
  background-color: #FAFAFA;
  color: #18181B;
  border-radius: 8px;
}

.col-md-4 .newsletter-form.article-item {
  height: auto;
  min-height: 230px;
}
.col-md-4 .newsletter-form.article-item .form-group input[type=email] {
  min-width: 240px;
  background-color: rgba(0, 0, 0, 0.05);
  color: #27272A;
}
.col-md-4 .newsletter-form.article-item h4 {
  font-size: 1.1rem;
}
.col-md-4 .newsletter-form {
  background-color: #F4F4F5;
}
.col-md-4 .newsletter-form:hover {
  background-color: #FAFAFA;
}
.col-md-4 .newsletter-form .form-container {
  width: 100%;
}
.col-md-4 .newsletter-form.article-item {
  color: #27272A;
}
.col-md-4 .newsletter-form.article-item > *,
.col-md-4 .newsletter-form.article-item .text-white {
  color: #27272A !important;
}
.col-md-4 .newsletter-form.article-item .form-group input[type=submit] {
  padding: 12px;
  min-height: 44px;
  background-color: #18181B;
  color: #FAFAFA;
}

@media (max-width: 518px) {
  .more-btn {
    width: 100%;
  }
  .newsletter-form.article-item {
    min-height: 200px;
    flex-direction: column;
  }
  .newsletter-form.article-item h4 {
    font-size: 1.2rem;
  }
  .newsletter-form.article-item h4 + span {
    font-size: 1rem;
  }
  .newsletter-form.article-item .form-group input[type=email] {
    padding: 12px;
    min-height: 44px;
    background-color: #18181B;
    border-radius: 8px;
    min-width: 100%;
    margin-bottom: 4px;
  }
  .newsletter-form.article-item .form-group input[type=submit] {
    padding: 12px;
    min-height: 44px;
    background-color: #FAFAFA;
    color: #18181B;
    border-radius: 8px;
    min-width: 100%;
  }
}
.slide-video-background {
  position: absolute;
  bottom: 0;
  right: 3rem;
  width: 400px;
  height: 400px;
  z-index: 99;
}
.slide-video-background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.work-text-section {
  width: 20vw !important;
  overflow-x: visible;
}

.work-line-section-container {
  width: 400px;
  min-width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.work-text-line {
  height: 200%;
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.work-text-line > span {
  font-size: 10rem;
  text-transform: uppercase;
  line-height: 1.5;
  font-weight: 900;
  color: #D4D4D8;
  margin: 0.5rem 0;
  opacity: 0.3;
  transition: opacity 0.3s;
}
.work-text-line > span:nth-child(2n) {
  color: transparent;
  -webkit-text-stroke: 2px #D4D4D8;
}
.work-text-line > span:hover {
  opacity: 1;
}

.o-layout_item {
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  padding-left: 0;
}

.c-section_infos.-padding {
  padding-top: 35vh;
}

.c-fixed_wrapper {
  height: 100vh;
}

.c-section_infos {
  position: relative;
  max-width: 320px;
  z-index: 0;
}

.c-fixed {
  height: 100%;
  background-size: cover;
  background-position: 50%;
  opacity: 0.75;
  mix-blend-mode: multiply;
}

.c-fixed,
.c-fixed_target {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.o-layout {
  padding: 0;
  list-style: none;
  font-size: 0;
  margin: 0;
}

.c-section {
  position: relative;
  margin-bottom: 35vh;
}

.o-container {
  position: relative;
  width: 100vw;
  height: 100vh;
}
.o-container div {
  position: absolute;
  width: 100%;
  height: 100%;
}

.welcome-section {
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}

@media screen and (min-width: 1200px) {
  .welcome-section {
    padding-left: 240px;
  }
}
.fixed_wrapper {
  position: relative;
  overflow: hidden;
  width: 100vw;
}

.fixed_target {
  right: -100vw;
}

.fixed,
.fixed_target {
  position: absolute;
  left: -100vw;
  top: 0;
  bottom: 0;
}

.fixed {
  width: 100%;
  height: 100%;
}

.fixed_target2 {
  right: -100vw;
}

.fixed2,
.fixed_target2 {
  position: absolute;
  left: -123vw;
  top: 0;
  bottom: 0;
}

.fixed2 {
  width: 100%;
  height: 100%;
}

#sectionPin {
  top: 0;
  overflow: hidden;
  width: 150vw;
}

.pin-this-section {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fixed_target3 {
  bottom: -100vw;
}

.fixed3,
.fixed_target3 {
  position: absolute;
  right: 0;
  left: 0;
}

.fixed3 {
  height: 100%;
}

.fixed-bg-has-bg {
  z-index: 999;
}

.fixed2 .main-slide-wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.slide-img-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.slide-img-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 590px) {
  .slide-img-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }
}
.side-form-container {
  overflow: hidden;
}

.wpcf7-response-output {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0.75rem 0 0 0 !important;
  border-radius: 8px;
  padding: 12px 24px !important;
}

.instagram-grid {
  padding-right: 2vw;
  transform: translateX(12%) translateY(10%);
}

.grid {
  pointer-events: none;
  position: absolute;
  width: 90%;
  height: 90%;
  top: -5%;
  left: -5%;
  display: grid;
  grid-template-columns: repeat(50, 2%);
  grid-template-rows: repeat(50, 2%);
}

.grid__item {
  position: relative;
}

.grid--img .grid__item {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  border-radius: 12px;
}

.instagram-grid {
  position: relative;
}

.content__title {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%) translateY(-50%);
}
.content__title > span:first-child {
  font-size: 6vw;
}
.content__title .content__title-sub {
  font-size: 4vw;
  text-transform: capitalize;
  letter-spacing: 0.5rem;
}

.grid__item-img {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 12px;
}

.grid--img .grid__item-img {
  flex: none;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  will-change: transform;
  border-radius: 12px;
}

/* Shorthand grid-area: grid-row-start / grid-column-start / grid-row-end / grid-column-end */
.pos-1 {
  grid-area: 10/1/26/7;
}

.pos-2 {
  grid-area: 1/18/9/27;
}

.pos-3 {
  grid-area: 1/36/14/42;
}

.pos-4 {
  grid-area: 13/11/32/18;
}

.pos-5 {
  grid-area: 17/32/32/38;
}

.pos-6 {
  grid-area: 20/46/35/51;
}

.pos-7 {
  grid-area: 43/1/51/10;
}

.pos-8 {
  grid-area: 38/14/46/22;
}

.pos-9 {
  grid-area: 40/26/51/32;
}

.pos-10 {
  grid-area: 37/39/48/47;
}

.contact-section {
  width: calc(80vw - 140px);
}
.contact-section .section-container {
  flex-wrap: wrap;
}
.contact-section .hossam-contact {
  width: 100%;
}

@media (max-width: 518px) {
  .section-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.contact-social-links li {
  padding: 0.35rem 0;
}
.contact-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-form {
  position: relative;
}
.contact-form .wpcf7-response-output {
  top: 0;
}
.contact-form .wpcf7-form {
  position: relative;
}
.contact-form .wpcf7-submit {
  position: relative;
  width: 100%;
  height: 52px;
  margin-top: 2rem;
  border-radius: 52px;
  background: #09090B !important;
}
.contact-form .wpcf7-submit:hover {
  background: #141515 !important;
}
.contact-form .wpcf7-spinner {
  transform: translateX(-72px) translateY(24px);
}

.contact-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contact-details-items div {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.circle-contact {
  position: absolute;
  bottom: 0vh;
  right: 3vw;
  display: flex;
  width: 100px;
  height: 100px;
}
.circle-contact svg {
  animation: circle 6s linear infinite;
}

@media (min-width: 1024px) {
  .contact-slide {
    height: 80%;
    justify-content: space-between;
    padding-top: 6rem;
  }
  .contact-slide > div:first-child {
    width: 65%;
  }
  .contact-slide > div:last-child {
    width: 35%;
  }
  .contact-form {
    padding-right: 4rem;
    position: relative;
  }
  .contact-form .wpcf7-response-output {
    top: -45px;
    width: 100%;
  }
  .contact-form .wpcf7,
.contact-form .wpcf7-form {
    height: 80%;
  }
  .contact-form .wpcf7-spinner {
    transform: translateX(-72px) translateY(24px);
  }
  .circle-contact {
    bottom: 2vh;
    right: 2vw;
    width: 200px;
    height: 200px;
  }
  .circle-contact svg {
    animation: circle 6s linear infinite;
  }
}
@media (max-width: 518px) {
  .wpcf7-response-output {
    position: static !important;
    margin: 0 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
  }
}
@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.select2-container--default .select2-selection {
  width: auto;
  min-height: 38px;
  border-radius: 6px;
  border-width: #231A22;
  border-color: #231A22;
  background-color: #FFFFFF;
}
.dark .select2-container--default .select2-selection {
  background-color: #FFFFFF;
}
.select2-container--default .select2-selection .select2-selection__rendered {
  color: inherit;
  padding-left: 1rem;
  padding-right: 2.2rem;
}
.select2-container--default .select2-selection .select2-selection__arrow {
  width: 24px;
  top: 8px;
  right: 0.5rem;
}
.select2-container--default .select2-selection .select2-selection__arrow b:after {
  font-size: inherit;
}
.select2-container--default .select2-selection .select2-selection__choice {
  background: transparent;
  border-color: rgba(135, 150, 165, 0.15);
  line-height: 1.5;
}
.select2-container--default .select2-selection .select2-selection__choice__remove {
  color: inherit !important;
}
.select2-container--default .select2-selection--single {
  font-size: 0.9rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.7rem;
}
.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 6px;
}
.select2-container--default .select2-search__field {
  color: inherit;
}
.select2-container--default .select2-results__option {
  padding: 0.75rem 1rem;
  font-size: 0.8rem;
}
.select2-container--default .select2-results__option i {
  margin-right: 0.2rem;
}
.select2-container--default .select2-search--dropdown {
  padding: 8px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: transparent;
  background: rgba(235, 236, 236, 0.5);
  border-radius: 8px;
  background-image: url(../media/icons/search-g.svg);
  background-position: 94% center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 32px;
}
.select2-container--default .select2-dropdown {
  top: 4px;
  color: #231A22;
  border-color: transparent;
  border-width: 0 !important;
  background: #FFFFFF;
  box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #141515;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #141515;
  box-shadow: 0 0 0 0.2rem rgba(20, 21, 21, 0.25);
}

.select2-container {
  z-index: 999;
  min-width: 100px;
}

.modal .select2-container {
  z-index: 9999999;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.custom-select-2 .select2-container--default .select2-selection {
  background: rgba(235, 236, 236, 0.4) !important;
  border-width: 0 !important;
  border-radius: 12px;
  min-height: 34px;
}
.custom-select-2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
  padding-right: 12px;
  padding-left: 24px;
}
.custom-select-2 .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  top: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #231A22 !important;
}

.filter-select .select2-container .select2-selection--single {
  height: 34px !important;
}
.filter-select .select2-container--default .select2-selection .select2-selection__arrow {
  top: 6px;
}
.filter-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px !important;
}
/**-------------------------*
* User Interface: Chackbox & Radio
* @since 1.0.0
* @author Digital lioit
*--------------------------*/
/*
Checkbox and Radio
*/
.form-check-inline {
  display: inline-flex;
  align-items: center;
  margin-right: 0.3rem;
}
.form-check-inline label {
  margin-top: 6px;
  padding: 0 4px;
}

.form-check-input {
  width: 24px;
  height: 24px;
  position: relative;
  border-width: 2px;
  border-color: #CED3E3;
}
.form-check-input:checked {
  background-color: white;
  border: 2px solid #141515;
}
.form-check-input:checked::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #141515;
  border-radius: 50%;
}

.ui-check {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ui-check input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.ui-check input:checked + i {
  background-color: #141515;
  box-shadow: 0 0 0 1.5px #121212;
}
.ui-check input:checked + i:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 6px;
  height: 6px;
  background-color: #fff;
}
.ui-check input:checked + span .active {
  display: inherit;
}
.ui-check input[type=radio] + i, .ui-check input[type=radio] + i:before {
  border-radius: 50%;
}
.ui-check input[type=checkbox]:checked + i:before {
  transform: translate(-50%, -65%) rotate(-45deg);
  background-color: transparent;
  width: 8px;
  height: 5px;
  border-width: 0 0 2px 2px;
  border-color: #fff;
  border-style: solid;
}
.ui-check input[disabled] + i, fieldset[disabled] .ui-check input + i {
  border-color: #231A22;
  opacity: 0.35;
}
.ui-check input[disabled] + i:before, fieldset[disabled] .ui-check input + i:before {
  background-color: #231A22;
}
.ui-check > i {
  width: 14px;
  height: 14px;
  line-height: 1;
  box-shadow: 0 0 0 1.5px #231A22;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  background-clip: padding-box;
  position: relative;
  left: 0;
  margin-right: 0.3rem;
}
.ui-check > i:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-radius: 1px;
}
.ui-check.is-invalid > i {
  box-shadow: inset 0 0 0 2px #FC5A5A;
}
.ui-check.is-valid > i {
  background-color: #19BA63;
}
.ui-check > span {
  margin-left: -20px;
}
.ui-check > span .active {
  display: none;
}
.ui-check.ui-check-color i {
  box-shadow: none;
}
.ui-check.ui-check-color input:checked + i:before {
  background-color: #fff;
}
.ui-check.ui-check-rounded > i {
  border-radius: 50%;
}

.ui-check-md input:checked + i:before {
  width: 8px;
  height: 8px;
}
.ui-check-md input[type=checkbox]:checked + i:before {
  width: 12px;
  height: 6px;
}
.ui-check-md > i {
  width: 20px;
  height: 20px;
}

.ui-check-lg input:checked + i:before {
  width: 10px;
  height: 10px;
}
.ui-check-lg input[type=checkbox]:checked + i:before {
  width: 14px;
  height: 8px;
  border-width: 0 0 3px 3px;
}
.ui-check-lg > i {
  width: 24px;
  height: 24px;
}

.md-check {
  cursor: pointer;
  padding-left: 1.25rem;
  margin: 0;
  display: inline-block;
  position: relative;
}
.md-check input {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.md-check input:checked + i:before {
  border-width: 0;
  background-color: inherit;
}
.md-check input:checked + span .active {
  display: inherit;
}
.md-check input[type=radio] + i, .md-check input[type=radio] + i:before {
  border-radius: 50%;
}
.md-check input[type=checkbox]:checked + i:after {
  transform: rotate(45deg);
  position: absolute;
  left: 6px;
  top: 2px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  content: " ";
}
.md-check input[type=radio]:checked + i:after {
  position: absolute;
  left: 6px;
  top: 6px;
  display: table;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  content: " ";
}
.md-check input[disabled] + i:before, fieldset[disabled] .md-check input + i:before {
  opacity: 0.5;
}
.md-check input[disabled]:checked + i:before {
  opacity: 0.5;
}
.md-check > i {
  width: 0;
  height: 18px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -1.25rem;
  top: -1px;
}
.md-check > i:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 100%;
  border: 2px solid #231A22;
  border-radius: 2px;
}
.md-check > i.no-icon:after {
  display: none !important;
}

/*
  Switch
  */
.ui-switch {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 24px;
  height: 14px;
  border-radius: 30px;
  background-color: #141515;
  margin: 0;
}
.ui-switch input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.ui-switch input:checked + i:before {
  top: 50%;
  bottom: 50%;
  right: 50%;
  left: 5px;
  border-width: 0;
  border-radius: 5px;
}
.ui-switch input:checked + i:after {
  margin-right: 11px;
}
.ui-switch i {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.ui-switch i:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: #fff;
  border: 1px solid #231A22;
  border-radius: 30px;
  transition: all 0.2s;
}
.ui-switch i:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 12px;
  top: 1px;
  right: 0;
  bottom: 1px;
  border-radius: 50%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  transition: margin 0.2s;
}

.ui-switch-md {
  width: 32px;
  height: 20px;
}
.ui-switch-md input:checked + i:after {
  margin-right: 13px;
}
.ui-switch-md i:after {
  width: 18px;
}

.ui-switch-lg {
  width: 40px;
  height: 24px;
}
.ui-switch-lg input:checked + i:after {
  margin-right: 17px;
}
.ui-switch-lg i:after {
  width: 22px;
}

.pagination a {
  padding: 0.75rem 0.95rem;
}
.pagination .page-item {
  margin: 0 2px;
}
.pagination .page-item.disabled {
  opacity: 0.5;
}
.pagination .page-item.disabled .page-link {
  border-color: #231A22;
  background-color: transparent;
}
.pagination .page-item:first-child .page-link {
  padding: 0;
}
.pagination .page-item:last-child .page-link {
  padding: 0;
}
.pagination .page-item:last-child .page-link > span, .pagination .page-item:first-child .page-link > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .page-link {
  margin: 0 4px;
  border-radius: 6px;
}
.pagination .page-link, .pagination .page-link li a {
  background-color: #FFFFFF;
  border-color: #231A22;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  width: 36px;
  height: 36px;
  font-weight: 600;
  border-radius: 6px !important;
}
.pagination .page-link:hover, .pagination .page-link:focus, .pagination .page-link li a:hover, .pagination .page-link li a:focus {
  background-color: #231A22;
  border-color: #231A22;
  color: #FFFFFF;
}
.pagination .page-link:hover .svg path, .pagination .page-link:focus .svg path, .pagination .page-link li a:hover .svg path, .pagination .page-link li a:focus .svg path {
  stroke: #FFFFFF;
}
.pagination .active .page-link, .pagination .active a {
  background-color: #141515;
  border-color: #141515;
  box-shadow: 2px 3px 0px #231A22;
  color: #FFFFFF;
}
.pagination.pagination-sm a {
  padding: 0.2195rem 0.5rem;
}
.pagination.pagination-xs a {
  padding: 0 0.35rem;
  line-height: 1.5;
}

.fixed-table-pagination {
  display: flex;
  width: 100%;
}

.accordion > dt {
  font-weight: 600;
}
.accordion > dt > a {
  display: flex;
  position: relative;
  font-size: 1rem;
  padding: 0.75rem 0;
}
.accordion > dt > a::after {
  position: absolute;
  top: 16px;
  right: 0;
  content: "\f078";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion > dt > a i {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #282854;
  color: #fff;
  border-radius: 50%;
  margin-right: 0.9rem;
}
.accordion > dt > a.active::after {
  content: "\f077";
}
.accordion.boxed-bg dt {
  background: #FFFFFF;
  box-shadow: 2px 2px 10px 1px rgba(90, 90, 99, 0.06);
  border-radius: 7px;
  padding: 0.5rem 1rem;
  margin-bottom: 0.375rem;
}
.accordion.boxed-bg dd {
  padding: 0.5rem 1rem;
}

@media (max-width: 1025px) {
  .accordion > dt > a {
    font-size: 0.9rem;
  }
  .accordion > dt > a i {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 0.5rem;
  }
}
.full__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.article-card {
  background: #FFFFFF;
  box-shadow: 0 12px 30px 0 rgba(50, 50, 109, 0.07);
  border-radius: 7px;
  overflow: hidden;
  padding: 0 1.5rem;
}
.article-card .article-card-thumb {
  height: 200px;
  margin: 0 -1.5rem 1rem -1.5rem;
}
.article-card .article-card-thumb a {
  display: block;
}
.article-card .article-card-thumb img {
  object-fit: cover;
  width: 100%;
  height: 200px;
}
.article-card h2 {
  font-weight: 600;
  font-size: 1rem;
  color: #2E2F3C;
  line-height: 1.5;
}
.article-card p {
  opacity: 0.9;
  font-size: 14px;
  color: #5C5C75;
  line-height: 1.5;
}
.card {
  border: 0;
  box-shadow: 0 6px 12px 0 rgba(50, 50, 109, 0.07);
  border-radius: 7px;
  z-index: 10;
  transition: all 0.37s;
}
.card .card-header {
  background: #FFFFFF;
  padding: 0.75rem 1.5rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(50, 50, 109, 0.07);
}
.card.o-visible {
  overflow: visible;
}
.card .card-progress {
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.card .card-header {
  background-color: transparent;
  background-clip: padding-box;
  border-color: #E9EDF4;
}
.card.has-shadow {
  border: 1px solid #231A22 !important;
  box-shadow: 2px 3px 0px #231A22;
}
.card-boxed {
  background-color: #FFFFFF;
  border: 1px solid #E9EDF4;
}
.card-boxed .card-header {
  padding: 1.5rem 1.75rem;
}
.card-boxed .card-header + .card-body {
  padding-top: 0.175rem;
}
.card-boxed .card-body {
  padding: 1.75rem 1.75rem;
}
.card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 {
  margin-bottom: 0;
}
.card .card-body p {
  margin-bottom: 1rem;
}
.card .card-body.pb-0 .card-meta {
  margin-bottom: 0.7rem;
}
.card .card-media img {
  width: 100%;
  border-radius: 0.375rem;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px, rgba(55, 56, 58, 0.08) 0px 1px 2px;
  margin-bottom: 0.5rem;
  transition: opacity 0.27s;
}
.card .card-media img:hover {
  opacity: 0.5;
}
.card .card-title {
  line-height: 1.5;
}
.card.hide-body .card-body {
  display: none;
}
.card.card-fold:before, .card.card-fold:after {
  content: "";
  display: block;
  width: 90%;
  position: absolute;
  bottom: -0.35rem;
  left: 5%;
  height: 0.35rem;
  background-color: inherit;
  box-shadow: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
  transition: all 0.27s;
}
.card.card-fold:before:before, .card.card-fold:after:before {
  width: 80%;
  bottom: -0.7rem;
  left: 10%;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.card.card-fold:before:after, .card.card-fold:after:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.card.card-fold:before:hover:before, .card.card-fold:before:active:before, .card.card-fold:after:hover:before, .card.card-fold:after:active:before {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.card.card-fold:before:hover:after, .card.card-fold:before:active:after, .card.card-fold:after:hover:after, .card.card-fold:after:active:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.card .card-footer {
  padding: 0.45rem 1.25rem;
  background-color: #F8F8F8;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.card:hover {
  box-shadow: 0 3px 6px 0 rgba(50, 50, 109, 0.04);
}

.card-meta-list > * {
  margin-right: 0.8rem;
}

.block-item {
  border: none;
  background: #FFFFFF;
  box-shadow: -1px 1px 2px 0 rgba(67, 70, 74, 0), 0 2px 2px 3px rgba(67, 86, 100, 0.04);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 1.5rem;
}

.cards-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  justify-content: center;
}
.cards-list-wrap > .card {
  min-width: 25%;
  max-width: 25%;
  padding-right: 1.5rem;
}
.cards-list-wrap > .card:last-child {
  padding-right: 0;
}
.equal-cards .card {
  height: 100%;
}
.rich-card {
  position: relative;
  min-height: 132px;
  overflow: hidden;
}
.rich-card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rich-card figcaption {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
}
.rich-card figcaption .btn {
  display: inline-flex;
  width: auto;
}
.rich-card.card-left-content figcaption {
  padding-right: 31%;
}

@media (max-width: 1024px) {
  .content-list.w-75 {
    width: 90% !important;
  }
}
.blog-list-item .article-list-content {
  position: relative;
  background: #FFFFFF;
  width: 90%;
  margin: -10% auto 0 auto;
  padding: 2rem;
}
.blog-list-item h2 {
  font-size: 1.2rem;
  line-height: 1.5;
}
.blog-list-item .read-more {
  font-weight: bold;
  text-decoration: underline;
  color: #141515;
}

.category-card {
  background-color: #FFFFFF;
  border: 1px solid #231A22;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s;
  position: relative;
}
.category-card figure {
  position: relative;
  transition: all 0.2s;
  overflow: hidden;
}
.category-card figure img {
  transition: all 0.2s;
  width: 100%;
  object-fit: cover;
}
.category-card figcaption {
  text-align: center;
  justify-content: center;
}
.category-card:hover {
  box-shadow: 2px 3px 0px #231A22;
}
.category-card:hover figure img {
  transform: scale(1.1);
}
.category-card.small-card-has-caption figcaption {
  padding: 0 0.75rem 0.75rem 0;
  text-align: right;
  justify-content: start;
}

.product-card {
  border: 1.5px solid #231A22;
  background-color: #FFFFFF;
  border-radius: 12px;
  overflow: hidden;
  margin-left: 1px;
  transition: all 0.2s;
}
.product-card figure {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.product-card figure h3 {
  margin-bottom: 8px;
}
.product-card figure .badge {
  position: absolute;
  top: 12px;
  right: 12px;
}
.product-card figure > a {
  display: flex;
  overflow: hidden;
}
.product-card figure img {
  transition: transform 0.2s;
}
.product-card .product-desc {
  color: #27272A;
  margin-bottom: 12px;
  opacity: 0.7;
}
.product-card figcaption {
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.product-card figcaption .btn {
  width: 100%;
  display: flex;
  justify-content: space-between !important;
  margin-top: 1rem;
}
.product-card figcaption .small-price-label {
  color: #B5473D;
  font-weight: bold;
}
.product-card:hover {
  box-shadow: 2px 3px 0px #231A22;
}
.product-card:hover figure img {
  transform: scale(1.2);
}
@media screen and (max-width: 518px) {
  .products-cols-row, .small-gutter-row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .products-cols-row > [class*=col-],
.products-cols-row > .col, .small-gutter-row > [class*=col-],
.small-gutter-row > .col {
    padding-right: 5px;
    padding-left: 5px;
  }
  .product-card figcaption .btn {
    margin-top: 0.5rem;
  }
  .product-card figcaption .small-price-label {
    color: #B5473D;
    font-weight: bold;
    font-size: 18px;
  }
}
.label {
  border-radius: 40px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #231A22;
}

.badge {
  border-radius: 40px;
  border: 1px solid #231A22;
}

/**-------------------------*
* Basic: Buttons
* @since 1.0.0
* @author LioIT
*--------------------------*/
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  padding: 0.7rem 1rem;
  border-radius: 90px;
  font-size: 1rem;
  transition: all 0.3s;
}
.btn:not([class*=btn-outline-]) {
  color: #FFFFFF;
}
.btn > span {
  display: inline-block;
}
.btn[class*=outline-]:focus .icon [stroke]:not([stroke=none]) {
  stroke: #FFFFFF;
}
.btn[class*=outline-]:focus .icon [fill]:not([fill=none]) {
  fill: #FFFFFF;
}
.btn.transparent {
  background: transparent;
}
.btn.has-icon {
  display: flex;
  align-items: center;
}
.btn.btn-lg.has-icon i {
  vertical-align: -2px;
  margin-top: -2px;
}
.btn.btn-md {
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
}
.btn.btn-md.has-icon i {
  vertical-align: -2px;
  margin-top: -2px;
}
.btn.btn-sm {
  padding: 0.7rem 0.7rem;
  font-size: 0.8rem;
}
.btn.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
}
.btn:hover {
  background-color: #3F3F46;
}
.btn.btn-white {
  background-color: #ffffff;
  border-color: #E9EDF4;
  color: #27272A;
}
.btn.btn-light {
  background-color: #F7F7F7;
  border-color: transparent;
  color: #27272A;
}
.btn.btn-alpha {
  background-color: rgba(235, 236, 236, 0.5);
  border-color: transparent;
  color: #27272A;
}
.btn.btn-alpha:hover {
  background-color: rgba(235, 236, 236, 0.9);
}
.btn.btn-primary {
  background-color: #141515;
  border-color: #141515;
  color: #FFFFFF;
}
.btn.btn-primary:hover {
  opacity: 0.9;
}
.btn-rounded {
  border-radius: 1rem;
  padding: auto 1rem auto 1rem;
}
.btn-rounded.btn-xs {
  padding: auto 0.8rem auto 0.8rem;
}
.btn > i svg {
  max-width: 16px;
  max-height: 16px;
  vertical-align: middle;
}
.btn > i.float-left, .btn > i.float-right {
  margin: 0;
  line-height: inherit;
}
.btn.btn-icon {
  position: relative;
  padding: 0;
  width: 1.375rem;
  height: 1.375rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-icon span {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn.btn-icon.btn-lg {
  min-height: 56px;
  width: 56px;
  height: 56px;
}
.btn.btn-icon.btn-md {
  width: 36px;
  height: 36px;
  min-height: 36px;
}
.btn.btn-icon.btn-sm {
  width: 32px;
  height: 32px;
  min-height: 32px;
}
.btn.floated-btn {
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
}

@media (max-width: 518px) {
  .btn {
    padding: 0.55rem 0.7rem;
  }
}
.btn-group > .btn {
  font-size: 12px;
  line-height: 2.4rem;
  min-height: 2.4rem;
  display: flex;
  align-items: center;
}
.btn-group > .btn input {
  margin-left: 4px !important;
}

.blur-btn {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.22) 100%), rgba(189, 189, 189, 0.1);
  backdrop-filter: blur(44px);
  border-radius: 66px;
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  color: #FFFFFF;
  font-weight: 500;
  transition: all 0.32s;
}
.blur-btn svg {
  margin-right: 0.5rem;
}
.blur-btn svg path {
  fill: #FFFFFF;
}
.blur-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.22) 100%), rgba(189, 189, 189, 0.1);
  backdrop-filter: blur(17px);
  box-shadow: 1px 2px 8px 2px rgba(0, 0, 0, 0.09);
}

@media (max-width: 518px) {
  .blur-btn {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.22) 100%), rgba(189, 189, 189, 0.1);
    backdrop-filter: blur(24px);
    padding: 0.35rem 1rem;
  }
}
.feature-col {
  display: flex;
  align-items: center;
}
.feature-col > span:first-child {
  margin-left: 1rem;
}

.feature-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.75rem 1rem;
}
.feature-card > span:first-child {
  margin-left: 1rem;
}
.feature-card h3 {
  margin-bottom: 0;
  margin-top: 12px;
}
.feature-card p {
  padding-left: 2rem;
}

@media screen and (max-width: 518px) {
  .features-marquee {
    width: 100%;
  }
  .features-marquee > div .feature-col {
    white-space: nowrap;
    animation: 4s linear 0s infinite normal none running marquee;
  }
  .feature-image {
    padding: 6px 0;
  }
  .feature-card {
    padding: 0.25rem 0.75rem;
    align-items: flex-start;
  }
  .feature-card > span:first-child {
    margin-left: 0.75rem;
    margin-top: 6px;
  }
  .feature-card > span:first-child .svg {
    width: 56px;
    height: 56px;
  }
  .feature-card h3 {
    margin-top: 8px;
  }
}
.footer > .container {
  margin-bottom: 3rem;
}

.footer-widget h6 {
  font-size: 13px;
  font-weight: 400;
}
.footer-widget ul li {
  margin-bottom: 4px;
}
.footer-widget ul li a {
  display: flex;
  padding: 4px 0;
  color: #231A22;
}
.footer-widget ul li a:hover {
  color: #141515;
}

.split-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.split-menu > li {
  width: 25%;
}

.footer-bar {
  padding-bottom: 1rem;
}
.footer-bar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-bar .container > div {
  width: 33%;
}
.footer-bar .container > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-bar ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer-bar ul li {
  margin-right: 1rem;
}
.footer-bar .social-icons .svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 992px) {
  .footer > .container {
    margin-bottom: 1rem;
  }
  .footer-bar .container {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .footer-bar .container > div {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
  }
}
.form-actions {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* ------ [ Form Tips ] -----------------*/
.form-tip {
  font-size: 13px !important;
  margin-top: 15px;
}

.wpcf7-not-valid-tip {
  position: absolute;
  bottom: 0;
  z-index: 11;
  right: 0;
  font-size: 0.8rem;
}

/* ------ [ Basic Form Styles ] -----------------*/
button,
input,
label,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input[type=checkbox], input[type=radio] {
  margin-top: 1px 0 0 0;
  line-height: normal;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

select[multiple], select[size] {
  height: auto !important;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

form legend {
  margin: 15px 0 10px;
}

.form-group {
  position: relative;
}

/* ------ [ Form Control ] -----------------*/
.bootstrap-tagsinput,
.form-control {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #A1A1AA;
  -webkit-appearance: none;
  color: #2c2c2c;
  outline: 0;
  height: 35px;
  padding: 9px 12px;
  line-height: normal;
  vertical-align: middle;
  min-height: 35px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.bootstrap-tagsinput[type=color],
.form-control[type=color] {
  padding: 0;
}

/* ------ [ Inputs Styles ] -----------------*/
.md-label {
  display: block;
  transform: translateY(24px);
  font-size: 14px;
  -webkit-transform: translateY(25px);
  -moz-transform: translateY(25px);
  transform: translateY(25px);
  transition: all 0.5s;
  padding-left: 4px;
}

.md-input {
  position: relative;
  background: transparent;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 0;
  font-size: 16px;
  resize: none;
  font-weight: 400;
}

.md-div {
  padding: 1rem 0 0 0;
  position: relative;
  transition: all 0.5s;
}
.md-div input:-webkit-autofill {
  background-color: #000 !important;
}
.md-div:after, .md-div:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.09);
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.5s linear 0s;
  -moz-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.md-div::after {
  background-color: #141515;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transform: scaleX(0);
}

.is-active,
.is-completed {
  padding: 15px 0 0;
}

.is-active::after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1);
}
.is-active .md-label {
  transform: translateY(24px);
}

.is-completed .md-label {
  font-size: 12px;
  transform: translateY(0);
  padding: 0;
}

.form-horizontal .form-group-sm .form-control,
.input-sm {
  font-size: 13px;
  min-height: 32px;
  height: 32px;
  padding: 8px 9px;
}

.form-horizontal .form-group-lg .form-control,
.input-lg {
  -webkit-border-radius: 3;
  border-radius: 3;
  font-size: 14px;
  height: 45px;
  padding: 11px 13px;
}

.form-horizontal .form-group-xlg .form-control,
.input-xlg {
  height: 51px;
  font-size: 18px;
  line-height: 22px;
}

select.input-lg, select.input-md, select.input-sm {
  line-height: normal !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  background-color: #18181B !important;
  border-color: #18181B !important;
  color: #FFFFFF !important;
  font-weight: 300;
  font-size: 1rem;
}

.sidebar ul li > a {
  display: flex;
  padding: 8px 0;
}

.side-form-wrapper {
  opacity: 0;
  visibility: hidden;
  width: 0;
}
.side-form-wrapper .side-form-container {
  width: 94%;
  height: 100%;
  margin: 0 auto;
  opacity: 0;
}
.has-scroll-scrolling .header {
  box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.08);
}

.header {
  z-index: 999999;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  width: 240px;
  height: 100%;
  padding: 2rem;
  background-color: #FFFFFF;
  border-top-right-radius: 44px;
  border-bottom-right-radius: 44px;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.header.open-contact-form {
  display: flex;
  box-shadow: 0px 16px 36px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.header.open-contact-form .side-form-wrapper {
  opacity: 1;
  visibility: visible;
}
.header.open-contact-form .hide-on-scrol {
  visibility: hidden !important;
  opacity: 0 !important;
}
.header .close-this-form {
  position: absolute;
  top: 56;
  right: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .contact-form-opened {
  background-color: #FFFFFF !important;
  border-color: #09090B !important;
}
.header .contact-form-opened .cta-link-indicator svg path {
  fill: #09090B;
}
.header.header-items-collapsed .side-header-wrapper {
  width: calc(52px + 1rem);
}
.header.header-items-collapsed .menu-item-description, .header.header-items-collapsed .hide-on-scroll, .header.header-items-collapsed .menu-item > img {
  opacity: 0;
  visibility: hidden;
  width: 0;
}
.header.header-items-collapsed .menu-main-menu-container .menu-item a img {
  position: static;
}
.header.header-items-collapsed .menu-item > img {
  position: static;
}
.header.header-items-collapsed li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.header.header-items-collapsed .menu-item a {
  width: 64px;
}
.header.header-items-collapsed .menu-item {
  text-indent: -999999px;
}
.header.header-items-collapsed .hide-on-scroll {
  opacity: 0 !important;
  visibility: hidden !important;
}
.header.header-items-collapsed .social-link:not(.hide-on-scroll) {
  display: flex;
  justify-content: center;
}
.header.header-items-collapsed .social-link > a {
  width: 64px;
  height: 44px;
  align-items: center;
  justify-content: center;
}
.header.header-items-collapsed .social-link .hide-on-scroll {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none;
}
.header.header-items-collapsed .cta-link {
  border-radius: 99px;
}

.side-header-wrapper {
  width: 100%;
  max-width: 176px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.hide-on-scroll {
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.header-menu-wrapper {
  flex-grow: 1;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}

@media (min-height: 860px) and (min-width: 1660px) {
  .header-menu-wrapper {
    padding-top: 6vh;
  }
}
.author-card {
  display: flex;
  flex-direction: column;
}
.author-card img {
  display: inline-block;
  width: 44px;
  height: 44px;
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.author-card > span {
  display: flex;
  flex-direction: column;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.author-card > span span {
  opacity: 0;
  transform: translateY(-10%);
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.brand .brand__white {
  visibility: hidden;
  display: none;
}

.header-action {
  margin-left: 4rem;
  display: flex;
  align-items: center;
}
.header-action svg + span {
  margin-left: 0.75rem;
}
.header-action.language-action > span {
  display: none;
}

.menu__opened .header-action {
  color: #141515;
}
.menu__opened .header-action a {
  color: #141515;
}
.menu__opened .menu-trigger line {
  stroke: #141515;
}
.menu__opened .menu-trigger polygon {
  fill: #141515;
}
.menu__opened .btn.btn-outline {
  background-color: #141515;
  border-color: #141515;
  color: #FFFFFF;
}

.header__nav__list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header__nav__list .menu-item {
  width: 100%;
  border-radius: 0.5rem;
  margin-bottom: 4px;
  opacity: 0;
  height: 64px;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.header__nav__list .menu-item a {
  position: relative;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 1rem;
  color: #000000;
  letter-spacing: 0;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
  border-radius: 0.5rem;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  height: 64px;
}
.header__nav__list .menu-item a .menu-item-description {
  font-size: 0.8rem;
  color: #3F3F46;
  font-weight: 300;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.header__nav__list .menu-item a img {
  position: absolute;
  top: 10px;
  left: 12px;
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.header__nav__list .menu-item:hover a {
  background-color: #FAFAFA;
}
.header__nav__list .menu-item:hover img {
  opacity: 0.8;
}
.header__nav__list .menu-item.active-item a, .header__nav__list .menu-item.current-menu-item a {
  background-color: #F4F4F5;
}

.cta-link {
  height: 52px;
}
.cta-link .cta-link-indicator {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cta-link .cta-link-indicator svg path {
  fill: #FFFFFF;
}
.cta-link .btn-icon-wrap {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 24px;
}

.social-link, .cta-link {
  opacity: 0;
  transform: translateY(10%);
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}

.header-links ul li a {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 1rem;
  color: #000000;
  letter-spacing: 0;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.header-links ul li a > span:nth-child(2) {
  flex-grow: 1;
  padding-left: 0.7rem;
}

@media (max-width: 768px) {
  .header .header-col .header-action {
    margin-left: 2rem;
  }
  .header .header-col:first-child {
    display: none;
  }
  .header .header-col.header-brand {
    justify-content: flex-start;
  }
  .header .header-col.header-brand img {
    width: 44px;
  }
  .header-menu-overlay {
    height: 100vh;
    justify-content: center;
  }
  .header-menu-overlay .header__nav__list {
    flex-direction: column;
    justify-content: space-between;
  }
  .header-menu-overlay .header__nav__list .menu-item {
    margin-bottom: 2rem;
  }
  .header-menu-overlay .header__nav__list .menu-item a {
    font-size: 24px;
  }
}
[data-pos=scrolling] .header:not(.open-contact-form) {
  width: calc(78px + 3rem) !important;
}

[data-pos=start] .home .header:not(.open-contact-form) {
  width: 240px !important;
}

[data-pos=scrolling]:not(.stop-scroll-now) .home .header, .single-post .header, .page:not(.home) .header {
  width: calc(78px + 3rem);
  box-shadow: 0px 9px 16px rgba(0, 0, 0, 0.06);
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .menu-item-description, [data-pos=scrolling]:not(.stop-scroll-now) .home .header .hide-on-scroll, [data-pos=scrolling]:not(.stop-scroll-now) .home .header .menu-item > img, .single-post .header .menu-item-description, .single-post .header .hide-on-scroll, .single-post .header .menu-item > img, .page:not(.home) .header .menu-item-description, .page:not(.home) .header .hide-on-scroll, .page:not(.home) .header .menu-item > img {
  opacity: 0 !important;
  visibility: hidden !important;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .menu-main-menu-container .menu-item a img, .single-post .header .menu-main-menu-container .menu-item a img, .page:not(.home) .header .menu-main-menu-container .menu-item a img {
  position: static;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .menu-item > img, .single-post .header .menu-item > img, .page:not(.home) .header .menu-item > img {
  position: static;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header li > a, .single-post .header li > a, .page:not(.home) .header li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .menu-item a, .single-post .header .menu-item a, .page:not(.home) .header .menu-item a {
  width: 64px;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .menu-item, .single-post .header .menu-item, .page:not(.home) .header .menu-item {
  text-indent: -999999px;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .social-link, .single-post .header .social-link, .page:not(.home) .header .social-link {
  display: flex;
  justify-content: center;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .social-link > a, .single-post .header .social-link > a, .page:not(.home) .header .social-link > a {
  width: 64px;
  height: 44px;
  align-items: center;
  justify-content: center;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .social-link .hide-on-scroll, .single-post .header .social-link .hide-on-scroll, .page:not(.home) .header .social-link .hide-on-scroll {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .cta-link, .single-post .header .cta-link, .page:not(.home) .header .cta-link {
  border-radius: 99px;
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .header .cta-link .btn-icon-wrap, .single-post .header .cta-link .btn-icon-wrap, .page:not(.home) .header .cta-link .btn-icon-wrap {
  width: 24px;
  visibility: visible;
  opacity: 1;
  position: absolute;
  transform: translate3d(0, -50%, -50%);
}
[data-pos=scrolling]:not(.stop-scroll-now) .home .single .main, [data-pos=scrolling]:not(.stop-scroll-now) .home .page .main, .single-post .single .main, .single-post .page .main, .page:not(.home) .single .main, .page:not(.home) .page .main {
  padding-left: calc(78px + 3rem) !important;
}

.single-post .author-card .hide-on-scroll, .page-template-blog .author-card .hide-on-scroll {
  display: none;
}

.mobile-header {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 999999;
  height: 13rem;
  background-color: #FFFFFF;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
  box-shadow: 0px -16px 36px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
}
.mobile-header .side-header-wrapper {
  visibility: hidden;
  opacity: 0;
  padding: 0 1rem;
}
.mobile-header .mb-header-container {
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.2rem;
}
.mobile-header .mb-header-container .author-card img {
  width: 36px;
  height: 36px;
}
.mobile-header .side-header-wrapper {
  padding-top: 3rem;
}
.mobile-header .mobile-menu-cta {
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mobile-header .mobile-menu-cta > .btn {
  width: calc(50% - 0.5rem);
}
.mobile-header.open-mobile-menu {
  padding-bottom: 2rem;
}
.mb-menu-trigger {
  font-weight: 600;
}

@media screen and (max-width: 518px) {
  .single .mobile-header, .page:not(.home) .mobile-header, .category .mobile-header {
    bottom: -4rem;
  }
  .single .wrapper, .page:not(.home) .wrapper, .category .wrapper {
    padding-bottom: 9rem;
  }
}
.list__social {
  display: flex;
}
.list__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #141515;
}

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

ul.list {
  list-style: square;
  padding: 1rem;
}
ul.list li {
  padding: 0.5rem 0;
}

.list-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  transition: background-color 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.list-content {
  padding: 1rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-pack: center;
  justify-content: center;
}
.list-item.block .list-content {
  padding: 1rem;
}

.list-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.list-footer {
  margin-top: 0.5rem;
}

.list-title {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  display: block;
  color: inherit;
}

.list-hover-overlay .media,
.list-overlay .media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}
.list-hover-overlay .media:after,
.list-overlay .media:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
.list-hover-overlay .list-content,
.list-overlay .list-content {
  position: relative;
  padding: 1rem;
  z-index: 1;
}
.list-hover-overlay .list-body,
.list-overlay .list-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.list-hover-overlay .list-body .list-title,
.list-overlay .list-body .list-title {
  margin-top: auto;
}

.list-hover-overlay.active .media, .list-hover-overlay:active .media, .list-hover-overlay:hover .media {
  display: block;
}
.list-hover-overlay .media {
  display: none;
}

.list-hover-overlay.active,
.list-hover-overlay:active,
.list-hover-overlay:hover,
.list-overlay {
  color: #fff;
}
.list-hover-overlay.active a:active,
.list-hover-overlay.active a:hover,
.list-hover-overlay:active a:active,
.list-hover-overlay:active a:hover,
.list-hover-overlay:hover a:active,
.list-hover-overlay:hover a:hover,
.list-overlay a:active,
.list-overlay a:hover {
  color: #fff;
}
.list-hover .list-item.active, .list-hover .list-item:hover {
  background-color: #F8F8F8 !important;
}
.list-hover .list-item.active .media, .list-hover .list-item:hover .media {
  color: color-yiq(#F8F8F8);
}
.list-hover .list-item.active .media:after, .list-hover .list-item:hover .media:after {
  position: relative;
  z-index: 1;
  background-color: #F8F8F8;
  background: linear-gradient(180deg, rgba(248, 248, 248, 0.5), #F8F8F8);
}

.list-overlay-content {
  color: #fff;
}
.list-overlay-content a:hover {
  color: #fff;
}
.list-overlay-content .media:after {
  background-color: rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 1;
}
.list-overlay-content .list-content {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
}

.list-row .list-item {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 0;
}
.list-row .list-item > *:not(:last-child) {
  padding-right: 1rem;
}
.list-row .list-item .list-item-col {
  min-width: 16%;
  display: flex;
  flex-direction: column;
  padding: 0 1.2rem;
}
.list-row.list-padding .list-item {
  padding: 0.75rem 1rem;
}
.list-row.list-padding-lt .list-item {
  padding: calc(0.75rem * 1.5) calc(1rem * 1.5);
}

.list-bordered h3 {
  padding-bottom: 12px;
}
.list-bordered .list-item {
  border: 1px solid #E9EDF4;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: box-shadow 0.3s;
  border-radius: 8px;
  margin-bottom: 8px;
}
.list-bordered .list-item:hover {
  box-shadow: 0px 16px 12px -42px rgba(0, 0, 0, 0.02), 0px 3px 7px 13px rgba(0, 0, 0, 0.02);
}

.list-favorites {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.list-favorites > * {
  margin: 8px;
}
.list-favorites > *:nth-child(5n) {
  margin-right: 0;
}

.side-list {
  display: flex;
  flex-direction: column;
}
.side-list > li a {
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid rgba(35, 26, 34, 0.15);
}

@media screen and (max-width: 512px) {
  .list-row h3.h2 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .list-row .list-item {
    flex-wrap: wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .list-row .list-item .list-item-col {
    padding: 0 0.75rem;
  }
  .list-row .list-item .list-item-col.flex-grow-1 {
    width: 100%;
    margin-bottom: 4px;
  }
  .list-row .list-item .list-item-col:first-child span {
    margin-bottom: 4px;
  }
  .list-row .list-item .list-item-col:last-child {
    width: 100%;
    justify-content: center;
    align-items: center !important;
    padding-top: 16px;
  }
  .list-row .list-item .list-item-col:last-child .btn {
    width: 100%;
  }
}
/*
Modal 
*/
.modal.fade .modal-left,
.modal.fade .modal-right,
.modal.fade .modal-top,
.modal.fade .modal-bottom {
  position: fixed;
  z-index: 1055;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  max-width: 100%;
}
.modal.fade .modal-left {
  right: auto !important;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.fade .modal-right {
  left: auto !important;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.fade .modal-top {
  bottom: auto !important;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal.fade .modal-bottom {
  top: auto !important;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.modal.fade.show .modal-left,
.modal.fade.show .modal-right,
.modal.fade.show .modal-top,
.modal.fade.show .modal-bottom {
  transform: translate3d(0, 0, 0);
}
.modal.fade.inactive {
  bottom: auto;
  overflow: visible;
}

.modal-open-aside {
  overflow: visible;
}

.modal-header,
.modal-content,
.modal-footer {
  border-color: #E9EDF4;
}

.modal-dialog > * {
  pointer-events: auto;
}

.modal-close-btn {
  position: absolute;
  top: 0;
  right: 0;
}

/*
Modal animation 
*/
.modal .modal-dialog {
  transform: translate(0, 0);
}
.modal .fade-right {
  animation: fadeInLeft 0.5s;
  animation-direction: reverse;
}
.modal .fade-left {
  animation: fadeInRight 0.5s;
  animation-direction: reverse;
}
.modal .fade-up {
  animation: fadeInDown 0.5s;
  animation-direction: reverse;
}
.modal .fade-down {
  animation: fadeInUp 0.5s;
  animation-direction: reverse;
}
.modal.show .fade-right {
  animation: fadeInRight 0.5s;
}
.modal.show .fade-left {
  animation: fadeInLeft 0.5s;
}
.modal.show .fade-up {
  animation: fadeInUp 0.5s;
}
.modal.show .fade-down {
  animation: fadeInDown 0.5s;
}

.section-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hotspot-products {
  position: relative;
}

.HotspotPlugin_Hotspot {
  background-color: #B5473D;
  border: 2px solid #FFFFFF;
}
.HotspotPlugin_Hotspot > div {
  background: #FFFFFF;
  border: 1px solid #231A22;
  box-shadow: 2px 3px 0px #231A22;
  border-radius: 8px;
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrapped-title {
  background: #B8F1D9;
  border: 1px solid #231A22;
  box-shadow: 2px 3px 0px #231A22;
  border-radius: 8px;
  padding: 12px 1rem;
}

@media screen and (min-width: 769px) {
  .section-has-side {
    overflow: hidden;
  }
  .section-has-side .side-section-image {
    width: 40vw;
    height: 100%;
    border-left: 1px solid #231A22;
  }
  .section-has-side.side-half-section .side-section-image {
    width: 50vw;
  }
  .section-has-side.left-side-section .side-section-image {
    right: unset;
    left: 0;
    border-left: unset;
    border-right: 1px solid #231A22;
  }
}
.section-has-side {
  position: relative;
}
.section-has-side .section-content {
  position: relative;
  z-index: 9;
}
.section-has-side .side-section-image {
  position: absolute;
  top: 0;
  right: 0;
}
.section-has-side .side-section-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .section-has-side .side-section-image {
    height: 190px;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #231A22;
    border-right: unset;
  }
  .section-has-side .section-content {
    padding-bottom: 2rem;
  }
  .rooms-row {
    flex-direction: column-reverse;
  }
}
.centered-section-title > span:first-child {
  margin-left: 12px;
}

.has-scrollable-image {
  position: relative;
  overflow: hidden;
}

.scrollable-section-image {
  position: absolute;
  top: -50%;
  left: -10%;
  width: 50%;
  height: 100%;
}
.scrollable-section-image img {
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .scrollable-section-image {
    position: absolute;
    top: -20%;
    left: -40%;
    width: 100%;
    height: 100%;
  }
}
.instagram-feed {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.instagram-feed > img {
  width: calc(16.6666666667% - 1px);
  margin-left: 0.5px;
  margin-right: 0.5px;
}

.inline-newsletter {
  display: inline-flex;
  align-items: center;
  min-width: 300px;
}
.inline-newsletter .form-group {
  width: 100%;
  display: flex;
  align-items: center;
}
.inline-newsletter input[type=text] {
  margin-left: 8px;
  margin-top: 2px;
}
@media screen and (min-width: 1200px) {
  .inline-newsletter {
    min-width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .newsletter-row {
    flex-direction: column-reverse;
    padding-top: 3rem;
  }
  .newsletter-row .side-section-image {
    height: 180px;
  }
  .newsletter-row .section-content {
    display: flex;
    flex-direction: column;
  }
  .newsletter-row .section-content br {
    display: none;
  }
  .newsletter-row .inline-newsletter {
    width: 100%;
    display: flex;
  }
  .newsletter-row .form-group {
    width: 100%;
  }
}
.main-categories, .products-cols, .side-section-products, .side-section-rooms {
  position: relative;
}
.main-categories .swiper-container, .products-cols .swiper-container, .side-section-products .swiper-container, .side-section-rooms .swiper-container {
  padding-bottom: 2rem;
}

.plants-types-alpha {
  display: flex;
  align-items: center;
}
.plants-types-alpha > span {
  font-weight: bold;
}
.plants-types-alpha ul {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.plants-types-alpha ul li {
  display: flex;
  align-items: center;
}
.plants-types-alpha ul li:not(:last-child) {
  border-left: 1px solid #231A22;
}
.plants-types-alpha ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  font-weight: bold;
}
.plants-types-alpha ul li a:hover {
  background-color: #E8CAB0;
}

.pop-plants {
  padding-bottom: 1rem;
}
.has-shifted-row {
  margin-bottom: 136px;
}

.popular-plants {
  margin-bottom: -136px;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  border: 2px solid #231A22;
  margin: 0 2px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: 1px 1px 0px #231A22;
}

.swiper-button-next, .swiper-button-prev {
  width: 44px;
  height: 44px;
  background: #F5F5F4;
  border: 1px solid #231A22;
  box-shadow: 2px 3px 0px #231A22;
  border-radius: 50%;
  background-image: unset !important;
  transform: translateY(-75%);
}

@media screen and (max-width: 518px) {
  .swiper-button-next, .swiper-button-prev {
    display: none;
  }
  .main-categories-swiper {
    overflow: visible;
  }
  .main-categories-swiper .swiper-slide {
    width: 40%;
  }
  .products-cols-swiper, .side-products {
    overflow: visible;
  }
  .products-cols-swiper .swiper-slide, .side-products .swiper-slide {
    width: 47%;
  }
}
.table {
  margin-bottom: 0;
}
.table > thead > tr > th {
  border-width: 0;
}
.table.table-condensed thead > tr > th,
.table.table-condensed tbody > tr > th,
.table.table-condensed tfoot > tr > th,
.table.table-condensed thead > tr > td,
.table.table-condensed tbody > tr > td,
.table.table-condensed tfoot > tr > td {
  padding: 5px;
}
.table.table-bordered {
  border-color: #E9EDF4;
}
.table.table-striped > tbody > tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.025);
  background-clip: padding-box;
}
.table.table-striped > thead > th {
  background-color: rgba(0, 0, 0, 0.025);
  border-right: 1px solid rgba(0, 0, 0, 0.025);
}
.table.table-striped > thead > th:last-child {
  border-right: none;
}
.table.table-hover tr td {
  transition: background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.table.table-hover tr:hover td {
  background-color: rgba(135, 150, 165, 0.035);
}
.table.v-middle th, .table.v-middle td {
  vertical-align: middle;
}

.fixed-table-loading {
  display: flex;
  padding: 1rem 0;
  display: none;
}

.table-theme {
  border-spacing: 0;
}
.table-theme thead {
  font-size: 0.7rem;
  text-transform: uppercase;
}
.table-theme thead th {
  border-bottom-width: 0;
}
.table-theme.table-header-bg thead {
  background-color: #F3F6F9;
}
.table-theme.table-header-bg thead tr:last-child, .table-theme.table-header-bg thead th:last-child {
  border-top-right-radius: 0.42rem;
  border-bottom-right-radius: 0.42rem;
}
.table-theme.table-header-bg thead tr:first-child, .table-theme.table-header-bg thead th:first-child {
  border-top-left-radius: 0.42rem;
  border-bottom-left-radius: 0.42rem;
}
.table-theme tbody td {
  background-color: #FFFFFF;
  border-width: 0;
}
.table-theme tbody td:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
.table-theme tbody td:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}

.table-row {
  border-spacing: 0 10px;
  border-collapse: separate;
}
.table-row thead th {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.table-row td {
  border-color: transparent;
}

.sorting-asc,
.sorting-desc,
.sorting,
.sortable {
  position: relative;
  cursor: pointer;
  padding-right: 1rem;
}
.sorting-asc:before, .sorting-asc:after,
.sorting-desc:before,
.sorting-desc:after,
.sorting:before,
.sorting:after,
.sortable:before,
.sortable:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  height: 0;
  width: 0;
  border-top: 3px solid;
  border-right: 3px solid transparent;
  border-bottom: 0;
  border-left: 3px solid transparent;
}
.sorting-asc:after,
.sorting-desc:after,
.sorting:after,
.sortable:after {
  margin-top: -4px;
  border-top: 0;
  border-bottom: 3px solid;
}
.sorting-asc.asc:after,
.sorting-desc.asc:after,
.sorting.asc:after,
.sortable.asc:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sorting-asc.desc:after,
.sorting-desc.desc:after,
.sorting.desc:after,
.sortable.desc:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sorting_asc:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sorting_desc:after {
  opacity: 1;
  filter: alpha(opacity=100);
}

.lio-table {
  display: table;
  width: 100%;
}
.lio-table .lio-table-row {
  display: table-row;
  -webkit-transition: background-color 0.2s, box-shadow 0.35s, transform 0.35s;
  -moz-transition: background-color 0.2s, box-shadow 0.35s, transform 0.35s;
  transition: background-color 0.2s, box-shadow 0.35s, transform 0.35s;
}
.lio-table .lio-table-row > div {
  background-color: #fff;
}
.lio-table .lio-table-row > div:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.lio-table .lio-table-row > div:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.lio-table .lio-table-row .lio-table-col {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 1rem 1.5rem;
}
.lio-table .lio-table-row.lio-table-head .lio-table-col {
  padding: 0.75rem 1.5rem;
  font-size: 90%;
}
.lio-table .lio-table-row:not(.lio-table-head):hover {
  border: 1px solid #E9EDF4;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 3px 14px;
}
.lio-table .tiny-col {
  max-width: 4rem;
}
.lio-table.is-separate {
  margin-top: -8px;
  border-collapse: separate;
  border-spacing: 0 8px;
}
.lio-table.tiny-start-last .lio-table-row > div:first-child {
  width: 2rem;
  padding-right: 0;
}
.lio-table.tiny-start-last .lio-table-row > div:last-child {
  width: 2rem;
  padding-left: 0;
}

.nav-tabs {
  border-bottom: 0;
}

.sh-tabs {
  background: #FFFFFF;
  box-shadow: -10px -2px 31px 2px rgba(50, 50, 109, 0.08);
  border-radius: 9px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem;
}
.sh-tabs > li {
  min-width: 140px;
}
.sh-tabs > li a {
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 8px 0;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #353645;
  text-align: center;
}
.sh-tabs > li a.active {
  background-color: #141515;
  color: #fff;
}

.vertical-tabs {
  display: flex;
  flex-wrap: wrap;
}
.vertical-tabs > ul {
  width: 40%;
}
.vertical-tabs > div {
  width: 60%;
}
.vertical-tabs > div img {
  max-width: 100%;
}
.vertical-tabs .vr-tabs {
  flex-direction: column;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .vertical-tabs > ul {
    width: 100%;
  }
  .vertical-tabs > div {
    width: 100%;
  }
  .vertical-tabs .vr-tabs {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.steps-tabs > li {
  padding: 1rem 0;
}
.steps-tabs > li a {
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
.steps-tabs > li a img {
  max-width: 70px;
  margin-left: 0.2rem;
}
.steps-tabs > li a > span:first-child {
  background: #FFFFFF;
  border: 2px solid #DCE5FF;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.steps-tabs > li a.active {
  font-weight: bold;
  color: #141515;
}
.steps-tabs > li a.active > span:first-child {
  background-color: #141515;
  color: #FFFFFF;
}

.fancy-tabs > li {
  width: 32%;
  margin-right: 1%;
}
.fancy-tabs a {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  min-height: 60px;
  padding: 1rem;
  align-items: center;
  background: #FFFFFF;
  border-radius: 7px;
}
.fancy-tabs a svg, .fancy-tabs a img {
  margin-bottom: 0.5rem;
  width: 44px;
  height: 44px;
  opacity: 0.5;
}
.fancy-tabs a.active {
  background-color: #FFFFFF;
  box-shadow: -10px 23px 41px 14px rgba(50, 50, 109, 0.07);
  color: #141515;
  font-weight: 600;
}
.fancy-tabs a.active img {
  opacity: 1;
}

/* Article Header */
.article-header {
  width: calc(100vw - 10rem);
  height: calc(80vh - 2rem);
  padding: 1rem 0;
  position: relative;
}
.article-header .container {
  margin: 0px auto 1rem;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article-header .main-featured-image {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.article-header .main-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.article-header .badge {
  color: #FFFFFF !important;
  padding: 6px 16px;
  border-radius: 16px;
  border-color: #FFFFFF !important;
}
.article-header .back-to-blog {
  position: absolute;
  top: 3rem;
  left: 4rem;
  z-index: 99;
}
.article-header .entry-details {
  position: absolute;
  bottom: 1rem;
  left: 4rem;
  padding: 3.5rem;
  z-index: 9;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 640px;
  min-width: 512px;
}
.article-header .entry-details.has-bg-blur {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
  box-shadow: 0px 11px 41px 0px rgba(0, 0, 0, 0.05), 0px -1px 0px 0px rgba(255, 255, 255, 0.25) inset;
  backdrop-filter: blur(47px);
  border-radius: 16px;
}
.article-header .entry-details h1 {
  color: #FFFFFF;
  font-size: 2.4rem;
  font-weight: 700;
}

@media screen and (max-width: 815px) {
  .article-header {
    width: calc(100vw - 2rem);
    height: 40vh;
  }
  .article-header .entry-details {
    padding: 2rem 4vw;
  }
  .article-header .entry-details h1 {
    font-size: 1.4rem;
  }
}
.article-meta {
  font-size: 0.9rem;
}

.single-sidebar {
  padding-top: 2rem;
}

.page-template-blog .article-header, .category .article-header {
  width: 100vw;
  height: 30vh;
}
.page-template-blog .article-header .main-featured-image, .category .article-header .main-featured-image {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
}
.page-template-blog .article-header .main-featured-image img, .category .article-header .main-featured-image img {
  filter: grayscale(100%);
}
.page-template-blog .article-header .entry-details, .category .article-header .entry-details {
  left: 1.5rem;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 0;
}
.page-template-blog .article-header .back-to-blog, .category .article-header .back-to-blog {
  top: 3rem;
  left: 1.5rem;
}
.page-template-blog .section-container, .category .section-container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-top: 1.5rem;
}

@media screen and (min-width: 1024px) {
  .page-template-blog .has-scroll-smooth [data-scroll-container] {
    width: 100vw !important;
    overflow-x: hidden;
  }
  .page-template-blog .article-header {
    margin-left: calc(78px + 3rem);
    width: calc(100vw - (78px + 3rem));
    height: 40vh;
  }
  .page-template-blog .article-header .entry-details {
    left: 4rem;
  }
  .page-template-blog .section-container {
    padding-right: 4rem;
    padding-left: 4rem;
    padding-top: 3rem;
  }
}
.share-post {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}
.share-post a {
  background-color: #F7DC99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.share-post a svg {
  width: 20px;
}
.share-post a svg path {
  fill: #FFFFFF;
}

/* Post inner*/
.post-inner {
  padding: 0 0 2.5rem 0;
}

.related-articles {
  background-color: #FAFAFA;
  padding: 2rem;
  border-radius: 12px;
}
.related-articles h3 {
  font-size: 1.2rem;
}

.related-articles-list .h4 {
  font-size: 1rem;
}

@media (min-width: 1024px) {
  .side-bar-holder {
    display: grid;
    grid-template-columns: 20% 80%;
  }
}
.related-articles {
  max-width: 50rem;
  width: calc(100% - 4rem);
  margin: 0 auto;
}

@media (max-width: 768px) {
  .article-header {
    padding-top: 60px;
  }
  .article-header .container {
    width: 100%;
    flex-direction: column;
  }
  .article-header .back-to-blog {
    position: absolute;
    top: 2rem;
    left: 2rem;
  }
  .article-header .main-featured-image {
    width: 100%;
  }
  .article-header .entry-details {
    min-width: calc(100% - 2rem);
    width: 84%;
    padding: 1.5rem;
    left: 2rem;
    bottom: 0;
  }
  .article-header .entry-details .entry-title {
    font-size: 1.2rem;
  }
  .single-sidebar {
    padding-top: 0;
  }
  .share-post {
    flex-direction: row;
  }
  .share-post a {
    margin-right: 0.5rem;
    width: 40px;
    height: 40px;
  }
}
/* Post Nav Link */
.nav-links {
  border-radius: 0.4rem;
  display: flex;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 1;
  margin: 0 2rem;
  justify-content: space-between;
  background-color: #09090B;
  color: #FAFAFA;
  border-radius: 16px 16px 0px 0px;
}
.nav-links > div {
  width: 50%;
}
.nav-links span.label {
  padding: 1em 0;
  color: #FFFFFF;
}
.nav-links a {
  color: #FFFFFF;
}
.nav-links svg path {
  fill: #FFFFFF;
}
.nav-links > * {
  color: #FFFFFF;
}
.nav-links > div {
  color: #FFFFFF;
  padding: 2rem 4rem 3rem 4rem;
  position: relative;
}
.nav-links > div:hover {
  color: #FFFFFF;
}
.nav-links > div:hover .post-title {
  color: #FFFFFF;
}
.nav-links > div:hover .meta-nav {
  color: #FFFFFF;
}
.nav-links > div:hover svg path {
  fill: #FFFFFF;
}
.nav-links .nav-next {
  text-align: right;
}
.nav-links .meta-nav {
  display: inline-flex;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0.35rem;
}
.nav-links .post-title {
  display: inline-flex;
  font-size: 1.2rem;
  width: 80%;
}
.nav-links svg {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-12px);
}
.nav-links .nav-next svg {
  left: unset;
  right: 1rem;
}

@media (max-width: 769px) {
  .nav-links {
    margin: 2rem 0 0 0;
  }
  .nav-links .post-title {
    display: none;
  }
  .nav-links .meta-nav {
    margin-bottom: 0;
    font-weight: 500;
  }
  .nav-links > div {
    width: 50%;
    padding: 1.5rem 3rem;
  }
}
/* Single Pagination  */
.pagination-single {
  font-size: 1.8rem;
  margin-top: 5rem;
}

.pagination-single-inner {
  display: flex;
  flex-direction: column;
}

.pagination-single hr:first-child {
  margin: 0 0 2.8rem 0;
}

.pagination-single hr:last-child {
  margin: 2.8rem 0 0.8rem 0;
}

.pagination-single a {
  align-items: baseline;
  display: flex;
  font-weight: 600;
  letter-spacing: -0.0275em;
  text-decoration: none;
  flex: 1;
}

.pagination-single a + a {
  margin-top: 1rem;
}

.pagination-single a .arrow {
  margin-right: 1rem;
}

.pagination-single a:focus .title,
.pagination-single a:hover .title {
  text-decoration: underline;
}

/* GALLERIES */
.gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 3em 0 3em -0.8em;
  width: calc(100% + 1.6em);
}

.gallery-item {
  margin: 0.8em 0;
  padding: 0 0.8em;
  width: 100%;
}

.gallery-caption {
  display: block;
  margin-top: 0.8em;
}

/* Cover header */
.cover-header {
  display: flex;
  overflow: hidden;
}

.cover-header-inner-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}

.cover-header-inner {
  padding: 10rem 0 5rem 0;
  width: 100%;
}

.cover-color-overlay,
.cover-color-overlay::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.cover-color-overlay::before {
  background: currentColor;
  content: "";
  display: block;
}

.cover-header .entry-header {
  position: relative;
  width: 100%;
  z-index: 1;
}

.cover-header .entry-header * {
  color: #fff;
}

body.template-cover .entry-header {
  background: transparent;
  padding: 0;
}

.cover-header h1,
.cover-header h2,
.cover-header h3,
.cover-header h4,
.cover-header h5,
.cover-header h6,
.cover-header .faux-heading {
  color: inherit;
}

.cover-header .entry-header a {
  color: inherit;
}

.wp-block-image img {
  height: auto;
}

.image-has-pattern figure {
  position: relative;
  height: 100%;
}
.image-has-pattern figure::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10%;
  left: -11%;
  z-index: -1;
  background-image: url(../images/pattern-3.webp);
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.image-has-pattern figure::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  right: -12px;
  z-index: -1;
  background-color: #141515;
  width: 80%;
  height: 80%;
}
.image-has-pattern.right-pattern figure::before {
  left: unset;
  right: -11%;
}
.image-has-pattern.right-pattern figure::after {
  background-color: #F7DC99;
  bottom: -12px;
  right: unset;
  left: -12px;
}

@media (max-width: 767px) {
  .wp-block-image img {
    height: auto;
  }
}
/*Fullwidth*/
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width [class*=__inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 80vw;
}

body.template-full-width .entry-content .alignleft,
body.template-full-width .entry-content .alignright {
  position: static;
}

body.template-full-width .entry-content .alignleft,
body.template-full-width [class*=wp-block].alignwide [class*=__inner-container] > .alignleft,
body.template-full-width [class*=wp-block].alignwide [class*=__inner-container] > p .alignleft,
body.template-full-width [class*=wp-block].alignwide [class*=__inner-container] > .wp-block-image .alignleft {
  /*rtl:ignore*/
  margin-left: 0;
  position: static;
}

body.template-full-width .entry-content > .alignleft,
body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .alignleft,
body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > p .alignleft,
body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .wp-block-image .alignleft {
  /*rtl:ignore*/
  margin-left: 2rem;
  position: static;
}

body.template-full-width .entry-content .alignright,
body.template-full-width [class*=wp-block].alignwide [class*=__inner-container] > .alignright,
body.template-full-width [class*=wp-block].alignwide [class*=__inner-container] > p .alignright,
body.template-full-width [class*=wp-block].alignwide [class*=__inner-container] > .wp-block-image .alignright {
  /*rtl:ignore*/
  margin-right: 0;
  position: static;
}

body.template-full-width .entry-content > .alignright,
body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .alignright,
body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > p .alignright,
body.template-full-width [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .wp-block-image .alignright {
  /*rtl:ignore*/
  margin-right: 2rem;
  position: static;
}

/* Block Colors ------------------------------ */
.has-text-color a {
  color: inherit;
}

/* CUSTOM COLORS */
:root .has-accent-color {
  color: #cd2653;
}

:root .has-accent-background-color {
  background-color: #cd2653;
  color: #fff;
}

:root .has-primary-color {
  color: #000;
}

:root .has-primary-background-color {
  background-color: #000;
  color: #f5efe0;
}

:root .has-secondary-color {
  color: #6d6d6d;
}

:root .has-secondary-background-color {
  background-color: #6d6d6d;
  color: #fff;
}

:root .has-subtle-background-color {
  color: #dcd7ca;
}

:root .has-subtle-background-background-color {
  background-color: #dcd7ca;
  color: #000;
}

:root .has-background-color {
  color: #f5efe0;
}

:root .has-background-background-color {
  background-color: #f5efe0;
  color: #000;
}

/* Block Typography Classes ------------------ */
.has-text-align-left {
  /*rtl:ignore*/
  text-align: left;
}

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

.has-text-align-right {
  text-align: right;
}

.has-drop-cap:not(:focus)::first-letter {
  color: #cd2653;
  font-size: 5.1em;
  font-weight: 800;
  margin: 0.05em 0.1em 0 0;
}

.has-drop-cap:not(:focus)::first-letter::after {
  content: "";
  display: table;
  clear: both;
}

.has-drop-cap:not(:focus)::after {
  padding: 0;
}

/* Block Font Families ----------------------- */
/* Block Font Sizes -------------------------- */
.entry-content .has-small-font-size {
  font-size: 0.842em;
}

.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
  font-size: 1em;
}

.entry-content .has-medium-font-size {
  font-size: 1.1em;
  line-height: 1.45;
}

.entry-content .has-large-font-size {
  font-size: 1.25em;
  line-height: 1.4;
}

.entry-content .has-larger-font-size {
  font-size: 1.5em;
  line-height: 1.3;
}

/* Block: Base Margins ----------------------- */
*[class*=_inner-container] > *:first-child {
  margin-top: 0;
}

*[class*=_inner-container] > *:last-child {
  margin-bottom: 0;
}

/* Block: Shared Nesting Alignment Resets ---- */
[class*=__inner-container] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*=__inner-container] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
  margin-left: auto;
  margin-right: auto;
  max-width: 86%;
}

/* Block: List --------------- */
.entry-content ul:not([class]) li {
  display: flex;
  align-items: center;
}
.entry-content ul:not([class]) li::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #141515;
  border-radius: 12px;
  margin-right: 12px;
}

/* Block: Shared Widget Styles --------------- */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-latest-comments {
  list-style: none;
  margin-left: 0;
}

.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul,
.wp-block-latest-comments ul {
  list-style: none;
}

.entry-content .wp-block-archives > li,
.entry-content .wp-block-categories > li,
.entry-content .wp-block-latest-posts > li,
.entry-content .wp-block-latest-comment > li {
  margin-left: 0;
}

.entry-content .wp-block-archives > li:last-child,
.entry-content .wp-block-categories > li:last-child,
.entry-content .wp-block-latest-posts > li:last-child,
.entry-content .wp-block-latest-comment > li:last-child {
  margin-bottom: 0;
}

.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments * {
  font-family: inherit;
}

.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li {
  color: #6d6d6d;
}

.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
  font-weight: 400;
  text-decoration: none;
}

.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
  text-decoration: underline;
}

.wp-block-latest-posts a,
.wp-block-latest-comments__comment-meta {
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
  color: #6d6d6d;
  font-size: 0.7em;
  font-weight: 600;
  letter-spacing: normal;
  margin-top: 0.15em;
}

/* Block: Shared Media Styles ---------------- */
.wp-block-embed iframe {
  width: 100%;
}

.wp-block-embed figcaption,
.wp-block-image figcaption {
  color: #6d6d6d;
  font-size: 1.4rem;
  margin-bottom: 0;
  margin-top: 1.5rem;
}

/* Block: Audio ------------------------------ */
.wp-block-audio audio {
  width: 100%;
}

/* Block: Button ----------------------------- */
.wp-block-button {
  margin: 3rem 0;
}

.wp-block-button.is-style-outline {
  color: #cd2653;
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
  color: inherit;
}

.is-style-outline .wp-block-button__link {
  padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
}

/* Block: Columns ---------------------------- */
.wp-block-columns.alignfull,
.alignfull:not(.has-background) .wp-block-columns {
  padding-left: 2rem;
  padding-right: 2rem;
}

.wp-block-column {
  margin-bottom: 3.2rem;
}

@media screen and (max-width: 600px) {
  .wp-block-columns.mobile-reverse {
    flex-direction: column-reverse;
  }
  .wp-block-columns.mobile-reverse .wp-block-image figure {
    margin-bottom: 2rem;
  }
  .wp-block-image .alignleft {
    margin-left: 0;
  }
  .wp-block-image .alignright {
    margin-right: 0;
  }
}
.wp-block-column > *:first-child {
  margin-top: 0;
}

.wp-block-column > *:last-child {
  margin-bottom: 0;
}

/* Block: Cover ------------------------------ */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  width: calc(100% - 4rem);
  padding: 2rem 0;
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
  max-width: 100%;
  padding: 0;
}

.wp-block-cover-image h2,
.wp-block-cover h2 {
  font-size: 3.2rem;
}

/* Block: Embed ------------------------------ */
/* Block: File ------------------------------- */
.wp-block-file {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wp-block-file a:not(.wp-block-file__button) {
  font-weight: 400;
  text-decoration: none;
}

.wp-block-file a:not(.wp-block-file__button):not(:last-child) {
  margin-right: 1rem;
}

.wp-block-file a:not(.wp-block-file__button):focus,
.wp-block-file a:not(.wp-block-file__button):hover {
  text-decoration: underline;
}

.wp-block-file .wp-block-file__button {
  font-size: 1rem;
  padding: 1em 1.25em;
}

.wp-block-file a.wp-block-file__button:visited {
  opacity: 1;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Block: Gallery ---------------------------- */
.wp-block-gallery ul {
  list-style: none;
  margin: 0 0 -1rem 0;
}

figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

figure.wp-block-gallery.alignleft {
  margin: 0.3rem 2rem 2rem 0;
}

figure.wp-block-gallery.alignright {
  margin: 0.3rem 0 2rem 2rem;
}

figure.wp-block-gallery.alignwide {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

figure.wp-block-gallery.alignfull {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

/* Block: Group ------------------------------ */
.wp-block-group.has-background {
  padding: 2rem;
  margin-bottom: 0;
  margin-top: 0;
}

.wp-block-group__inner-container {
  margin: 0 auto;
}

.wp-block-group__inner-container,
.entry-content .wp-block-group p {
  max-width: 100%;
}

.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Block: Image ------------------------------ */
/* Block: Media And Text --------------------- */
.wp-block-media-text .wp-block-media-text__content {
  padding: 3rem 2rem;
}

.wp-block-media-text .wp-block-media-text__content p {
  max-width: none;
}

.wp-block-media-text__content > *:first-child {
  margin-top: 0;
}

.wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}

/* Block: Pullquote -------------------------- */
/* STYLE: DEFAULT */
.entry-content .wp-block-pullquote {
  padding: 0;
  position: relative;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
  max-width: calc(100% - 4rem);
}

.wp-block-pullquote::before {
  background: #fff;
  border-radius: 50%;
  color: #cd2653;
  content: "”";
  display: block;
  font-size: 6.2rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 auto 1.5rem auto;
  text-align: center;
  height: 4.4rem;
  width: 4.4rem;
}

.reduced-spacing .wp-block-pullquote::before {
  border: 0.1rem solid currentColor;
  font-size: 5.9rem;
}

.wp-block-pullquote blockquote {
  border: none;
  margin: 0;
  padding: 0;
}

.wp-block-pullquote blockquote p {
  font-family: inherit;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.178571429;
  letter-spacing: -0.041785714em;
  max-width: 100%;
}

.wp-block-pullquote p:last-of-type {
  margin-bottom: 0;
}

.wp-block-pullquote cite {
  color: #6d6d6d;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 1.2rem;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
  font-size: 2.8rem;
}

.wp-block-pullquote.alignleft {
  text-align: left;
}

.wp-block-pullquote.alignright {
  text-align: right;
}

.wp-block-pullquote.alignleft::before {
  margin-left: 0;
}

.wp-block-pullquote.alignright::before {
  margin-right: 0;
}

/* STYLE: SOLID BACKGROUND COLOR */
.wp-block-pullquote.is-style-solid-color {
  padding: 3rem 2rem;
}

.wp-block-pullquote.is-style-solid-color::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
  transform: translateY(-50%);
}

.wp-block-pullquote.is-style-solid-color.alignleft::before {
  left: 2rem;
}

.wp-block-pullquote.is-style-solid-color.alignright::before {
  left: auto;
  right: 2rem;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  max-width: 100%;
  text-align: inherit;
}

.wp-block-pullquote.is-style-solid-color cite {
  color: inherit;
}

/* Block: Separator  ------------------------- */
hr.wp-block-separator {
  margin: 3rem 0;
}

/* STYLE: WIDE */
.wp-block-separator.is-style-wide {
  max-width: calc(100vw - 4rem);
  position: relative;
  width: 100%;
}

/* STYLE: DOTS */
.wp-block-separator.is-style-dots::before {
  background: none;
  color: inherit;
  font-size: 3.2rem;
  font-weight: 400;
  height: auto;
  letter-spacing: 1em;
  padding-left: 1em;
  position: static;
  transform: none;
  width: auto;
}

.wp-block-separator.is-style-dots::after {
  content: none;
}

/* Block: Search ----------------------------- */
.wp-block-search .wp-block-search__input {
  width: auto;
}

/* Block: Table ------------------------------ */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background: #dcd7ca;
}

figure.wp-block-table.is-style-stripes {
  border-bottom: none;
}

.wp-block-table.is-style-stripes table {
  border-collapse: inherit;
}

/* Block: Quote ------------------------------ */
.wp-block-quote p,
.wp-block-quote cite {
  text-align: inherit;
}

.wp-block-quote[style="text-align:center"] {
  border-width: 0;
  padding: 0;
}

.wp-block-quote[style="text-align:right"] {
  /*rtl:begin:ignore*/
  border-width: 0 0.2rem 0 0;
  padding: 0 2rem 0 0;
  /*rtl:end:ignore*/
}

/* STYLE: LARGE */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  border: none;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
  font-family: inherit;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.285;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  font-size: 1rem;
  text-align: inherit;
}

/* Block: Widget Latest Comments ------------- */
.entry-content .wp-block-latest-comments li {
  margin: 2rem 0;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
  margin-left: 5.5rem;
}

.entry-content .wp-block-latest-comments a {
  text-decoration: none;
}

.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
  text-decoration: underline;
}

.wp-block-latest-comments__comment {
  font-size: inherit;
}

.wp-block-latest-comments__comment-date {
  margin-top: 0.4em;
}

.wp-block-latest-comments__comment-excerpt p {
  font-size: 0.7em;
  margin: 0.9rem 0 2rem 0;
}

/* Block: Widget Latest Posts ---------------- */
.wp-block-latest-posts.is-grid li {
  border-top: 0.2rem solid #dcd7ca;
  margin-top: 2rem;
  padding-top: 1rem;
}

.wp-block-latest-posts.has-dates {
  list-style: none;
}

.wp-block-latest-posts.has-dates:not(.is-grid) li {
  margin-top: 1.5rem;
}

.wp-block-latest-posts.has-dates:not(.is-grid) li:first-child {
  margin-top: 0;
}

/* -------------------------------------------------------------------------- */
/*	11. Entry Content
/* -------------------------------------------------------------------------- */
.entry-content {
  line-height: 1.5;
}

.entry-content > * {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25em;
}

.entry-content > *:first-child {
  margin-top: 0;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

.read-more-button-wrap {
  margin-top: 1em;
  text-align: center;
}

.entry-content a:hover,
.entry-content a:focus {
  text-decoration: none;
}

.entry-content p,
.entry-content li {
  line-height: 1.6;
}

.entry-content li img {
  display: inline-block;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 3.5rem auto 2rem;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
  margin-bottom: 1rem;
}

.entry-content hr {
  margin: 4rem auto;
}

.post-inner .entry-content > .wp-block-cover.alignwide:first-child,
.post-inner .entry-content > .wp-block-cover.alignfull:first-child {
  margin-top: 0;
}

/* Font Families ----------------------------- */
.entry-content {
  letter-spacing: normal;
}

/* Alignment Classes ------------------------- */
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 86%;
  width: calc(100% - 4rem);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .related-articles {
    width: calc(100% - 1rem);
  }
}
[class*=__inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 86%;
  width: 100%;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
  margin-top: 4rem;
  margin-right: auto;
  margin-bottom: 4rem;
  margin-left: auto;
}

[class*=__inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
  margin-left: auto;
  margin-right: auto;
}

/* Full */
.alignfull {
  margin-top: 5rem;
  margin-right: auto;
  margin-bottom: 5rem;
  margin-left: auto;
  max-width: 100vw;
  position: relative;
  width: 100%;
}

@media (max-width: 600px) {
  .alignfull {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
[class*=__inner-container] > .alignfull {
  max-width: 100%;
}

/* Wide */
.alignwide {
  max-width: 80vw;
  position: relative;
  width: calc(100% - 4rem);
}

[class*=__inner-container] > .alignwide {
  width: 100%;
}

/* Center */
.aligncenter,
.aligncenter img {
  margin-left: auto;
  margin-right: auto;
}

/* Left and right */
.alignleft {
  /*rtl:ignore*/
  float: left;
  margin: 0.3rem 2rem 2rem 2rem;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  margin: 0.3rem 2rem 2rem 2rem;
}

[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .alignleft,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .wp-block-image .alignleft {
  /*rtl:ignore*/
  margin-left: 2rem;
}

[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .alignright,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > p .alignright,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .wp-block-image .alignright {
  /*rtl:ignore*/
  margin-right: 2rem;
}

/* Entry Media ------------------------------- */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 86%;
  width: calc(100% - 4rem);
}

/* -------------------------------------------------------------------------- */
/*	12. Comments
/* -------------------------------------------------------------------------- */
/* Comment Headers ----------------------------- */
.comments-wrapper {
  margin-top: 5rem;
}

.comments-area {
  padding-top: 2rem;
}

.comment-reply-title {
  margin: 0 0 4rem 0;
  height: 34px;
  text-align: center;
}

/* Comment Item ----------------------------- */
/* COMMENT HEADER */
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
  padding-top: 3.5rem;
}

div.comment:first-of-type {
  margin-top: 3.5rem;
  padding-top: 0;
}

.comments .comments-header + div {
  margin-top: 0;
  padding-top: 0;
}

.comment-body {
  position: relative;
}

.comment .comment {
  padding-left: 5%;
}

.comment-meta {
  line-height: 1.1;
  margin-bottom: 1.5rem;
  min-height: 5rem;
  padding-left: 5rem;
  position: relative;
}

.hide-avatars .comment-meta {
  min-height: 0;
  padding-left: 0;
}

.comment-meta a {
  color: inherit;
}

.comment-author {
  font-size: 1.8rem;
  letter-spacing: -0.027777778em;
}

.comment-author a:hover,
.comment-author a:focus {
  text-decoration: none;
}

.comment-meta .avatar {
  height: 4rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
}

.comment-metadata {
  color: #6d6d6d;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 0.6rem;
}

.comment-metadata a {
  text-decoration: none;
}

.comment-metadata a:focus,
.comment-metadata a:hover {
  text-decoration: underline;
}

/* COMMENT CONTENT */
.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  width: 100%;
}

.comment-content.entry-content .alignleft {
  /*rtl:ignore*/
  margin-left: 0;
}

.comment-content.entry-content .alignright {
  /*rtl:ignore*/
  margin-right: 0;
}

/* COMMENT FOOTER */
.comment-footer-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
  font-weight: 600;
  justify-content: flex-start;
  letter-spacing: 0.030833333em;
  line-height: 1;
  margin: 1.5rem 0 -1rem -1.5rem;
  text-transform: uppercase;
}

.comment-footer-meta > * {
  margin: 0 0 1rem 1.5rem;
}

.comment-reply-link {
  border-bottom: 2px solid #141515;
  color: #141515;
  padding: 0.3rem;
  font-size: 0.98rem;
}

.bypostauthor .comment-footer-meta .by-post-author {
  display: block;
}

.comment-footer-meta a {
  text-decoration: none;
}

.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
  text-decoration: underline;
}

/* Pingbacks & Trackbacks ------------------------- */
.pingback .comment-meta,
.trackback .comment-meta {
  padding-left: 0;
}

/* Comments Pagination ---------------------------- */
.comments-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 6rem;
  text-align: center;
}

.comments-pagination.only-next {
  justify-content: flex-end;
}

.comments-pagination .page-numbers {
  display: none;
  text-decoration: none;
}

.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
  text-decoration: underline;
}

.comments-pagination .prev,
.comments-pagination .next {
  display: block;
}

.comments-pagination .prev {
  left: 0;
}

.comments-pagination .next {
  right: 0;
  text-align: right;
}

/* Comment Respond ---------------------------- */
.comment-respond::after {
  clear: both;
  content: "";
  display: block;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
  color: #6d6d6d;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: -3rem 0 1rem 0;
}

.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
  color: inherit;
  text-decoration: none;
}

.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
  text-decoration: underline;
}

.comment-respond p {
  line-height: 1.1;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.comment-respond p:not(.comment-notes) {
  max-width: 86%;
}

.comment-form-cookies-consent {
  align-items: baseline;
  display: flex;
}

.comment-respond > p:last-of-type {
  margin-bottom: 0;
}

.comment-respond label {
  display: block;
}

.comment-respond input[type=checkbox] + label {
  font-size: 0.9rem;
  line-height: 1.25;
  margin-left: 1rem;
}

.comment-respond input[type=text],
.comment-respond input[type=email],
.comment-respond textarea {
  margin-bottom: 0;
}

.comment-respond textarea {
  height: 15rem;
}

.comment-respond #submit {
  display: block;
  background-color: #141515;
  color: #FFFFFF;
  padding: 0.675rem 1rem;
  font-weight: 600;
  border-radius: 6px;
  font-size: 1rem;
  transition: all 0.3s;
}
.comment-respond #submit:hover {
  background-color: #19BA63;
}

.comment-respond .comments-closed {
  text-align: center;
}

/* Reply Respond ---------------------------- */
.comments .comment-respond {
  padding: 3rem 0 0;
}

.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
  text-align: left;
}

.comment-reply-title small {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.0277em;
  margin: 0.5rem 0 0 0;
  white-space: nowrap;
}

.comment-reply-title small a {
  text-decoration: none;
}

.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
  text-decoration: underline;
}

/* Site Pagination */
.pagination .nav-links {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-weight: 600;
  width: calc(100% + 2.5rem);
}

.pagination-separator {
  margin: 5rem 0;
}

.nav-links .placeholder {
  display: none;
  visibility: hidden;
}

.pagination a {
  text-decoration: none;
}

.pagination a:focus,
.pagination a:hover {
  text-decoration: underline;
}

.pagination .dots {
  transform: translateY(-0.3em);
  color: #6d6d6d;
}

.nav-short {
  display: none;
}

/* -------------------------------------------------------------------------- */
/*	14. Error 404
/* -------------------------------------------------------------------------- */
.error404 #site-content {
  padding-top: 4rem;
}

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

.error404 #site-content .search-form {
  justify-content: center;
  margin-top: 3rem;
}

/* -------------------------------------------------------------------------- */
/*	17. Media Queries
/* -------------------------------------------------------------------------- */
@media (max-width: 479px) {
  /* Blocks -------------------------------- */
  .wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
    float: none;
  }
  /* POST NAV LINKS */
  .post-nav-links {
    margin: 3em 0 0 0;
  }
}
@media (min-width: 480px) {
  /* Blocks -------------------------------- */
  /* BLOCK: BASE ALIGNMENT WIDTH */
  .wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
    max-width: 26rem;
  }
  /* BLOCK: TABLE WIDTH */
  .wp-block-table.alignleft,
.wp-block-table.alignright {
    max-width: 100%;
  }
  /* Entry Content ------------------------- */
  /* ALIGNMENT CLASSES */
  .alignleft,
.alignright {
    max-width: 26rem;
  }
  /* Post Footer --------------------------- */
  /* POST NAV LINKS */
  .post-nav-links {
    margin: 3em 0 0 0;
  }
}
@media (max-width: 599px) {
  /* Blocks -------------------------------- */
  /* BLOCK: COLUMNS */
  /* While columns are stacked */
  .wp-block-column:last-child {
    margin-bottom: 0;
  }
  .wp-block-columns + .wp-block-columns {
    margin-top: 0.2rem;
  }
  .wp-block-columns.alignwide + .wp-block-columns.alignwide {
    margin-top: -0.8rem;
  }
  .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -1.8rem;
  }
  /* Template -------------------------------- */
  /* TEMPLATE: COVER */
  .template-cover .post-inner .post-meta-wrapper,
.template-cover .post-inner .author-bio {
    width: calc(100% - 4rem);
  }
  /* Post Footer --------------------------- */
  /* POST NAV LINKS */
  .post-nav-links {
    margin: 3em 0 0 0;
  }
}
@media (min-width: 600px) {
  /* Blocks -------------------------------- */
  /* BLOCK: COLUMNS */
  .wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -4rem;
  }
  /* Post Footer --------------------------- */
  /* POST NAV LINKS */
  .post-nav-links {
    margin: 3em 0 0 0;
  }
}
@media (min-width: 660px) {
  /* Blocks -------------------------------- */
  /* BLOCK: GALLERY */
  figure.wp-block-gallery.alignleft {
    /*rtl:ignore*/
    margin-left: calc((100vw - 86% - 8rem) / -2);
  }
  figure.wp-block-gallery.alignright {
    /*rtl:ignore*/
    margin-right: calc((100vw - 86% - 8rem) / -2);
  }
  /* Entry Content ------------------------- */
  /* ALIGNMENT CLASSES */
  .entry-content > .alignleft {
    /*rtl:ignore*/
    margin-left: 4rem;
  }
  .entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-left: calc((100vw - 86% - 8rem) / -2);
  }
  [class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .alignleft,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > p .alignleft,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-left: 0;
  }
  .entry-content > .alignright {
    /*rtl:ignore*/
    margin-right: 4rem;
  }
  .entry-content > p .alignright,
.entry-content > .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-right: calc((100vw - 86% - 8rem) / -2);
  }
  [class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .alignright,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > p .alignright,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-right: 0;
  }
  .post-nav-links {
    margin: 3em auto 0 auto;
  }
}
@media (min-width: 700px) {
  /* VANILLA GALLERIES */
  .gallery-columns-2 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-4 .gallery-item {
    max-width: 25%;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 20%;
  }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
  }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
  }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
  }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
  }
  /* MEDIA */
  figcaption,
.wp-caption-text {
    margin-top: 1.8rem;
  }
  /* Template: Full Width ------------------ */
  body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: calc(100% - 8rem);
  }
  body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > .alignleft,
body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > p .alignleft,
body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-left: 4rem;
  }
  body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > .alignright,
body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > p .alignright,
body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-right: 4rem;
  }
  /* Post: Archive ------------------------- */
  .archive-header {
    padding: 8rem 0;
  }
  .reduced-spacing .archive-header {
    padding-bottom: 3rem;
  }
  .archive-title {
    font-size: 3.2rem;
  }
  h2.entry-title {
    font-size: 6.4rem;
  }
  /* SEARCH RESULTS */
  .no-search-results-form {
    padding-top: 8rem;
  }
  /* Post: Single -------------------------- */
  /* POST HEADER */
  .singular .entry-header {
    padding: 6rem 0;
  }
  .entry-categories {
    margin-bottom: 1rem;
  }
  .entry-categories-inner {
    margin: -1rem 0 0 -2rem;
  }
  .entry-categories a {
    font-size: 1rem;
    margin: 1rem 0 0 2rem;
    text-decoration: none;
  }
  .intro-text {
    font-size: 2rem;
    margin-top: 2.5rem;
  }
  .singular .intro-text {
    font-size: 2.6rem;
  }
  .post-meta-wrapper {
    margin-top: 3rem;
  }
  .single .post-meta {
    margin: -1.4rem 0 0 -3rem;
  }
  .single .post-meta li {
    margin: 1.4rem 0 0 3rem;
    max-width: calc(100% - 3rem);
  }
  .post-inner {
    padding-top: 2rem;
  }
  /* POST FOOTER */
  .post-meta-wrapper.post-meta-single-bottom {
    margin-top: 4rem;
  }
  /* AUTHOR BIO */
  .author-bio {
    margin-top: 8rem;
    min-height: 8rem;
    padding-left: 10rem;
    position: relative;
  }
  .author-bio .avatar {
    position: absolute;
    left: 0;
    top: 0;
    height: 8rem;
    width: 8rem;
  }
  /* SINGLE PAGINATION */
  .pagination-single {
    font-size: 2.4rem;
    margin-top: 8rem;
  }
  .pagination-single-inner {
    flex-direction: row;
    justify-content: space-between;
  }
  .pagination-single.only-next .pagination-single-inner {
    justify-content: flex-end;
  }
  .pagination-single hr:first-child {
    margin: 0 0 4rem 0;
  }
  .pagination-single hr:last-child {
    margin: 4rem 0 0.8rem 0;
  }
  .pagination-single a + a {
    margin: 0 0 0 4rem;
  }
  .pagination-single a .arrow {
    margin: 0 2rem 0 0;
  }
  .pagination-single .next-post {
    flex-direction: row-reverse;
    text-align: right;
  }
  .pagination-single .next-post .arrow {
    margin: 0 0 0 2rem;
  }
  /* Blocks -------------------------------- */
  /* BLOCK: SHARED MEDIA STYLES */
  .wp-block-embed figcaption,
.wp-block-image figcaption {
    font-size: 1rem;
  }
  /* BLOCK: BASE MARGINS */
  /* BLOCK: COLUMNS */
  .wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -6rem;
  }
  .entry-content .wp-block-columns h1,
.entry-content .wp-block-columns h2,
.entry-content .wp-block-columns h3,
.entry-content .wp-block-columns h4,
.entry-content .wp-block-columns h5,
.entry-content .wp-block-columns h6 {
    margin: 3.5rem 0 2rem;
  }
  /* BLOCK: COVER */
  .wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 8rem);
  }
  .wp-block-cover-image h2,
.wp-block-cover h2 {
    font-size: 4.8rem;
  }
  /* BLOCK: GALLERY */
  figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  /* BLOCK: GROUP */
  .wp-block-group.has-background {
    padding: 4rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
    padding-left: 0;
    padding-right: 0;
  }
  /* BLOCK: MEDIA AND TEXT */
  .wp-block-media-text .wp-block-media-text__content {
    padding: 4rem;
  }
  /* BLOCK: PULLQUOTE */
  .wp-block-pullquote blockquote p {
    font-size: 3.2rem;
  }
  .wp-block-pullquote cite {
    margin-top: 2rem;
  }
  .wp-block-pullquote.alignfull:not(.is-style-solid-color) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .wp-block-pullquote.alignwide::before,
.wp-block-pullquote.alignfull::before {
    font-size: 11.272727272rem;
    height: 8rem;
    margin-bottom: 2rem;
    width: 8rem;
  }
  .wp-block-pullquote.alignwide blockquote p,
.wp-block-pullquote.alignfull blockquote p {
    font-size: 4.8rem;
    line-height: 1.203125;
  }
  .wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
    font-size: 3.2rem;
    line-height: 1.1875;
  }
  .wp-block-pullquote.is-style-solid-color.alignwide,
.wp-block-pullquote.is-style-solid-color.alignfull {
    padding: 6rem 4rem 4rem;
  }
  .wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
    font-size: 2.6rem;
  }
  /* BLOCK: QUOTE */
  .wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-size: 2.8rem;
  }
  /* BLOCK: SEPARATOR */
  hr.wp-block-separator {
    margin: 6rem auto;
  }
  .wp-block-separator.is-style-wide {
    max-width: calc(100vw - 8rem);
  }
  /* Entry Content ------------------------- */
  .entry-content {
    font-size: 1rem;
  }
  .entry-content p,
.entry-content li {
    line-height: 1.5;
  }
  .entry-content h1,
.entry-content h2,
.entry-content h3 {
    margin: 1rem auto 1rem;
  }
  .entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 4.5rem auto 2.5rem;
  }
  .alignnone,
.aligncenter {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .alignleft {
    /*rtl:ignore*/
    margin: 0.3rem 2rem 2rem 0;
  }
  .alignright {
    /*rtl:ignore*/
    margin: 0.3rem 0 2rem 2rem;
  }
  .entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
    margin-bottom: 6rem;
    margin-top: 6rem;
  }
  .entry-content > .alignwide {
    max-width: calc(100vw - 8rem);
    width: calc(100vw - 8rem);
    margin-left: auto;
    margin-right: auto;
  }
  [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .alignleft,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-left: 4rem;
  }
  [class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .alignright,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > p .alignright,
[class*=wp-block].alignfull:not(.has-background) [class*=__inner-container] > .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-right: 4rem;
  }
  .entry-content > .alignwide:first-child,
.entry-content > .alignfull:first-child {
    margin-bottom: 8rem;
  }
  /* ENTRY MEDIA */
  .alignfull > figcaption,
.alignfull > .wp-caption-text {
    width: calc(100% - 8rem);
  }
  /* Comments ------------------------------ */
  .comments-wrapper {
    margin-top: 8rem;
  }
  .comment-reply-title {
    margin-bottom: 4.6rem;
  }
  .comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
    letter-spacing: -0.025em;
    margin: -2.5rem 0 4.4rem 0;
  }
  .comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
    padding-top: 5rem;
  }
  div.comment:first-of-type {
    margin-top: 5rem;
  }
  .comment-meta {
    margin-bottom: 2rem;
    min-height: 6rem;
    padding: 0.3rem 0 0 7.5rem;
  }
  .comment-meta .avatar {
    display: block;
    height: 6rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 6rem;
  }
  .comment-author {
    font-size: 1.4rem;
  }
  .comment-metadata {
    font-size: 1rem;
    margin-top: 0.8rem;
  }
  .comment-footer-meta {
    margin-top: 2.5rem;
  }
  .comments-pagination {
    margin-top: 8rem;
  }
  /* PINGBACKS & TRACKBACKS */
  .pingback .comment-body {
    padding: 0;
  }
  /* COMMENT RESPOND */
  .comment-respond .comment-form-author,
.comment-respond .comment-form-email {
    float: left;
    width: calc(50% - 1rem);
  }
  .comment-respond .comment-form-email {
    margin-left: 2rem;
  }
  .comments .comment-respond {
    padding: 5rem 0 0;
  }
  .comment-reply-title small {
    display: inline;
    margin: 0 0 0 0.5rem;
  }
}
@media (min-width: 782px) {
  /* Blocks -------------------------------- */
  /* BLOCK: COLUMNS */
  .wp-block-column {
    margin-bottom: 0;
  }
  .wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -2.8rem;
  }
}
@media (min-width: 1000px) {
  .featured-media figcaption {
    width: 100%;
  }
  /* Template: Full Width ------------------ */
  .template-full-width .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-right: 2rem;
  }
  .template-full-width .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-left: 2rem;
  }
  /* Post: Archive ------------------------- */
  /* Post: Single -------------------------- */
  .singular .intro-text {
    font-size: 2.8rem;
  }
  /* Blocks -------------------------------- */
  /* BLOCK: COLUMNS */
  .wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -4.8rem;
  }
  /* BLOCK: GALLERY */
  figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  /* BLOCK: GROUP */
  .entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
    padding: 8rem 4rem;
    margin-bottom: 0;
    margin-top: 0;
  }
  /* BLOCK: IMAGE */
  .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-right: 0;
  }
  .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-left: 0;
  }
  .wp-block-image .aligncenter figcaption {
    text-align: center;
  }
  /* BLOCK: SEPARATOR */
  hr.wp-block-separator {
    margin: 8rem auto;
  }
  /* Entry Content ------------------------- */
  /* ALIGNMENT CLASSES */
  .entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
    position: absolute;
    /*rtl:ignore*/
    right: calc((100vw - 86%) / 2 + 86% + 2rem);
    max-width: calc(7% - 6rem);
  }
  [class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .alignleft,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > p .alignleft,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .wp-block-image .alignleft {
    position: relative;
    /*rtl:ignore*/
    right: inherit;
    max-width: inherit;
  }
  [class*=wp-block].alignwide [class*=__inner-container] > .alignleft,
[class*=wp-block].alignwide [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignwide [class*=__inner-container] > .wp-block-image .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignleft {
    position: absolute;
    /*rtl:ignore*/
    right: calc(93% + 4rem);
    max-width: calc(7% - 4rem);
  }
  [class*=wp-block].alignwide.has-background [class*=__inner-container] > .alignleft,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > .wp-block-image .alignleft {
    /*rtl:ignore*/
    right: 93%;
  }
  [class*=wp-block].alignfull [class*=__inner-container] > .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-left: 4rem;
  }
  .entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*=__inner-container] > .alignright {
    position: absolute;
    /*rtl:ignore*/
    left: calc((100vw - 86%) / 2 + 86% + 2rem);
    max-width: calc(7% - 6rem);
  }
  [class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .alignright,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > p .alignright,
[class*=wp-block]:not(.alignwide):not(.alignfull) [class*=__inner-container] > .wp-block-image .alignright {
    position: relative;
    /*rtl:ignore*/
    left: inherit;
    max-width: inherit;
  }
  [class*=wp-block].alignwide [class*=__inner-container] > .alignright,
[class*=wp-block].alignwide [class*=__inner-container] > p .alignright,
[class*=wp-block].alignwide [class*=__inner-container] > .wp-block-image .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignright {
    position: absolute;
    /*rtl:ignore*/
    left: calc(93% + 4rem);
    max-width: calc(7% - 4rem);
  }
  [class*=wp-block].alignwide.has-background [class*=__inner-container] > .alignright,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > p .alignright,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > .wp-block-image .alignright {
    /*rtl:ignore*/
    left: calc(93% + 4rem);
  }
  [class*=wp-block].alignfull [class*=__inner-container] > .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-right: 4rem;
  }
  .entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  /* ENTRY MEDIA */
  .alignfull > figcaption,
.alignfull > .wp-caption-text {
    width: calc(100% - 10rem);
  }
  /* Comments ------------------------------ */
  .comment-meta {
    padding-left: 0;
  }
  .comment-meta .avatar {
    left: -8rem;
  }
  /* Site Pagination ----------------------- */
  .pagination .nav-links {
    justify-content: space-between;
    margin: 0;
    width: 100%;
  }
  .pagination .next,
.pagination .prev {
    display: block;
  }
  .pagination .prev {
    margin: 0 auto 0 0;
  }
  .pagination .next {
    text-align: right;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1220px) {
  /* Template: Cover Template -------------- */
  .cover-header + .post-inner {
    padding-top: 10rem;
  }
  /* Post: Archive ------------------------- */
  /* Post: Single -------------------------- */
  .singular .intro-text {
    font-size: 3.2rem;
    letter-spacing: -0.03125em;
    line-height: 1.375;
  }
  /* Blocks -------------------------------- */
  /* BLOCK: COLUMNS */
  .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    margin-top: -6rem;
  }
  /* BLOCK: GALLERY */
  figure.wp-block-gallery.alignfull {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  /* BLOCK: GROUP */
  .entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
    padding: 8rem 6rem;
    margin-bottom: 0;
    margin-top: 0;
  }
  /* BLOCK: PULLQUOTE */
  .wp-block-pullquote.alignwide blockquote p,
.wp-block-pullquote.alignfull blockquote p {
    font-size: 3.4rem;
  }
  .wp-block-pullquote.is-style-solid-color.alignwide,
.wp-block-pullquote.is-style-solid-color.alignfull {
    padding: 9rem 4rem 8rem;
  }
  /* Entry Content ------------------------- */
  /* ALIGNMENT CLASSES */
  .entry-content > .alignfull {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  [class*=wp-block].alignwide.has-background [class*=__inner-container] > .alignleft,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > .wp-block-image .alignleft {
    /*rtl:ignore*/
    right: calc(93% - 2rem);
  }
  [class*=wp-block].alignwide.has-background [class*=__inner-container] > .alignright,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > p .alignright,
[class*=wp-block].alignwide.has-background [class*=__inner-container] > .wp-block-image .alignright {
    /*rtl:ignore*/
    left: calc(93% + 6rem);
  }
  /* Comments ------------------------------ */
  .comment-reply-title {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 1rem;
  }
  .comments .comment-respond .comment-reply-title {
    font-size: 1.2rem;
  }
}
@media (min-width: 1240px) {
  /* Blocks -------------------------------- */
  body.template-full-width .entry-content > .alignleft {
    /*rtl:ignore*/
    margin-left: calc((100vw - 120rem) / 2);
  }
  body.template-full-width .entry-content > .alignright {
    /*rtl:ignore*/
    margin-right: calc((100vw - 120rem) / 2);
  }
}
@media (min-width: 1280px) {
  /* Blocks -------------------------------- */
  /* BLOCK: GALLERY */
  figure.wp-block-gallery.alignleft {
    /*rtl:ignore*/
    margin-left: -31rem;
  }
  figure.wp-block-gallery.alignright {
    /*rtl:ignore*/
    margin-right: -31rem;
  }
  /* BLOCK: SEPARATOR */
  .wp-block-separator.is-style-wide {
    max-width: 80vw;
    width: 80vw;
  }
  /* Entry Content ------------------------- */
  /* ALIGNMENT CLASSES */
  .entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
    /*rtl:ignore*/
    right: calc((100vw - 86%) / 2 + 86% + 4rem);
    /*rtl:ignore*/
    margin-left: -31rem;
  }
  .entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright {
    /*rtl:ignore*/
    left: calc((100vw - 86%) / 2 + 86% + 4rem);
    /*rtl:ignore*/
    margin-right: -31rem;
  }
  .entry-content > .alignwide {
    max-width: 80vw;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
  [class*=__inner-container] > .alignwide {
    max-width: 80vw;
    width: 100%;
  }
  .alignleft,
.alignright,
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft,
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .alignleft,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .wp-block-image .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignleft,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .alignright,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > p .alignright,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .wp-block-image .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignright {
    max-width: 25rem;
  }
  /* Template: Full Width ------------------ */
  body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
    padding-left: 0;
    padding-right: 0;
  }
  body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignleft {
    /*rtl:ignore*/
    margin-left: 0;
  }
  body.template-full-width [class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignright {
    /*rtl:ignore*/
    margin-right: 0;
  }
}
@media (min-width: 1330px) {
  /* Entry Content ------------------------- */
  /* ALIGNMENT CLASSES */
  .alignleft,
.alignright,
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft,
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .alignleft,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .wp-block-image .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignleft,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignleft,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .alignright,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > p .alignright,
[class*=wp-block].alignwide:not(.has-background) [class*=__inner-container] > .wp-block-image .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > p .alignright,
[class*=wp-block].alignfull [class*=__inner-container] > .wp-block-image .alignright {
    max-width: 29rem;
  }
  /* Blocks -------------------------------- */
  /* BLOCK: PULLQUOTE */
  .wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
    top: 0;
  }
}
.fancy-section {
  padding: 3rem 0;
}
.fancy-section .container::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20%;
  width: 110%;
  background-color: #141515;
  min-height: 200px;
  display: flex;
  align-items: center;
  padding-left: 20%;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 32px;
}
.fancy-section p {
  position: relative;
  z-index: 99;
  width: 90%;
  font-size: 1.8rem;
  line-height: 1.3;
  color: #FFFFFF;
}

.single-services .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.single-services [class*=__inner-container] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-services .single-services .wp-block-group__inner-container > *:not(section) {
  max-width: 100%;
}

@media (min-width: 576px) {
  .single-services .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-services .wp-block-group__inner-container > *:not(section) {
    max-width: 540px;
  }
  .single-services .wp-block-group__inner-container > *:not(.page-section) {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .single-services .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-services .wp-block-group__inner-container > *:not(section) {
    max-width: 720px;
  }
  .single-services .wp-block-group__inner-container > *:not(.page-section) {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .single-services .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-services .wp-block-group__inner-container > *:not(section) {
    max-width: 960px;
  }
  .single-services .wp-block-group__inner-container > *:not(.page-section) {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .single-services .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-services .wp-block-group__inner-container > *:not(section) {
    max-width: 1140px;
  }
  .single-services .wp-block-group__inner-container > *:not(.page-section) {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .single-services .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-services .wp-block-group__inner-container > *:not(section) {
    max-width: 1320px;
  }
  .single-services .wp-block-group__inner-container > *:not(.page-section) {
    max-width: 1320px;
  }
}
@media (max-width: 768px) {
  .fancy-section .container::before {
    width: 115%;
    min-height: 170px;
    border-top-right-radius: 64px;
    border-bottom-right-radius: 12px;
  }
  .fancy-section p {
    width: 85%;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .post-inner {
    padding: 1rem 0;
  }
  .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin: 1.5rem auto 1rem;
  }
  [style="height:68px"] {
    height: 20px !important;
  }
  .wp-block-column {
    margin-bottom: 0.2rem;
  }
}
.filter-side {
  padding-left: 3rem;
}

.widget-title {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

.filter-widget {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.filter-widget.collapsed-widget .filter-widget-content {
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.filter-widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}
.filter-widget-head > span {
  font-weight: bold;
}

@media screen and (max-width: 518px) {
  .filter-widget-head {
    padding: 4px 0;
  }
}
.f-serif {
  font-family: "Vellago" !important;
}

.f-hand {
  font-family: "Anecdote" !important;
}

.display-1 {
  font-size: calc(2rem + 2.1vw);
}

.display-2 {
  font-size: calc(1.5rem + 2vw);
}

.display-4 {
  font-size: calc(2rem + 1.2vw);
}

.display-5 {
  font-size: calc(1rem + 1.6vw);
}

.display-6 {
  font-size: calc(0.5rem + 1vw);
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  p {
    font-size: 0.9rem;
  }
  .lead {
    font-size: 1.1rem;
  }
  .h2, h2 {
    font-size: 1.2rem;
  }
  .h5, h5 {
    font-size: 1rem;
  }
  .display-1 {
    font-size: calc(1rem + 4.1vw);
  }
  .display-2 {
    font-size: calc(1.3rem + 2.4vw);
  }
  .display-4 {
    font-size: calc(1rem + 1.2vw);
  }
  .display-5 {
    font-size: calc(1rem + 2.1vw);
  }
  .display-6 {
    font-size: calc(0.7rem + 1.4vw);
  }
  .fs-5 {
    font-size: 13px !important;
  }
}
.lead {
  font-weight: 400 !important;
}

.l-h-24 {
  line-height: 24px !important;
}

.uppercase {
  text-transform: uppercase !important;
}

/*
Sizes.
*/
/*
Size
*/
.wh-4 {
  width: 4px !important;
  height: 4px !important;
}

.wh-8 {
  width: 8px !important;
  height: 8px !important;
}

.wh-12 {
  width: 12px !important;
  height: 12px !important;
}

.wh-16 {
  width: 16px !important;
  height: 16px !important;
}

.wh-20 {
  width: 20px !important;
  height: 20px !important;
}

.wh-24 {
  width: 24px !important;
  height: 24px !important;
}

.wh-28 {
  width: 28px !important;
  height: 28px !important;
}

.wh-32 {
  width: 32px !important;
  height: 32px !important;
}

.wh-36 {
  width: 36px !important;
  height: 36px !important;
}

.wh-40 {
  width: 40px !important;
  height: 40px !important;
}

.wh-44 {
  width: 44px !important;
  height: 44px !important;
}

.wh-48 {
  width: 48px !important;
  height: 48px !important;
}

.wh-52 {
  width: 52px !important;
  height: 52px !important;
}

.wh-56 {
  width: 56px !important;
  height: 56px !important;
}

.wh-60 {
  width: 60px !important;
  height: 60px !important;
}

.wh-64 {
  width: 64px !important;
  height: 64px !important;
}

.wh-68 {
  width: 68px !important;
  height: 68px !important;
}

.wh-72 {
  width: 72px !important;
  height: 72px !important;
}

.wh-76 {
  width: 76px !important;
  height: 76px !important;
}

.wh-80 {
  width: 80px !important;
  height: 80px !important;
}

.wp-10 {
  width: 10% !important;
}

.wp-20 {
  width: 20% !important;
}

.wp-30 {
  width: 30% !important;
}

.wp-40 {
  width: 40% !important;
}

.wp-50 {
  width: 50% !important;
}

.wp-60 {
  width: 60% !important;
}

.wp-70 {
  width: 70% !important;
}

.wp-80 {
  width: 80% !important;
}

.wp-90 {
  width: 90% !important;
}

.w-xxs {
  width: 60px;
}

.w-xs {
  width: 90px;
}

.w-sm {
  width: 120px;
}

.w {
  width: 190px;
}

.w-md-lt {
  width: 200px;
}

.w-md {
  width: 240px;
}

.w-lg {
  width: 280px;
}

.w-xl {
  width: 320px;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.hv {
  height: 100vh;
}

.hv-60 {
  height: 60vh;
}

.hv-70 {
  height: 70vh;
}

.hv-75 {
  height: 75vh;
}

.hv-78 {
  height: 78vh;
}

.hv-80 {
  height: 80vh;
}

.hv-90 {
  height: 90vh;
}

.h-v {
  min-height: 100vh;
}

.h-v-50 {
  min-height: 50vh;
}

.wh-16 .svg {
  width: 12px;
  height: 12px;
}

.wh-20 .svg {
  width: 16px;
  height: 16px;
}

.wh-24 .svg {
  width: 16px;
  height: 16px;
}

.wh-32 .svg {
  width: 20px;
  height: 20px;
}

.wh-44 .svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 991.98px) {
  .w-auto-lg {
    width: auto !important;
  }
  .w-100-lg {
    width: 100% !important;
  }
}
@media (max-width: 767.98px) {
  .w-auto-md {
    width: auto !important;
  }
  .w-100-md {
    width: 100% !important;
  }
}
@media (max-width: 575.98px) {
  .w-auto-sm {
    width: auto !important;
  }
  .w-100-sm {
    width: 100% !important;
  }
}
.w-auto-xs {
  width: auto !important;
}

.w-100-xs {
  width: 100% !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

/*
Text Utilities.
*/
.text-sm {
  font-size: 0.85rem !important;
}

.text-md {
  font-size: 0.94rem !important;
}

.text-lg {
  font-size: 1.375rem !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

.bg-primary {
  background-color: #141515 !important;
}

.label-primary {
  background-color: #141515 !important;
  color: #FFFFFF;
}

.badge-primary {
  background: #141515 !important;
  color: #FFFFFF;
}

.color-primary {
  color: #141515 !important;
}
.color-primary .svg path {
  stroke: #141515;
}

.btn-outline-primary {
  border-color: rgba(20, 21, 21, 0.25);
}
.btn-outline-primary:hover {
  background-color: rgba(20, 21, 21, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #141515;
}

.bg-primary-lt {
  background-color: rgba(20, 21, 21, 0.4) !important;
}

.bg-primary-lt2 {
  background-color: rgba(20, 21, 21, 0.1) !important;
}

.bg-primary--lt {
  color: #27272A !important;
  background-color: rgba(20, 21, 21, 0) !important;
}

.active > .active-primary {
  color: #141515 !important;
  opacity: 1 !important;
}

.active > .active-bg-primary {
  color: color-yiq(#141515) !important;
  background-color: #141515 !important;
}

.nav-active-text-primary .nav > li.active > a,
.nav-active-text-primary .nav-item.active > a,
.nav-active-text-primary .nav-link.active {
  color: #141515 !important;
}

.nav-active-primary .nav > li.active > a,
.nav-active-primary .nav-item.active > a,
.nav-active-primary .nav-link.active {
  color: #27272A !important;
  background-color: #141515 !important;
}

.bg-secondary {
  background-color: #F7DC99 !important;
}

.label-secondary {
  background-color: #F7DC99 !important;
  color: #FFFFFF;
}

.badge-secondary {
  background: #F7DC99 !important;
  color: #FFFFFF;
}

.color-secondary {
  color: #F7DC99 !important;
}
.color-secondary .svg path {
  stroke: #F7DC99;
}

.btn-outline-secondary {
  border-color: rgba(247, 220, 153, 0.25);
}
.btn-outline-secondary:hover {
  background-color: rgba(247, 220, 153, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #F7DC99;
}

.bg-secondary-lt {
  background-color: rgba(247, 220, 153, 0.4) !important;
}

.bg-secondary-lt2 {
  background-color: rgba(247, 220, 153, 0.1) !important;
}

.bg-secondary--lt {
  color: #27272A !important;
  background-color: rgba(247, 220, 153, 0) !important;
}

.active > .active-secondary {
  color: #F7DC99 !important;
  opacity: 1 !important;
}

.active > .active-bg-secondary {
  color: color-yiq(#F7DC99) !important;
  background-color: #F7DC99 !important;
}

.nav-active-text-secondary .nav > li.active > a,
.nav-active-text-secondary .nav-item.active > a,
.nav-active-text-secondary .nav-link.active {
  color: #F7DC99 !important;
}

.nav-active-secondary .nav > li.active > a,
.nav-active-secondary .nav-item.active > a,
.nav-active-secondary .nav-link.active {
  color: #27272A !important;
  background-color: #F7DC99 !important;
}

.bg-success {
  background-color: #19BA63 !important;
}

.label-success {
  background-color: #19BA63 !important;
  color: #FFFFFF;
}

.badge-success {
  background: #19BA63 !important;
  color: #FFFFFF;
}

.color-success {
  color: #19BA63 !important;
}
.color-success .svg path {
  stroke: #19BA63;
}

.btn-outline-success {
  border-color: rgba(25, 186, 99, 0.25);
}
.btn-outline-success:hover {
  background-color: rgba(25, 186, 99, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #19BA63;
}

.bg-success-lt {
  background-color: rgba(25, 186, 99, 0.4) !important;
}

.bg-success-lt2 {
  background-color: rgba(25, 186, 99, 0.1) !important;
}

.bg-success--lt {
  color: #27272A !important;
  background-color: rgba(25, 186, 99, 0) !important;
}

.active > .active-success {
  color: #19BA63 !important;
  opacity: 1 !important;
}

.active > .active-bg-success {
  color: color-yiq(#19BA63) !important;
  background-color: #19BA63 !important;
}

.nav-active-text-success .nav > li.active > a,
.nav-active-text-success .nav-item.active > a,
.nav-active-text-success .nav-link.active {
  color: #19BA63 !important;
}

.nav-active-success .nav > li.active > a,
.nav-active-success .nav-item.active > a,
.nav-active-success .nav-link.active {
  color: #27272A !important;
  background-color: #19BA63 !important;
}

.bg-info {
  background-color: #231A22 !important;
}

.label-info {
  background-color: #231A22 !important;
  color: #FFFFFF;
}

.badge-info {
  background: #231A22 !important;
  color: #FFFFFF;
}

.color-info {
  color: #231A22 !important;
}
.color-info .svg path {
  stroke: #231A22;
}

.btn-outline-info {
  border-color: rgba(35, 26, 34, 0.25);
}
.btn-outline-info:hover {
  background-color: rgba(35, 26, 34, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #231A22;
}

.bg-info-lt {
  background-color: rgba(35, 26, 34, 0.4) !important;
}

.bg-info-lt2 {
  background-color: rgba(35, 26, 34, 0.1) !important;
}

.bg-info--lt {
  color: #27272A !important;
  background-color: rgba(35, 26, 34, 0) !important;
}

.active > .active-info {
  color: #231A22 !important;
  opacity: 1 !important;
}

.active > .active-bg-info {
  color: color-yiq(#231A22) !important;
  background-color: #231A22 !important;
}

.nav-active-text-info .nav > li.active > a,
.nav-active-text-info .nav-item.active > a,
.nav-active-text-info .nav-link.active {
  color: #231A22 !important;
}

.nav-active-info .nav > li.active > a,
.nav-active-info .nav-item.active > a,
.nav-active-info .nav-link.active {
  color: #27272A !important;
  background-color: #231A22 !important;
}

.bg-warning {
  background-color: #FF974A !important;
}

.label-warning {
  background-color: #FF974A !important;
  color: #FFFFFF;
}

.badge-warning {
  background: #FF974A !important;
  color: #FFFFFF;
}

.color-warning {
  color: #FF974A !important;
}
.color-warning .svg path {
  stroke: #FF974A;
}

.btn-outline-warning {
  border-color: rgba(255, 151, 74, 0.25);
}
.btn-outline-warning:hover {
  background-color: rgba(255, 151, 74, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #FF974A;
}

.bg-warning-lt {
  background-color: rgba(255, 151, 74, 0.4) !important;
}

.bg-warning-lt2 {
  background-color: rgba(255, 151, 74, 0.1) !important;
}

.bg-warning--lt {
  color: #27272A !important;
  background-color: rgba(255, 151, 74, 0) !important;
}

.active > .active-warning {
  color: #FF974A !important;
  opacity: 1 !important;
}

.active > .active-bg-warning {
  color: color-yiq(#FF974A) !important;
  background-color: #FF974A !important;
}

.nav-active-text-warning .nav > li.active > a,
.nav-active-text-warning .nav-item.active > a,
.nav-active-text-warning .nav-link.active {
  color: #FF974A !important;
}

.nav-active-warning .nav > li.active > a,
.nav-active-warning .nav-item.active > a,
.nav-active-warning .nav-link.active {
  color: #27272A !important;
  background-color: #FF974A !important;
}

.bg-dark-grey {
  background-color: #44444F !important;
}

.label-dark-grey {
  background-color: #44444F !important;
  color: #FFFFFF;
}

.badge-dark-grey {
  background: #44444F !important;
  color: #FFFFFF;
}

.color-dark-grey {
  color: #44444F !important;
}
.color-dark-grey .svg path {
  stroke: #44444F;
}

.btn-outline-dark-grey {
  border-color: rgba(68, 68, 79, 0.25);
}
.btn-outline-dark-grey:hover {
  background-color: rgba(68, 68, 79, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #44444F;
}

.bg-dark-grey-lt {
  background-color: rgba(68, 68, 79, 0.4) !important;
}

.bg-dark-grey-lt2 {
  background-color: rgba(68, 68, 79, 0.1) !important;
}

.bg-dark-grey--lt {
  color: #27272A !important;
  background-color: rgba(68, 68, 79, 0) !important;
}

.active > .active-dark-grey {
  color: #44444F !important;
  opacity: 1 !important;
}

.active > .active-bg-dark-grey {
  color: color-yiq(#44444F) !important;
  background-color: #44444F !important;
}

.nav-active-text-dark-grey .nav > li.active > a,
.nav-active-text-dark-grey .nav-item.active > a,
.nav-active-text-dark-grey .nav-link.active {
  color: #44444F !important;
}

.nav-active-dark-grey .nav > li.active > a,
.nav-active-dark-grey .nav-item.active > a,
.nav-active-dark-grey .nav-link.active {
  color: #27272A !important;
  background-color: #44444F !important;
}

.bg-yellow {
  background-color: #FCC73E !important;
}

.label-yellow {
  background-color: #FCC73E !important;
  color: #FFFFFF;
}

.badge-yellow {
  background: #FCC73E !important;
  color: #FFFFFF;
}

.color-yellow {
  color: #FCC73E !important;
}
.color-yellow .svg path {
  stroke: #FCC73E;
}

.btn-outline-yellow {
  border-color: rgba(252, 199, 62, 0.25);
}
.btn-outline-yellow:hover {
  background-color: rgba(252, 199, 62, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #FCC73E;
}

.bg-yellow-lt {
  background-color: rgba(252, 199, 62, 0.4) !important;
}

.bg-yellow-lt2 {
  background-color: rgba(252, 199, 62, 0.1) !important;
}

.bg-yellow--lt {
  color: #27272A !important;
  background-color: rgba(252, 199, 62, 0) !important;
}

.active > .active-yellow {
  color: #FCC73E !important;
  opacity: 1 !important;
}

.active > .active-bg-yellow {
  color: color-yiq(#FCC73E) !important;
  background-color: #FCC73E !important;
}

.nav-active-text-yellow .nav > li.active > a,
.nav-active-text-yellow .nav-item.active > a,
.nav-active-text-yellow .nav-link.active {
  color: #FCC73E !important;
}

.nav-active-yellow .nav > li.active > a,
.nav-active-yellow .nav-item.active > a,
.nav-active-yellow .nav-link.active {
  color: #27272A !important;
  background-color: #FCC73E !important;
}

.bg-danger {
  background-color: #FC5A5A !important;
}

.label-danger {
  background-color: #FC5A5A !important;
  color: #FFFFFF;
}

.badge-danger {
  background: #FC5A5A !important;
  color: #FFFFFF;
}

.color-danger {
  color: #FC5A5A !important;
}
.color-danger .svg path {
  stroke: #FC5A5A;
}

.btn-outline-danger {
  border-color: rgba(252, 90, 90, 0.25);
}
.btn-outline-danger:hover {
  background-color: rgba(252, 90, 90, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #FC5A5A;
}

.bg-danger-lt {
  background-color: rgba(252, 90, 90, 0.4) !important;
}

.bg-danger-lt2 {
  background-color: rgba(252, 90, 90, 0.1) !important;
}

.bg-danger--lt {
  color: #27272A !important;
  background-color: rgba(252, 90, 90, 0) !important;
}

.active > .active-danger {
  color: #FC5A5A !important;
  opacity: 1 !important;
}

.active > .active-bg-danger {
  color: color-yiq(#FC5A5A) !important;
  background-color: #FC5A5A !important;
}

.nav-active-text-danger .nav > li.active > a,
.nav-active-text-danger .nav-item.active > a,
.nav-active-text-danger .nav-link.active {
  color: #FC5A5A !important;
}

.nav-active-danger .nav > li.active > a,
.nav-active-danger .nav-item.active > a,
.nav-active-danger .nav-link.active {
  color: #27272A !important;
  background-color: #FC5A5A !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.label-white {
  background-color: #FFFFFF !important;
  color: #FFFFFF;
}

.badge-white {
  background: #FFFFFF !important;
  color: #FFFFFF;
}

.color-white {
  color: #FFFFFF !important;
}
.color-white .svg path {
  stroke: #FFFFFF;
}

.btn-outline-white {
  border-color: rgba(255, 255, 255, 0.25);
}
.btn-outline-white:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #FFFFFF;
}

.bg-white-lt {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-white-lt2 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-white--lt {
  color: #27272A !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.active > .active-white {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

.active > .active-bg-white {
  color: color-yiq(#FFFFFF) !important;
  background-color: #FFFFFF !important;
}

.nav-active-text-white .nav > li.active > a,
.nav-active-text-white .nav-item.active > a,
.nav-active-text-white .nav-link.active {
  color: #FFFFFF !important;
}

.nav-active-white .nav > li.active > a,
.nav-active-white .nav-item.active > a,
.nav-active-white .nav-link.active {
  color: #27272A !important;
  background-color: #FFFFFF !important;
}

.bg-dark {
  background-color: #231A22 !important;
}

.label-dark {
  background-color: #231A22 !important;
  color: #FFFFFF;
}

.badge-dark {
  background: #231A22 !important;
  color: #FFFFFF;
}

.color-dark {
  color: #231A22 !important;
}
.color-dark .svg path {
  stroke: #231A22;
}

.btn-outline-dark {
  border-color: rgba(35, 26, 34, 0.25);
}
.btn-outline-dark:hover {
  background-color: rgba(35, 26, 34, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #231A22;
}

.bg-dark-lt {
  background-color: rgba(35, 26, 34, 0.4) !important;
}

.bg-dark-lt2 {
  background-color: rgba(35, 26, 34, 0.1) !important;
}

.bg-dark--lt {
  color: #27272A !important;
  background-color: rgba(35, 26, 34, 0) !important;
}

.active > .active-dark {
  color: #231A22 !important;
  opacity: 1 !important;
}

.active > .active-bg-dark {
  color: color-yiq(#231A22) !important;
  background-color: #231A22 !important;
}

.nav-active-text-dark .nav > li.active > a,
.nav-active-text-dark .nav-item.active > a,
.nav-active-text-dark .nav-link.active {
  color: #231A22 !important;
}

.nav-active-dark .nav > li.active > a,
.nav-active-dark .nav-item.active > a,
.nav-active-dark .nav-link.active {
  color: #27272A !important;
  background-color: #231A22 !important;
}

.bg-color-1 {
  background-color: #E8CAB0 !important;
}

.label-color-1 {
  background-color: #E8CAB0 !important;
  color: #FFFFFF;
}

.badge-color-1 {
  background: #E8CAB0 !important;
  color: #FFFFFF;
}

.color-color-1 {
  color: #E8CAB0 !important;
}
.color-color-1 .svg path {
  stroke: #E8CAB0;
}

.btn-outline-color-1 {
  border-color: rgba(232, 202, 176, 0.25);
}
.btn-outline-color-1:hover {
  background-color: rgba(232, 202, 176, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #E8CAB0;
}

.bg-color-1-lt {
  background-color: rgba(232, 202, 176, 0.4) !important;
}

.bg-color-1-lt2 {
  background-color: rgba(232, 202, 176, 0.1) !important;
}

.bg-color-1--lt {
  color: #27272A !important;
  background-color: rgba(232, 202, 176, 0) !important;
}

.active > .active-color-1 {
  color: #E8CAB0 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-1 {
  color: color-yiq(#E8CAB0) !important;
  background-color: #E8CAB0 !important;
}

.nav-active-text-color-1 .nav > li.active > a,
.nav-active-text-color-1 .nav-item.active > a,
.nav-active-text-color-1 .nav-link.active {
  color: #E8CAB0 !important;
}

.nav-active-color-1 .nav > li.active > a,
.nav-active-color-1 .nav-item.active > a,
.nav-active-color-1 .nav-link.active {
  color: #27272A !important;
  background-color: #E8CAB0 !important;
}

.bg-color-2 {
  background-color: #C6BEF3 !important;
}

.label-color-2 {
  background-color: #C6BEF3 !important;
  color: #FFFFFF;
}

.badge-color-2 {
  background: #C6BEF3 !important;
  color: #FFFFFF;
}

.color-color-2 {
  color: #C6BEF3 !important;
}
.color-color-2 .svg path {
  stroke: #C6BEF3;
}

.btn-outline-color-2 {
  border-color: rgba(198, 190, 243, 0.25);
}
.btn-outline-color-2:hover {
  background-color: rgba(198, 190, 243, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #C6BEF3;
}

.bg-color-2-lt {
  background-color: rgba(198, 190, 243, 0.4) !important;
}

.bg-color-2-lt2 {
  background-color: rgba(198, 190, 243, 0.1) !important;
}

.bg-color-2--lt {
  color: #27272A !important;
  background-color: rgba(198, 190, 243, 0) !important;
}

.active > .active-color-2 {
  color: #C6BEF3 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-2 {
  color: color-yiq(#C6BEF3) !important;
  background-color: #C6BEF3 !important;
}

.nav-active-text-color-2 .nav > li.active > a,
.nav-active-text-color-2 .nav-item.active > a,
.nav-active-text-color-2 .nav-link.active {
  color: #C6BEF3 !important;
}

.nav-active-color-2 .nav > li.active > a,
.nav-active-color-2 .nav-item.active > a,
.nav-active-color-2 .nav-link.active {
  color: #27272A !important;
  background-color: #C6BEF3 !important;
}

.bg-color-3 {
  background-color: #FD9C8C !important;
}

.label-color-3 {
  background-color: #FD9C8C !important;
  color: #FFFFFF;
}

.badge-color-3 {
  background: #FD9C8C !important;
  color: #FFFFFF;
}

.color-color-3 {
  color: #FD9C8C !important;
}
.color-color-3 .svg path {
  stroke: #FD9C8C;
}

.btn-outline-color-3 {
  border-color: rgba(253, 156, 140, 0.25);
}
.btn-outline-color-3:hover {
  background-color: rgba(253, 156, 140, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #FD9C8C;
}

.bg-color-3-lt {
  background-color: rgba(253, 156, 140, 0.4) !important;
}

.bg-color-3-lt2 {
  background-color: rgba(253, 156, 140, 0.1) !important;
}

.bg-color-3--lt {
  color: #27272A !important;
  background-color: rgba(253, 156, 140, 0) !important;
}

.active > .active-color-3 {
  color: #FD9C8C !important;
  opacity: 1 !important;
}

.active > .active-bg-color-3 {
  color: color-yiq(#FD9C8C) !important;
  background-color: #FD9C8C !important;
}

.nav-active-text-color-3 .nav > li.active > a,
.nav-active-text-color-3 .nav-item.active > a,
.nav-active-text-color-3 .nav-link.active {
  color: #FD9C8C !important;
}

.nav-active-color-3 .nav > li.active > a,
.nav-active-color-3 .nav-item.active > a,
.nav-active-color-3 .nav-link.active {
  color: #27272A !important;
  background-color: #FD9C8C !important;
}

.bg-color-4 {
  background-color: #B5473D !important;
}

.label-color-4 {
  background-color: #B5473D !important;
  color: #FFFFFF;
}

.badge-color-4 {
  background: #B5473D !important;
  color: #FFFFFF;
}

.color-color-4 {
  color: #B5473D !important;
}
.color-color-4 .svg path {
  stroke: #B5473D;
}

.btn-outline-color-4 {
  border-color: rgba(181, 71, 61, 0.25);
}
.btn-outline-color-4:hover {
  background-color: rgba(181, 71, 61, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #B5473D;
}

.bg-color-4-lt {
  background-color: rgba(181, 71, 61, 0.4) !important;
}

.bg-color-4-lt2 {
  background-color: rgba(181, 71, 61, 0.1) !important;
}

.bg-color-4--lt {
  color: #27272A !important;
  background-color: rgba(181, 71, 61, 0) !important;
}

.active > .active-color-4 {
  color: #B5473D !important;
  opacity: 1 !important;
}

.active > .active-bg-color-4 {
  color: color-yiq(#B5473D) !important;
  background-color: #B5473D !important;
}

.nav-active-text-color-4 .nav > li.active > a,
.nav-active-text-color-4 .nav-item.active > a,
.nav-active-text-color-4 .nav-link.active {
  color: #B5473D !important;
}

.nav-active-color-4 .nav > li.active > a,
.nav-active-color-4 .nav-item.active > a,
.nav-active-color-4 .nav-link.active {
  color: #27272A !important;
  background-color: #B5473D !important;
}

.bg-color-5 {
  background-color: #F4A4BF !important;
}

.label-color-5 {
  background-color: #F4A4BF !important;
  color: #FFFFFF;
}

.badge-color-5 {
  background: #F4A4BF !important;
  color: #FFFFFF;
}

.color-color-5 {
  color: #F4A4BF !important;
}
.color-color-5 .svg path {
  stroke: #F4A4BF;
}

.btn-outline-color-5 {
  border-color: rgba(244, 164, 191, 0.25);
}
.btn-outline-color-5:hover {
  background-color: rgba(244, 164, 191, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #F4A4BF;
}

.bg-color-5-lt {
  background-color: rgba(244, 164, 191, 0.4) !important;
}

.bg-color-5-lt2 {
  background-color: rgba(244, 164, 191, 0.1) !important;
}

.bg-color-5--lt {
  color: #27272A !important;
  background-color: rgba(244, 164, 191, 0) !important;
}

.active > .active-color-5 {
  color: #F4A4BF !important;
  opacity: 1 !important;
}

.active > .active-bg-color-5 {
  color: color-yiq(#F4A4BF) !important;
  background-color: #F4A4BF !important;
}

.nav-active-text-color-5 .nav > li.active > a,
.nav-active-text-color-5 .nav-item.active > a,
.nav-active-text-color-5 .nav-link.active {
  color: #F4A4BF !important;
}

.nav-active-color-5 .nav > li.active > a,
.nav-active-color-5 .nav-item.active > a,
.nav-active-color-5 .nav-link.active {
  color: #27272A !important;
  background-color: #F4A4BF !important;
}

.bg-color-6 {
  background-color: #FCD73B !important;
}

.label-color-6 {
  background-color: #FCD73B !important;
  color: #FFFFFF;
}

.badge-color-6 {
  background: #FCD73B !important;
  color: #FFFFFF;
}

.color-color-6 {
  color: #FCD73B !important;
}
.color-color-6 .svg path {
  stroke: #FCD73B;
}

.btn-outline-color-6 {
  border-color: rgba(252, 215, 59, 0.25);
}
.btn-outline-color-6:hover {
  background-color: rgba(252, 215, 59, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #FCD73B;
}

.bg-color-6-lt {
  background-color: rgba(252, 215, 59, 0.4) !important;
}

.bg-color-6-lt2 {
  background-color: rgba(252, 215, 59, 0.1) !important;
}

.bg-color-6--lt {
  color: #27272A !important;
  background-color: rgba(252, 215, 59, 0) !important;
}

.active > .active-color-6 {
  color: #FCD73B !important;
  opacity: 1 !important;
}

.active > .active-bg-color-6 {
  color: color-yiq(#FCD73B) !important;
  background-color: #FCD73B !important;
}

.nav-active-text-color-6 .nav > li.active > a,
.nav-active-text-color-6 .nav-item.active > a,
.nav-active-text-color-6 .nav-link.active {
  color: #FCD73B !important;
}

.nav-active-color-6 .nav > li.active > a,
.nav-active-color-6 .nav-item.active > a,
.nav-active-color-6 .nav-link.active {
  color: #27272A !important;
  background-color: #FCD73B !important;
}

.bg-color-7 {
  background-color: #C49DF8 !important;
}

.label-color-7 {
  background-color: #C49DF8 !important;
  color: #FFFFFF;
}

.badge-color-7 {
  background: #C49DF8 !important;
  color: #FFFFFF;
}

.color-color-7 {
  color: #C49DF8 !important;
}
.color-color-7 .svg path {
  stroke: #C49DF8;
}

.btn-outline-color-7 {
  border-color: rgba(196, 157, 248, 0.25);
}
.btn-outline-color-7:hover {
  background-color: rgba(196, 157, 248, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #C49DF8;
}

.bg-color-7-lt {
  background-color: rgba(196, 157, 248, 0.4) !important;
}

.bg-color-7-lt2 {
  background-color: rgba(196, 157, 248, 0.1) !important;
}

.bg-color-7--lt {
  color: #27272A !important;
  background-color: rgba(196, 157, 248, 0) !important;
}

.active > .active-color-7 {
  color: #C49DF8 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-7 {
  color: color-yiq(#C49DF8) !important;
  background-color: #C49DF8 !important;
}

.nav-active-text-color-7 .nav > li.active > a,
.nav-active-text-color-7 .nav-item.active > a,
.nav-active-text-color-7 .nav-link.active {
  color: #C49DF8 !important;
}

.nav-active-color-7 .nav > li.active > a,
.nav-active-color-7 .nav-item.active > a,
.nav-active-color-7 .nav-link.active {
  color: #27272A !important;
  background-color: #C49DF8 !important;
}

.bg-color-8 {
  background-color: #B8F1D9 !important;
}

.label-color-8 {
  background-color: #B8F1D9 !important;
  color: #FFFFFF;
}

.badge-color-8 {
  background: #B8F1D9 !important;
  color: #FFFFFF;
}

.color-color-8 {
  color: #B8F1D9 !important;
}
.color-color-8 .svg path {
  stroke: #B8F1D9;
}

.btn-outline-color-8 {
  border-color: rgba(184, 241, 217, 0.25);
}
.btn-outline-color-8:hover {
  background-color: rgba(184, 241, 217, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #B8F1D9;
}

.bg-color-8-lt {
  background-color: rgba(184, 241, 217, 0.4) !important;
}

.bg-color-8-lt2 {
  background-color: rgba(184, 241, 217, 0.1) !important;
}

.bg-color-8--lt {
  color: #27272A !important;
  background-color: rgba(184, 241, 217, 0) !important;
}

.active > .active-color-8 {
  color: #B8F1D9 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-8 {
  color: color-yiq(#B8F1D9) !important;
  background-color: #B8F1D9 !important;
}

.nav-active-text-color-8 .nav > li.active > a,
.nav-active-text-color-8 .nav-item.active > a,
.nav-active-text-color-8 .nav-link.active {
  color: #B8F1D9 !important;
}

.nav-active-color-8 .nav > li.active > a,
.nav-active-color-8 .nav-item.active > a,
.nav-active-color-8 .nav-link.active {
  color: #27272A !important;
  background-color: #B8F1D9 !important;
}

.bg-color-9 {
  background-color: #83C192 !important;
}

.label-color-9 {
  background-color: #83C192 !important;
  color: #FFFFFF;
}

.badge-color-9 {
  background: #83C192 !important;
  color: #FFFFFF;
}

.color-color-9 {
  color: #83C192 !important;
}
.color-color-9 .svg path {
  stroke: #83C192;
}

.btn-outline-color-9 {
  border-color: rgba(131, 193, 146, 0.25);
}
.btn-outline-color-9:hover {
  background-color: rgba(131, 193, 146, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #83C192;
}

.bg-color-9-lt {
  background-color: rgba(131, 193, 146, 0.4) !important;
}

.bg-color-9-lt2 {
  background-color: rgba(131, 193, 146, 0.1) !important;
}

.bg-color-9--lt {
  color: #27272A !important;
  background-color: rgba(131, 193, 146, 0) !important;
}

.active > .active-color-9 {
  color: #83C192 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-9 {
  color: color-yiq(#83C192) !important;
  background-color: #83C192 !important;
}

.nav-active-text-color-9 .nav > li.active > a,
.nav-active-text-color-9 .nav-item.active > a,
.nav-active-text-color-9 .nav-link.active {
  color: #83C192 !important;
}

.nav-active-color-9 .nav > li.active > a,
.nav-active-color-9 .nav-item.active > a,
.nav-active-color-9 .nav-link.active {
  color: #27272A !important;
  background-color: #83C192 !important;
}

.bg-color-10 {
  background-color: #F9CC93 !important;
}

.label-color-10 {
  background-color: #F9CC93 !important;
  color: #FFFFFF;
}

.badge-color-10 {
  background: #F9CC93 !important;
  color: #FFFFFF;
}

.color-color-10 {
  color: #F9CC93 !important;
}
.color-color-10 .svg path {
  stroke: #F9CC93;
}

.btn-outline-color-10 {
  border-color: rgba(249, 204, 147, 0.25);
}
.btn-outline-color-10:hover {
  background-color: rgba(249, 204, 147, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #F9CC93;
}

.bg-color-10-lt {
  background-color: rgba(249, 204, 147, 0.4) !important;
}

.bg-color-10-lt2 {
  background-color: rgba(249, 204, 147, 0.1) !important;
}

.bg-color-10--lt {
  color: #27272A !important;
  background-color: rgba(249, 204, 147, 0) !important;
}

.active > .active-color-10 {
  color: #F9CC93 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-10 {
  color: color-yiq(#F9CC93) !important;
  background-color: #F9CC93 !important;
}

.nav-active-text-color-10 .nav > li.active > a,
.nav-active-text-color-10 .nav-item.active > a,
.nav-active-text-color-10 .nav-link.active {
  color: #F9CC93 !important;
}

.nav-active-color-10 .nav > li.active > a,
.nav-active-color-10 .nav-item.active > a,
.nav-active-color-10 .nav-link.active {
  color: #27272A !important;
  background-color: #F9CC93 !important;
}

.bg-color-11 {
  background-color: #F9F5F1 !important;
}

.label-color-11 {
  background-color: #F9F5F1 !important;
  color: #FFFFFF;
}

.badge-color-11 {
  background: #F9F5F1 !important;
  color: #FFFFFF;
}

.color-color-11 {
  color: #F9F5F1 !important;
}
.color-color-11 .svg path {
  stroke: #F9F5F1;
}

.btn-outline-color-11 {
  border-color: rgba(249, 245, 241, 0.25);
}
.btn-outline-color-11:hover {
  background-color: rgba(249, 245, 241, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #F9F5F1;
}

.bg-color-11-lt {
  background-color: rgba(249, 245, 241, 0.4) !important;
}

.bg-color-11-lt2 {
  background-color: rgba(249, 245, 241, 0.1) !important;
}

.bg-color-11--lt {
  color: #27272A !important;
  background-color: rgba(249, 245, 241, 0) !important;
}

.active > .active-color-11 {
  color: #F9F5F1 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-11 {
  color: color-yiq(#F9F5F1) !important;
  background-color: #F9F5F1 !important;
}

.nav-active-text-color-11 .nav > li.active > a,
.nav-active-text-color-11 .nav-item.active > a,
.nav-active-text-color-11 .nav-link.active {
  color: #F9F5F1 !important;
}

.nav-active-color-11 .nav > li.active > a,
.nav-active-color-11 .nav-item.active > a,
.nav-active-color-11 .nav-link.active {
  color: #27272A !important;
  background-color: #F9F5F1 !important;
}

.bg-color-12 {
  background-color: #EFF5F3 !important;
}

.label-color-12 {
  background-color: #EFF5F3 !important;
  color: #FFFFFF;
}

.badge-color-12 {
  background: #EFF5F3 !important;
  color: #FFFFFF;
}

.color-color-12 {
  color: #EFF5F3 !important;
}
.color-color-12 .svg path {
  stroke: #EFF5F3;
}

.btn-outline-color-12 {
  border-color: rgba(239, 245, 243, 0.25);
}
.btn-outline-color-12:hover {
  background-color: rgba(239, 245, 243, 0.2);
  border-color: rgba(0, 0, 0, 0);
  color: #EFF5F3;
}

.bg-color-12-lt {
  background-color: rgba(239, 245, 243, 0.4) !important;
}

.bg-color-12-lt2 {
  background-color: rgba(239, 245, 243, 0.1) !important;
}

.bg-color-12--lt {
  color: #27272A !important;
  background-color: rgba(239, 245, 243, 0) !important;
}

.active > .active-color-12 {
  color: #EFF5F3 !important;
  opacity: 1 !important;
}

.active > .active-bg-color-12 {
  color: color-yiq(#EFF5F3) !important;
  background-color: #EFF5F3 !important;
}

.nav-active-text-color-12 .nav > li.active > a,
.nav-active-text-color-12 .nav-item.active > a,
.nav-active-text-color-12 .nav-link.active {
  color: #EFF5F3 !important;
}

.nav-active-color-12 .nav > li.active > a,
.nav-active-color-12 .nav-item.active > a,
.nav-active-color-12 .nav-link.active {
  color: #27272A !important;
  background-color: #EFF5F3 !important;
}

.section-dark > * {
  color: #FFFFFF !important;
}
.section-dark .breadcrumb-item + .breadcrumb-item::before {
  color: #FFFFFF;
}
.section-dark a, .section-dark li {
  color: #FFFFFF !important;
}

.bg-grad {
  background: linear-gradient(86deg, rgba(255, 255, 255, 0) 0%, #F9F9F9 100%) !important;
}

.z-index-grand {
  z-index: 999999 !important;
}

/*
Border Radius
*/
.circle {
  border-radius: 50% !important;
}

.border-radius {
  border-radius: 8px;
}

.border-radius-sm {
  border-radius: 12px;
}

.border-radius-md {
  border-radius: 14px;
}

.border-radius-lg {
  border-radius: 16px;
}

.border-radius-xl {
  border-radius: 20px;
}

.border-radius-xxl {
  border-radius: 24px;
}

.box-shadow {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);
}

.border-1, .border {
  border: 1px solid #231A22 !important;
}

.border-bottom {
  border-bottom: 1px solid #231A22 !important;
}

.border-top {
  border-top: 1px solid #231A22 !important;
}

.border-right {
  border-right: 1px solid #231A22 !important;
}

.border-left {
  border-left: 1px solid #231A22 !important;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes colorme {
  from, 50%, to {
    color: #09090B;
  }
  25%, 75% {
    color: #FAFAFA;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/*!sc*/
@keyframes marquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
[data-aos=animation-scale-x-left] {
  -webkit-transform: translateX(-50px) scaleX(1.1);
  -ms-transform: translateX(-50px) scaleX(1.1);
  transform: translateX(-50px) scaleX(1.1);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos=animation-scale-x-left].aos-animate {
  -webkit-transform: translateX(0) scaleX(1);
  -ms-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  opacity: 1;
}

[data-aos=animation-scale-x-right] {
  -webkit-transform: translateX(50px) scaleX(1.1);
  -ms-transform: translateX(50px) scaleX(1.1);
  transform: translateX(50px) scaleX(1.1);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos=animation-scale-x-right].aos-animate {
  -webkit-transform: translateX(0) scaleX(1);
  -ms-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  opacity: 1;
}

[data-aos=animation-scale-y] {
  -webkit-transform: translateY(40px) scaleY(1.4);
  -ms-transform: translateY(40px) scaleY(1.4);
  transform: translateY(40px) scaleY(1.4);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos=animation-scale-y].aos-animate {
  -webkit-transform: translateY(0) scaleY(1);
  -ms-transform: translateY(0) scaleY(1);
  transform: translateY(0) scaleY(1);
  opacity: 1;
}

[data-aos=animation-scale-x] {
  -webkit-transform: translateX(-40px) scaleX(1.1);
  -ms-transform: translateX(-40px) scaleX(1.1);
  transform: translateX(-40px) scaleX(1.1);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos=animation-scale-x].aos-animate {
  -webkit-transform: translateX(0) scaleX(1);
  -ms-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  opacity: 1;
}

[data-aos=animation-translate-y] {
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

[data-aos=animation-translate-y].aos-animate {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}