/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Lato";
  src: local("Lato-Regular"), url("/assets/fonts/Lato-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: local("Lato-Bold"), url("/assets/fonts/Lato-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Abhaya Libre";
  src: local("AbhayaLibre-Bold"), url("/assets/fonts/AbhayaLibre-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}
html, html *, html *::before, html *::after {
  font-family: "Lato", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  background-color: #FFFFFF;
}
body.overflow-hide {
  overflow-y: hidden;
}

main {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

button, a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}

h1 {
  font-size: 96px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
  text-transform: uppercase;
  font-family: "Abhaya Libre", serif;
}
@media (max-width: 768px) {
  h1 {
    font-size: 80px;
    line-height: normal;
    font-weight: 700;
    color: #202020;
  }
}

h2 {
  font-size: 48px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
  font-family: "Abhaya Libre", serif;
}
@media (max-width: 768px) {
  h2 {
    font-size: 40px;
    line-height: normal;
    font-weight: 700;
    color: #202020;
  }
}

h3 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  color: #202020;
}

p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  color: #202020;
}

.container {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1312px;
  margin: 0 auto;
  padding: 0 16px;
}

.with-bg {
  background-color: #FFF5F1;
  padding: 72px 0;
}
@media (max-width: 550px) {
  .with-bg {
    padding: 32px 0;
  }
}

@keyframes showItem {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate {
  opacity: 0;
  transform: translateY(-100%);
  animation: showItem 0.4s ease-in-out;
  animation-fill-mode: forwards;
  transition: 0.15s linear all;
  animation-delay: 0.2s;
}

header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 0 32px;
  transition: 0.15s linear all;
  background-color: #FFFFFF;
}
header.scroll {
  padding: 25px 0 17px;
}
header.scroll .row::after {
  bottom: -17px;
}
@media (max-width: 768px) {
  header.scroll {
    padding: 20px 0;
  }
  header.scroll .row::after {
    bottom: -21px;
  }
}
@media (max-width: 768px) {
  header {
    padding: 24px 0;
  }
}
header .row {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
}
header .row::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -32px;
  left: 16px;
  height: 1px;
  width: calc(100% - 32px);
  opacity: 1;
  background-color: rgba(192, 170, 115, 0.4588235294);
}
@media (max-width: 768px) {
  header .row::after {
    bottom: -24px;
  }
}
@media (max-width: 768px) {
  header .row img {
    height: 29px;
  }
}
header .row ul {
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style: none;
}
@media (max-width: 1024px) {
  header .row ul {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  header .row ul {
    display: none;
  }
}
header .row ul li:nth-child(1) {
  animation-delay: 100ms !important;
}
header .row ul li:nth-child(2) {
  animation-delay: 200ms !important;
}
header .row ul li:nth-child(3) {
  animation-delay: 300ms !important;
}
header .row ul li:nth-child(4) {
  animation-delay: 400ms !important;
}
header .row ul li:nth-child(5) {
  animation-delay: 500ms !important;
}
header .row ul li:nth-child(6) {
  animation-delay: 600ms !important;
}
header .row ul li a:not(.as-btn) {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #202020;
  text-decoration: none;
  transition: 0.15s linear all;
}
header .row ul li a:not(.as-btn):hover {
  color: #BD091B;
}
@media (max-width: 1024px) {
  header .row ul li a:not(.as-btn) {
    font-size: 14px;
    line-height: 14px;
  }
}
header .row ul li a.as-btn {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: normal;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 50px;
  background: #BD091B;
  width: 117px;
  height: 31px;
  text-decoration: none;
}
header .row .hamburger {
  display: flex;
  gap: 5px;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  display: none;
  position: relative;
  z-index: 2;
  width: 34px;
  height: 30px;
  padding-right: 8px;
  cursor: pointer;
  transition: 0.15s linear all;
}
@media (max-width: 768px) {
  header .row .hamburger {
    display: flex;
  }
}
header .row .hamburger.active .top {
  transform: translateY(6px) rotate(45deg);
}
header .row .hamburger.active .hidden {
  opacity: 0;
}
header .row .hamburger.active .bottom {
  transform: translateY(-6.5px) rotate(-45deg);
}
header .row .hamburger.active ~ .mobile-nav {
  opacity: 1;
  visibility: visible;
}
header .row .hamburger.active ~ .mobile-nav .nav-container {
  transform: translateX(0);
}
header .row .hamburger .top, header .row .hamburger .hidden, header .row .hamburger .bottom {
  display: block;
  width: 18px;
  height: 1.5px;
  background-color: #202020;
  transition: transform 0.3s ease;
  opacity: 1;
}
header .row .hamburger .hidden {
  width: 12px;
}
header .row .mobile-nav {
  display: flex;
  opacity: 0;
  visibility: hidden;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(192, 170, 115, 0.2078431373);
}
header .row .mobile-nav .nav-container {
  position: relative;
  z-index: 100;
  width: 72vw;
  height: 100%;
  padding: 80px 60px 20px 32px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  transform: translateX(200%);
  transition: 0.3s linear all;
  box-shadow: 0 56px 22px rgba(33, 28, 18, 0.03), 0 31px 19px rgba(33, 28, 18, 0.09), 0 14px 14px rgba(33, 28, 18, 0.16), 0 3px 8px rgba(33, 28, 18, 0.18), 0 0 0 rgba(33, 28, 18, 0.19);
}
header .row .mobile-nav .nav-container nav ul {
  display: flex;
  gap: 48px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  list-style: none;
}
header .row .mobile-nav .nav-container nav ul li a:not(.as-btn) {
  font-size: 28px;
  line-height: 28px;
  font-weight: 400;
  color: #202020;
  text-decoration: none;
}
@keyframes showImg {
  to {
    opacity: 1;
    height: 368px;
  }
}
@keyframes bgAnimation {
  0% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 0%, rgba(189, 9, 27, 0) 0% 100%), var(--image) no-repeat;
  }
  1% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 1%, rgba(189, 9, 27, 0) 1% 100%), var(--image) no-repeat;
  }
  2% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 2%, rgba(189, 9, 27, 0) 2% 100%), var(--image) no-repeat;
  }
  3% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 3%, rgba(189, 9, 27, 0) 3% 100%), var(--image) no-repeat;
  }
  4% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 4%, rgba(189, 9, 27, 0) 4% 100%), var(--image) no-repeat;
  }
  5% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 5%, rgba(189, 9, 27, 0) 5% 100%), var(--image) no-repeat;
  }
  6% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 6%, rgba(189, 9, 27, 0) 6% 100%), var(--image) no-repeat;
  }
  7% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 7%, rgba(189, 9, 27, 0) 7% 100%), var(--image) no-repeat;
  }
  8% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 8%, rgba(189, 9, 27, 0) 8% 100%), var(--image) no-repeat;
  }
  9% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 9%, rgba(189, 9, 27, 0) 9% 100%), var(--image) no-repeat;
  }
  10% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 10%, rgba(189, 9, 27, 0) 10% 100%), var(--image) no-repeat;
  }
  11% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 11%, rgba(189, 9, 27, 0) 11% 100%), var(--image) no-repeat;
  }
  12% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 12%, rgba(189, 9, 27, 0) 12% 100%), var(--image) no-repeat;
  }
  13% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 13%, rgba(189, 9, 27, 0) 13% 100%), var(--image) no-repeat;
  }
  14% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 14%, rgba(189, 9, 27, 0) 14% 100%), var(--image) no-repeat;
  }
  15% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 15%, rgba(189, 9, 27, 0) 15% 100%), var(--image) no-repeat;
  }
  16% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 16%, rgba(189, 9, 27, 0) 16% 100%), var(--image) no-repeat;
  }
  17% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 17%, rgba(189, 9, 27, 0) 17% 100%), var(--image) no-repeat;
  }
  18% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 18%, rgba(189, 9, 27, 0) 18% 100%), var(--image) no-repeat;
  }
  19% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 19%, rgba(189, 9, 27, 0) 19% 100%), var(--image) no-repeat;
  }
  20% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 20%, rgba(189, 9, 27, 0) 20% 100%), var(--image) no-repeat;
  }
  21% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 21%, rgba(189, 9, 27, 0) 21% 100%), var(--image) no-repeat;
  }
  22% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 22%, rgba(189, 9, 27, 0) 22% 100%), var(--image) no-repeat;
  }
  23% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 23%, rgba(189, 9, 27, 0) 23% 100%), var(--image) no-repeat;
  }
  24% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 24%, rgba(189, 9, 27, 0) 24% 100%), var(--image) no-repeat;
  }
  25% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 25%, rgba(189, 9, 27, 0) 25% 100%), var(--image) no-repeat;
  }
  26% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 26%, rgba(189, 9, 27, 0) 26% 100%), var(--image) no-repeat;
  }
  27% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 27%, rgba(189, 9, 27, 0) 27% 100%), var(--image) no-repeat;
  }
  28% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 28%, rgba(189, 9, 27, 0) 28% 100%), var(--image) no-repeat;
  }
  29% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 29%, rgba(189, 9, 27, 0) 29% 100%), var(--image) no-repeat;
  }
  30% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 30%, rgba(189, 9, 27, 0) 30% 100%), var(--image) no-repeat;
  }
  31% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 31%, rgba(189, 9, 27, 0) 31% 100%), var(--image) no-repeat;
  }
  32% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 32%, rgba(189, 9, 27, 0) 32% 100%), var(--image) no-repeat;
  }
  33% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 33%, rgba(189, 9, 27, 0) 33% 100%), var(--image) no-repeat;
  }
  34% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 34%, rgba(189, 9, 27, 0) 34% 100%), var(--image) no-repeat;
  }
  35% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 35%, rgba(189, 9, 27, 0) 35% 100%), var(--image) no-repeat;
  }
  36% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 36%, rgba(189, 9, 27, 0) 36% 100%), var(--image) no-repeat;
  }
  37% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 37%, rgba(189, 9, 27, 0) 37% 100%), var(--image) no-repeat;
  }
  38% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 38%, rgba(189, 9, 27, 0) 38% 100%), var(--image) no-repeat;
  }
  39% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 39%, rgba(189, 9, 27, 0) 39% 100%), var(--image) no-repeat;
  }
  40% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 40%, rgba(189, 9, 27, 0) 40% 100%), var(--image) no-repeat;
  }
  41% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 41%, rgba(189, 9, 27, 0) 41% 100%), var(--image) no-repeat;
  }
  42% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 42%, rgba(189, 9, 27, 0) 42% 100%), var(--image) no-repeat;
  }
  43% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 43%, rgba(189, 9, 27, 0) 43% 100%), var(--image) no-repeat;
  }
  44% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 44%, rgba(189, 9, 27, 0) 44% 100%), var(--image) no-repeat;
  }
  45% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 45%, rgba(189, 9, 27, 0) 45% 100%), var(--image) no-repeat;
  }
  46% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 46%, rgba(189, 9, 27, 0) 46% 100%), var(--image) no-repeat;
  }
  47% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 47%, rgba(189, 9, 27, 0) 47% 100%), var(--image) no-repeat;
  }
  48% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 48%, rgba(189, 9, 27, 0) 48% 100%), var(--image) no-repeat;
  }
  49% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 49%, rgba(189, 9, 27, 0) 49% 100%), var(--image) no-repeat;
  }
  50% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 50%, rgba(189, 9, 27, 0) 50% 100%), var(--image) no-repeat;
  }
  51% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 51%, rgba(189, 9, 27, 0) 51% 100%), var(--image) no-repeat;
  }
  52% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 52%, rgba(189, 9, 27, 0) 52% 100%), var(--image) no-repeat;
  }
  53% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 53%, rgba(189, 9, 27, 0) 53% 100%), var(--image) no-repeat;
  }
  54% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 54%, rgba(189, 9, 27, 0) 54% 100%), var(--image) no-repeat;
  }
  55% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 55%, rgba(189, 9, 27, 0) 55% 100%), var(--image) no-repeat;
  }
  56% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 56%, rgba(189, 9, 27, 0) 56% 100%), var(--image) no-repeat;
  }
  57% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 57%, rgba(189, 9, 27, 0) 57% 100%), var(--image) no-repeat;
  }
  58% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 58%, rgba(189, 9, 27, 0) 58% 100%), var(--image) no-repeat;
  }
  59% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 59%, rgba(189, 9, 27, 0) 59% 100%), var(--image) no-repeat;
  }
  60% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 60%, rgba(189, 9, 27, 0) 60% 100%), var(--image) no-repeat;
  }
  61% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 61%, rgba(189, 9, 27, 0) 61% 100%), var(--image) no-repeat;
  }
  62% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 62%, rgba(189, 9, 27, 0) 62% 100%), var(--image) no-repeat;
  }
  63% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 63%, rgba(189, 9, 27, 0) 63% 100%), var(--image) no-repeat;
  }
  64% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 64%, rgba(189, 9, 27, 0) 64% 100%), var(--image) no-repeat;
  }
  65% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 65%, rgba(189, 9, 27, 0) 65% 100%), var(--image) no-repeat;
  }
  66% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 66%, rgba(189, 9, 27, 0) 66% 100%), var(--image) no-repeat;
  }
  67% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 67%, rgba(189, 9, 27, 0) 67% 100%), var(--image) no-repeat;
  }
  68% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 68%, rgba(189, 9, 27, 0) 68% 100%), var(--image) no-repeat;
  }
  69% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 69%, rgba(189, 9, 27, 0) 69% 100%), var(--image) no-repeat;
  }
  70% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 70%, rgba(189, 9, 27, 0) 70% 100%), var(--image) no-repeat;
  }
  71% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 71%, rgba(189, 9, 27, 0) 71% 100%), var(--image) no-repeat;
  }
  72% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 72%, rgba(189, 9, 27, 0) 72% 100%), var(--image) no-repeat;
  }
  73% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 73%, rgba(189, 9, 27, 0) 73% 100%), var(--image) no-repeat;
  }
  74% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 74%, rgba(189, 9, 27, 0) 74% 100%), var(--image) no-repeat;
  }
  75% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 75%, rgba(189, 9, 27, 0) 75% 100%), var(--image) no-repeat;
  }
  76% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 76%, rgba(189, 9, 27, 0) 76% 100%), var(--image) no-repeat;
  }
  77% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 77%, rgba(189, 9, 27, 0) 77% 100%), var(--image) no-repeat;
  }
  78% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 78%, rgba(189, 9, 27, 0) 78% 100%), var(--image) no-repeat;
  }
  79% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 79%, rgba(189, 9, 27, 0) 79% 100%), var(--image) no-repeat;
  }
  80% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 80%, rgba(189, 9, 27, 0) 80% 100%), var(--image) no-repeat;
  }
  81% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 81%, rgba(189, 9, 27, 0) 81% 100%), var(--image) no-repeat;
  }
  82% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 82%, rgba(189, 9, 27, 0) 82% 100%), var(--image) no-repeat;
  }
  83% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 83%, rgba(189, 9, 27, 0) 83% 100%), var(--image) no-repeat;
  }
  84% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 84%, rgba(189, 9, 27, 0) 84% 100%), var(--image) no-repeat;
  }
  85% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 85%, rgba(189, 9, 27, 0) 85% 100%), var(--image) no-repeat;
  }
  86% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 86%, rgba(189, 9, 27, 0) 86% 100%), var(--image) no-repeat;
  }
  87% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 87%, rgba(189, 9, 27, 0) 87% 100%), var(--image) no-repeat;
  }
  88% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 88%, rgba(189, 9, 27, 0) 88% 100%), var(--image) no-repeat;
  }
  89% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 89%, rgba(189, 9, 27, 0) 89% 100%), var(--image) no-repeat;
  }
  90% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 90%, rgba(189, 9, 27, 0) 90% 100%), var(--image) no-repeat;
  }
  91% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 91%, rgba(189, 9, 27, 0) 91% 100%), var(--image) no-repeat;
  }
  92% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 92%, rgba(189, 9, 27, 0) 92% 100%), var(--image) no-repeat;
  }
  93% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 93%, rgba(189, 9, 27, 0) 93% 100%), var(--image) no-repeat;
  }
  94% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 94%, rgba(189, 9, 27, 0) 94% 100%), var(--image) no-repeat;
  }
  95% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 95%, rgba(189, 9, 27, 0) 95% 100%), var(--image) no-repeat;
  }
  96% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 96%, rgba(189, 9, 27, 0) 96% 100%), var(--image) no-repeat;
  }
  97% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 97%, rgba(189, 9, 27, 0) 97% 100%), var(--image) no-repeat;
  }
  98% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 98%, rgba(189, 9, 27, 0) 98% 100%), var(--image) no-repeat;
  }
  99% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 99%, rgba(189, 9, 27, 0) 99% 100%), var(--image) no-repeat;
  }
  100% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 100%, rgba(189, 9, 27, 0) 100% 100%), var(--image) no-repeat;
  }
  101% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 101%, rgba(189, 9, 27, 0) 101% 100%), var(--image) no-repeat;
  }
}
@keyframes bgAnimationRevers {
  0% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 100%, rgba(189, 9, 27, 0) 100% 100%), var(--image) no-repeat;
  }
  1% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 99%, rgba(189, 9, 27, 0) 99% 100%), var(--image) no-repeat;
  }
  2% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 98%, rgba(189, 9, 27, 0) 98% 100%), var(--image) no-repeat;
  }
  3% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 97%, rgba(189, 9, 27, 0) 97% 100%), var(--image) no-repeat;
  }
  4% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 96%, rgba(189, 9, 27, 0) 96% 100%), var(--image) no-repeat;
  }
  5% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 95%, rgba(189, 9, 27, 0) 95% 100%), var(--image) no-repeat;
  }
  6% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 94%, rgba(189, 9, 27, 0) 94% 100%), var(--image) no-repeat;
  }
  7% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 93%, rgba(189, 9, 27, 0) 93% 100%), var(--image) no-repeat;
  }
  8% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 92%, rgba(189, 9, 27, 0) 92% 100%), var(--image) no-repeat;
  }
  9% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 91%, rgba(189, 9, 27, 0) 91% 100%), var(--image) no-repeat;
  }
  10% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 90%, rgba(189, 9, 27, 0) 90% 100%), var(--image) no-repeat;
  }
  11% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 89%, rgba(189, 9, 27, 0) 89% 100%), var(--image) no-repeat;
  }
  12% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 88%, rgba(189, 9, 27, 0) 88% 100%), var(--image) no-repeat;
  }
  13% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 87%, rgba(189, 9, 27, 0) 87% 100%), var(--image) no-repeat;
  }
  14% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 86%, rgba(189, 9, 27, 0) 86% 100%), var(--image) no-repeat;
  }
  15% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 85%, rgba(189, 9, 27, 0) 85% 100%), var(--image) no-repeat;
  }
  16% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 84%, rgba(189, 9, 27, 0) 84% 100%), var(--image) no-repeat;
  }
  17% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 83%, rgba(189, 9, 27, 0) 83% 100%), var(--image) no-repeat;
  }
  18% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 82%, rgba(189, 9, 27, 0) 82% 100%), var(--image) no-repeat;
  }
  19% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 81%, rgba(189, 9, 27, 0) 81% 100%), var(--image) no-repeat;
  }
  20% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 80%, rgba(189, 9, 27, 0) 80% 100%), var(--image) no-repeat;
  }
  21% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 79%, rgba(189, 9, 27, 0) 79% 100%), var(--image) no-repeat;
  }
  22% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 78%, rgba(189, 9, 27, 0) 78% 100%), var(--image) no-repeat;
  }
  23% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 77%, rgba(189, 9, 27, 0) 77% 100%), var(--image) no-repeat;
  }
  24% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 76%, rgba(189, 9, 27, 0) 76% 100%), var(--image) no-repeat;
  }
  25% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 75%, rgba(189, 9, 27, 0) 75% 100%), var(--image) no-repeat;
  }
  26% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 74%, rgba(189, 9, 27, 0) 74% 100%), var(--image) no-repeat;
  }
  27% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 73%, rgba(189, 9, 27, 0) 73% 100%), var(--image) no-repeat;
  }
  28% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 72%, rgba(189, 9, 27, 0) 72% 100%), var(--image) no-repeat;
  }
  29% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 71%, rgba(189, 9, 27, 0) 71% 100%), var(--image) no-repeat;
  }
  30% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 70%, rgba(189, 9, 27, 0) 70% 100%), var(--image) no-repeat;
  }
  31% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 69%, rgba(189, 9, 27, 0) 69% 100%), var(--image) no-repeat;
  }
  32% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 68%, rgba(189, 9, 27, 0) 68% 100%), var(--image) no-repeat;
  }
  33% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 67%, rgba(189, 9, 27, 0) 67% 100%), var(--image) no-repeat;
  }
  34% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 66%, rgba(189, 9, 27, 0) 66% 100%), var(--image) no-repeat;
  }
  35% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 65%, rgba(189, 9, 27, 0) 65% 100%), var(--image) no-repeat;
  }
  36% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 64%, rgba(189, 9, 27, 0) 64% 100%), var(--image) no-repeat;
  }
  37% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 63%, rgba(189, 9, 27, 0) 63% 100%), var(--image) no-repeat;
  }
  38% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 62%, rgba(189, 9, 27, 0) 62% 100%), var(--image) no-repeat;
  }
  39% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 61%, rgba(189, 9, 27, 0) 61% 100%), var(--image) no-repeat;
  }
  40% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 60%, rgba(189, 9, 27, 0) 60% 100%), var(--image) no-repeat;
  }
  41% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 59%, rgba(189, 9, 27, 0) 59% 100%), var(--image) no-repeat;
  }
  42% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 58%, rgba(189, 9, 27, 0) 58% 100%), var(--image) no-repeat;
  }
  43% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 57%, rgba(189, 9, 27, 0) 57% 100%), var(--image) no-repeat;
  }
  44% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 56%, rgba(189, 9, 27, 0) 56% 100%), var(--image) no-repeat;
  }
  45% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 55%, rgba(189, 9, 27, 0) 55% 100%), var(--image) no-repeat;
  }
  46% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 54%, rgba(189, 9, 27, 0) 54% 100%), var(--image) no-repeat;
  }
  47% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 53%, rgba(189, 9, 27, 0) 53% 100%), var(--image) no-repeat;
  }
  48% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 52%, rgba(189, 9, 27, 0) 52% 100%), var(--image) no-repeat;
  }
  49% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 51%, rgba(189, 9, 27, 0) 51% 100%), var(--image) no-repeat;
  }
  50% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 50%, rgba(189, 9, 27, 0) 50% 100%), var(--image) no-repeat;
  }
  51% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 49%, rgba(189, 9, 27, 0) 49% 100%), var(--image) no-repeat;
  }
  52% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 48%, rgba(189, 9, 27, 0) 48% 100%), var(--image) no-repeat;
  }
  53% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 47%, rgba(189, 9, 27, 0) 47% 100%), var(--image) no-repeat;
  }
  54% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 46%, rgba(189, 9, 27, 0) 46% 100%), var(--image) no-repeat;
  }
  55% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 45%, rgba(189, 9, 27, 0) 45% 100%), var(--image) no-repeat;
  }
  56% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 44%, rgba(189, 9, 27, 0) 44% 100%), var(--image) no-repeat;
  }
  57% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 43%, rgba(189, 9, 27, 0) 43% 100%), var(--image) no-repeat;
  }
  58% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 42%, rgba(189, 9, 27, 0) 42% 100%), var(--image) no-repeat;
  }
  59% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 41%, rgba(189, 9, 27, 0) 41% 100%), var(--image) no-repeat;
  }
  60% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 40%, rgba(189, 9, 27, 0) 40% 100%), var(--image) no-repeat;
  }
  61% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 39%, rgba(189, 9, 27, 0) 39% 100%), var(--image) no-repeat;
  }
  62% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 38%, rgba(189, 9, 27, 0) 38% 100%), var(--image) no-repeat;
  }
  63% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 37%, rgba(189, 9, 27, 0) 37% 100%), var(--image) no-repeat;
  }
  64% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 36%, rgba(189, 9, 27, 0) 36% 100%), var(--image) no-repeat;
  }
  65% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 35%, rgba(189, 9, 27, 0) 35% 100%), var(--image) no-repeat;
  }
  66% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 34%, rgba(189, 9, 27, 0) 34% 100%), var(--image) no-repeat;
  }
  67% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 33%, rgba(189, 9, 27, 0) 33% 100%), var(--image) no-repeat;
  }
  68% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 32%, rgba(189, 9, 27, 0) 32% 100%), var(--image) no-repeat;
  }
  69% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 31%, rgba(189, 9, 27, 0) 31% 100%), var(--image) no-repeat;
  }
  70% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 30%, rgba(189, 9, 27, 0) 30% 100%), var(--image) no-repeat;
  }
  71% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 29%, rgba(189, 9, 27, 0) 29% 100%), var(--image) no-repeat;
  }
  72% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 28%, rgba(189, 9, 27, 0) 28% 100%), var(--image) no-repeat;
  }
  73% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 27%, rgba(189, 9, 27, 0) 27% 100%), var(--image) no-repeat;
  }
  74% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 26%, rgba(189, 9, 27, 0) 26% 100%), var(--image) no-repeat;
  }
  75% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 25%, rgba(189, 9, 27, 0) 25% 100%), var(--image) no-repeat;
  }
  76% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 24%, rgba(189, 9, 27, 0) 24% 100%), var(--image) no-repeat;
  }
  77% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 23%, rgba(189, 9, 27, 0) 23% 100%), var(--image) no-repeat;
  }
  78% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 22%, rgba(189, 9, 27, 0) 22% 100%), var(--image) no-repeat;
  }
  79% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 21%, rgba(189, 9, 27, 0) 21% 100%), var(--image) no-repeat;
  }
  80% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 20%, rgba(189, 9, 27, 0) 20% 100%), var(--image) no-repeat;
  }
  81% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 19%, rgba(189, 9, 27, 0) 19% 100%), var(--image) no-repeat;
  }
  82% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 18%, rgba(189, 9, 27, 0) 18% 100%), var(--image) no-repeat;
  }
  83% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 17%, rgba(189, 9, 27, 0) 17% 100%), var(--image) no-repeat;
  }
  84% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 16%, rgba(189, 9, 27, 0) 16% 100%), var(--image) no-repeat;
  }
  85% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 15%, rgba(189, 9, 27, 0) 15% 100%), var(--image) no-repeat;
  }
  86% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 14%, rgba(189, 9, 27, 0) 14% 100%), var(--image) no-repeat;
  }
  87% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 13%, rgba(189, 9, 27, 0) 13% 100%), var(--image) no-repeat;
  }
  88% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 12%, rgba(189, 9, 27, 0) 12% 100%), var(--image) no-repeat;
  }
  89% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 11%, rgba(189, 9, 27, 0) 11% 100%), var(--image) no-repeat;
  }
  90% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 10%, rgba(189, 9, 27, 0) 10% 100%), var(--image) no-repeat;
  }
  91% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 9%, rgba(189, 9, 27, 0) 9% 100%), var(--image) no-repeat;
  }
  92% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 8%, rgba(189, 9, 27, 0) 8% 100%), var(--image) no-repeat;
  }
  93% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 7%, rgba(189, 9, 27, 0) 7% 100%), var(--image) no-repeat;
  }
  94% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 6%, rgba(189, 9, 27, 0) 6% 100%), var(--image) no-repeat;
  }
  95% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 5%, rgba(189, 9, 27, 0) 5% 100%), var(--image) no-repeat;
  }
  96% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 4%, rgba(189, 9, 27, 0) 4% 100%), var(--image) no-repeat;
  }
  97% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 3%, rgba(189, 9, 27, 0) 3% 100%), var(--image) no-repeat;
  }
  98% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 2%, rgba(189, 9, 27, 0) 2% 100%), var(--image) no-repeat;
  }
  99% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 1%, rgba(189, 9, 27, 0) 1% 100%), var(--image) no-repeat;
  }
  100% {
    background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 0%, rgba(189, 9, 27, 0) 0% 100%), var(--image) no-repeat;
  }
}
.column {
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 170px 16px 72px;
}
@media (max-width: 550px) {
  .column {
    height: fit-content;
    padding-top: 120px;
  }
}
.column h1 {
  margin-bottom: 16px;
}
@media (max-width: 550px) {
  .column h1 {
    font-size: 40px;
    line-height: 40px;
  }
}
.column p {
  font-size: 64px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
  white-space: pre;
  font-family: "Abhaya Libre", serif;
}
@media (max-width: 768px) {
  .column p {
    white-space: normal;
    font-size: 40px;
  }
}
.column .content {
  display: flex;
  gap: 32px;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  padding-top: 72px;
}
.column .content > :nth-child(1) {
  --image: url("/assets/images/services/service-1.webp");
}
.column .content > :nth-child(2) {
  --image: url("/assets/images/services/service-2.webp");
}
.column .content > :nth-child(3) {
  --image: url("/assets/images/services/service-3.webp");
}
.column .content > :nth-child(4) {
  --image: url("/assets/images/services/service-4.webp");
}
@media (max-width: 550px) {
  .column .content > :nth-child(1) {
    --image: url("/assets/images/services/service-1-mob.webp");
  }
  .column .content > :nth-child(2) {
    --image: url("/assets/images/services/service-2-mob.webp");
  }
  .column .content > :nth-child(3) {
    --image: url("/assets/images/services/service-3-mob.webp");
  }
  .column .content > :nth-child(4) {
    --image: url("/assets/images/services/service-4-mob.webp");
  }
}
.column .content .item {
  --degrees: 90deg;
  display: flex;
  gap: 0;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  border-radius: 32px;
  padding: 56px;
  height: 260px;
  background: linear-gradient(var(--degrees), rgb(189, 9, 27) 0% 100%, rgba(189, 9, 27, 0) 100% 100%), var(--image) no-repeat;
  background-size: cover;
  overflow: hidden;
  animation-fill-mode: forwards;
  animation-duration: 400ms;
  animation-timing-function: ease-in-out;
  animation-name: bgAnimationRevers;
  animation-delay: 400ms;
}
@media (max-width: 550px) {
  .column .content .item {
    flex-direction: column;
    --degrees: 180deg;
    padding: 32px 20px;
    gap: 16px;
    height: 299px;
  }
  .column .content .item:hover {
    height: max-content;
  }
}
.column .content .item:hover {
  animation-name: bgAnimation;
  animation-delay: 0ms;
}
.column .content .item:hover p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 400ms;
  visibility: visible;
}
.column .content .item h3 {
  font-size: 32px;
  line-height: normal;
  font-weight: 700;
  color: #FFFFFF;
  font-family: "Abhaya Libre", serif;
  flex: 0 0 210px;
}
@media (max-width: 550px) {
  .column .content .item h3 {
    white-space: nowrap;
    flex: 0 0 min-content;
  }
}
.column .content .item p {
  font-size: 20px;
  line-height: 165%;
  font-weight: 400;
  color: #FFFFFF;
  font-family: "Lato", sans-serif;
  flex: 1 1 auto;
  white-space: normal;
  transition: 400ms linear;
  opacity: 0;
  transform: translateY(50%);
  transition-delay: 0ms;
  visibility: hidden;
}

@keyframes showLetter {
  to {
    opacity: 1;
  }
}
@keyframes showLine {
  to {
    width: 100%;
    opacity: 1;
    transform: translateX(0);
  }
}
.section-title {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.section-title:target {
  scroll-margin-top: 120px;
}
@media (max-width: 550px) {
  .section-title {
    gap: 16px;
  }
  .section-title:target {
    scroll-margin-top: 100px;
  }
}
.section-title h1, .section-title h2 {
  white-space: nowrap;
}
@media (max-width: 550px) {
  .section-title h1, .section-title h2 {
    white-space: pre;
  }
}
.section-title h1.fadeIn span, .section-title h2.fadeIn span {
  animation: showLetter 50ms ease;
  animation-fill-mode: forwards;
}
.section-title h1.fadeIn ~ .line, .section-title h2.fadeIn ~ .line {
  transform: translateX(30%);
  animation: showLine 0.6s ease-out;
  animation-delay: 0.7s;
  animation-fill-mode: forwards;
}
.section-title h1 span, .section-title h2 span {
  font-family: "Abhaya Libre", serif;
  opacity: 0;
}
.section-title h1 span:nth-child(1), .section-title h2 span:nth-child(1) {
  animation-delay: 50ms;
}
.section-title h1 span:nth-child(2), .section-title h2 span:nth-child(2) {
  animation-delay: 100ms;
}
.section-title h1 span:nth-child(3), .section-title h2 span:nth-child(3) {
  animation-delay: 150ms;
}
.section-title h1 span:nth-child(4), .section-title h2 span:nth-child(4) {
  animation-delay: 200ms;
}
.section-title h1 span:nth-child(5), .section-title h2 span:nth-child(5) {
  animation-delay: 250ms;
}
.section-title h1 span:nth-child(6), .section-title h2 span:nth-child(6) {
  animation-delay: 300ms;
}
.section-title h1 span:nth-child(7), .section-title h2 span:nth-child(7) {
  animation-delay: 350ms;
}
.section-title h1 span:nth-child(8), .section-title h2 span:nth-child(8) {
  animation-delay: 400ms;
}
.section-title h1 span:nth-child(9), .section-title h2 span:nth-child(9) {
  animation-delay: 450ms;
}
.section-title h1 span:nth-child(10), .section-title h2 span:nth-child(10) {
  animation-delay: 500ms;
}
.section-title h1 span:nth-child(11), .section-title h2 span:nth-child(11) {
  animation-delay: 550ms;
}
.section-title h1 span:nth-child(12), .section-title h2 span:nth-child(12) {
  animation-delay: 600ms;
}
.section-title h1 span:nth-child(13), .section-title h2 span:nth-child(13) {
  animation-delay: 650ms;
}
.section-title h1 span:nth-child(14), .section-title h2 span:nth-child(14) {
  animation-delay: 700ms;
}
.section-title h1 span:nth-child(15), .section-title h2 span:nth-child(15) {
  animation-delay: 750ms;
}
.section-title h1 span:nth-child(16), .section-title h2 span:nth-child(16) {
  animation-delay: 800ms;
}
.section-title h1 span:nth-child(17), .section-title h2 span:nth-child(17) {
  animation-delay: 850ms;
}
.section-title h1 span:nth-child(18), .section-title h2 span:nth-child(18) {
  animation-delay: 900ms;
}
.section-title h1 span:nth-child(19), .section-title h2 span:nth-child(19) {
  animation-delay: 950ms;
}
.section-title h1 span:nth-child(20), .section-title h2 span:nth-child(20) {
  animation-delay: 1000ms;
}
.section-title h1 span:nth-child(21), .section-title h2 span:nth-child(21) {
  animation-delay: 1050ms;
}
.section-title h1 span:nth-child(22), .section-title h2 span:nth-child(22) {
  animation-delay: 1100ms;
}
.section-title h1 span:nth-child(23), .section-title h2 span:nth-child(23) {
  animation-delay: 1150ms;
}
.section-title h1 span:nth-child(24), .section-title h2 span:nth-child(24) {
  animation-delay: 1200ms;
}
.section-title h1 span:nth-child(25), .section-title h2 span:nth-child(25) {
  animation-delay: 1250ms;
}
.section-title h1 span:nth-child(26), .section-title h2 span:nth-child(26) {
  animation-delay: 1300ms;
}
.section-title h1 span:nth-child(27), .section-title h2 span:nth-child(27) {
  animation-delay: 1350ms;
}
.section-title h1 span:nth-child(28), .section-title h2 span:nth-child(28) {
  animation-delay: 1400ms;
}
.section-title h1 span:nth-child(29), .section-title h2 span:nth-child(29) {
  animation-delay: 1450ms;
}
.section-title h1 span:nth-child(30), .section-title h2 span:nth-child(30) {
  animation-delay: 1500ms;
}
.section-title h1 span:nth-child(31), .section-title h2 span:nth-child(31) {
  animation-delay: 1550ms;
}
.section-title h1 span:nth-child(32), .section-title h2 span:nth-child(32) {
  animation-delay: 1600ms;
}
.section-title h1 span:nth-child(33), .section-title h2 span:nth-child(33) {
  animation-delay: 1650ms;
}
.section-title h1 span:nth-child(34), .section-title h2 span:nth-child(34) {
  animation-delay: 1700ms;
}
.section-title h1 span:nth-child(35), .section-title h2 span:nth-child(35) {
  animation-delay: 1750ms;
}
.section-title h1 span:nth-child(36), .section-title h2 span:nth-child(36) {
  animation-delay: 1800ms;
}
.section-title h1 span:nth-child(37), .section-title h2 span:nth-child(37) {
  animation-delay: 1850ms;
}
.section-title h1 span:nth-child(38), .section-title h2 span:nth-child(38) {
  animation-delay: 1900ms;
}
.section-title h1 span:nth-child(39), .section-title h2 span:nth-child(39) {
  animation-delay: 1950ms;
}
.section-title h1 span:nth-child(40), .section-title h2 span:nth-child(40) {
  animation-delay: 2000ms;
}
.section-title h1 span:nth-child(41), .section-title h2 span:nth-child(41) {
  animation-delay: 2050ms;
}
.section-title h1 span:nth-child(42), .section-title h2 span:nth-child(42) {
  animation-delay: 2100ms;
}
.section-title h1 span:nth-child(43), .section-title h2 span:nth-child(43) {
  animation-delay: 2150ms;
}
.section-title h1 span:nth-child(44), .section-title h2 span:nth-child(44) {
  animation-delay: 2200ms;
}
.section-title h1 span:nth-child(45), .section-title h2 span:nth-child(45) {
  animation-delay: 2250ms;
}
.section-title h1 span:nth-child(46), .section-title h2 span:nth-child(46) {
  animation-delay: 2300ms;
}
.section-title h1 span:nth-child(47), .section-title h2 span:nth-child(47) {
  animation-delay: 2350ms;
}
.section-title h1 span:nth-child(48), .section-title h2 span:nth-child(48) {
  animation-delay: 2400ms;
}
.section-title h1 span:nth-child(49), .section-title h2 span:nth-child(49) {
  animation-delay: 2450ms;
}
.section-title h1 span:nth-child(50), .section-title h2 span:nth-child(50) {
  animation-delay: 2500ms;
}
.section-title .line {
  height: 1px;
  width: 0;
  opacity: 0;
  background-color: #BD091B;
  margin-bottom: 5px;
}
@media (max-width: 550px) {
  .section-title .line {
    margin-bottom: 3px;
  }
}

@keyframes bottomFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.it-services-content {
  width: 100%;
  padding: 32px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
  justify-content: center;
  gap: 40px 32px;
}
.it-services-content .item {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateY(50%);
}
.it-services-content .item.fadeIn {
  animation: bottomFadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.it-services-content .item .description {
  display: flex;
  gap: 8px;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}
.it-services-content .item h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
}
.it-services-content .item p {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #202020;
}

@keyframes rightFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.digital-marketing-content {
  display: grid;
  gap: 40px 32px;
  padding: 32px 0;
  grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
  justify-content: center;
}
.digital-marketing-content .item {
  display: flex;
  gap: 32px;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateX(50%);
}
.digital-marketing-content .item.fadeIn {
  animation: rightFadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.digital-marketing-content .item .description {
  display: flex;
  gap: 8px;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}
.digital-marketing-content .item h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
}
.digital-marketing-content .item p {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #202020;
}

@keyframes leftFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.electronic-equipment-content {
  width: 100%;
  display: grid;
  gap: 40px 32px;
  padding: 32px 0;
  grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
  justify-content: center;
}
.electronic-equipment-content .item {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateX(-50%);
}
.electronic-equipment-content .item.fadeIn {
  animation: leftFadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
@media (max-width: 768px) {
  .electronic-equipment-content .item {
    gap: 16px;
  }
}
.electronic-equipment-content .item p {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  color: #202020;
}
@media (max-width: 768px) {
  .electronic-equipment-content .item p {
    font-size: 16px;
    line-height: 16px;
  }
}

@keyframes moreServicesFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  #more-services .more-services-heading {
    font-size: 32px;
    white-space: normal;
    line-height: 1.25;
  }
}
@media (max-width: 550px) {
  #more-services .more-services-heading {
    font-size: 26px;
  }
}

.more-services-intro {
  font-size: 20px;
  line-height: 165%;
  font-weight: 400;
  color: #7E7F84;
  max-width: 820px;
  padding-top: 16px;
}
@media (max-width: 768px) {
  .more-services-intro {
    font-size: 16px;
  }
}

.more-services-content {
  width: 100%;
  padding: 32px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 40px 32px;
}
.more-services-content .item {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateY(50%);
  color: #020D2F;
}
.more-services-content .item.fadeIn {
  animation: moreServicesFadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.more-services-content .item img {
  width: 100%;
  aspect-ratio: 405/268;
  border-radius: 20px;
  object-fit: cover;
}
.more-services-content .item .description {
  display: flex;
  gap: 8px;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}
.more-services-content .item h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  color: #020D2F;
}
.more-services-content .item ul {
  list-style: disc;
  margin: 0;
  padding-left: 24px;
}
.more-services-content .item ul li {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #020D2F;
}
.more-services-content .item .caption {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #020D2F;
  margin: 0;
}

.more-services-lists {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 16px 0 32px;
}

.more-services-list {
  flex: 1 1 320px;
  min-width: 280px;
}
.more-services-list h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
  margin-bottom: 8px;
}
.more-services-list .lead {
  font-size: 16px;
  line-height: 165%;
  font-weight: 400;
  color: #7E7F84;
  margin-bottom: 16px;
}
.more-services-list ul {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  list-style: none;
}
.more-services-list ul li {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #202020;
}
.more-services-list ul li .label {
  font-weight: 700;
}

.more-services-cta {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  text-align: center;
  padding: 40px 16px;
  margin: 24px 0 64px;
  border-radius: 32px;
  background-color: #F5F5F5;
}
@media (max-width: 550px) {
  .more-services-cta {
    margin-bottom: 40px;
  }
}
.more-services-cta h3 {
  font-size: 24px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
}
.more-services-cta p {
  font-size: 16px;
  line-height: 165%;
  font-weight: 400;
  color: #7E7F84;
}
.more-services-cta .as-btn {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: normal;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 50px;
  background: #BD091B;
  width: 160px;
  height: 44px;
  text-decoration: none;
  margin-top: 8px;
  transition: 0.15s linear all;
}
.more-services-cta .as-btn:hover {
  opacity: 0.85;
}

@keyframes bottomFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.expertise-content {
  width: 100%;
  margin: 40px 0 100px;
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
  justify-content: center;
}
.expertise-content .item {
  display: flex;
  gap: 20px;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateY(50%);
  border-radius: 24px;
  padding: 24px 32px;
  background: #FFF;
  box-shadow: 0 3px 8px 0 rgba(198, 140, 108, 0.1), 0 14px 14px 0 rgba(198, 140, 108, 0.09), 0 31px 19px 0 rgba(198, 140, 108, 0.05), 0 55px 22px 0 rgba(198, 140, 108, 0.01), 0 86px 24px 0 rgba(198, 140, 108, 0);
}
.expertise-content .item .list {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
}
.expertise-content .item.double {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .expertise-content .item.double {
    grid-column: span 1;
  }
}
.expertise-content .item.fadeIn {
  animation: bottomFadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
@media (max-width: 768px) {
  .expertise-content .item {
    gap: 12px;
  }
}
.expertise-content .item p {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  color: #202020;
}
@media (max-width: 768px) {
  .expertise-content .item p {
    font-size: 16px;
    line-height: 16px;
  }
}

@keyframes rightFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.policy {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #202020;
  padding-top: 8px;
}

.pricing-policy-content {
  width: 100%;
  margin: 40px 0 100px;
  display: grid;
  gap: 40px 32px;
  grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
  justify-content: center;
}
@media (max-width: 768px) {
  .pricing-policy-content {
    margin: 32px 0 72px;
    grid-gap: 32px 17px;
  }
}
.pricing-policy-content .item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateX(50%);
  background-color: #FFFFFF;
  padding: 24px;
  border-radius: 20px;
  box-shadow: 0px 3px 8px 0px rgba(198, 140, 108, 0.1), 0px 14px 14px 0px rgba(198, 140, 108, 0.09), 0px 31px 19px 0px rgba(198, 140, 108, 0.05), 0px 55px 22px 0px rgba(198, 140, 108, 0.01), 0px 86px 24px 0px rgba(198, 140, 108, 0);
}
.pricing-policy-content .item.fadeIn {
  animation: rightFadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.pricing-policy-content .item p {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #202020;
  margin-top: -8px;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.investments-content {
  width: 100%;
  margin: 40px 0 100px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(405px, 1fr));
  grid-gap: 40px 32px;
}
@media (max-width: 768px) {
  .investments-content {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 32px 17px;
  }
}
@media (max-width: 550px) {
  .investments-content {
    margin: 32px 0 72px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "metal metal" "agricultural industrial";
  }
  .investments-content > :nth-child(1) {
    grid-area: metal;
  }
  .investments-content > :nth-child(1) img {
    height: 195px;
  }
  .investments-content > :nth-child(2) {
    grid-area: agricultural;
  }
  .investments-content > :nth-child(2) img {
    height: 93px;
  }
  .investments-content > :nth-child(3) {
    grid-area: industrial;
  }
  .investments-content > :nth-child(3) img {
    height: 93px;
  }
}
.investments-content .item {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateY(50%);
}
.investments-content .item:nth-child(1) {
  animation-delay: 100ms !important;
}
.investments-content .item:nth-child(2) {
  animation-delay: 200ms !important;
}
.investments-content .item:nth-child(3) {
  animation-delay: 300ms !important;
}
.investments-content .item.fadeIn {
  animation: fadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
@media (max-width: 768px) {
  .investments-content .item {
    gap: 12px;
  }
}
.investments-content .item p {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  color: #202020;
}
@media (max-width: 768px) {
  .investments-content .item p {
    font-size: 16px;
    line-height: 16px;
  }
}

#contact {
  width: 100%;
  background-color: #FFFFFF;
  padding-top: 104px;
  padding-bottom: 72px;
}
@media (max-width: 550px) {
  #contact {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
#contact .contact-form {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
}
@media (max-width: 550px) {
  #contact .contact-form {
    gap: 24px;
  }
}
#contact .contact-form .form-button {
  font-size: 14px;
  line-height: normal;
  font-weight: 700;
  color: #202020;
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 187px;
  height: 40px;
  background-color: #BD091B;
  color: #FFFFFF;
  border: none;
  text-transform: uppercase;
  transition: 0.15s linear all;
  border-radius: 50px;
}
#contact .contact-form .form-button:hover {
  background-color: rgba(189, 9, 27, 0.8);
}
#contact .contact-form p {
  font-size: 12px;
  line-height: 145%;
  font-weight: 400;
  color: #202020;
  text-align: center;
  margin-top: -8px;
}
#contact .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 32px;
  width: min(100%, 624px);
}
@media (max-width: 550px) {
  #contact .grid {
    grid-template-columns: 1fr;
  }
}
#contact .input-container {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
}
@media (max-width: 550px) {
  #contact .input-container.last {
    order: 2;
  }
}
#contact .input-container span {
  font-size: 12px;
  line-height: 145%;
  font-weight: 400;
  color: #7E7F84;
}
#contact .input-container input {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #202020;
  width: 100%;
  height: 50px;
  background-color: #F5F5F5;
  text-indent: 16px;
  border-radius: 10px;
  border: 1px solid #DCDCDC;
}
#contact .input-container input:focus-visible {
  outline: none;
}
#contact .input-container input::placeholder {
  color: #7E7F84;
}
#contact .input-container input.error {
  border: 1px solid #BD091B;
}
#contact .input-container input.error ~ p {
  opacity: 1;
  transform: translate(0, 0);
}
#contact .input-container p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #BD091B;
  position: absolute;
  right: 0;
  top: 2px;
  opacity: 0;
  transform: translate(50%, -50%);
  transition: 0.15s linear all;
}
#contact .textarea-container {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 1 0;
  position: relative;
  width: 100%;
  grid-row: span 3;
}
@media (max-width: 550px) {
  #contact .textarea-container {
    order: 3;
  }
}
#contact .textarea-container span {
  font-size: 12px;
  line-height: 145%;
  font-weight: 400;
  color: #7E7F84;
}
#contact .textarea-container textarea {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #202020;
  resize: none;
  width: 100%;
  padding: 16px;
  overflow: hidden;
  background-color: #F5F5F5;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #DCDCDC;
}
@media (max-width: 550px) {
  #contact .textarea-container textarea {
    height: 247px;
  }
}
#contact .textarea-container textarea::placeholder {
  color: #7E7F84;
}
#contact .textarea-container textarea.error {
  border: 1px solid #BD091B;
}
#contact .textarea-container textarea.error ~ p {
  opacity: 1;
  transform: translate(0, 0);
}
#contact .textarea-container textarea:focus-visible {
  outline: none;
}
#contact .textarea-container p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #BD091B;
  position: absolute;
  right: 0;
  top: 2px;
  opacity: 0;
  transform: translate(50%, -50%);
  transition: 0.15s linear all;
}

.modal {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(192, 170, 115, 0.2078431373);
}
.modal.open {
  display: block;
}
.modal .modal-content-container {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 470px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  padding: 48px;
}
@media (max-width: 768px) {
  .modal .modal-content-container {
    width: 90vw;
    padding: 40px 0;
  }
}
.modal .modal-content-container h3 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  color: #202020;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 550px) {
  .modal .modal-content-container h3 {
    font-size: 24px;
    line-height: 24px;
  }
}
.modal .modal-content-container p {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  color: #202020;
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 768px) {
  .modal .modal-content-container p {
    text-align: center;
  }
}
@media (max-width: 550px) {
  .modal .modal-content-container p {
    font-size: 20px;
    line-height: 25px;
  }
}
.modal .modal-content-container .btn-close-modal {
  display: flex;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #202020;
  text-transform: uppercase;
  height: 48px;
  padding: 0 48px;
  background-color: #F5F5F5;
  border: none;
  transition: 0.15s linear all;
}
.modal .modal-content-container .btn-close-modal:hover {
  background-color: transparent;
  border: 1px solid #FFFFFF;
}
.modal .modal-content-container .icon-close-modal {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

footer {
  width: 100%;
  padding: 40px 0;
  background-color: #FFF5F1;
}
@media (max-width: 550px) {
  footer {
    padding: 32px 0;
  }
}
footer .row {
  display: flex;
  gap: 49px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
@media (max-width: 768px) {
  footer .row {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
footer .row .item {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
}
footer .row .registration {
  padding-left: 51px;
}
@media (max-width: 768px) {
  footer .row .registration {
    padding-left: 0;
  }
}
footer .row .location {
  flex: 1 1 auto;
}
footer .row .copyright .label {
  text-align: right;
  white-space: pre;
}
@media (max-width: 550px) {
  footer .row .copyright .label {
    white-space: nowrap;
    text-align: center;
  }
}
footer .row .label {
  font-size: 12px;
  line-height: 145%;
  font-weight: 400;
  color: #7E7F84;
}
@media (max-width: 550px) {
  footer .row .label {
    white-space: nowrap;
  }
}
footer .row .value {
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  color: #202020;
}

@keyframes leftFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.advantages-content {
  width: 100%;
  margin: 40px 0 100px;
  display: grid;
  gap: 40px 32px;
  grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
  justify-content: center;
}
@media (max-width: 768px) {
  .advantages-content {
    margin: 32px 0 72px;
    grid-gap: 32px 17px;
  }
}
.advantages-content .item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  transform: translateX(-50%);
  background-color: #FFFFFF;
  padding: 24px;
  border-radius: 20px;
  box-shadow: 0px 3px 8px 0px rgba(198, 140, 108, 0.1), 0px 14px 14px 0px rgba(198, 140, 108, 0.09), 0px 31px 19px 0px rgba(198, 140, 108, 0.05), 0px 55px 22px 0px rgba(198, 140, 108, 0.01), 0px 86px 24px 0px rgba(198, 140, 108, 0);
}
.advantages-content .item.fadeIn {
  animation: leftFadeIn 0.5s ease-in-out;
  animation-fill-mode: forwards;
}
.advantages-content .item p {
  font-size: 16px;
  line-height: 175%;
  font-weight: 400;
  color: #202020;
}

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