@import url(https://fonts.googleapis.com/css?family=DM+Sans:regular&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto+Serif:500,600,700&display=swap);
*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  line-height: 1;
  font-size: 16px;
}

.wrapper {
  position: relative;
  min-height: 100%;
  overflow: clip;
  display: flex;
  flex-direction: column;
}

.wrapper > main {
  flex-grow: 1;
}

button, textarea, input {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
}

button {
  cursor: pointer;
  background-color: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol, li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  font-size: inherit;
}

[class*=_container] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0px 15px;
}

@media (max-width: 1399.98px) {
  [class*=_container] {
    max-width: 1170px;
  }
}
@media (max-width: 1199.98px) {
  [class*=_container] {
    max-width: 970px;
  }
}
@media (max-width: 990.98px) {
  [class*=_container] {
    max-width: 750px;
  }
}
@media (max-width: 767.98px) {
  [class*=_container] {
    max-width: none;
  }
}
/* Header */
/* Breakpoints */
.aboutus {
  background-color: black;
  padding-top: 6.25rem;
}

.process .process_container .process_header .process_header-title, .aboutus .aboutus_container .aboutus_content .aboutus_content-title, .services .services_container .services_header .services_header-title {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.1875rem;
}

.showcase .showcase_container .showcase_title, .process .process_container .process_header .process_header-subtitle, .aboutus .aboutus_container .aboutus_content .aboutus_content-subtitle, .services .services_container .services_header .services_header-subtitle, .section-main .section-main_container .section-main_content .main_content-inform .main_content-title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.6875rem;
}

.footer .footer_container .footer_content .footer_content-title .footer_content-title-text, .aboutus .aboutus_container .aboutus_content .aboutus_content-text, .services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content .services_c-c-text, .section-main .section-main_container .section-main_content .main_content-inform .main_content-text {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4375rem;
  letter-spacing: 3%;
}

.footer .footer_container .footer_content .footer_content-pages .footer_pages-title, .footer .footer_container .footer_content .footer_content-utility .footer_utility-title, .footer .footer_container .footer_content .footer_content-subscribe .footer_subscribe-title, .footer .footer_container .footer_inf .footer_inf-copyright .inf-copyright-title, .footer .footer_container .footer_inf .footer_inf-contact .inf-contact-title, .footer .footer_container .footer_inf .footer_inf-address .inf-address-title {
  font-family: "Roboto Serif";
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4375rem;
}

.footer .footer_container .footer_content .footer_content-pages .pages-ul, .footer .footer_container .footer_content .footer_content-utility .utility-ul, .footer .footer_container .footer_inf .footer_inf-copyright .inf-copyright-text, .footer .footer_container .footer_inf .footer_inf-contact .inf-contact-number, .footer .footer_container .footer_inf .footer_inf-address .inf-address-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: 3%;
}

@keyframes Hbutton {
  0% {
    transform: scaleX(1) scaleY(1);
    border-radius: 2.1875rem;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    transform: scaleX(1.15) scaleY(1.4);
    border-radius: 2.8125rem;
    opacity: 0.5;
  }
  100% {
    transform: scaleX(1.35) scaleY(1.6);
    border-radius: 3.4375rem;
    opacity: 0;
  }
}
body {
  font-family: "DM Sans";
}

.header {
  z-index: 100;
  padding-top: 2.25rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.header .header_container {
  display: flex;
  justify-content: space-between;
  gap: 2.1875rem;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 0) {
  .header .header_container {
    gap: 0.9375rem;
  }
}
@media (min-width: 36rem) {
  .header .header_container {
    gap: 2.1875rem;
  }
}
.header .header_container .header_menu .ul-header_menu {
  display: flex;
  gap: 2.5rem;
}
.header .header_container .header_menu .ul-header_menu .header_menu-item a {
  color: white;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 0) {
  .header .header_container .header_menu .ul-header_menu .header_menu-item a {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 48rem) {
  .header .header_container .header_menu .ul-header_menu .header_menu-item a {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.header .header_container .header_menu .ul-header_menu .header_menu-item :hover {
  color: rgb(100, 204, 197);
}
.header .header_container .header_button .get-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
}
.header .header_container .header_button .get-button:hover {
  background-color: rgb(100, 204, 197);
}
.header .header_container .header_button .get-button::before, .header .header_container .header_button .get-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0.125rem solid rgb(100, 204, 197);
  border-radius: 2.1875rem;
  animation: Hbutton 1.5s infinite linear;
  opacity: 0;
}
@media (max-width: 47.9988rem) {
  .header .header_container .header_button .get-button::before, .header .header_container .header_button .get-button::after {
    border: 0.0625rem solid rgb(100, 204, 197);
  }
}
.header .header_container .header_button .get-button::after {
  animation-delay: 0.75s;
}
@media (min-width: 0) {
  .header .header_container .header_button .get-button {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.25rem 0.4375rem;
    border-radius: 0.875rem;
    background: rgb(255, 255, 255);
    color: black;
    line-height: 1.1875rem;
  }
}
@media (min-width: 48rem) {
  .header .header_container .header_button .get-button {
    font-size: 1.125rem;
    font-weight: 400;
    padding: 0.5rem 0.9375rem 0.5rem 0.9375rem;
    border-radius: 1.4375rem;
    background: rgb(255, 255, 255);
    color: black;
    line-height: 1.4375rem;
  }
}

/* Section-main */
.section-main {
  position: relative;
  color: white;
  background-color: black;
}
.section-main .section-main_background {
  position: absolute;
  top: 0;
  width: 120rem;
  left: 50%;
  transform: translateX(-50%);
  height: 70.0625rem;
}
.section-main .section-main_background img {
  width: 100%;
  height: 100%;
}
.section-main .section-main_container {
  z-index: 100;
  padding-top: 14.875rem;
  padding-bottom: 7.6875rem;
  margin-bottom: 6.25rem;
  display: flex;
}
.section-main .section-main_container .section-main_content {
  z-index: 10;
  display: grid;
  gap: 11.3125rem;
  position: relative;
}
.section-main .section-main_container .section-main_content .main_content-inform {
  display: grid;
  gap: 1.5rem;
}
.section-main .section-main_container .section-main_content .main_content-inform .main_content-title {
  max-width: 43.75rem;
  font-family: "Roboto Serif";
}
@media (min-width: 0) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-title {
    font-size: 1.5rem;
    line-height: 2.25rem;
    max-width: 20rem;
  }
}
@media (min-width: 36rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-title {
    font-size: 2rem;
    line-height: 2.875rem;
    max-width: 31.25rem;
  }
}
@media (min-width: 48rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-title {
    font-size: 2.625rem;
    line-height: 3.5rem;
    max-width: 37.5rem;
  }
}
@media (min-width: 62rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-title {
    font-size: 3.5rem;
    line-height: 4.125rem;
    max-width: 43.75rem;
  }
}
@media (min-width: 75rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-title {
    font-size: 4rem;
    line-height: 4.6875rem;
  }
}
.section-main .section-main_container .section-main_content .main_content-inform .main_content-title .span-green {
  color: rgb(100, 204, 197);
}
.section-main .section-main_container .section-main_content .main_content-inform .main_content-text {
  color: rgb(251, 251, 251);
  max-width: 34.8125rem;
  box-sizing: border-box;
}
@media (min-width: 0) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
    max-width: 20rem;
  }
}
@media (min-width: 36rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-text {
    font-size: 1rem;
    line-height: 1.3125rem;
    max-width: 25rem;
  }
}
@media (min-width: 48rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-text {
    font-size: 1.125rem;
    line-height: 1.4375rem;
    max-width: 28.125rem;
  }
}
@media (min-width: 62rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-text {
    max-width: 34.8125rem;
  }
}
.section-main .section-main_container .section-main_content .main_content-inform .main_content-button {
  margin-top: 0.5rem;
}
.section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0.625rem 1.25rem 0.625rem 0.625rem;
  border-radius: 1.4375rem;
  background: rgb(255, 255, 255);
  color: black;
  transition: background-color 0.3s ease-in-out;
}
.section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start:hover {
  background-color: rgb(100, 204, 197);
}
@media (min-width: 0) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.375rem 0.5rem;
    border-radius: 0.875rem;
    background: rgb(255, 255, 255);
    color: black;
    gap: 0.3125rem;
    border-radius: 1rem;
  }
}
@media (min-width: 48rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start {
    font-size: 1.25rem;
    font-weight: 400;
    padding: 0.625rem 1.25rem 0.625rem 0.625rem;
    border-radius: 1.4375rem;
    background: rgb(255, 255, 255);
    color: black;
    gap: 0.625rem;
  }
}
.section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start .button-start_arrow {
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  background-color: rgb(12, 12, 12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 0) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start .button-start_arrow {
    width: 1.375rem;
    height: 1.325rem;
  }
}
@media (min-width: 48rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start .button-start_arrow {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media (min-width: 0) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start .button-start_arrow img {
    width: 0.2919rem;
    height: 0.5831rem;
  }
}
@media (min-width: 48rem) {
  .section-main .section-main_container .section-main_content .main_content-inform .main_content-button .main_button-start .button-start_arrow img {
    width: auto;
    height: auto;
  }
}
.section-main .section-main_container .section-main_content .main_content-brands {
  display: grid;
  gap: 0.8125rem;
}
.section-main .section-main_container .section-main_content .main_content-brands .main-brands_title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4375rem;
  color: rgb(100, 204, 197);
}
.section-main .section-main_container .section-main_content .main_content-brands .main-brands_logos {
  display: flex;
  gap: 0.1875rem;
  align-items: center;
  margin-left: -0.75rem;
}
@media (min-width: 0) {
  .section-main .section-main_container .section-main_content .main_content-brands .main-brands_logos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 36rem) {
  .section-main .section-main_container .section-main_content .main_content-brands .main-brands_logos {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 48rem) {
  .section-main .section-main_container .section-main_content .main_content-brands .main-brands_logos {
    display: flex;
  }
}
.section-main .section-main_container .main_content-img {
  width: 53.125rem;
}
@media (min-width: 62rem) {
  .section-main .section-main_container .main_content-img {
    position: relative;
  }
}
.section-main .section-main_container .main_content-img img {
  z-index: 1;
  position: absolute;
}
@media (min-width: 0) {
  .section-main .section-main_container .main_content-img img {
    top: 0;
    left: 20%;
    width: 31.25rem;
  }
}
@media (min-width: 36rem) {
  .section-main .section-main_container .main_content-img img {
    left: 30%;
    width: 50rem;
  }
}
@media (min-width: 62rem) {
  .section-main .section-main_container .main_content-img img {
    width: 62.5rem;
    left: -120%;
    top: -40%;
  }
}
@media (min-width: 75rem) {
  .section-main .section-main_container .main_content-img img {
    width: 78.9375rem;
    left: -60%;
    top: -35%;
  }
}
@media (min-width: 87.5rem) {
  .section-main .section-main_container .main_content-img img {
    left: -30%;
  }
}
.section-main .section-main_ornament {
  position: absolute;
  left: -0.3125rem;
}
@media (min-width: 0) {
  .section-main .section-main_ornament {
    top: 28.125rem;
  }
}
@media (min-width: 48rem) {
  .section-main .section-main_ornament {
    top: 8.125rem;
  }
}
.services {
  margin-bottom: 8.125rem;
}
@media (min-width: 0) {
  .services {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 36rem) {
  .services {
    margin-bottom: 5.625rem;
  }
}
@media (min-width: 48rem) {
  .services {
    margin-bottom: 8.125rem;
  }
}
.services .services_container .services_header {
  display: grid;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
  margin-bottom: 5rem;
}
@media (min-width: 0) {
  .services .services_container .services_header {
    gap: 0.9375rem;
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 36rem) {
  .services .services_container .services_header {
    gap: 1.5rem;
    margin-bottom: 5rem;
  }
}
.services .services_container .services_header .services_header-title {
  color: rgb(100, 204, 197);
  font-family: "Roboto Serif";
}
@media (min-width: 0) {
  .services .services_container .services_header .services_header-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 36rem) {
  .services .services_container .services_header .services_header-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 48rem) {
  .services .services_container .services_header .services_header-title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}
.services .services_container .services_header .services_header-subtitle {
  color: rgb(12, 12, 12);
  font-family: "Roboto Serif";
  max-width: 45.625rem;
}
@media (min-width: 0) {
  .services .services_container .services_header .services_header-subtitle {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 36rem) {
  .services .services_container .services_header .services_header-subtitle {
    font-size: 2.25rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 48rem) {
  .services .services_container .services_header .services_header-subtitle {
    font-size: 2.875rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 62rem) {
  .services .services_container .services_header .services_header-subtitle {
    font-size: 4rem;
    line-height: 4.6875rem;
  }
}
.services .services_container .services_grid {
  display: grid;
  gap: 5rem;
}
@media (min-width: 0) {
  .services .services_container .services_grid {
    gap: 2.5rem;
  }
}
@media (min-width: 48rem) {
  .services .services_container .services_grid {
    gap: 5rem;
  }
}
.services .services_container .services_grid .services_grid-row {
  gap: 4.125rem;
}
@media (min-width: 0) {
  .services .services_container .services_grid .services_grid-row {
    gap: 1.875rem;
  }
}
@media (min-width: 48rem) {
  .services .services_container .services_grid .services_grid-row {
    gap: 4.125rem;
  }
}
.services .services_container .services_grid .services_grid-row .services_grid-col {
  cursor: pointer;
  opacity: 0;
  padding: 2.8125rem;
  background-color: rgb(244, 244, 244);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 3.875rem;
  transform: translateY(120px);
  transition: background-color 0.3s ease-in-out, opacity 0.5s ease, transform 0.5s ease;
}
.services .services_container .services_grid .services_grid-row .services_grid-col:hover {
  background-color: rgb(12, 12, 12);
}
.services .services_container .services_grid .services_grid-row .services_grid-col:hover .services_col-icon {
  background: rgb(251, 251, 251);
}
.services .services_container .services_grid .services_grid-row .services_grid-col:hover .services_col-icon .white {
  display: none;
}
.services .services_container .services_grid .services_grid-row .services_grid-col:hover .services_col-icon .black {
  display: block;
}
.services .services_container .services_grid .services_grid-row .services_grid-col:hover .services_col-content .services_c-c-title {
  color: rgb(244, 244, 244);
}
.services .services_container .services_grid .services_grid-row .services_grid-col:hover .services_col-content .services_c-c-text {
  color: rgb(244, 244, 244);
}
@media (min-width: 0) {
  .services .services_container .services_grid .services_grid-row .services_grid-col {
    gap: 1.875rem;
  }
}
@media (min-width: 48rem) {
  .services .services_container .services_grid .services_grid-row .services_grid-col {
    gap: 3.875rem;
  }
}
.services .services_container .services_grid .services_grid-row .services_grid-col .services_col-icon {
  background-color: black;
  border-radius: 50%;
  width: 5.0019rem;
  height: 5.0019rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.services .services_container .services_grid .services_grid-row .services_grid-col .services_col-icon .black {
  display: none;
}
.services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content .services_c-c-title {
  font-family: "Roboto Serif";
  color: rgb(12, 12, 12);
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 1.8125rem;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 0) {
  .services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content .services_c-c-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 48rem) {
  .services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content .services_c-c-title {
    font-size: 1.5625rem;
    line-height: 1.8125rem;
  }
}
.services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content .services_c-c-text {
  color: rgba(12, 12, 12, 0.9);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 0) {
  .services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content .services_c-c-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .services .services_container .services_grid .services_grid-row .services_grid-col .services_col-content .services_c-c-text {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.services .services_container .services_grid .services_grid-row .services_grid-col.visible {
  opacity: 1;
  transform: translateY(0);
}

.aboutus {
  padding-bottom: 6.25rem;
}
.aboutus .aboutus_container {
  display: flex;
  gap: 4.375rem;
}
@media (min-width: 0) {
  .aboutus .aboutus_container {
    flex-direction: column;
    gap: 2.5rem;
  }
}
@media (min-width: 75rem) {
  .aboutus .aboutus_container {
    flex-direction: row;
    gap: 4.375rem;
  }
}
.aboutus .aboutus_container .aboutus_img {
  position: relative;
  flex: 0 1 50%;
}
.aboutus .aboutus_container .aboutus_img img {
  max-width: 100%;
}
.aboutus .aboutus_container .aboutus_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 1 50%;
  gap: 1.5625rem;
}
.aboutus .aboutus_container .aboutus_content .aboutus_content-title {
  font-family: "Roboto Serif";
  color: rgb(100, 204, 197);
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 36rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 48rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}
.aboutus .aboutus_container .aboutus_content .aboutus_content-subtitle {
  font-family: "Roboto Serif";
  color: white;
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-subtitle {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 36rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-subtitle {
    font-size: 2.25rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 48rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-subtitle {
    font-size: 2.875rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 62rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-subtitle {
    font-size: 4rem;
    line-height: 4.6875rem;
  }
}
.aboutus .aboutus_container .aboutus_content .aboutus_content-text {
  color: rgb(244, 244, 244);
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-text {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.aboutus .aboutus_container .aboutus_content .aboutus_content-inf {
  display: flex;
  gap: 3.75rem;
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-inf {
    gap: 1.875rem;
  }
}
@media (min-width: 36rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-inf {
    gap: 3.75rem;
  }
}
.aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item {
  display: grid;
  gap: 0.625rem;
}
.aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item .aboutus_inf-item-quantity {
  font-family: "Roboto Serif";
  color: rgb(100, 204, 197);
  font-size: 2.8125rem;
  font-weight: 600;
  line-height: 3.3125rem;
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item .aboutus_inf-item-quantity {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 36rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item .aboutus_inf-item-quantity {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 48rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item .aboutus_inf-item-quantity {
    font-size: 2.8125rem;
    line-height: 3.3125rem;
  }
}
.aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item .aboutus_inf-item-text {
  color: rgb(244, 244, 244);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: 3%;
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item {
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 36rem) {
  .aboutus .aboutus_container .aboutus_content .aboutus_content-inf .aboutus_inf-item {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}
.aboutus .aboutus_container .aboutus_content .button-aboutus_content {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0.625rem 1.25rem 0.625rem 0.625rem;
  border-radius: 1.4375rem;
  background: rgb(255, 255, 255);
  color: black;
  transition: background-color 0.3s ease-in-out;
}
.aboutus .aboutus_container .aboutus_content .button-aboutus_content:hover {
  background-color: rgb(100, 204, 197);
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .button-aboutus_content {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.375rem 0.5rem;
    border-radius: 0.875rem;
    background: rgb(255, 255, 255);
    color: black;
    gap: 0.3125rem;
    border-radius: 1rem;
  }
}
@media (min-width: 48rem) {
  .aboutus .aboutus_container .aboutus_content .button-aboutus_content {
    font-size: 1.25rem;
    font-weight: 400;
    padding: 0.625rem 1.25rem 0.625rem 0.625rem;
    border-radius: 1.4375rem;
    background: rgb(255, 255, 255);
    color: black;
    gap: 0.625rem;
  }
}
.aboutus .aboutus_container .aboutus_content .button-aboutus_content .button-start_arrow {
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  background-color: rgb(12, 12, 12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .button-aboutus_content .button-start_arrow {
    width: 1.375rem;
    height: 1.325rem;
  }
}
@media (min-width: 48rem) {
  .aboutus .aboutus_container .aboutus_content .button-aboutus_content .button-start_arrow {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media (min-width: 0) {
  .aboutus .aboutus_container .aboutus_content .button-aboutus_content .button-start_arrow img {
    width: 0.2919rem;
    height: 0.5831rem;
  }
}
@media (min-width: 48rem) {
  .aboutus .aboutus_container .aboutus_content .button-aboutus_content .button-start_arrow img {
    width: auto;
    height: auto;
  }
}
.process {
  padding: 6.6875rem 0;
}
.process .process_container {
  display: flex;
  flex-direction: column;
  gap: 5.875rem;
}
.process .process_container .process_header {
  display: grid;
  justify-content: center;
  text-align: center;
  gap: 1.5rem;
}
.process .process_container .process_header .process_header-title {
  color: rgb(100, 204, 197);
  font-family: "Roboto Serif";
}
@media (min-width: 0) {
  .process .process_container .process_header .process_header-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 36rem) {
  .process .process_container .process_header .process_header-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 48rem) {
  .process .process_container .process_header .process_header-title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}
.process .process_container .process_header .process_header-subtitle {
  font-family: "Roboto Serif";
  max-width: 41.25rem;
}
@media (min-width: 0) {
  .process .process_container .process_header .process_header-subtitle {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 36rem) {
  .process .process_container .process_header .process_header-subtitle {
    font-size: 2.25rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 48rem) {
  .process .process_container .process_header .process_header-subtitle {
    font-size: 2.875rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 62rem) {
  .process .process_container .process_header .process_header-subtitle {
    font-size: 4rem;
    line-height: 4.6875rem;
  }
}
.process .process_container .process_blocks {
  row-gap: 3.75rem;
  justify-content: center;
}
.process .process_container .process_blocks .process_blocks-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  flex: 0 0 21.5625rem;
  transform: translateY(120px);
  transition: opacity 1s ease, transform 1s ease;
}
@media (min-width: 0) {
  .process .process_container .process_blocks .process_blocks-item {
    gap: 1.625rem;
  }
}
@media (min-width: 48rem) {
  .process .process_container .process_blocks .process_blocks-item {
    gap: 2.25rem;
  }
}
.process .process_container .process_blocks .process_blocks-item .process_item-arrow {
  position: absolute;
  top: 2.4375rem;
  z-index: -1;
}
@media (min-width: 0) {
  .process .process_container .process_blocks .process_blocks-item .process_item-arrow img {
    width: 17.5rem;
  }
}
@media (min-width: 48rem) {
  .process .process_container .process_blocks .process_blocks-item .process_item-arrow img {
    width: 100%;
  }
}
.process .process_container .process_blocks .process_blocks-item .process_item-title {
  margin-left: auto;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1.75rem;
  width: 17.8125rem;
}
.process .process_container .process_blocks .process_blocks-item .process_item-title .process_item-title-img {
  width: 4.875rem;
  height: 4.875rem;
  border: 3.13px solid rgb(251, 251, 251);
  background: rgba(12, 12, 12, 0.9);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.process .process_container .process_blocks .process_blocks-item .process_item-title .process_item-title-t {
  color: rgba(12, 12, 12, 0.9);
  font-family: "Roboto Serif";
  font-size: 1.8856rem;
  font-weight: 600;
  line-height: 2.1875rem;
}
@media (min-width: 0) {
  .process .process_container .process_blocks .process_blocks-item .process_item-title .process_item-title-t {
    font-size: 1.5rem;
    line-height: 1.8125rem;
  }
}
@media (min-width: 48rem) {
  .process .process_container .process_blocks .process_blocks-item .process_item-title .process_item-title-t {
    font-size: 1.8856rem;
    line-height: 2.1875rem;
  }
}
.process .process_container .process_blocks .process_blocks-item .process_item-text {
  color: rgba(12, 12, 12, 0.9);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: 3%;
  max-width: 14.375rem;
  height: 6.5625rem;
  padding-left: 2.5rem;
}
@media (min-width: 0) {
  .process .process_container .process_blocks .process_blocks-item .process_item-text {
    padding-left: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 0) and (min-width: 48rem) {
  .process .process_container .process_blocks .process_blocks-item .process_item-text {
    font-size: 1rem;
    line-height: 1.3125rem;
    padding-left: 2.5rem;
  }
}
.process .process_container .process_blocks .process_blocks-item.visible {
  opacity: 1;
  transform: translateY(0);
}

.showcase {
  padding-bottom: 6.4375rem;
}
.showcase .showcase_container {
  display: grid;
  gap: 5.3125rem;
}
@media (min-width: 0) {
  .showcase .showcase_container {
    gap: 2.5rem;
  }
}
@media (min-width: 48rem) {
  .showcase .showcase_container {
    gap: 5.3125rem;
  }
}
.showcase .showcase_container .showcase_title {
  text-align: center;
  font-family: "Roboto Serif";
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_title {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 36rem) {
  .showcase .showcase_container .showcase_title {
    font-size: 2.25rem;
    line-height: 2.875rem;
  }
}
@media (min-width: 48rem) {
  .showcase .showcase_container .showcase_title {
    font-size: 2.875rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 62rem) {
  .showcase .showcase_container .showcase_title {
    font-size: 4rem;
    line-height: 4.6875rem;
  }
}
.showcase .showcase_container .showcase_content {
  display: flex;
  justify-content: center;
  gap: 4.5rem;
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content {
    display: grid;
    gap: 0;
  }
}
@media (min-width: 62rem) {
  .showcase .showcase_container .showcase_content {
    display: flex;
    gap: 4.5rem;
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column:nth-child(1) .showcase_column-item {
  transform: translateX(-200px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
@media (max-width: 25.9375rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column:nth-child(1) .showcase_column-item {
    transform: translateX(-135px);
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column:nth-child(1) .showcase_column-item.visible {
  opacity: 1;
  transform: translateX(0);
}
.showcase .showcase_container .showcase_content .showcase_content-column:nth-child(2) .showcase_column-item {
  transform: translateX(200px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
@media (max-width: 25.9375rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column:nth-child(2) .showcase_column-item {
    transform: translateX(135px);
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column:nth-child(2) .showcase_column-item.visible {
  opacity: 1;
  transform: translateX(0);
}
.showcase .showcase_container .showcase_content .showcase_content-column {
  display: flex;
  flex-direction: column;
  gap: 5.5rem;
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content .showcase_content-column {
    gap: 3.125rem;
  }
}
@media (min-width: 62rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column {
    gap: 5.5rem;
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-img {
  position: relative;
  max-width: 41.4375rem;
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-img:hover .icon {
  opacity: 1;
  animation: iconAnimation 0.4s linear;
}
@keyframes iconAnimation {
  0% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    transform: scale(1.5) rotate(90deg);
  }
  50% {
    transform: scale(2) rotate(180deg);
  }
  75% {
    transform: scale(1.5) rotate(270deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-img .background {
  max-width: 100%;
  border-radius: 1.25rem;
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-img .icon {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf .showcase_column-item-title {
  font-family: "Roboto Serif";
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 2.1875rem;
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf .showcase_column-item-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 36rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf .showcase_column-item-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 48rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf .showcase_column-item-title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf .showcase_column-item-text {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4375rem;
  letter-spacing: 3%;
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf .showcase_column-item-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-inf .showcase_column-item-text {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button {
  padding: 4.625rem 0 3.1875rem 0;
  display: flex;
  justify-content: end;
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button {
    padding: 3.125rem 0 1.875rem 0;
  }
}
@media (min-width: 62rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button {
    padding: 4.625rem 0 3.1875rem 0;
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  transition: background-color 0.3s ease-in-out;
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase:hover {
  background-color: rgb(100, 204, 197);
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0.375rem 0.5rem;
    border-radius: 0.875rem;
    background: rgb(255, 255, 255);
    color: black;
    gap: 0.3125rem;
    border-radius: 1rem;
    background-color: #000;
    color: #fff;
  }
}
@media (min-width: 48rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase {
    font-size: 1.25rem;
    font-weight: 400;
    padding: 0.625rem 1.25rem 0.625rem 0.625rem;
    border-radius: 1.4375rem;
    background: rgb(255, 255, 255);
    color: black;
    gap: 0.625rem;
    background-color: #000;
    color: #fff;
  }
}
.showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase .button-start_arrow {
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase .button-start_arrow {
    width: 1.375rem;
    height: 1.325rem;
  }
}
@media (min-width: 48rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase .button-start_arrow {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media (min-width: 0) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase .button-start_arrow img {
    width: 0.2919rem;
    height: 0.5831rem;
  }
}
@media (min-width: 48rem) {
  .showcase .showcase_container .showcase_content .showcase_content-column .showcase_column-item .showcase_column-item-button .button-showcase .button-start_arrow img {
    width: auto;
    height: auto;
  }
}
.comments {
  padding-bottom: 6.9375rem;
}
@media (min-width: 0) {
  .comments {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-bottom: 4.375rem;
  }
}
@media (min-width: 48rem) {
  .comments {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 6.9375rem;
  }
}
.comments .comments_container {
  border-radius: 1.25rem;
  background: rgb(244, 244, 244);
  padding: 2.8125rem;
  transform: translateY(120px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
@media (min-width: 0) {
  .comments .comments_container {
    border-radius: 0.75rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container {
    border-radius: 1.25rem;
  }
}
.comments .comments_container .comments_swiper {
  max-width: 81.875rem;
}
.comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 2.1875rem;
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide {
    gap: 1.25rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide {
    gap: 2.1875rem;
  }
}
.comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_icon {
  display: flex;
  justify-content: center;
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_icon img {
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_icon img {
    width: 9.375rem;
    height: 9.375rem;
  }
}
.comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_text {
  font-family: "Roboto Serif";
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.8125rem;
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_text {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_text {
    font-size: 1.5625rem;
    line-height: 1.8125rem;
  }
}
.comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_inf .swiper-inf_name {
  color: rgb(12, 12, 12);
  font-family: "Roboto Serif";
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4375rem;
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_inf .swiper-inf_name {
    font-size: 0.875rem;
    line-height: 1.0625rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_inf .swiper-inf_name {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
.comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_inf .swiper-inf_subtitle {
  padding-top: 0.3125rem;
  color: rgba(12, 12, 12, 0.9);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  letter-spacing: 3%;
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_inf .swiper-inf_subtitle {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .swiper-wrapper .swiper-slide_inf .swiper-inf_subtitle {
    font-size: 1rem;
    line-height: 1.3125rem;
  }
}
.comments .comments_container .comments_swiper .buttons {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 1.3125rem;
}
.comments .comments_container .comments_swiper .buttons .button-prev,
.comments .comments_container .comments_swiper .buttons .button-next {
  position: relative;
  cursor: pointer;
  width: 2.7775rem;
  height: 2.7775rem;
  border-radius: 50%;
  border: 1px solid rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .buttons .button-prev,
  .comments .comments_container .comments_swiper .buttons .button-next {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .buttons .button-prev,
  .comments .comments_container .comments_swiper .buttons .button-next {
    width: 2.7775rem;
    height: 2.7775rem;
  }
}
.comments .comments_container .comments_swiper .buttons .button-prev .white,
.comments .comments_container .comments_swiper .buttons .button-next .white {
  display: none;
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .buttons .button-prev .white,
  .comments .comments_container .comments_swiper .buttons .button-next .white {
    width: 0.3381rem;
    height: 0.7381rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .buttons .button-prev .white,
  .comments .comments_container .comments_swiper .buttons .button-next .white {
    width: 0.4631rem;
    height: 0.9256rem;
  }
}
@media (min-width: 0) {
  .comments .comments_container .comments_swiper .buttons .button-prev .black,
  .comments .comments_container .comments_swiper .buttons .button-next .black {
    width: 0.3381rem;
    height: 0.7381rem;
  }
}
@media (min-width: 48rem) {
  .comments .comments_container .comments_swiper .buttons .button-prev .black,
  .comments .comments_container .comments_swiper .buttons .button-next .black {
    width: 0.4631rem;
    height: 0.9256rem;
  }
}
.comments .comments_container .comments_swiper .buttons .button-prev:hover,
.comments .comments_container .comments_swiper .buttons .button-next:hover {
  background-color: black;
}
.comments .comments_container .comments_swiper .buttons .button-prev:hover .white,
.comments .comments_container .comments_swiper .buttons .button-next:hover .white {
  display: block;
}
.comments .comments_container .comments_swiper .buttons .button-prev:hover .black,
.comments .comments_container .comments_swiper .buttons .button-next:hover .black {
  display: none;
}
.comments .comments_container .comments_swiper .buttons .button-prev .black {
  transform: rotate(180deg);
}
.comments .comments_container .comments_swiper .buttons .button-next .white {
  transform: rotate(180deg);
}
.comments .comments_container.visible {
  opacity: 1;
  transform: translateY(0);
}

.footer {
  background: rgb(12, 12, 12);
  color: white;
  padding: 6.25rem 0 3.75rem 0;
}
@media (min-width: 0) {
  .footer {
    padding: 3.125rem 0 1.875rem 0;
  }
}
@media (min-width: 48rem) {
  .footer {
    padding: 6.25rem 0 3.75rem 0;
  }
}
.footer .footer_container .footer_content {
  display: flex;
  justify-content: space-between;
  gap: 3.125rem;
  flex-wrap: wrap;
  padding-bottom: 6.25rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content {
    padding-bottom: 6.25rem;
  }
}
.footer .footer_container .footer_content .footer_content-title {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.footer .footer_container .footer_content .footer_content-title .footer_content-title-text {
  max-width: 22.3125rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-title .footer_content-title-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-title .footer_content-title-text {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_content .footer_content-pages {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-pages .footer_pages-title {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-pages .footer_pages-title {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_content .footer_content-pages .pages-ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-pages .pages-ul {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-pages .pages-ul {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_content .footer_content-pages .pages-ul .pages-li {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.footer .footer_container .footer_content .footer_content-pages .pages-ul .pages-li:hover {
  color: rgb(100, 204, 197);
}
.footer .footer_container .footer_content .footer_content-utility {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-utility .footer_utility-title {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-utility .footer_utility-title {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_content .footer_content-utility .utility-ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-utility .utility-ul {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-utility .utility-ul {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_content .footer_content-utility .utility-ul .utility-li {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.footer .footer_container .footer_content .footer_content-utility .utility-ul .utility-li:hover {
  color: rgb(100, 204, 197);
}
.footer .footer_container .footer_content .footer_content-subscribe {
  display: flex;
  flex-direction: column;
  gap: 1.1875rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_subscribe-title {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_subscribe-title {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_content .footer_content-subscribe .footer_content-form {
  width: 27.0625rem;
  height: 4.1875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.75rem;
  border-radius: 2.5rem;
  background: rgb(255, 255, 255);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4375rem;
  letter-spacing: 3%;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_content-form {
    width: 16.25rem;
    flex-direction: column;
    gap: 0.9375rem;
    height: 100%;
    padding: 0.9375rem;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    border-radius: 0.875rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_content-form {
    width: 27.0625rem;
    height: 4.1875rem;
    gap: 0;
    padding: 0 0.75rem;
    border-radius: 2.5rem;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-input {
  color: rgba(12, 12, 12, 0.9);
  padding-left: 0.625rem;
  width: 15rem;
}
.footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-input:focus {
  outline: none;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-input {
    width: 100%;
    padding-left: 0;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-input {
    padding-left: 0.625rem;
    width: 15rem;
  }
}
.footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-button {
  color: rgb(251, 251, 251);
  background: rgba(12, 12, 12, 0.9);
  padding: 0.5rem 0.9375rem 0.5rem 0.9375rem;
  border-radius: 1.25rem;
  transition: all 0.3s ease-in-out;
  border: 0.125rem solid black;
}
.footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-button:hover {
  background-color: white;
  color: black;
}
@media (min-width: 0) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-button {
    margin-right: auto;
    padding: 0.25rem 0.4375rem 0.25rem 0.4375rem;
    border-radius: 0.4375rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_content .footer_content-subscribe .footer_content-form .footer_form-button {
    padding: 0.5rem 0.9375rem 0.5rem 0.9375rem;
    border-radius: 1.25rem;
    margin-right: 0;
  }
}
.footer .footer_container .footer_inf {
  padding-top: 1.875rem;
  display: flex;
  justify-content: space-between;
  gap: 3.125rem;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 0) {
  .footer .footer_container .footer_inf {
    padding-top: 0.9375rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_inf {
    padding-top: 1.875rem;
  }
}
.footer .footer_container .footer_inf .footer_inf-copyright {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_inf .footer_inf-copyright .inf-copyright-title {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_inf .footer_inf-copyright .inf-copyright-title {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
@media (min-width: 0) {
  .footer .footer_container .footer_inf .footer_inf-copyright .inf-copyright-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_inf .footer_inf-copyright .inf-copyright-text {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_inf .footer_inf-contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_inf .footer_inf-contact .inf-contact-title {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_inf .footer_inf-contact .inf-contact-title {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
@media (min-width: 0) {
  .footer .footer_container .footer_inf .footer_inf-contact .inf-contact-number {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_inf .footer_inf-contact .inf-contact-number {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_inf .footer_inf-address {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 0) {
  .footer .footer_container .footer_inf .footer_inf-address .inf-address-title {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_inf .footer_inf-address .inf-address-title {
    font-size: 1.25rem;
    line-height: 1.4375rem;
  }
}
@media (min-width: 0) {
  .footer .footer_container .footer_inf .footer_inf-address .inf-address-text {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 48rem) {
  .footer .footer_container .footer_inf .footer_inf-address .inf-address-text {
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
}
.footer .footer_container .footer_inf .footer_inf-media {
  display: flex;
  gap: 1.8125rem;
}
.footer .footer_container .footer_inf .footer_inf-media .inf-media-item {
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  background: rgb(251, 251, 251);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

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