@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap');
.back-to-top-wrapper, a, button, p, input, select, textarea, li {
  transition: all 0.3s ease-out;
}


.rotate-90 {
  rotate: 90deg;
}

.fz-200 {
  font-size: 150px;
}

.fz-ds-1 {
  font-size: 80px !important;
}

@media screen and (min-width: 1441px) {
  .fz-200 {
    font-size: 200px;
  }
  .fz-ds-1 {
    font-size: 124px !important;
  }
  .footer-2-connect-title {
    font-size: 220px;
  }
}

.opacity-10 {
  opacity: 0.1;
}
.category-tag .dot {
  width: 6px;
  height: 6px;
  background: #45a557;
  border-radius: 50%;
}

.odometer {
  letter-spacing: 12px;
}

.sec-1-services {
  padding-top: 86px;
}

.px-blur-bottom {
  backdrop-filter: blur(10px);
  bottom: 0;
  flex: none;
  height: 80px;
  left: 0;
  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
          mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
  overflow: visible;
  position: fixed;
  right: 0;
  pointer-events: none;
  z-index: 999;
}

.page-loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  display: flex;
  top: 0;
}

.page-loader .page-loader-logo {
  display: inline;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.bar {
  width: 10vw;
  height: 105vh;
  background: #1d1d1d;
}

.swiper-button-wrapper {
  display: flex;
  gap: 10px;
}

.swiper-btn-next,
.swiper-btn-prev {
  display: flex;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--at-neutral-700);
  background-color: var(--at-neutral-800);
  transition: all 0.3s ease-in-out;
  color: var(--at-common-white);
}
.swiper-btn-next::after,
.swiper-btn-prev::after {
  content: "";
}
.swiper-btn-next:hover,
.swiper-btn-next :active,
.swiper-btn-prev:hover,
.swiper-btn-prev :active {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: var(--at-neutral-700);
  transition: all 0.3s ease-in-out;
}

.swiper-pagination {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  align-items: center;
  left: 50% !important;
  width: unset !important;
  gap: 5px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(1px);
  transform: translateX(-50%);
}
.swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  text-align: center;
  line-height: 8px;
  font-size: 12px;
  color: var(--at-neutral-900);
  opacity: 1;
  background-color: var(--at-neutral-0);
}
.swiper-pagination .swiper-pagination-bullet-active {
  color: var(--at-neutral-900);
  background-color: var(--at-neutral-900);
}

.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin-top: 70px;
  padding: 0;
}
.pagination .pagination_item {
  background: var(--at-neutral-0);
  border-radius: 50%;
  border: 1px solid var(--at-neutral-100);
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--at-fz-font-lg);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--at-neutral-900);
  transition: all 0.3s ease-in-out;
}
.pagination .pagination_item svg path {
  fill: var(--at-neutral-900) !important;
}
.pagination .pagination_item:hover {
  color: var(--at-neutral-0) !important;
  background: var(--at-neutral-900) !important;
  border-color: var(--at-neutral-900) !important;
}
.pagination .pagination_item:hover svg path {
  fill: var(--at-neutral-0) !important;
}
.pagination .pagination_item:focus {
  box-shadow: none;
  background-color: var(--at-neutral-900) !important;
  border-color: var(--at-neutral-900);
  color: var(--at-neutral-0) !important;
}
.pagination .pagination_item:focus svg path {
  fill: var(--at-neutral-0) !important;
}
.pagination .pagination_item.current {
  color: var(--at-neutral-0) !important;
  background: var(--at-neutral-900) !important;
  border-color: var(--at-neutral-900) !important;
}
.pagination .pagination_item.current svg path {
  fill: var(--at-neutral-0) !important;
}

.slider-testimonial-thumbs .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(1) {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -200px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(2) {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -100px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(3) {
  position: relative;
  z-index: 5;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(4) {
  position: absolute;
  z-index: 4;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 100px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(5) {
  position: absolute;
  z-index: 3;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 200px;
}
@media (max-width: 574.98px) {
  .slider-testimonial-thumbs .swiper-slide:nth-child(1) {
    margin-left: -95px;
  }
  .slider-testimonial-thumbs .swiper-slide:nth-child(2) {
    margin-left: -45px;
  }
  .slider-testimonial-thumbs .swiper-slide:nth-child(4) {
    margin-left: 45px;
  }
  .slider-testimonial-thumbs .swiper-slide:nth-child(5) {
    margin-left: 95px;
  }
}
.slider-testimonial-thumbs .swiper-slide {
  width: 150px !important;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 574.98px) {
  .slider-testimonial-thumbs .swiper-slide {
    width: 70px !important;
    height: 70px;
  }
}
.slider-testimonial-thumbs .swiper-slide.swiper-slide-thumb-active .avatar-thumbnail {
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}


.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
}

.text-truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
}

.at-image-hover .content {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translateY(-15px);
}
.at-image-hover:hover .content {
  opacity: 1;
  transform: translateY(0);
}

.border-100 {
  border: 1px solid var(--at-neutral-100) !important;
}

.border-bottom-100 {
  border-bottom: 1px solid var(--at-neutral-100) !important;
}


.at-brand-item {
  display: flex;
  width: 180px;
  height: 180px;
  padding: 0 29px 0 30px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1px solid var(--at-neutral-100, #dfdfdf);
  background: var(--at-neutral-0, #fefefe);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .at-brand-item {
    width: 165px;
    height: 165px;
  }
}

.home-3-section-12 .box-newsletter {
  position: relative;
  border-radius: 42px;
}
.home-3-section-12 .box-newsletter::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 90%;
  height: 20%;
  border-radius: 42px;
  border: 1px solid var(--at-neutral-100, #dfdfdf);
  background: var(--at-neutral-0, #fefefe);
}

.scroll-active-item .item.active .block-number {
  background: var(--at-theme-primary) !important;
  transition: all 0.3s ease;
}
.scroll-active-item .item.active .block-number .number {
  color: var(--at-neutral-0);
  transition: all 0.3s ease;
}
.scroll-active-item .item.active .rectangular::after {
  opacity: 1;
  width: 99px;
  height: 99px;
  transition: all 0.3s ease;
}
.scroll-active-item .item .rectangular {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 50px;
  background: var(--at-neutral-800);
  border-radius: 16px;
  border: 1px solid var(--at-neutral-700);
  padding: 50px;
  z-index: -2;
  overflow: hidden;
  transition: all 0.3s ease;
}
.scroll-active-item .item .rectangular::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  background: var(--at-theme-primary);
  filter: blur(125px);
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease;
}

.input-subscribe {
  position: relative;
  background: #fefefe;
  padding: 12px 14px 12px 32px;
  border-radius: 8px;
}
.input-subscribe input {
  width: 100%;
  height: 100%;
  border: none !important;
  outline: none;
}
.navigation-section-10 .item {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .navigation-section-10 .item {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 574.98px) {
  .navigation-section-10 .item {
    width: 58px;
    height: 58px;
  }
}
.navigation-section-10 .item.active {
  scale: 0.9;
  transition: all 0.3s ease;
}

.navigation-sec4home3 .item {
  padding: 10px 0;
  border-bottom: 1px solid var(--at-neutral-100);
  transition: all 0.3s ease;
}
.navigation-sec4home3 .item .content span {
  flex: 0 0 60px;
}
.navigation-sec4home3 .item .content .h6 {
  flex: 1;
}
.navigation-sec4home3 .item .content svg {
  opacity: 0;
  transition: all 0.3s ease;
}
.navigation-sec4home3 .item.active {
  background-color: var(--at-neutral-100);
}
.navigation-sec4home3 .item.active .content {
  margin: 0 16px;
  transition: all 0.3s ease;
}
.navigation-sec4home3 .item.active svg {
  opacity: 1;
}

.border-white\/01 {
  border-right: 1px solid var(--at-neutral-100);
}

.border-dark\/01 {
  border-right: 1px solid var(--at-neutral-900);
}

@media (min-width: 768px) {
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}


.size-50 {
  width: 50px;
  height: 50px;
}

.size-56 {
  width: 56px;
  height: 56px;
}


.menu-list .menu-list__item .text {
  transition: all 0.3s ease;
  font-weight: 600;
}
.menu-list .menu-list__item:hover .text {
  margin-left: 18px;
}
.menu-list.style-2 .menu-list__item.hasdot::before {
  background-color: var(--at-neutral-900);
}
.menu-list.style-2 .menu-list__item::after {
  filter: invert(1);
}

.reveal-text.indent .split-line:first-child {
  padding-left: 20px;
}

@media (max-width: 574.98px) {
  .reveal-text.indent .split-line:first-child {
    padding-left: 0;
  }
}

:root {
  
  --at-ff-body: 'DM Sans', sans-serif;
  --at-ff-heading: 'DM Sans', sans-serif;
  --at-ff-fontawesome: "Font Awesome 6 Pro";
  
  --at-fz-body: 14px;
  --at-fz-font-label: 12px;
  --at-fz-font-md: 16px;
  --at-fz-font-lg: 20px;
  --at-fz-font-xl: 22px;
  --at-fz-font-2xl: 28px;
  --at-fz-font-3xl: 32px;
  --at-fz-ds-1: 124px;
  --at-fz-24: 24px;
  --at-fz-10: 10px;
  
  --at-common-white: #ffffff;
  --at-common-white-rgb: 255, 255, 255;
  --at-common-black: #1e1e1e;
  --at-common-black-rgb: 30, 30, 30;
  --at-common-bubbles: #e1eeb7;
  --at-common-dark-white: #1e1e1e;
  --at-common-dark-white-rgb: 30, 30, 30;
  --at-common-dark-black: #FFFFFF;
  --at-common-dark-black-rgb: 255, 255, 255;
  --at-common-dark-bubbles: #040403;
  --at-neutral-0: #FEFEFE;
  --at-neutral-0-rgb: 254, 254, 254;
  --at-neutral-50: #F2F2F2;
  --at-neutral-50-rgb: 242, 242, 242;
  --at-neutral-100: #DFDFDF;
  --at-neutral-200: #CDCCCC;
  --at-neutral-300: #B7B7B7;
  --at-neutral-500: #585959;
  --at-neutral-700: #303030;
  --at-neutral-800: #212121;
  --at-neutral-900: #1D1D1D;
  --at-neutral-950: #0F0F0F;
  --at-neutral-dark-0: #0C0C0C;
  --at-neutral-dark-0-rgb: 12, 12, 12;
  --at-neutral-dark-50: #141414;
  --at-neutral-dark-50-rgb: 20, 20, 20;
  --at-neutral-dark-100: #212121;
  --at-neutral-dark-200: #2D2D2D;
  --at-neutral-dark-300: #404040;
  --at-neutral-dark-500: #B3B3B3;
  --at-neutral-dark-700: #535353;
  --at-neutral-dark-800: #EAEAEA;
  --at-neutral-dark-900: #EFEFEF;
  --at-neutral-dark-950: #F4F4F4;
  --at-grey-1: #5e5959;
  --at-grey-2: #f3f3f3;
  --at-grey-3: #b6bcc6;
  --at-grey-4: #f6f6f6;
  --at-grey-5: #d7cdcd;
  --at-theme-primary: #F0460E;
  --at-gradient-primary: linear-gradient(90deg, #a020f0 0%, #00ffd1 100%);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


body {
  font-size: 16px;
  line-height: 1.2;
  font-weight: normal;
  color: var(--at-neutral-900);
  background-color: var(--at-neutral-0);
  font-family: var(--at-ff-body);
}

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

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -5%;
  transition: color 0.3s ease-out;
  color: var(--at-neutral-900);
  font-family: var(--at-ff-body);
}

h1,
.h1 {
  font-size: 70px;
}

h2,
.h2 {
  font-size: 60px;
}

h3,
.h3 {
  font-size: 52px;
}

h4,
.h4 {
  font-size: 38px;
}

h5,
.h5 {
  font-size: 26px;
}

h6,
.h6 {
  font-size: 20px;
}

.fz-font-lg {
  font-size: 18px !important;
}

@media screen and (min-width: 1401px) {
  h1,
  .h1 {
    font-size: 84px;
  }
  h2,
  .h2 {
    font-size: 72px;
  }
  h3,
  .h3 {
    font-size: 64px;
  }
  h4,
  .h4 {
    font-size: 48px;
  }
  h5,
  .h5 {
    font-size: 34px;
  }
  h6,
  .h6 {
    font-size: 24px;
  }
  .fz-font-lg {
    font-size: 20px !important;
  }
}
ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: -2%;
  line-height: 1.2;
  font-family: var(--at-ff-body);
  color: var(--at-neutral-500);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 14px;
  color: var(--at-neutral-900);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  
  color: var(--at-neutral-500);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  
  color: var(--at-neutral-500);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--at-neutral-900);
}
input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--at-neutral-900);
  color: var(--at-neutral-0);
  text-shadow: none;
}

::-moz-selection {
  background: var(--at-neutral-900);
  color: var(--at-neutral-0);
  text-shadow: none;
}

::selection {
  background: var(--at-neutral-900);
  color: var(--at-neutral-0);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--at-neutral-900);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--at-neutral-900);
  font-size: 14px;
  opacity: 1;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-n1 {
  position: relative;
  z-index: -1;
}

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

.z-index-3 {
  position: relative;
  z-index: 3;
}

.z-index-5 {
  position: relative;
  z-index: 5;
}

.gx-30 {
  --bs-gutter-x: 30px;
}


.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.slide-transtion {
  transition-timing-function: linear;
}
.slide-transtion .swiper-slide {
  width: auto;
}

.common-underline {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  transition: all 0.4s ease 0.3s ease-out;
}
.common-underline:hover {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  transition: all 0.4s ease 0.3s ease-out;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

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


@media (min-width: 1400px) {
  .container-2200 {
    max-width: 2200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.fw-400 {
  font-weight: 400;
}

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

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

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

.fz-font-label {
  font-size: var(--at-fz-font-label);
}

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

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

.fz-font-xl {
  font-size: var(--at-fz-font-xl);
}

.fz-font-2xl {
  font-size: var(--at-fz-font-2xl);
}

.fz-font-3xl {
  font-size: var(--at-fz-font-3xl);
}

.fz-ds-1 {
  font-size: var(--at-fz-ds-1);
}

.fz-24 {
  font-size: var(--at-fz-24);
}


.common-white {
  color: var(--at-common-white) !important;
}

.common-black {
  color: var(--at-common-black) !important;
}

.neutral-0 {
  color: var(--at-neutral-0) !important;
}

.neutral-300 {
  color: var(--at-neutral-300) !important;
}

.neutral-500 {
  color: var(--at-neutral-500) !important;
}

.neutral-700 {
  color: var(--at-neutral-700) !important;
}

.neutral-900 {
  color: var(--at-neutral-900) !important;
}

.bg-neutral-0 {
  background-color: var(--at-neutral-0) !important;
}

.bg-neutral-50 {
  background-color: var(--at-neutral-50) !important;
}

.bg-neutral-700 {
  background-color: var(--at-neutral-700) !important;
}

.bg-neutral-900 {
  background-color: var(--at-neutral-900) !important;
}

.bg-neutral-950 {
  background-color: var(--at-neutral-950) !important;
}


#smooth-content {
  pointer-events: none;
}
#smooth-content > * {
  pointer-events: auto;
}
#smooth-content main {
  position: relative;
  z-index: 2;
  will-change: transform;
  min-height: 100vh;
}
#smooth-content .footer-placeholder {
  pointer-events: none;
}

.footer-fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  transform-origin: center bottom;
  will-change: transform;
}
.footer-fixed-bottom .at-footer-area {
  position: relative;
  z-index: 1;
}

.footer-placeholder {
  width: 100%;
  pointer-events: none;
}


@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-150 {
    padding-top: 100px;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-120 {
    padding-top: 80px;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pt-100 {
    padding-top: 60px;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pb-120 {
    padding-bottom: 80px;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .pb-100 {
    padding-bottom: 60px;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .fz-font-label {
    font-size: 12px !important;
  }
  .fz-font-md {
    font-size: 18px !important;
  }
  .fz-font-lg {
    font-size: 20px !important;
  }
  .fz-font-xl {
    font-size: 22px !important;
  }
  .fz-font-2xl {
    font-size: 26px !important;
  }
  .fz-font-3xl {
    font-size: 28px !important;
  }
  .fz-ds-1 {
    font-size: 72px !important;
  }
  h1,
  .h1 {
    font-size: 58px;
  }
  h2,
  .h2 {
    font-size: 50px;
  }
  h3,
  .h3 {
    font-size: 42px;
  }
  h4,
  .h4 {
    font-size: 30px;
  }
  h5,
  .h5 {
    font-size: 28px;
  }
  h6,
  .h6 {
    font-size: 20px;
  }
  .fz-200 {
    font-size: 120px;
  }
  .scroll-section .pb-80 {
    padding-bottom: 0;
  }
  .d-md-none {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fz-font-label {
    font-size: 12px !important;
  }
  .fz-font-md {
    font-size: 16px !important;
  }
  .fz-font-lg {
    font-size: 18px !important;
  }
  .fz-font-xl {
    font-size: 20px !important;
  }
  .fz-font-2xl {
    font-size: 24px !important;
  }
  .fz-font-3xl {
    font-size: 26px !important;
  }
  .fz-ds-1 {
    font-size: 60px !important;
  }
  h1,
  .h1 {
    font-size: 54px;
  }
  h2,
  .h2 {
    font-size: 52px;
  }
  h3,
  .h3 {
    font-size: 40px;
  }
  h4,
  .h4 {
    font-size: 36px;
  }
  h5,
  .h5 {
    font-size: 24px;
  }
  h6,
  .h6 {
    font-size: 20px;
  }
  .fz-200 {
    font-size: 80px;
  }
  .scroll-section .pb-80 {
    padding-bottom: 0;
  }
  br {
    display: none;
  }
  .d-md-none {
    display: none;
  }
}
@media (max-width: 574.98px) {
  .fz-font-label {
    font-size: 12px !important;
  }
  .fz-font-md {
    font-size: 14px !important;
  }
  .fz-font-lg {
    font-size: 16px !important;
  }
  .fz-font-xl {
    font-size: 18px !important;
  }
  .fz-font-2xl {
    font-size: 22px !important;
  }
  .fz-font-3xl {
    font-size: 24px !important;
  }
  .fz-ds-1 {
    font-size: 54px !important;
  }
  h1,
  .h1 {
    font-size: 50px;
  }
  h2,
  .h2 {
    font-size: 42px;
  }
  h3,
  .h3 {
    font-size: 36px;
  }
  h4,
  .h4 {
    font-size: 30px;
  }
  h5,
  .h5 {
    font-size: 20px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }
  .fz-200 {
    font-size: 38px;
  }
  br {
    display: none;
  }
  .scroll-section .pb-80 {
    padding-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1750px;
  }
}


.at-header-sidebar-btn {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.at-header-logo {
  display: flex;
  align-items: center;
}
.at-header-logo a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.at-header-spacing {
  padding: 10px 0;
}


.header-7 #header7Nav,
.header-7 #header10Nav {
  max-width: 0;
  opacity: 0;
  visibility: hidden;
  overflow-x: clip;
  overflow-y: visible;
  transform: translateX(24px);
  margin-inline-end: -1rem;
  pointer-events: none;
  height: 48px;
  transition: max-width 0.55s cubic-bezier(0.65, 0, 0.35, 1), margin 0.55s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.35s ease, transform 0.55s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0.55s;
}
.header-7 #header7Nav.at-main-menu nav ul li .submenu,
.header-7 #header10Nav.at-main-menu nav ul li .submenu {
  background: rgba(var(--at-neutral-0-rgb), 1);
}
.header-7.is-menu-open #header7Nav, .header-7.is-menu-open #header10Nav {
  max-width: 900px;
  opacity: 1;
  visibility: visible;
  overflow: visible;
  transform: translateX(0);
  margin-inline-end: 0;
  pointer-events: auto;
  transition: max-width 0.55s cubic-bezier(0.65, 0, 0.35, 1), margin 0.55s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.4s ease 0.1s, transform 0.55s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0s;
}
.header-7 .at-hamburger {
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.header-7 .at-hamburger__box {
  position: relative;
  display: block;
  width: 20px;
  height: 14px;
}
.header-7 .at-hamburger__bar {
  position: absolute;
  left: 0;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1), width 0.5s cubic-bezier(0.65, 0, 0.35, 1), top 0.45s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.25s ease;
}
.header-7 .at-hamburger__bar:nth-child(1) {
  top: 0;
  width: 100%;
}
.header-7 .at-hamburger__bar:nth-child(2) {
  top: 6px;
  width: 65%;
}
.header-7 .at-hamburger__bar:nth-child(3) {
  top: 12px;
  width: 85%;
}
.header-7 .at-hamburger:hover .header-7 .at-hamburger__bar:nth-child(1) {
  width: 65%;
  transform: translateX(35%);
}
.header-7 .at-hamburger:hover .header-7 .at-hamburger__bar:nth-child(2) {
  width: 100%;
}
.header-7 .at-hamburger:hover .header-7 .at-hamburger__bar:nth-child(3) {
  width: 75%;
  transform: translateX(25%);
}
.header-7.is-menu-open .at-hamburger__bar:nth-child(1) {
  top: 6px;
  width: 100%;
  transform: rotate(45deg);
}
.header-7.is-menu-open .at-hamburger__bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.header-7.is-menu-open .at-hamburger__bar:nth-child(3) {
  top: 6px;
  width: 100%;
  transform: rotate(-45deg);
}

:root {
  --basic-ease: cubic-bezier(.625, .05, 0, 1);
}

.at-title-text span {
  display: inline-block;
  text-shadow: 0 1.05em var(--at-theme-primary);
  transition: translate 0.3s var(--basic-ease), text-shadow 0.1s 0.15s ease;
}
.at-title-anim:hover .at-title-text span {
  text-shadow: 0 1.05em currentColor;
  translate: 0 -1.05em 0;
  transition: translate 0.5s calc((var(--char) - 1) * 0.024s) var(--basic-ease), text-shadow 0.175s calc((var(--char) - 1) * 0.024s + 0.225s) ease;
}


.header-12 .at-main-menu {
  background-color: var(--at-neutral-0);
  padding: 10px 15px;
  border-radius: 50px;
}


.postbox-item:not(:last-child) {
  border-bottom: 1px solid rgba(30, 30, 30, 0.08);
  padding-bottom: 50px;
  margin-bottom: 60px;
}
.postbox-item:hover .postbox-thumb img {
  transform: scale(1.1);
}

.postbox-scroll-zoom .postbox-item-wrap {
  width: 100%;
  height: 200vh;
}
.postbox-scroll-zoom .postbox-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
.postbox-scroll-zoom .postbox-thumb {
  width: 100%;
  height: 100%;
  background-color: var(--at-neutral-50, #f5f5f5);
}
.postbox-scroll-zoom .postbox-scroll-zoom-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  clip-path: inset(calc(50% - 50px) calc(50% - 100px) calc(50% - 50px) calc(50% - 100px) round 4px);
  will-change: clip-path;
  position: relative;
  z-index: 2;
}
.postbox-scroll-zoom .postbox-scroll-zoom-play {
  z-index: 3;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  padding: 4% 0;
  pointer-events: none;
  overflow: hidden;
  will-change: opacity;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-row {
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-row.dir-left .postbox-scroll-zoom-marquee-track {
  animation: postbox-marquee-left 30s linear infinite;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-row.dir-right .postbox-scroll-zoom-marquee-track {
  animation: postbox-marquee-right 35s linear infinite;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-track {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 40px;
  font-family: inherit;
  font-weight: 600;
  font-size: clamp(48px, 8vw, 120px);
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--at-neutral-100, #dfdfdf);
  padding-right: 40px;
}
.postbox-scroll-zoom .postbox-scroll-zoom-marquee-track > span {
  display: inline-block;
  flex-shrink: 0;
}

@keyframes postbox-marquee-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes postbox-marquee-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .postbox-scroll-zoom .postbox-scroll-zoom-marquee-row .postbox-scroll-zoom-marquee-track {
    animation: none;
  }
}


.blog-card {
  display: flex;
  flex-direction: column;
  gap: 25px;
}


.blog-card-2 {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(30, 30, 30, 0.08);
}
.blog-card-2-wrap:last-child .blog-card-2 {
  border-bottom: none;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .blog-card-2 {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
}
.blog-card-2__left {
  flex: 0 1 40%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .blog-card-2__left {
    flex: none;
    order: 1;
  }
}
.blog-card-2__category {
  display: inline-block;
  font-family: var(--at-ff-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--at-neutral-900);
  padding: 8px 16px;
  background: var(--at-common-white);
  border: 1px solid var(--at-neutral-100);
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
}
.blog-card-2__title {
  margin: 0;
}
@media (max-width: 574.98px) {
  .blog-card-2__title {
    font-size: 18px;
  }
}
.blog-card-2__title-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-card-2__title-link:hover {
  color: var(--at-theme-primary);
}
.blog-card-2__thumb {
  flex: 0 0 340px;
  width: 340px;
  height: 210px;
  overflow: hidden;
  border-radius: 12px;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .blog-card-2__thumb {
    flex: none;
    width: 100%;
    height: 220px;
    order: 2;
  }
}
.blog-card-2__img-link {
  display: block;
  width: 100%;
  height: 100%;
}
.blog-card-2__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: transform 0.5s ease;
}
.blog-card-2:hover .blog-card-2__img {
  transform: scale(1.05);
}

.blog-card-2__meta {
  font-family: var(--at-ff-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #585959;
  margin: 0;
}
.blog-card-2__meta-text {
  color: #585959;
}
.blog-card-2__author {
  color: var(--at-theme-primary, #c94b2a);
  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-card-2__author:hover {
  color: var(--at-common-black);
}


.product-card {
  display: flex;
  flex-direction: column;
}


.at-main-menu {
  padding: 5px 8px;
}
.at-main-menu.menu-light.style-1 {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(2px);
  height: 48px;
}
.at-main-menu.menu-light nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.at-main-menu.menu-light nav ul li:hover.has-dropdown > a {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
.at-main-menu.menu-light nav ul li.has-dropdown > a {
  color: #fff;
}
.at-main-menu.menu-light nav ul li.has-dropdown > a::after {
  filter: invert(1);
}
.at-main-menu nav ul li {
  list-style: none;
  display: inline-block;
  position: relative;
}
.at-main-menu nav ul li.has-dropdown > a {
  color: var(--at-common-black);
  position: relative;
  transition: all 0.4s ease 0.3s ease-out;
}
.at-main-menu nav ul li.has-dropdown > a::after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 8px;
  height: 8px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="none"><path d="M0.119881 4.0916L3.76201 0.14603C3.8265 0.0762058 3.912 0.0286966 4.00771 0.00950819C4.10343 -0.00968026 4.20505 0.000313791 4.29974 0.0382265C4.39443 0.0761392 4.47794 0.140268 4.5397 0.222507C4.60146 0.304746 4.63871 0.401402 4.64673 0.500256L4.96657 4.4493C4.97728 4.58185 4.93474 4.70892 4.8483 4.80257C4.76185 4.89622 4.63858 4.94877 4.50559 4.94867L0.543624 4.94521C0.444446 4.94511 0.345125 4.9157 0.258216 4.8607C0.171308 4.8057 0.100716 4.72759 0.0553628 4.63623C0.0100097 4.54486 -0.00806781 4.44436 0.00341617 4.34742C0.0149001 4.25048 0.0554298 4.16146 0.119881 4.0916Z" fill="%230F0F0F"/></svg>');
}
.at-main-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.at-main-menu nav ul li:hover.has-dropdown > a {
  transition: all 0.4s ease 0.3s ease-out;
}
.at-main-menu nav ul li a {
  font-family: var(--at-ff-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--at-common-black);
  padding: 10px 24px;
  display: inline-block;
  line-height: 1;
}
.at-main-menu nav ul li a:hover {
  color: var(--at-common-black);
}
.at-main-menu nav ul li a::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.at-main-menu nav ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 260px;
  z-index: 99;
  opacity: 0;
  padding: 12px 0;
  transition: 0.5s;
  text-align: start;
  visibility: hidden;
  transform-origin: 0 0;
  transform: scale(1, 0);
  backdrop-filter: blur(20px);
  background: rgba(var(--at-neutral-0-rgb), 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.at-main-menu nav ul li .submenu li {
  width: 100%;
  padding: 0 12px;
  border-radius: 8px;
  margin: 0;
}
.at-main-menu nav ul li .submenu li a {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: var(--at-neutral-500);
  padding: 12px 18px;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  width: 100%;
  font-family: var(--at-ff-body);
  transition: padding-left 0.35s cubic-bezier(0.65, 0, 0.35, 1), background 0.3s ease, color 0.3s ease;
}
.at-main-menu nav ul li .submenu li .submenu {
  top: 0;
  left: 100%;
}
.at-main-menu nav ul li .submenu li:hover > a {
  background: var(--at-neutral-50);
  color: var(--at-neutral-900) !important;
  padding-left: 23px;
}
.at-main-menu nav ul li .at-megamenu {
  width: 720px;
  padding: 30px 30px;
}
.at-main-menu nav ul li .at-megamenu li {
  padding: 0;
}
.at-main-menu nav ul li .at-megamenu-title {
  font-size: 20px;
  font-weight: 600;
  padding-left: 18px;
  padding-right: 6px;
  color: var(--at-common-black);
  font-family: var(--at-ff-body);
}
.at-main-menu nav ul li .at-megamenu-title-wrap {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}


.at-main-menu > nav > ul > li > a {
  
  --link-desc-room: 4px;
  padding-bottom: calc(10px - var(--link-desc-room));
}
.at-main-menu > nav > ul > li > a .at-link-swap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  line-height: inherit;
  padding-bottom: var(--link-desc-room);
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-1,
.at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
  display: block;
  line-height: inherit;
  
  transition: transform 0.45s cubic-bezier(0.5, 1.5, 0.35, 1);
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-1 {
  position: relative;
}
.at-main-menu > nav > ul > li > a .at-link-swap .text-2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  
  transform: translateY(calc(100% + var(--link-desc-room)));
}


.at-main-menu > nav > ul > li:hover > a .at-link-swap .text-1 {
  
  transform: translateY(calc(-100% - var(--link-desc-room)));
}
.at-main-menu > nav > ul > li:hover > a .at-link-swap .text-2 {
  transform: translateY(0);
}


.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../imgs/icons/cross-out.webp), pointer;
}

.at-offcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 460px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--at-common-white);
  z-index: 997;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
@media (max-width: 574.98px) {
  .at-offcanvas {
    width: 100%;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .at-offcanvas {
    width: 400px;
    padding: 40px;
  }
}
.at-offcanvas.opened {
  opacity: 1;
  visibility: visible;
  right: 0;
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.at-offcanvas-menu .at-megamenu-box {
  margin-bottom: 30px;
}
.at-offcanvas-menu .at-megamenu-box li a {
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 17px;
}
.at-offcanvas-menu .at-megamenu-box li a:hover {
  background-color: var(--at-neutral-50);
  color: var(--at-common-black);
}
.at-offcanvas-menu .at-megamenu {
  margin-top: 15px;
}
.at-offcanvas-title.sm {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
  color: var(--at-common-black);
}
.at-offcanvas-gallery-img {
  width: 65px;
  height: 65px;
  border-radius: 8px;
  overflow: hidden;
  padding: 4px;
  background: var(--at-neutral-50);
}
.at-offcanvas-gallery-img img {
  transition: 0.9s;
  border-radius: 4px;
  filter: grayscale(100%);
}
.at-offcanvas-gallery-img:hover img {
  transform: scale(1.2) rotate(-2deg);
}

.at-offcanvas-social {
  margin-top: 40px;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .at-offcanvas-social {
    margin-bottom: 40px;
  }
}
.at-offcanvas-social__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.at-offcanvas-social__link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  color: var(--at-common-black);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--at-ff-body);
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}
.at-offcanvas-social__link:hover {
  color: var(--at-theme-primary, var(--at-common-black));
  opacity: 0.85;
}
.at-offcanvas-social__link svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.at-offcanvas-2-wrapper {
  padding: 100px 100px 0px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .at-offcanvas-2-wrapper {
    padding: 80px 50px 0px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .at-offcanvas-2-wrapper {
    padding: 60px 50px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-offcanvas-2-wrapper {
    padding: 60px 30px 0px;
  }
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 1.5s ease-in-out !important;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(2) > a {
  transition-delay: 1.7s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(3) > a {
  transition-delay: 1.8s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(3) > a {
  transition-delay: 1.9s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(4) > a {
  transition-delay: 2s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li:nth-child(5) > a {
  transition-delay: 2.1s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
  font-size: 48px;
  padding: 0;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--at-common-black);
  font-family: var(--at-ff-body);
  transform: translateY(-300px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.5s ease-in-out !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
    font-size: 54px;
  }
}
@media (max-width: 574.98px) {
  .at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li > a {
    font-size: 50px;
  }
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .at-menu-close i {
  font-size: 28px;
  color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: 0.3s;
  color: var(--at-neutral-900);
  letter-spacing: -0.02em;
  font-family: var(--at-ff-body);
  position: relative;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a:hover {
  background-color: initial;
  transform: translateX(15px);
  color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu > nav > ul > li .submenu > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 5px;
  height: 5px;
  z-index: -1;
  background-color: var(--at-neutral-900);
  border-radius: 50%;
  transition: 0.3s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu {
  width: auto;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu .col-xl-6 {
  width: 100%;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu .col-xl-4 {
  width: 100%;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: 0.3s;
  color: var(--at-neutral-900);
  letter-spacing: -0.8px;
  font-family: var(--at-ff-body);
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 5px;
  height: 5px;
  z-index: -1;
  background-color: var(--at-neutral-900);
  border-radius: 50%;
  transition: 0.3s;
}
.at-offcanvas-2-wrapper .at-offcanvas-menu nav ul li .at-megamenu li a:hover {
  background-color: initial;
  transform: translateX(15px);
  color: var(--at-common-black);
}
.at-offcanvas-2-wrapper .hamburger-close-btn {
  color: var(--at-common-black);
  cursor: pointer;
  transition: all 0.4s ease;
}
.at-offcanvas-2-wrapper .hamburger-close-btn:hover {
  transform: rotate(90deg);
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
  transform: rotate(0);
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 20px;
}
.at-offcanvas-2-wrapper .hamburger-mobile-close-btn:hover {
  color: var(--at-theme-primary);
}
.at-offcanvas-2-wrapper .at-header-logo {
  transform: translateY(-80px);
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s;
  transition: all 1.5s ease-in-out !important;
}
.at-offcanvas-2-left {
  opacity: 0;
  animation-delay: 1s;
  transform: translateY(20px);
}
.at-offcanvas-2-left .at-offcanvas-menu {
  border-bottom: 1px solid var(--at-neutral-100);
  padding-bottom: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .at-offcanvas-2-left .at-offcanvas-menu {
    margin-bottom: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .at-offcanvas-2-left .at-offcanvas-menu {
    margin-bottom: 0;
  }
}
.at-offcanvas-2-left .at-offcanvas-menu ul {
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  max-height: 450px;
  padding-top: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .at-offcanvas-2-left .at-offcanvas-menu ul {
    max-height: 350px;
  }
}

.at-offcanvas-2-area.menu-open,
.at-offcanvas-2-area.menu-open-temp {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  height: 100%;
  transition: all 0s 2s;
  width: 600px;
  z-index: 1000;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-offcanvas-2-area.menu-open,
  .at-offcanvas-2-area.menu-open-temp {
    width: 100%;
  }
}

.at-offcanvas-2-area {
  position: fixed;
  left: 100%;
}
.at-offcanvas-2-area .offcanvas-bg {
  inset: 0;
  border-radius: 20px;
  clip-path: circle(0% at calc(100% - 45px) 45px);
  transition: clip-path 0.7s ease-in-out;
  position: fixed;
  width: 570px;
  margin: 20px;
  right: 0;
  left: auto;
  z-index: 2;
  backdrop-filter: blur(20px);
  background: rgb(var(--at-neutral-0-rgb), 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-offcanvas-2-area .offcanvas-bg {
    margin: 0;
    border-radius: 0;
    width: 100%;
  }
}
.at-offcanvas-2-area.menu-open .offcanvas-bg {
  clip-path: circle(150% at calc(100% - 45px) 45px);
}
.at-offcanvas-2-area.menu-open .offcanvas-menu {
  pointer-events: auto;
}
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li {
  visibility: visible;
  opacity: 1;
}
.at-offcanvas-2-area.menu-open .at-offcanvas-menu > nav > ul > li a {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.at-offcanvas-2-area.menu-open .at-header-logo {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.at-offcanvas-2-area.menu-open .at-offcanvas-2-left {
  opacity: 1;
  transform: translateY(0);
  transition-delay: calc(0.7s + 0.06s);
}
.at-offcanvas-2-area.menu-open .at-offcanvas-2-left .at-offcanvas-menu {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: calc(calc(0.7s + 0.06s) + 0.2s);
}
.at-offcanvas-2-area:not(.menu-open) .offcanvas-menu {
  pointer-events: none;
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left {
  transition-delay: 0.6s;
  opacity: 0;
  transform: translateY(30px);
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left .at-offcanvas-menu {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0.4s;
}
.at-offcanvas-2-area:not(.menu-open) .at-offcanvas-2-left .at-offcanvas-2-left-btn-box {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0.2s;
}
.at-offcanvas-2-area:not(.menu-open) .offcanvas-bg {
  clip-path: circle(0% at calc(100% - 45px) 45px);
  transition-delay: 0.4s;
}

.hamburger-sticky-menu {
  border-radius: 16px;
  border: 1px solid var(--at-neutral-100, #DFDFDF);
  background: var(--at-neutral-0, #FEFEFE);
  color: var(--at-neutral-950);
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  padding: 15px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 40px;
  right: 20px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  transition-delay: 0.4s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .hamburger-sticky-menu {
    top: 20px;
    right: 20px;
    padding: 5px 10px;
    font-size: 14px;
  }
}
.hamburger-sticky-menu.header-sticky {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  position: fixed;
}


.at-offcanvas-menu .at-megamenu-box li a {
  font-weight: 400;
}
.at-offcanvas-menu ul {
  list-style: none;
}
.at-offcanvas-menu ul li {
  position: relative;
}
.at-offcanvas-menu ul li > a {
  padding: 7px 0;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.at-offcanvas-menu ul li.active > a {
  color: var(--at-common-black);
}
.at-offcanvas-menu ul li.active > .at-menu-close i {
  top: 10px;
  transform: rotate(90deg);
}
.at-offcanvas-menu ul li .submenu {
  display: none;
}
.at-offcanvas-menu ul li .submenu .submenu {
  margin-left: 30px;
}
.at-offcanvas-menu .at-submenu > li > a {
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 16px;
}
.at-offcanvas-menu .at-submenu > li > a:hover {
  background-color: #f8f8fb;
  color: var(--at-common-black);
}

.at-menu-close {
  position: absolute;
  right: 7px;
  top: 12px;
}
.at-menu-close i {
  transition: all 0.3s;
  font-size: 18px;
  font-weight: 500;
}


.at-footer-link .at-hero-social {
  justify-content: flex-start;
}
.at-footer-copyright {
  font-weight: 500;
  font-size: 16px;
  opacity: 0.5;
  color: var(--at-common-black);
}
.alt-footer-link-item ul li {
  list-style: none;
}
.alt-footer-link-item ul li a {
  font-weight: 400;
  font-size: 22px;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--at-neutral-300);
  position: relative;
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  transition: all 0.4s ease 0.3s ease-out;
}
.alt-footer-link-item ul li a::before {
  content: "";
  width: 14px;
  height: 13px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"><g opacity="0.3" clip-path="url(%23clip0_1857_869)"><path d="M11.0037 3.41421L2.39712 12.0208L0.98291 10.6066L9.5895 2H2.00373V0H13.0037V11H11.0037V3.41421Z" fill="%23FEFEFE"/></g><defs><clipPath id="clip0_1857_869"><rect width="14" height="13" fill="white"/></clipPath></defs></svg>');
  margin-left: 14px;
  position: absolute;
  left: 100%;
  top: 50%;
  opacity: 0;
  transition: all 0.5s ease;
  transform: translate(-15px, -40%);
}
.alt-footer-link-item ul li a.fz-font-md::before {
  width: 12px;
  height: 12px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 14 13" fill="none"><g opacity="0.3" clip-path="url(%23clip0_1857_869)"><path d="M11.0037 3.41421L2.39712 12.0208L0.98291 10.6066L9.5895 2H2.00373V0H13.0037V11H11.0037V3.41421Z" fill="%23FEFEFE"/></g><defs><clipPath id="clip0_1857_869"><rect width="14" height="13" fill="white"/></clipPath></defs></svg>');
}
.alt-footer-link-item ul li a:hover {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  transition: all 0.4s ease 0.3s ease-out;
  color: var(--at-neutral-0);
}
.alt-footer-link-item ul li a:hover::before {
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .alt-footer-link-item-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}

.mp-footer-style .at-hero-social a {
  color: var(--at-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.mp-footer-style .at-hero-social a:hover {
  background: var(--at-common-white);
  color: var(--at-common-black);
}
.mp-footer-style .at-footer-copyright {
  color: var(--at-common-white);
}
.mp-footer-style .at-about-border {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.text-scale-anim {
  white-space: pre-wrap;
  transform-origin: top left;
}

.at-letter-span {
  display: inline-block;
}

.at-word-span {
  display: inline-block;
}


.footer-2-follow-label {
  font-size: 12px;
  letter-spacing: 0.02em;
  font-weight: 500;
}

.footer-2-border {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-2-connect-title {
  font-weight: 500;
  font-size: 160px;
  letter-spacing: -11px;
  line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .footer-2-connect-title {
    letter-spacing: 0;
    font-size: clamp(3rem, 4vw, 3rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-2-connect-title {
    font-size: clamp(4rem, 4vw, 3rem);
  }
}


@keyframes footer11-grid {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(57px, 57px);
  }
}
@keyframes footer11-scan {
  0% {
    top: -40%;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    top: 115%;
    opacity: 0;
  }
}


.footer-13 {
  background-color: var(--at-neutral-0);
  border-top: 1px solid var(--at-neutral-200);
  color: var(--at-neutral-950);
}


.footer-13__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 96px;
  border-bottom: 1px solid var(--at-neutral-200);
}

.footer-13__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.footer-13__meta-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--at-theme-primary);
  flex-shrink: 0;
}

.footer-13__meta-key {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
}

.footer-13__meta-val {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
}


.footer-13__body {
  display: flex;
  flex-direction: column;
  gap: 96px;
  padding: 80px 96px 0;
  background-image: url("../imgs/pages/home-13/footer13-bg.webp");
  background-repeat: no-repeat;
  background-position: right bottom;
}


.footer-13__top {
  display: grid;
  grid-template-columns: 640px 1fr;
  gap: 64px;
  align-items: start;
}


.footer-13__brand {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}

.footer-13__logo {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: var(--at-neutral-950);
}
.footer-13__logo img {
  width: 27px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.footer-13__logo-text {
  font-family: var(--at-ff-heading);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.05em;
  color: var(--at-neutral-950);
}

.footer-13__intro {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.555;
  letter-spacing: -0.02em;
  color: var(--at-neutral-700);
  max-width: 100%;
}


.footer-13__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding-top: 16px;
}

.footer-13__form-label {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
}

.footer-13__form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--at-neutral-200);
}

.footer-13__form-input {
  flex: 1 1 auto;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 0;
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
}
.footer-13__form-input::-moz-placeholder {
  color: var(--at-neutral-500);
}
.footer-13__form-input::placeholder {
  color: var(--at-neutral-500);
}
.footer-13__form-input:focus {
  outline: none;
}

.footer-13__form-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-950);
  transition: color 0.3s ease;
}
.footer-13__form-btn:hover, .footer-13__form-btn:focus-visible {
  color: var(--at-theme-primary);
}

.footer-13__form-arrow {
  color: var(--at-theme-primary);
  font-size: 14px;
  line-height: 1;
  transition: transform 0.3s ease;
}

.footer-13__form-btn:hover .footer-13__form-arrow,
.footer-13__form-btn:focus-visible .footer-13__form-arrow {
  transform: translateX(4px);
}


.footer-13__cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  align-items: start;
}

.footer-13__col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.footer-13__col-title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
}

.footer-13__col-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0;
}
.footer-13__col-list a {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-13__col-list a:hover, .footer-13__col-list a:focus-visible {
  color: var(--at-theme-primary);
}


.footer-13__studios {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  padding: 48px 0 0;
  border-top: 1px solid var(--at-neutral-200);
  margin: 0;
  max-width: 80%;
}

.footer-13__studio {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 32px;
  border-right: 1px solid var(--at-neutral-200);
}
.footer-13__studio:first-child {
  padding-left: 0;
}
.footer-13__studio:last-child {
  border-right: none;
}

.footer-13__studio-head {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.footer-13__studio-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--at-neutral-300);
  flex-shrink: 0;
}

.footer-13__studio-dot--active {
  background-color: var(--at-theme-primary);
  box-shadow: 0 0 0 3px rgba(240, 70, 14, 0.18);
}

.footer-13__studio-name {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}

.footer-13__studio-addr {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.571;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
  font-style: normal;
}

.footer-13__studio-status {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
}

.footer-13__studio-status--open {
  color: var(--at-neutral-700);
}


.footer-13__bigbrand {
  padding-top: 48px;
  width: 100%;
  overflow: hidden;
}

.footer-13__bigbrand-text {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(64px, 11vw, 188px);
  line-height: 1;
  letter-spacing: -0.05em;
  color: var(--at-neutral-950);
  white-space: nowrap;
}
.footer-13__bigbrand-text sup {
  font-size: 0.5em;
  top: -0.55em;
  font-weight: 600;
}


.footer-13__legal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 96px;
  border-top: 1px solid var(--at-neutral-200);
  flex-wrap: wrap;
}

.footer-13__copy {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
}

.footer-13__social,
.footer-13__legal-links {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding: 0;
  flex-wrap: wrap;
}
.footer-13__social a,
.footer-13__legal-links a {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-13__social a {
  color: var(--at-neutral-950);
}
.footer-13__social a:hover, .footer-13__social a:focus-visible {
  color: var(--at-theme-primary);
}

.footer-13__legal-links a {
  color: var(--at-neutral-500);
}
.footer-13__legal-links a:hover, .footer-13__legal-links a:focus-visible {
  color: var(--at-neutral-950);
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .footer-13__meta,
  .footer-13__legal {
    padding-inline: 32px;
  }
  .footer-13__body {
    padding: 64px 32px 0;
  }
  .footer-13__top {
    grid-template-columns: 480px 1fr;
    gap: 48px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-13__meta,
  .footer-13__legal {
    padding-inline: 24px;
  }
  .footer-13__body {
    padding: 56px 24px 0;
    gap: 64px;
  }
  .footer-13__top {
    grid-template-columns: 380px 1fr;
    gap: 32px;
  }
  .footer-13__cols {
    gap: 24px;
  }
  .footer-13__intro {
    font-size: 16px;
  }
}

@media (max-width: 1199.98px) {
  .footer-13__meta {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 20px;
  }
  .footer-13__body {
    padding: 48px 20px 0;
    gap: 48px;
  }
  .footer-13__top {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .footer-13__legal {
    padding: 24px 20px;
    gap: 16px;
  }
  .footer-13__studios {
    padding-top: 32px;
    max-width: 100%;
  }
  .footer-13__intro {
    font-size: 16px;
  }
}

@media (max-width: 991.98px) {
  .footer-13__meta,
  .footer-13__legal {
    padding-inline: 16px;
  }
  .footer-13__body {
    padding: 40px 16px 0;
    gap: 40px;
  }
  .footer-13__cols {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .footer-13__studios {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .footer-13__studio {
    padding: 24px 0 0;
    border-right: none;
    border-top: 1px solid var(--at-neutral-200);
  }
  .footer-13__studio:first-child {
    padding-top: 0;
    border-top: none;
  }
  .footer-13__legal {
    padding: 20px 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767.98px) {
  .footer-13__meta-item--lead {
    flex: 1 1 100%;
  }
  .footer-13__body {
    background-image: none;
  }
  .footer-13__cols {
    grid-template-columns: 1fr;
  }
  .footer-13__form-row {
    flex-wrap: wrap;
    gap: 12px;
  }
  .footer-13__form-input {
    flex: 1 1 100%;
  }
}

@media (max-width: 574.98px) {
  .footer-13__intro {
    font-size: 15px;
  }
  .footer-13__studio-name {
    font-size: 20px;
  }
  .footer-13__bigbrand-text {
    font-size: clamp(44px, 8vw, 188px);
  }
}


.at-about-svg-wrap {
  position: relative;
  transform: translateY(-100px);
}
.at-about-svg-wrap > svg:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  top: 34px;
}
.at-about-svg-wrap > svg:nth-child(3) {
  position: absolute;
  left: 56px;
  top: 34px;
}


.sec-4-about-form__field {
  margin-bottom: 0;
}
.sec-4-about-form__input {
  display: block;
  width: 100%;
  padding: 16px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--at-neutral-900);
  border-radius: 0;
  outline: none;
  transition: border-color 0.2s ease;
}
.sec-4-about-form__input::-moz-placeholder {
  color: var(--at-neutral-500);
}
.sec-4-about-form__input::placeholder {
  color: var(--at-neutral-500);
}
.sec-4-about-form__input:focus {
  border-bottom-color: var(--at-neutral-900);
}
.sec-4-about-form__textarea {
  min-height: 120px;
  resize: vertical;
  padding-top: 16px;
}
.sec-4-about-form__actions {
  margin-top: 40px;
  margin-bottom: 16px;
}
.sec-4-about-form__disclaimer {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--at-neutral-500);
}


.process-scroll .process-card {
  padding: 40px;
  background: var(--at-neutral-0);
}
.process-scroll .process-card__img-wrap img {
  width: 100%;
  height: 100%;
}
.process-scroll .process-card__content {
  padding-left: 0;
}
.process-scroll .process-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 26px;
  border-bottom: 1px solid var(--at-neutral-100);
}
.process-scroll .process-card__title {
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  letter-spacing: -1.8px;
  color: var(--at-neutral-900);
}
.process-scroll .process-card__desc {
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: var(--at-neutral-500);
  margin-bottom: 20px;
  max-width: 75%;
}
.process-scroll .process-card__meta {
  padding-top: 8px;
}
.process-scroll .process-card__meta-text {
  font-size: 16px;
  color: var(--at-neutral-900);
  font-weight: 600;
}
.process-scroll .process-card__meta-label {
  display: inline-block;
  margin-left: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .process-scroll .process-card__title {
    font-size: 24px;
  }
  .process-scroll .process-card__desc {
    font-size: 16px;
  }
  .process-scroll .process-card__img-wrap {
    min-height: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .process-scroll .process-card__img-wrap {
    aspect-ratio: 16/10;
    min-height: 220px;
  }
  .process-scroll .process-card__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .process-scroll .process-card {
    padding-left: 24px;
    padding-right: 24px;
  }
  .process-scroll .process-card__title {
    font-size: 22px;
  }
  .process-scroll .process-card__desc {
    font-size: 15px;
  }
  .process-scroll .process-card__meta {
    flex-wrap: wrap;
    gap: 12px;
  }
  .process-scroll .process-card__img-wrap {
    min-height: 200px;
  }
  .process-scroll .process-card__content {
    padding-top: 0;
  }
}
@media (max-width: 574.98px) {
  .process-scroll .process-card__title {
    font-size: 20px;
  }
  .process-scroll .process-card__desc {
    font-size: 14px;
  }
  .process-scroll .process-card__img-wrap {
    min-height: 180px;
  }
}


.at-hero-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-hero-social {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-hero-social {
    justify-content: flex-start;
  }
}
.at-hero-social a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
  border: 1px solid rgba(38, 38, 38, 0.1);
  border-radius: 20px;
  padding: 6px 20px;
  display: inline-block;
}
.at-hero-social a:hover {
  background: var(--at-common-black);
  border-color: var(--at-common-black);
  color: var(--at-common-white);
}
.at-hero-social.style-2 a {
  color: var(--at-common-black);
  border: 1px solid var(--at-common-black);
  background: var(--at-common-white);
}
.at-hero-social.style-2 a:hover {
  background: var(--at-common-black);
  border-color: var(--at-common-black);
  color: var(--at-common-white);
}

.at-hero-slider-active .swiper-slide {
  width: auto !important;
}


.sec-1-home-4-wrap .sec-1-home-4__btns .at-btn {
  padding: 14px 24px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  background: transparent;
}
.sec-1-home-4-wrap .sec-1-home-4__btns .at-btn:hover {
  background: rgba(229, 229, 229, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .sec-1-home-4-wrap .sec-1-home-4__btns .at-btn {
    background: rgba(229, 229, 229, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(3px);
  }
}


.card__process-card.card-2 {
  margin-top: 80px;
}
.card__process-card.card-3 {
  margin-top: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card__process-card.card-2 {
    margin-top: 50px;
  }
  .card__process-card.card-3 {
    margin-top: 50px;
  }
}


.at-service-card {
  max-height: 480px;
  min-height: 480px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-service-card {
    min-height: 400px;
  }
}
.at-service-card.card-1 {
  position: relative;
}
.at-service-card.card-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.65;
  background: linear-gradient(99deg, #000 5.05%, rgba(0, 0, 0, 0.44) 49.84%, #000 94.63%);
  z-index: 0;
}
.at-service-card.no-before::before {
  display: none;
}
.at-service-card.card-2,
.at-service-card .card-4 {
  background: var(--at-common-white);
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-service-card.card-2,
  .at-service-card .card-4 {
    margin-top: 0;
  }
}
.at-service-card.card-3 {
  background: #0f0f0f;
}
.at-service-card.style-2 {
  background: var(--at-neutral-0);
  border: 1px solid var(--at-neutral-950);
  position: relative;
  z-index: 1;
  transition: all 0.5s;
}
.at-service-card.style-2::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--at-neutral-950);
  background: var(--at-neutral-0);
  transition: all 0.5s;
}
.at-service-card.style-2:hover {
  transform: translate(5px, 5px);
}


.at-service-item .number {
  color: var(--at-neutral-500);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.8px;
  opacity: 0.3;
  transition: all 0.5s;
}
.at-service-item .content .title {
  color: var(--at-neutral-900);
  font-weight: 600;
  opacity: 0.3;
  transition: all 0.5s;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-service-item .content .title {
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -2.4px;
  }
}
@media screen and (max-width: 1725px) {
  .at-service-item .content .title {
    font-size: 50px;
  }
}
.at-service-item .content .text {
  opacity: 0;
  max-height: 0px;
  transition: all 0.5s;
  max-width: 370px;
  margin-bottom: 0;
}
.at-service-item:hover .number {
  color: var(--at-theme-primary);
  opacity: 1;
}
.at-service-item:hover .title {
  opacity: 1;
  transition: all 0.5s;
}
.at-service-item:hover .text {
  opacity: 1;
  max-height: 100px;
  transition: all 0.5s;
}


.at-service-img-wrapper .hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.at-service-img-wrapper .hover-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}


:root {
  --numOfSlides: 5;
  --slidingAT: 1.3s;
  --controlSize: 60px;
}

.alt-portfolio-content {
  background: var(--at-neutral-0);
  border-radius: 16px;
  padding: 16px 20px;
}
.alt-portfolio-thumb {
  border-radius: 16px;
}
.alt-portfolio-thumb::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0) 11.93%, rgba(26, 26, 26, 0.76) 100%);
  z-index: 1;
}
.alt-portfolio-item {
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .alt-portfolio-item {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
.alt-portfolio-item:hover .alt-portfolio-btn {
  transition: all 0.4s ease;
  transform: translateY(0);
}
.alt-portfolio-item:hover .alt-portfolio-btn .des {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease;
}
.alt-portfolio-btn {
  position: absolute;
  left: 54px;
  bottom: 45px;
  right: 80px;
  z-index: 2;
  transition: all 0.4s ease;
  transform: translateY(40%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .alt-portfolio-btn {
    left: 20px;
    bottom: 20px;
    right: 10px;
  }
  .alt-portfolio-btn .h2 {
    font-size: 28px;
  }
}
.alt-portfolio-btn .des {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.alt-portfolio-btn .text {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.05em;
  text-align: center;
  color: var(--at-common-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}


.at-hover-img canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.mg-portfolio-item {
  border-radius: 10px;
  overflow: hidden;
}

.mg-portfolio-thumb.style-2 {
  position: relative;
  border-radius: 0 !important;
  overflow: hidden;
}
.mg-portfolio-thumb.style-2::before {
  content: "";
  position: absolute;
  top: 26px;
  right: 26px;
  width: 40px;
  height: 40px;
  background-color: var(--at-neutral-0);
  z-index: 4;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M10.9562 3.73293L1.54623 13.1429L0 11.5967L9.41002 2.1867H1.11611V0H13.1429V12.0269H10.9562V3.73293Z" fill="%231D1D1D"/></svg>');
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50px;
}
.mg-portfolio-thumb.style-2 img {
  border-radius: 0;
  filter: grayscale(100%);
  transition: all 0.6s ease;
}

.mg-portfolio-item {
  transition: all 0.6s ease;
}
.mg-portfolio-item:hover .mg-portfolio-thumb.style-2 img {
  filter: grayscale(0%);
}


.card-award.style-2 {
  background-color: var(--at-neutral-50);
  border: none;
  border-bottom: 1px solid var(--at-neutral-950);
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  padding: 15px 0;
}
.card-award.style-2:hover {
  border-color: var(--at-neutral-950);
  transition: all 0.3s ease;
  background-color: var(--at-neutral-950);
  padding: 15px 20px;
}
.card-award.style-1 {
  background-color: var(--at-common-white, #ffffff);
  border-radius: 16px;
  border: 1px solid var(--at-neutral-100);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  padding: 20px 42px;
  transition: all 0.3s ease;
  margin-bottom: 24px;
}
.card-award:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: var(--at-neutral-900);
  transition: all 0.3s ease;
  background-color: var(--at-neutral-900);
}
.card-award:hover .card-award-date {
  color: var(--at-neutral-300);
  transition: all 0.3s ease;
}
.card-award:hover .card-award-image img {
  transform: scale(1.2);
  transition: all 0.3s ease;
}
.card-award:hover .card-award-title {
  transition: all 0.3s ease;
  color: var(--at-common-white);
}
.card-award:hover .card-award-web-excellence {
  transition: all 0.3s ease;
  color: var(--at-neutral-300);
}
.card-award:hover .card-award-url {
  transition: all 0.3s ease;
  color: var(--at-neutral-300);
}
.card-award:hover .card-award-icon {
  color: var(--at-common-white);
  transition: all 0.3s ease;
}
.card-award-link {
  text-decoration: none;
  color: inherit;
  gap: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .card-award-link {
    flex-wrap: wrap;
    gap: 5px;
  }
}
@media (min-width: 1401px) {
  .card-award-link {
    gap: 20px;
  }
}
.card-award-date {
  flex: 0 0 200px;
  font-size: 14px;
  font-weight: 400;
  color: var(--at-neutral-500);
  white-space: nowrap;
  transition: all 0.3s ease;
  font-family: var(--at-ff-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-award-date {
    flex: 0 0 130px;
  }
}
@media (max-width: 574.98px) {
  .card-award-date {
    font-size: 12px;
  }
}
.card-award-meta {
  flex: 1;
}
.card-award-image {
  width: 90px;
  height: 62px;
  border-radius: 8px;
  overflow: hidden;
}
.card-award-image img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 574.98px) {
  .card-award-image {
    width: 60px;
    height: 42px;
  }
}
.card-award-content {
  flex: 0 0 450px;
  display: flex;
  gap: 16px;
  align-items: center;
  min-width: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-award-content {
    flex: 0 0 450px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .card-award-content {
    flex: 1 1 100%;
  }
}
@media (min-width: 1400px) {
  .card-award-content .container {
    flex: 0 0 600px;
  }
}
.card-award-title {
  color: var(--at-common-black, #1d1d1d);
  line-height: 1.4;
  margin-bottom: 4px;
  font-family: var(--at-ff-body);
  transition: all 0.3s ease;
  letter-spacing: -0.01em;
}
@media (max-width: 574.98px) {
  .card-award-title {
    font-size: 14px;
  }
}
.card-award-web-excellence {
  flex: 0 0 400px;
  color: var(--at-neutral-500);
  gap: 8px;
  transition: all 0.3s ease;
  flex-wrap: wrap;
  font-family: var(--at-ff-body);
}
@media (max-width: 574.98px) {
  .card-award-web-excellence {
    font-size: 12px;
  }
}
.card-award-url {
  color: var(--at-common-black, #1d1d1d);
}
.card-award-icon {
  flex-shrink: 0;
  transition: all 0.3s ease;
  width: 14px;
  height: 14px;
  color: var(--at-common-black, #1d1d1d);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-award-icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 574.98px) {
  .card-award-icon {
    width: 12px;
    height: 12px;
  }
}
.card-award-link:hover .card-award-icon {
  transform: rotate(45deg);
}


.card-award-preview {
  position: fixed;
  left: 0;
  top: 0;
  width: 280px;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  will-change: transform;
  transform-origin: left bottom;
}
.card-award-preview img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .card-award-preview {
    display: none !important;
  }
}
.testimonial-cart-wrap .rectangular {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 50px;
  background: var(--at-neutral-800);
  border-radius: 16px;
  border: 1px solid var(--at-neutral-700);
  padding: 50px;
  z-index: -2;
  overflow: hidden;
  transition: all 0.3s ease;
}
.testimonial-cart-wrap .rectangular::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  background: var(--at-theme-primary);
  filter: blur(125px);
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease;
}
.testimonial-cart-wrap:hover .rectangular::after {
  opacity: 1;
  width: 99px;
  height: 99px;
  transition: all 0.3s ease;
}
.testimonial-cart-wrap.style-2 {
  border: 1px solid var(--at-neutral-100, #DFDFDF);
  background: var(--at-neutral-0, #FEFEFE);
}
.testimonial-cart-wrap.style-2 .rectangular {
  border: 1px solid var(--at-neutral-100, #DFDFDF);
  background: var(--at-neutral-0, #FEFEFE);
}
.testimonial-cart-wrap.style-2 .testimonial-left-img {
  margin-right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
}
.testimonial-cart-wrap.style-2 .testimonial-left-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonial-cart-wrap.style-2 .testimonial-author {
  margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-cart-wrap.style-2 .testimonial-author {
    margin-top: 60px;
  }
}
@media (max-width: 574.98px) {
  .testimonial-cart-wrap.style-2 .testimonial-author {
    margin-top: 40px;
  }
}

.slider-testimonial {
  padding-bottom: 12px;
}
.slider-testimonial .swiper-slide-active .testimonial-cart-wrap .rectangular::after {
  opacity: 1;
  width: 99px;
  height: 99px;
  transition: all 0.5s ease;
}
.slider-testimonial .swiper-slide-active .testimonial-cart-wrap .rectangular::before {
  bottom: -12px;
  transition: all 0.3s ease;
}

.scroll-section .wrapper {
  position: relative;
  height: auto;
}
.scroll-section .list {
  height: 100%;
  position: relative;
}
.scroll-section .item {
  min-height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
}
.scroll-section .item:first-child {
  min-height: 100%;
  height: 100%;
}
.scroll-section .item:not(:first-child) {
  position: absolute;
}

.team-card {
  position: relative;
  display: flex;
  flex-direction: column;
}
.team-card-image {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  background-color: #f5f5f5;
}
.team-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s ease;
}
.team-card-icon {
  color: var(--at-common-black);
  position: absolute;
  top: 22px;
  right: 20px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: var(--at-common-white);
  display: flex;
  justify-content: center;
  transition: all 0.5s ease;
  align-items: center;
}
.team-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(26, 26, 26, 0) 11.93%, #1A1A1A 100%);
  backdrop-filter: blur(1.9500000477px);
  padding: 25px 81px 33px 30px;
  overflow: hidden;
}
.team-card-name .h6 {
  color: var(--at-common-white);
  font-weight: 600;
  letter-spacing: -0.02em;
  transition: color 0.3s ease;
  line-height: 24px;
}
.team-card-position {
  letter-spacing: -0.28px;
  margin-top: 4px;
}

.team-card:hover .team-card-image img {
  transition: all 0.5s ease;
  filter: blur(5px);
  scale: 1.05;
}
.team-card:hover .team-card-icon {
  background: var(--at-common-black);
  color: var(--at-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .team-card-content {
    margin-top: 16px;
  }
}


.team-card-2__name .h6 {
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.3;
  transition: color 0.25s ease;
}
.team-card-2__name:hover .h6 {
  color: var(--at-theme-primary, #6366f1);
}


.at-faq-item {
  border-radius: 0;
  box-shadow: 0 0 2px 0 rgba(39, 39, 46, 0.04);
  background: var(--at-neutral-50);
  padding: 10px 30px 10px 30px;
  margin-bottom: 16px;
}
.at-faq-body {
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 14px;
  padding-right: 112px;
  padding-left: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-faq-body {
    padding-right: 0;
  }
}
.at-faq-body p {
  font-weight: 400;
  font-size: 15px;
  line-height: 167%;
  color: var(--at-neutral-700);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-faq-body p br {
    display: none;
  }
}
.at-faq-number {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 42px;
  background: var(--at-neutral-900);
  color: var(--at-common-white);
}
.at-faq-header {
  padding: 15px 0;
}
.at-faq-button {
  background: transparent;
  font-weight: 600;
  font-size: 24px;
  color: var(--at-common-black);
  font-family: var(--at-ff-body);
  position: relative;
  width: 100%;
  text-align: left;
  padding-right: 50px;
}
@media (max-width: 574.98px) {
  .at-faq-button {
    font-size: 18px;
  }
}
.at-faq-button span {
  font-weight: 500;
  margin-right: 70px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-faq-button span {
    margin-right: 30px;
  }
}
.at-faq-button::before, .at-faq-button:after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 0;
  top: -3px;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 30px;
  line-height: 35px;
  font-size: 16px;
  font-weight: 400;
  color: var(--at-common-black);
  transition: all 0.5s ease;
}
.at-faq-button.collapsed:after {
  content: "\f067";
}


.at-gallery-wrapper {
  background: var(--at-common-black);
  height: 1110px;
  overflow: hidden;
  border-radius: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-gallery-wrapper {
    height: 630px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .at-gallery-wrapper {
    height: 430px;
  }
}
.at-gallery-item {
  overflow: hidden;
  border-radius: 20px;
}
.at-gallery-item:hover img {
  transform: scale(1.1);
}
.at-gallery-item img {
  border-radius: 20px;
  transition: all 0.6s ease;
}


.cart-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  font-family: var(--at-ff-body);
}
.cart-select-all:checked + .cart-list__check-wrap {
  background: var(--at-neutral-900, #1d1d1d);
  border-color: var(--at-neutral-900, #1d1d1d);
}
.cart-select-all:checked + .cart-list__check-wrap .cart-list__check-icon {
  opacity: 1;
  filter: brightness(0) invert(1);
}

.cart-remove-selected {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: var(--at-neutral-900, #1d1d1d);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.cart-remove-selected:hover {
  opacity: 0.7;
}


.cart-item {
  border: 1px solid var(--at-neutral-100, #dfdfdf);
  border-radius: 16px;
  min-height: 177px;
  overflow: hidden;
  background: var(--at-neutral-0, #fefefe);
  transition: box-shadow 0.2s ease;
}
.cart-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.cart-item .cart-item-check:checked + .cart-item__check-wrap {
  background: var(--at-neutral-900, #1d1d1d);
  border-color: var(--at-neutral-900, #1d1d1d);
}
.cart-item .cart-item-check:checked + .cart-item__check-wrap .cart-item__check-icon {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.cart-item__price {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.9px;
  color: var(--at-neutral-900, #1d1d1d);
  margin: 0;
}
.cart-item-qty-minus, .cart-item-qty-plus {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
  cursor: pointer;
  transition: opacity 0.2s ease;
  padding: 0;
  line-height: 1;
}
.cart-item-qty-minus:hover, .cart-item-qty-plus:hover {
  opacity: 0.7;
}
.cart-item-qty-val {
  min-width: 24px;
  text-align: center;
}
.cart-item-delete {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  color: var(--at-neutral-900, #1d1d1d);
  cursor: pointer;
  padding: 0;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.cart-item-delete:hover {
  opacity: 0.7;
  color: var(--at-neutral-700);
}
.cart-item-delete i {
  font-size: 18px;
}


.cart-summary {
  background: var(--at-neutral-50, #f2f2f2);
  border-radius: 16px;
  overflow: hidden;
  padding: 52px 49px 60px;
  font-family: var(--at-ff-body);
  width: 100%;
  align-self: flex-start;
}
@media (min-width: 992px) {
  .cart-summary {
    position: sticky;
    top: 120px;
  }
}
.cart-summary__coupon-input {
  flex: 1;
  min-width: 0;
  max-width: 328px;
  height: 52px;
  padding: 0 24px;
  border: 1px solid var(--at-neutral-100, #dfdfdf) !important;
  border-radius: 50px;
  background: var(--at-neutral-0, #fefefe);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.28px;
  color: var(--at-neutral-900, #1d1d1d);
}
.cart-summary__coupon-input::-moz-placeholder {
  color: var(--at-neutral-500, #585959);
}
.cart-summary__coupon-input::placeholder {
  color: var(--at-neutral-500, #585959);
}
.cart-summary__coupon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 52px;
  padding: 0 24px;
  min-width: 118px;
  border: none;
  border-radius: 42px;
  background: var(--at-neutral-900, #1d1d1d);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.8px;
  color: var(--at-neutral-0, #fefefe);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.cart-summary__coupon-btn:hover {
  opacity: 0.9;
}
.cart-summary__delivery-date {
  font-weight: 700;
  color: var(--at-neutral-900, #1d1d1d);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    padding: 40px 24px 48px;
  }
  .cart-summary__coupon-input {
    max-width: 100%;
  }
}
@media (max-width: 574.98px) {
  .cart-summary {
    padding: 32px 20px 40px;
  }
}


.change-price-plan {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.price-plan-toggle-label {
  font-size: 16px;
  font-weight: 500;
  color: var(--at-neutral-900);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.2s ease;
}

.price-plan-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
}

.price-plan-toggle__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.price-plan-toggle__input:checked + .price-plan-toggle__track + .price-plan-toggle__thumb {
  left: 42px;
}

.price-plan-toggle__input:focus-visible + .price-plan-toggle__track {
  outline: 2px solid #1A1A1A;
  outline-offset: 2px;
}


.sec-2-home-5__card--img .img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.sec-2-home-5__avatars-row {
  flex-wrap: wrap;
}
.sec-2-home-5__avatar-sm {
  width: 65px;
  height: 65px;
  border-radius: 8px;
  overflow: hidden;
  padding: 4px;
  background: var(--at-neutral-50);
}
.sec-2-home-5__avatar-sm img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  filter: grayscale(100%);
}


.at-brand-scroll .at-brand-item .brand {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.at-brand-scroll {
  
}
.at-brand-scroll .brand-logo-viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 70px;
  flex-shrink: 0;
  margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .at-brand-scroll .brand-logo-viewport {
    height: 50px;
  }
}
.at-brand-scroll .brand-logo-track {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  will-change: transform;
}
.at-brand-scroll .brand-logo-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  min-height: 70px;
  flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
  .at-brand-scroll .brand-logo-slide {
    height: 60px;
    min-height: 60px;
  }
}
.at-brand-scroll .brand-logo-slide img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}


.block-journey {
  
}
.block-journey {
  
}

.block-journey .journey-list-wrap {
  position: relative;
  padding-left: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .block-journey .journey-list-wrap {
    padding-left: 30px;
  }
}
.block-journey .journey-list-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 0;
  background: var(--at-neutral-700, #3d3d3d);
  will-change: height;
}
.block-journey .journey-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.block-journey .journey-list__item {
  display: grid;
  grid-template-columns: minmax(140px, 180px) 1fr auto;
  gap: 24px 32px;
  align-items: flex-start;
  padding: 24px 0;
  border-bottom: 1px solid var(--at-neutral-700, #3d3d3d);
}
.block-journey .journey-list__item:first-child {
  padding-top: 0;
}
.block-journey .journey-list__item:last-child {
  border-bottom: none !important;
  padding-bottom: 0;
}
.block-journey .journey-list__item:last-child .journey-list__desc {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .block-journey .journey-list__item {
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
    padding: 20px 0;
  }
  .block-journey .journey-list__item .journey-list__date {
    grid-column: 1;
  }
  .block-journey .journey-list__item .journey-list__body {
    grid-column: 1;
    grid-row: 2;
  }
  .block-journey .journey-list__item .journey-list__link {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
  }
}
.block-journey .journey-list__date {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--at-neutral-0);
  flex-shrink: 0;
  padding-top: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .block-journey .journey-list__date {
    font-size: 13px;
  }
}
.block-journey .journey-list__body {
  max-width: 75%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .block-journey .journey-list__body {
    max-width: 100%;
  }
}
.block-journey .journey-list__title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--at-neutral-0);
  margin: 0 0 6px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .block-journey .journey-list__title {
    font-size: 18px;
  }
}
.block-journey .journey-list__company {
  font-weight: 500;
  opacity: 0.9;
}
.block-journey .journey-list__desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
  .block-journey .journey-list__desc {
    font-size: 14px;
  }
}
.block-journey .journey-list__link {
  display: inline-flex;
  align-items: flex-start;
  align-self: flex-start;
  justify-content: flex-start;
  color: var(--at-neutral-0);
  padding: 8px;
  margin: -8px;
  transition: opacity 0.2s ease;
}
.block-journey .journey-list__link:hover {
  opacity: 0.8;
}
.block-journey .journey-list__link svg {
  display: block;
}


.at-item-anime.marque {
  overflow: hidden;
  border-radius: 16px;
}
.at-item-anime.marque img {
  transition: transform 0.6s ease;
}
.at-item-anime.marque:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
  transition: transform 0.6s ease;
}


@keyframes sec7Home7Spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


@keyframes sec5-home-9-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}


@keyframes h10-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}


@keyframes scroll-line-drop {
  0% {
    top: -40%;
  }
  100% {
    top: 140%;
  }
}


.sec-1-home-13 {
  background-color: var(--at-neutral-50);
  padding: 160px 32px 32px;
}

.sec-1-home-13__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  margin-inline: auto;
}


.sec-1-home-13__card {
  position: relative;
  width: 100%;
  height: 760px;
  border-radius: 32px;
  overflow: hidden;
  isolation: isolate;
}


.sec-1-home-13__main {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.sec-1-home-13__main .swiper-wrapper,
.sec-1-home-13__main .swiper-slide {
  height: 100%;
}

.sec-1-home-13__slide {
  position: relative;
  overflow: hidden;
}

.sec-1-home-13__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.sec-1-home-13__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.55) 100%);
  z-index: 1;
}

.sec-1-home-13__content {
  position: absolute;
  inset: 0;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 19px;
  z-index: 2;
  
  padding-bottom: 200px;
}

.sec-1-home-13__tagline {
  font-family: var(--at-ff-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: var(--at-common-white);
  letter-spacing: 0;
}
.sec-1-home-13__tagline span {
  display: inline-block;
}

.sec-1-home-13__headline {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(28px, 4vw, 64px);
  line-height: 1.125;
  letter-spacing: -0.05em;
  color: var(--at-common-white);
  max-width: 871px;
}
.sec-1-home-13__nav .swiper-btn-prev svg,
.sec-1-home-13__nav .swiper-btn-next svg {
  transform: rotate(90deg);
}


.sec-1-home-13__thumbs {
  position: absolute;
  left: 48px;
  right: 48px;
  bottom: 48px;
  z-index: 3;
}
.sec-1-home-13__thumbs .swiper-slide {
  height: auto;
}
.sec-1-home-13__service.swiper-slide-thumb-active {
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.18);
}
.sec-1-home-13__service.swiper-slide-thumb-active::after {
  opacity: 1;
  transform: scale(1);
}
.sec-1-home-13__service.swiper-slide-thumb-active .sec-1-home-13__service-img {
  border-radius: 16px;
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-1-home-13__card {
    height: 680px;
  }
  .sec-1-home-13__content {
    padding: 40px;
    padding-bottom: 180px;
  }
  .sec-1-home-13__thumbs {
    left: 40px;
    right: 40px;
    bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-1-home-13 {
    padding: 48px 24px 24px;
  }
  .sec-1-home-13__card {
    height: 620px;
  }
  .sec-1-home-13__content {
    padding: 32px;
    padding-bottom: 200px;
  }
  .sec-1-home-13__thumbs {
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-1-home-13 {
    padding: 36px 20px 20px;
  }
  .sec-1-home-13__card {
    height: 560px;
  }
  .sec-1-home-13__content {
    padding: 28px;
    padding-bottom: 180px;
  }
  .sec-1-home-13__thumbs {
    left: 24px;
    right: 24px;
    bottom: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-1-home-13 {
    padding: 128px 16px 16px;
  }
  .sec-1-home-13__card {
    height: 540px;
    border-radius: 24px;
  }
  .sec-1-home-13__content {
    padding: 24px;
    padding-bottom: 220px;
  }
  .sec-1-home-13__thumbs {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-1-home-13__card {
    height: 520px;
  }
  .sec-1-home-13__content {
    padding-bottom: 200px;
  }
}
@media (max-width: 574.98px) {
  .sec-1-home-13 {
    padding: 100px 12px 12px;
  }
  .sec-1-home-13__card {
    height: 500px;
    border-radius: 20px;
  }
  .sec-1-home-13__content {
    padding: 18px;
    padding-bottom: 180px;
  }
  .sec-1-home-13__headline {
    font-size: 26px;
  }
  .sec-1-home-13__thumbs {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }
}


.sec-2-home-13 {
  background-color: var(--at-neutral-50);
  padding: 120px 96px 0;
}

.sec-2-home-13__inner {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: 100%;
}


.sec-2-home-13__top {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 96px;
  align-items: start;
}


.sec-2-home-13__left {
  display: flex;
  flex-direction: column;
  gap: 184px;
}

.sec-2-home-13__label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.sec-2-home-13__label-dot {
  width: 8px;
  height: 8px;
  background-color: var(--at-theme-primary);
  flex-shrink: 0;
}

.sec-2-home-13__label-text {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: var(--at-neutral-900);
}

.sec-2-home-13__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.sec-2-home-13__intro-text {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--at-neutral-900);
}
.sec-2-home-13__intro-text strong {
  font-weight: 700;
}

.sec-2-home-13__team {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
}

.sec-2-home-13__team-avatar {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid var(--at-neutral-0);
  box-sizing: border-box;
  background-color: var(--at-neutral-100);
}
.sec-2-home-13__team-avatar + .sec-2-home-13__team-avatar {
  margin-left: -25px;
}
.sec-2-home-13__team-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.sec-2-home-13__cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 50px;
  padding: 14px 27px;
  background-color: var(--at-neutral-900);
  color: var(--at-neutral-0);
  border-radius: 50px;
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  text-decoration: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.sec-2-home-13__cta:hover, .sec-2-home-13__cta:focus-visible {
  color: var(--at-neutral-0);
  opacity: 0.9;
}
.sec-2-home-13__cta svg {
  transition: transform 0.3s ease;
}
.sec-2-home-13__cta:hover svg, .sec-2-home-13__cta:focus-visible svg {
  transform: translate(2px, -2px);
}


.sec-2-home-13__right {
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-width: 0;
}

.sec-2-home-13__head {
  display: flex;
  flex-direction: column;
  gap: 11px;
  align-items: flex-start;
}

.sec-2-home-13__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background-color: var(--at-neutral-0);
  border: 1px solid var(--at-neutral-100);
  border-radius: 999px;
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-700);
}

.sec-2-home-13__pill-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #22c55e;
  flex-shrink: 0;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
}

.sec-2-home-13__title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(32px, 3.2vw, 56px);
  line-height: 1.143;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}

.sec-2-home-13__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}

.sec-2-home-13__col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.sec-2-home-13__media {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.sec-2-home-13__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.sec-2-home-13__caption-title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.05em;
  color: var(--at-neutral-900);
  margin-bottom: 16px !important;
}

.sec-2-home-13__caption-text {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: var(--at-neutral-900);
}


.sec-2-home-13__stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--at-neutral-100);
  padding: 64px 0 96px;
  margin: 0;
}

.sec-2-home-13__stat {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 32px;
}
.sec-2-home-13__stat:first-child {
  padding-left: 0;
}
.sec-2-home-13__stat:last-child {
  padding-right: 0;
}

.sec-2-home-13__stat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.sec-2-home-13__stat-icon {
  width: 42px;
  height: 42px;
  background-color: var(--at-neutral-0);
  border: 1px solid var(--at-neutral-100);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sec-2-home-13__stat-icon img {
  width: 26px;
  height: 26px;
  -o-object-fit: contain;
     object-fit: contain;
}

.sec-2-home-13__stat-tag {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background-color: rgba(240, 70, 14, 0.12);
  color: var(--at-theme-primary);
  border-radius: 999px;
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.sec-2-home-13__stat-num {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(48px, 5.5vw, 84px);
  line-height: 1.05;
  letter-spacing: -0.05em;
  color: var(--at-neutral-950);
}

.sec-2-home-13__stat-cap {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-2-home-13 {
    padding: 96px 32px 0;
  }
  .sec-2-home-13__top {
    grid-template-columns: 320px 1fr;
    gap: 64px;
  }
  .sec-2-home-13__left {
    gap: 96px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-2-home-13 {
    padding: 80px 24px 0;
  }
  .sec-2-home-13__inner {
    gap: 64px;
  }
  .sec-2-home-13__top {
    grid-template-columns: 280px 1fr;
    gap: 48px;
  }
  .sec-2-home-13__left {
    gap: 64px;
  }
  .sec-2-home-13__right {
    gap: 48px;
  }
  .sec-2-home-13__media {
    height: 280px;
  }
  .sec-2-home-13__media--tall {
    height: 460px;
  }
  .sec-2-home-13__stats {
    padding: 48px 0 64px;
  }
  .sec-2-home-13__stat {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-2-home-13 {
    padding: 64px 20px 0;
  }
  .sec-2-home-13__top {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .sec-2-home-13__left {
    gap: 32px;
  }
  .sec-2-home-13__media {
    height: 240px;
  }
  .sec-2-home-13__media--tall {
    height: 380px;
  }
  .sec-2-home-13__caption-title {
    font-size: 28px;
  }
  .sec-2-home-13__stats {
    grid-template-columns: repeat(2, 1fr);
    padding: 48px 0 64px;
    gap: 48px 0;
  }
  .sec-2-home-13__stat {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-2-home-13 {
    padding: 48px 30px 0;
  }
  .sec-2-home-13__inner {
    gap: 48px;
  }
  .sec-2-home-13__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-2-home-13 {
    padding: 36px 30px 0;
  }
  .sec-2-home-13__intro-text {
    font-size: 15px;
  }
  .sec-2-home-13__team-avatar {
    width: 56px;
    height: 56px;
  }
  .sec-2-home-13__title {
    font-size: 28px;
  }
  .sec-2-home-13__stats {
    grid-template-columns: 1fr;
    gap: 32px 0;
    padding: 36px 0 48px;
  }
  .sec-2-home-13__stat {
    padding: 0;
  }
}
@media (max-width: 574.98px) {
  .sec-2-home-13 {
    padding: 36px 30px 0;
  }
  .sec-2-home-13__media--tall {
    height: 280px;
  }
  .sec-2-home-13__caption-title {
    font-size: 24px;
  }
  .sec-2-home-13__stats {
    grid-template-columns: 1fr;
    gap: 32px 0;
    padding: 36px 0 48px;
  }
  .sec-2-home-13__stat {
    padding: 0;
  }
}

@media (max-width: 991.98px) {
  .sec-2-home-13__top {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .sec-2-home-13__left {
    gap: 32px;
  }
  .sec-2-home-13__right {
    gap: 32px;
  }
}

@media (max-width: 767.98px) {
  .sec-2-home-13__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.sec-3-home-13 {
  background-color: var(--at-neutral-50);
  padding: 120px 96px;
}

.sec-3-home-13__inner {
  display: flex;
  flex-direction: column;
  gap: 80px;
}


.sec-3-home-13__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}

.sec-3-home-13__head-text {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sec-3-home-13__label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.sec-3-home-13__label-dot {
  width: 8px;
  height: 8px;
  background-color: var(--at-theme-primary);
  flex-shrink: 0;
}

.sec-3-home-13__label-text {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-700);
}

.sec-3-home-13__title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(36px, 4.4vw, 64px);
  line-height: 1.125;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
  max-width: 100%;
}

.sec-3-home-13__title-italic {
  display: block;
  font-style: italic;
}


.sec-3-home-13__list {
  display: flex;
  flex-direction: column;
}

.sec-3-home-13__card {
  display: grid;
  grid-template-columns: 360px 680px 1fr;
  gap: 48px;
  padding: 40px 8px;
  border-top: 1px solid var(--at-neutral-100);
  align-items: start;
}
.sec-3-home-13__card:last-child {
  border-bottom: 1px solid var(--at-neutral-100);
}


.sec-3-home-13__card-meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px 0;
}

.sec-3-home-13__card-loc {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
  white-space: nowrap;
}

.sec-3-home-13__card-title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 32px;
  line-height: 1.1875;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}

.sec-3-home-13__card-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-950);
  text-decoration: none;
  transition: color 0.3s ease;
}
.sec-3-home-13__card-link:hover, .sec-3-home-13__card-link:focus-visible {
  color: var(--at-theme-primary);
}

.sec-3-home-13__card-link-dots {
  color: var(--at-neutral-500);
  font-size: 11px;
  letter-spacing: 0.08em;
  line-height: 1;
}


.sec-3-home-13__card-media {
  display: block;
  width: 100%;
  overflow: hidden;
}
.sec-3-home-13__card-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.sec-3-home-13__card-media:hover img, .sec-3-home-13__card-media:focus-visible img {
  transform: scale(1.04);
}


.sec-3-home-13__card-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 12px;
  min-width: 0;
}

.sec-3-home-13__card-desc {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
}

.sec-3-home-13__card-specs {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.sec-3-home-13__card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid var(--at-neutral-100);
  gap: 16px;
}
.sec-3-home-13__card-row:first-child {
  border-top: 1px solid transparent;
}
.sec-3-home-13__card-row:last-child {
  border-bottom: none;
}
.sec-3-home-13__card-row dt {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
  margin: 0;
}
.sec-3-home-13__card-row dd {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
  margin: 0;
  text-align: right;
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-3-home-13 {
    padding: 96px 32px;
  }
  .sec-3-home-13__card {
    grid-template-columns: 280px 540px 1fr;
    gap: 32px;
  }
  .sec-3-home-13__card-media,
  .sec-3-home-13__card-meta {
    height: 380px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-3-home-13 {
    padding: 80px 24px;
  }
  .sec-3-home-13__inner {
    gap: 56px;
  }
  .sec-3-home-13__card {
    grid-template-columns: 240px 420px 1fr;
    gap: 24px;
    padding: 32px 0;
  }
  .sec-3-home-13__card-media,
  .sec-3-home-13__card-meta {
    height: 320px;
  }
  .sec-3-home-13__card-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-3-home-13 {
    padding: 64px 20px;
  }
  .sec-3-home-13__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .sec-3-home-13__card {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "media media" "meta info";
    gap: 24px;
    padding: 32px 0;
  }
  .sec-3-home-13__card-media {
    grid-area: media;
    height: 340px;
  }
  .sec-3-home-13__card-meta {
    grid-area: meta;
    height: auto;
    gap: 16px;
    justify-content: flex-start;
  }
  .sec-3-home-13__card-info {
    grid-area: info;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-3-home-13 {
    padding: 48px 30px;
  }
  .sec-3-home-13__inner {
    gap: 40px;
  }
  .sec-3-home-13__card {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "meta" "info";
    gap: 20px;
    padding: 24px 0;
  }
  .sec-3-home-13__card-media {
    height: 280px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-3-home-13 {
    padding: 36px 30px;
  }
  .sec-3-home-13__card-media {
    height: 240px;
  }
}
@media (max-width: 574.98px) {
  .sec-3-home-13 {
    padding: 36px 30px;
  }
  .sec-3-home-13__card-title {
    font-size: 22px;
  }
  .sec-3-home-13__card-row dd {
    font-size: 14px;
  }
}

@media (max-width: 1199.98px) {
  .sec-3-home-13__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

@media (max-width: 767.98px) {
  .sec-3-home-13__card {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "meta" "info";
    gap: 20px;
    padding: 24px 0;
  }
  .sec-3-home-13__card-media {
    grid-area: media;
    height: auto;
  }
  .sec-3-home-13__card-meta {
    grid-area: meta;
    height: auto;
    gap: 16px;
    justify-content: flex-start;
  }
  .sec-3-home-13__card-info {
    grid-area: info;
  }
}

.sec-4-home-13 {
  background-color: var(--at-neutral-50);
  padding: 32px 0;
}

.sec-4-home-13__card {
  --at-theme-primary: #498f33;
  position: relative;
  width: 100%;
  min-height: 800px;
  background-color: #498f33;
  background-image:
    radial-gradient(ellipse at 76% 64%, rgba(91, 165, 69, 0.34) 0%, rgba(73, 143, 51, 0) 58%),
    radial-gradient(ellipse at 16% 18%, rgba(43, 91, 31, 0.42) 0%, rgba(73, 143, 51, 0) 54%),
    linear-gradient(120deg, #2f6f25 0%, #498f33 56%, #5aa545 100%);
  background-size: 100% 100%, 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center, center, center;
  border-radius: 0;
  overflow: hidden;
  isolation: isolate;
  padding: 48px 56px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--at-common-white);
}

.sec-4-home-13__glow {
  position: absolute !important;
  width: 1200px;
  height: 800px;
  bottom: 0;
  right: 0;
  transform: translateY(20%) translateX(20%);
  background: radial-gradient(closest-side, rgba(91, 165, 69, 0.26) 0%, rgba(73, 143, 51, 0.16) 48%, rgba(73, 143, 51, 0) 76%);
  pointer-events: none;
  z-index: 0;
  opacity: 0.62;
}

.sec-4-home-13__card > * {
  position: relative;
  z-index: 1;
}


.sec-4-home-13__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.55);
}

.sec-4-home-13__bar-left {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.85);
}

.sec-4-home-13__bar-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--at-theme-primary);
  box-shadow: 0 0 12px rgba(73, 143, 51, 0.58);
  flex-shrink: 0;
}


.sec-4-home-13__head {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 56px;
}

.sec-4-home-13__tag {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--at-theme-primary);
  text-transform: uppercase;
}

.sec-4-home-13__title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(64px, 14vw, 240px);
  line-height: 0.95;
  letter-spacing: -0.05em;
  color: var(--at-common-white);
}
.sec-4-home-13__title em {
  font-style: italic;
  font-weight: 600;
}


.sec-4-home-13__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 64px;
}

.sec-4-home-13__copy {
  flex: 0 1 560px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1440px) {
  .sec-4-home-13__copy {
    flex: 0 1 260px;
  }
}

.sec-4-home-13__lede {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.65);
}

.sec-4-home-13__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
}

.sec-4-home-13__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: var(--at-common-white);
  font-family: var(--at-ff-heading);
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.02em;
  text-decoration: none;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.sec-4-home-13__chip:hover, .sec-4-home-13__chip:focus-visible {
  background-color: var(--at-common-white);
  color: #005c2f;
  border-color: var(--at-common-white);
}

.sec-4-home-13__contact {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  text-align: right;
}

.sec-4-home-13__contact-label {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.55);
}

.sec-4-home-13__contact-row {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--at-common-white);
  text-decoration: none;
  transition: color 0.3s ease;
}
.sec-4-home-13__contact-row:hover, .sec-4-home-13__contact-row:focus-visible {
  color: var(--at-theme-primary);
}

.sec-4-home-13__contact-mail {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.sec-4-home-13__contact-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--at-theme-primary);
  color: var(--at-common-white);
  transition: transform 0.3s ease;
}
.sec-4-home-13__contact-row:hover .sec-4-home-13__contact-arrow, .sec-4-home-13__contact-row:focus-visible .sec-4-home-13__contact-arrow {
  transform: rotate(-12deg);
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-4-home-13 {
    padding: 24px 0;
  }
  .sec-4-home-13__card {
    min-height: 700px;
    padding: 40px 48px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-4-home-13__card {
    min-height: 600px;
    padding: 32px 40px;
    border-radius: 0;
  }
  .sec-4-home-13__head {
    gap: 24px;
    padding-top: 32px;
  }
  .sec-4-home-13__bottom {
    gap: 32px;
  }
  .sec-4-home-13__contact-mail {
    font-size: 18px;
  }
  .sec-4-home-13__glow {
    width: 900px;
    height: 600px;
    right: -80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-4-home-13 {
    padding: 16px 0;
  }
  .sec-4-home-13__card {
    min-height: 540px;
    padding: 28px 32px;
  }
  .sec-4-home-13__bar-center {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-4-home-13__card {
    min-height: 500px;
    padding: 24px;
    border-radius: 0;
    gap: 56px;
  }
  .sec-4-home-13__head {
    padding-top: 40px;
  }
  .sec-4-home-13__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .sec-4-home-13__contact {
    align-items: flex-start;
    text-align: left;
  }
  .sec-4-home-13__bar-right {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-4-home-13 {
    padding: 12px 0;
  }
  .sec-4-home-13__card {
    min-height: 500px;
    padding: 20px;
  }
  .sec-4-home-13__bar {
    font-size: 10px;
    gap: 12px;
  }
  .sec-4-home-13__contact-mail {
    font-size: 16px;
  }
  .sec-4-home-13__contact-arrow {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 574.98px) {
  .sec-4-home-13__card {
    min-height: 500px;
    padding: 18px;
  }
  .sec-4-home-13__title {
    font-size: 56px;
  }
  .sec-4-home-13__chip {
    font-size: 12px;
  }
}

@media (max-width: 991.98px) {
  .sec-4-home-13__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .sec-4-home-13__copy {
    flex: 0 1 auto;
  }
  .sec-4-home-13__contact {
    align-items: flex-start;
    text-align: left;
  }
  .sec-4-home-13__bar-right {
    display: none;
  }
}

@media (max-width: 574.98px) {
  .sec-4-home-13__bar-center {
    display: none;
  }
  .sec-4-home-13__card {
    gap: 40px;
  }
}

.sec-5-home-13 {
  background-color: var(--at-neutral-50);
  padding: 120px 96px;
}

.sec-5-home-13__inner {
  display: flex;
  flex-direction: column;
  gap: 42px;
}


.sec-5-home-13__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}

.sec-5-home-13__title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(48px, 5.5vw, 84px);
  line-height: 1;
  letter-spacing: -0.05em;
  color: var(--at-neutral-950);
}

.sec-5-home-13__hint {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--at-neutral-700);
  text-transform: uppercase;
  max-width: 600px;
}

.sec-5-home-13__hint-dot {
  width: 8px;
  height: 8px;
  background-color: var(--at-theme-primary);
  flex-shrink: 0;
}


.sec-5-home-13__list {
  display: flex;
  flex-direction: column;
  gap: 47px;
}


.sec-5-home-13__card {
  display: grid;
  grid-template-columns: 583px 1fr;
  gap: 60px;
  background-color: var(--at-neutral-0);
  padding: 42px;
  align-items: center;
  border-radius: 4px;
}

.sec-5-home-13__card-media {
  width: 100%;
  height: 310px;
  overflow: hidden;
}
.sec-5-home-13__card-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.sec-5-home-13__card:hover .sec-5-home-13__card-media img {
  transform: scale(1.04);
}

.sec-5-home-13__card-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  padding-right: 16px;
}

.sec-5-home-13__card-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 1px solid var(--at-neutral-100);
  padding-bottom: 19px;
}

.sec-5-home-13__card-title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -0.05em;
  color: var(--at-neutral-900);
}

.sec-5-home-13__card-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.sec-5-home-13__card-toggle {
  width: 18px;
  height: 18px;
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--at-neutral-900);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.3s ease, color 0.3s ease;
}
.sec-5-home-13__card-toggle:hover, .sec-5-home-13__card-toggle:focus-visible {
  color: var(--at-theme-primary);
  transform: rotate(90deg);
}

.sec-5-home-13__card-text {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.05em;
  color: var(--at-neutral-500);
  max-width: 803px;
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-5-home-13 {
    padding: 96px 32px;
  }
  .sec-5-home-13__card {
    grid-template-columns: 460px 1fr;
    gap: 40px;
    padding: 32px;
  }
  .sec-5-home-13__card-media {
    height: 260px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-5-home-13 {
    padding: 80px 24px;
  }
  .sec-5-home-13__list {
    gap: 32px;
  }
  .sec-5-home-13__card {
    grid-template-columns: 380px 1fr;
    gap: 32px;
    padding: 24px;
  }
  .sec-5-home-13__card-media {
    height: 240px;
  }
  .sec-5-home-13__card-title {
    font-size: 28px;
  }
  .sec-5-home-13__card-text {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-5-home-13 {
    padding: 64px 20px;
  }
  .sec-5-home-13__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .sec-5-home-13__card {
    grid-template-columns: 320px 1fr;
    gap: 24px;
    padding: 20px;
  }
  .sec-5-home-13__card-media {
    height: 220px;
  }
  .sec-5-home-13__card-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .sec-5-home-13__card-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-5-home-13 {
    padding: 48px 30px;
  }
  .sec-5-home-13__list {
    gap: 24px;
  }
  .sec-5-home-13__card {
    grid-template-columns: 1fr;
    padding: 20px;
  }
  .sec-5-home-13__card-media {
    height: 240px;
  }
  .sec-5-home-13__card-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-5-home-13 {
    padding: 36px 30px;
  }
  .sec-5-home-13__card-media {
    height: 200px;
  }
  .sec-5-home-13__card-title {
    font-size: 22px;
  }
}
@media (max-width: 574.98px) {
  .sec-5-home-13 {
    padding: 36px 30px;
  }
  .sec-5-home-13__card {
    padding: 16px;
  }
  .sec-5-home-13__card-media {
    height: 180px;
  }
  .sec-5-home-13__card-title {
    font-size: 20px;
  }
  .sec-5-home-13__card-text {
    font-size: 15px;
  }
}

@media (max-width: 1199.98px) {
  .sec-5-home-13__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .sec-5-home-13__card-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

@media (max-width: 767.98px) {
  .sec-5-home-13__card {
    grid-template-columns: 1fr;
  }
}

.sec-6-home-13 {
  background-color: var(--at-neutral-50);
  padding: 0 96px 120px 96px;
  position: relative;
  overflow: hidden;
}

.sec-6-home-13__dots {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 96px 96px;
  pointer-events: none;
  z-index: 0;
  mask-image: radial-gradient(ellipse 80% 60% at center, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at center, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
}

.sec-6-home-13__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 80px;
}


.sec-6-home-13__header {
  display: grid;
  grid-template-columns: minmax(0, 900px) 440px;
  gap: 96px;
  align-items: start;
}

.sec-6-home-13__head-left {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sec-6-home-13__label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.sec-6-home-13__label-dot {
  width: 8px;
  height: 8px;
  background-color: var(--at-theme-primary);
  flex-shrink: 0;
}

.sec-6-home-13__label-text {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-700);
}

.sec-6-home-13__title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(40px, 4.4vw, 64px);
  line-height: 1.125;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}

.sec-6-home-13__head-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 16px;
}

.sec-6-home-13__desc {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: var(--at-neutral-700);
}

.sec-6-home-13__metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0;
}

.sec-6-home-13__metric {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sec-6-home-13__metric-num {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}

.sec-6-home-13__metric-label {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
}


.sec-6-home-13__timeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border-top: 1px solid var(--at-neutral-100);
  padding-top: 24px;
}

.sec-6-home-13__phase {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 0 0 28px;
  border-left: 1px solid var(--at-neutral-100);
  position: relative;
}
.sec-6-home-13__phase:first-child {
  border-left: none;
  padding-left: 0;
}
.sec-6-home-13__phase:first-child .sec-6-home-13__phase-head {
  padding-left: 28px;
}
.sec-6-home-13__phase:first-child .sec-6-home-13__phase-body,
.sec-6-home-13__phase:first-child .sec-6-home-13__phase-deliv {
  padding-left: 28px;
}

.sec-6-home-13__phase-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 80px;
}

.sec-6-home-13__phase-id {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.sec-6-home-13__phase-dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--at-neutral-300);
  flex-shrink: 0;
  transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;
}
.sec-6-home-13__phase-dot::before, .sec-6-home-13__phase-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: var(--at-theme-primary);
  opacity: 0;
  pointer-events: none;
}

.sec-6-home-13__phase-num {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
}

.sec-6-home-13__phase-week {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--at-neutral-500);
  white-space: nowrap;
  padding-right: 28px;
}

.sec-6-home-13__phase-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 32px;
  padding-right: 28px;
}

.sec-6-home-13__phase-title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 32px;
  line-height: 1.125;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}

.sec-6-home-13__phase-text {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
}

.sec-6-home-13__phase-deliv {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 20px;
  padding-right: 28px;
  border-top: 1px solid var(--at-neutral-100);
}

.sec-6-home-13__phase-deliv-label {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.08em;
  color: var(--at-neutral-500);
}

.sec-6-home-13__phase-deliv-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
}
.sec-6-home-13__phase-deliv-list li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--at-ff-heading);
  font-weight: 500;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--at-neutral-900);
}
.sec-6-home-13__phase-deliv-list li span:first-child {
  color: var(--at-theme-primary);
  font-weight: 600;
  width: 8px;
  text-align: center;
}


.sec-6-home-13__phase--active .sec-6-home-13__phase-dot {
  width: 12px;
  height: 12px;
  background-color: var(--at-theme-primary);
}
.sec-6-home-13__phase--active .sec-6-home-13__phase-dot::before, .sec-6-home-13__phase--active .sec-6-home-13__phase-dot::after {
  animation: sec-6-home-13-ripple 1.8s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
}
.sec-6-home-13__phase--active .sec-6-home-13__phase-dot::after {
  animation-delay: 0.9s;
}

@keyframes sec-6-home-13-ripple {
  0% {
    opacity: 0.55;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(4);
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-6-home-13 {
    padding: 96px 32px;
  }
  .sec-6-home-13__header {
    grid-template-columns: 1fr 360px;
    gap: 48px;
  }
  .sec-6-home-13__phase-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-6-home-13 {
    padding: 80px 24px;
  }
  .sec-6-home-13__inner {
    gap: 56px;
  }
  .sec-6-home-13__header {
    grid-template-columns: 1fr 320px;
    gap: 32px;
  }
  .sec-6-home-13__phase {
    padding-left: 16px;
  }
  .sec-6-home-13__phase:first-child .sec-6-home-13__phase-head,
  .sec-6-home-13__phase:first-child .sec-6-home-13__phase-body,
  .sec-6-home-13__phase:first-child .sec-6-home-13__phase-deliv {
    padding-left: 16px;
  }
  .sec-6-home-13__phase-head,
  .sec-6-home-13__phase-body,
  .sec-6-home-13__phase-deliv {
    padding-right: 16px;
  }
  .sec-6-home-13__phase-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-6-home-13 {
    padding: 64px 20px;
  }
  .sec-6-home-13__header {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .sec-6-home-13__head-right {
    padding-top: 0;
  }
  .sec-6-home-13__timeline {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 0;
  }
  .sec-6-home-13__phase {
    padding-bottom: 0;
    border-bottom: 1px solid var(--at-neutral-100);
    border-left-width: 0;
  }
  .sec-6-home-13__phase:nth-child(2n+1) {
    border-left: none;
    padding-left: 16px;
  }
  .sec-6-home-13__phase:nth-child(2n+1) .sec-6-home-13__phase-head,
  .sec-6-home-13__phase:nth-child(2n+1) .sec-6-home-13__phase-body,
  .sec-6-home-13__phase:nth-child(2n+1) .sec-6-home-13__phase-deliv {
    padding-left: 16px;
  }
  .sec-6-home-13__phase:nth-child(2n) {
    border-left: 1px solid var(--at-neutral-100);
    padding-left: 16px;
  }
  .sec-6-home-13__phase:nth-child(2n) .sec-6-home-13__phase-head,
  .sec-6-home-13__phase:nth-child(2n) .sec-6-home-13__phase-body,
  .sec-6-home-13__phase:nth-child(2n) .sec-6-home-13__phase-deliv {
    padding-left: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-6-home-13 {
    padding: 48px 16px;
  }
  .sec-6-home-13__inner {
    gap: 40px;
  }
  .sec-6-home-13__timeline {
    grid-template-columns: 1fr;
  }
  .sec-6-home-13__phase {
    padding: 24px 16px !important;
    border-left: none !important;
    border-top: 1px solid var(--at-neutral-100);
  }
  .sec-6-home-13__phase .sec-6-home-13__phase-head,
  .sec-6-home-13__phase .sec-6-home-13__phase-body,
  .sec-6-home-13__phase .sec-6-home-13__phase-deliv {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sec-6-home-13__phase-head {
    padding-bottom: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-6-home-13 {
    padding: 36px 12px;
  }
  .sec-6-home-13__metric-num {
    font-size: 24px;
  }
  .sec-6-home-13__phase-title {
    font-size: 20px;
  }
}
@media (max-width: 574.98px) {
  .sec-6-home-13 {
    padding: 28px 30px;
  }
  .sec-6-home-13__inner {
    gap: 32px;
  }
  .sec-6-home-13__metric-num {
    font-size: 22px;
  }
  .sec-6-home-13__phase-title {
    font-size: 20px;
  }
}

@media (max-width: 1199.98px) {
  .sec-6-home-13__header {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .sec-6-home-13__head-right {
    padding-top: 0;
  }
  .sec-6-home-13__dots {
    background-size: 48px 48px;
  }
}

@media (max-width: 767.98px) {
  .sec-6-home-13__timeline {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .sec-6-home-13__phase {
    padding: 24px 16px !important;
    border-left: none !important;
    border-top: 1px solid var(--at-neutral-100);
  }
  .sec-6-home-13__phase:first-child .sec-6-home-13__phase-head,
  .sec-6-home-13__phase:first-child .sec-6-home-13__phase-body,
  .sec-6-home-13__phase:first-child .sec-6-home-13__phase-deliv {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sec-6-home-13__phase:nth-child(2n+1), .sec-6-home-13__phase:nth-child(2n) {
    border-left: none !important;
    padding-left: 16px !important;
  }
  .sec-6-home-13__phase:nth-child(2n+1) .sec-6-home-13__phase-head,
  .sec-6-home-13__phase:nth-child(2n+1) .sec-6-home-13__phase-body,
  .sec-6-home-13__phase:nth-child(2n+1) .sec-6-home-13__phase-deliv, .sec-6-home-13__phase:nth-child(2n) .sec-6-home-13__phase-head,
  .sec-6-home-13__phase:nth-child(2n) .sec-6-home-13__phase-body,
  .sec-6-home-13__phase:nth-child(2n) .sec-6-home-13__phase-deliv {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sec-6-home-13__phase-head {
    padding-bottom: 24px;
  }
}

.sec-7-home-13 {
  background-color: var(--at-neutral-0);
  padding: 120px 96px;
}

.sec-7-home-13__inner {
  display: grid;
  grid-template-columns: 620px 1fr;
  gap: 64px;
  align-items: stretch;
}


.sec-7-home-13__media {
  width: 100%;
  height: 760px;
  border-radius: 24px;
  overflow: hidden;
  background-color: var(--at-neutral-100);
}
.sec-7-home-13__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.sec-7-home-13__media-slider {
  width: 100%;
  height: 100%;
  cursor: grab;
}
.sec-7-home-13__media-slider:active {
  cursor: grabbing;
}
.sec-7-home-13__media-slider .swiper-wrapper,
.sec-7-home-13__media-slider .swiper-slide {
  height: 100%;
}

.sec-7-home-13__quote-slider {
  width: 100%;
  cursor: grab;
}
.sec-7-home-13__quote-slider:active {
  cursor: grabbing;
}
.sec-7-home-13__quote-slider .swiper-slide {
  height: auto;
}


.sec-7-home-13__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  min-width: 0;
}
@media (min-width: 1200px) {
  .sec-7-home-13__content {
    min-height: 760px;
  }
}


.sec-7-home-13__head {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sec-7-home-13__label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.sec-7-home-13__label-dot {
  width: 8px;
  height: 8px;
  background-color: var(--at-theme-primary);
  flex-shrink: 0;
}

.sec-7-home-13__label-text {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: var(--at-neutral-900);
}

.sec-7-home-13__title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(32px, 3.2vw, 56px);
  line-height: 1.143;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}

.sec-7-home-13__lede {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 20px;
  line-height: 1.45;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
  max-width: 773px;
}


.sec-7-home-13__quote {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0;
}

.sec-7-home-13__quote-mark {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 96px;
  line-height: 0.65;
  color: var(--at-theme-primary);
  display: inline-block;
}

.sec-7-home-13__quote-text {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
}

.sec-7-home-13__quote-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  flex-wrap: wrap;
}

.sec-7-home-13__author {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.sec-7-home-13__author-name {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
  font-style: normal;
}

.sec-7-home-13__author-sep {
  width: 24px;
  height: 1px;
  background-color: var(--at-neutral-500);
}

.sec-7-home-13__author-project {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--at-neutral-500);
}

.sec-7-home-13__stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-7-home-13 {
    padding: 96px 32px;
  }
  .sec-7-home-13__inner {
    grid-template-columns: 480px 1fr;
    gap: 48px;
  }
  .sec-7-home-13__media,
  .sec-7-home-13__content {
    height: 640px;
    min-height: 640px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-7-home-13 {
    padding: 80px 24px;
  }
  .sec-7-home-13__inner {
    grid-template-columns: 400px 1fr;
    gap: 32px;
  }
  .sec-7-home-13__media,
  .sec-7-home-13__content {
    height: 560px;
    min-height: 560px;
  }
  .sec-7-home-13__quote-text {
    font-size: 18px;
  }
  .sec-7-home-13__lede {
    font-size: 18px;
  }
}

@media (max-width: 1199.98px) {
  .sec-7-home-13__inner {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-7-home-13 {
    padding: 64px 20px;
  }
  .sec-7-home-13__inner {
    gap: 32px;
  }
  .sec-7-home-13__media {
    height: 480px;
  }
  .sec-7-home-13__content {
    min-height: auto;
    height: auto;
    gap: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-7-home-13 {
    padding: 48px 30px;
  }
  .sec-7-home-13__media {
    height: 420px;
    border-radius: 16px;
  }
  .sec-7-home-13__title {
    font-size: 28px;
  }
  .sec-7-home-13__quote-mark {
    font-size: 72px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-7-home-13 {
    padding: 36px 30px;
  }
  .sec-7-home-13__media {
    height: 360px;
  }
  .sec-7-home-13__quote-foot {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 574.98px) {
  .sec-7-home-13 {
    padding: 36px 30px;
  }
  .sec-7-home-13__media {
    height: 320px;
  }
  .sec-7-home-13__title {
    font-size: 24px;
  }
  .sec-7-home-13__quote-text {
    font-size: 16px;
  }
}

.sec-8-home-13 {
  background-color: var(--at-neutral-50);
  padding: 120px 96px;
}

.sec-8-home-13__inner {
  display: flex;
  flex-direction: column;
  gap: 80px;
}


.sec-8-home-13__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}

.sec-8-home-13__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1100px;
}

.sec-8-home-13__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: var(--at-neutral-900);
  text-decoration: none;
  transition: color 0.3s ease;
}
.sec-8-home-13__tag:hover, .sec-8-home-13__tag:focus-visible {
  color: var(--at-theme-primary);
}
.sec-8-home-13__tag svg {
  transition: transform 0.3s ease;
}
.sec-8-home-13__tag:hover svg, .sec-8-home-13__tag:focus-visible svg {
  transform: translate(2px, -2px);
}

.sec-8-home-13__title {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 1.111;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
}


.sec-8-home-13__body {
  display: grid;
  grid-template-columns: 620px 1fr;
  gap: 64px;
  align-items: start;
}


.sec-8-home-13__left {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.sec-8-home-13__media {
  width: 100%;
  overflow: hidden;
}
.sec-8-home-13__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sec-8-home-13__media.is-changing img {
  opacity: 0;
}

.sec-8-home-13__lede {
  font-family: var(--at-ff-body);
  font-weight: 500;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -0.02em;
  color: var(--at-neutral-950);
  transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sec-8-home-13__lede.is-changing {
  opacity: 0;
}


.sec-8-home-13__list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--at-neutral-100);
}

.sec-8-home-13__item {
  border-bottom: 1px solid var(--at-neutral-100);
  transition: border-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sec-8-home-13__row {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 32px;
  align-items: center;
  padding: 28px 8px;
  text-decoration: none;
  transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sec-8-home-13__row-num {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
  transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sec-8-home-13__row-name {
  font-family: var(--at-ff-heading);
  font-weight: 600;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--at-neutral-950);
  transition: color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), font-size 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sec-8-home-13__row-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--at-neutral-300);
  color: var(--at-neutral-950);
  background-color: transparent;
  flex-shrink: 0;
  transition: background-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), border-color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), height 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.sec-8-home-13__row-arrow svg {
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), height 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}


.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-name,
.sec-8-home-13__row:hover .sec-8-home-13__row-name,
.sec-8-home-13__row:focus-visible .sec-8-home-13__row-name {
  font-size: 36px;
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-arrow,
.sec-8-home-13__row:hover .sec-8-home-13__row-arrow,
.sec-8-home-13__row:focus-visible .sec-8-home-13__row-arrow {
  width: 56px;
  height: 56px;
  background-color: var(--at-theme-primary);
  border-color: var(--at-theme-primary);
  color: var(--at-common-white);
}
.sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-arrow svg,
.sec-8-home-13__row:hover .sec-8-home-13__row-arrow svg,
.sec-8-home-13__row:focus-visible .sec-8-home-13__row-arrow svg {
  width: 22px;
  height: 22px;
}

.sec-8-home-13__row:hover .sec-8-home-13__row-arrow,
.sec-8-home-13__row:focus-visible .sec-8-home-13__row-arrow {
  transform: rotate(-12deg);
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .sec-8-home-13 {
    padding: 96px 32px;
  }
  .sec-8-home-13__body {
    grid-template-columns: 480px 1fr;
    gap: 48px;
  }
  .sec-8-home-13__media {
    height: 420px;
  }
  .sec-8-home-13__row-name {
    font-size: 22px;
  }
  .sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-name,
  .sec-8-home-13__row:hover .sec-8-home-13__row-name {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-8-home-13 {
    padding: 80px 24px;
  }
  .sec-8-home-13__inner {
    gap: 56px;
  }
  .sec-8-home-13__body {
    grid-template-columns: 380px 1fr;
    gap: 32px;
  }
  .sec-8-home-13__media {
    height: 360px;
  }
  .sec-8-home-13__lede {
    font-size: 18px;
  }
  .sec-8-home-13__row {
    grid-template-columns: 80px 1fr auto;
    gap: 16px;
    padding: 20px 8px;
  }
  .sec-8-home-13__row-num {
    font-size: 24px;
  }
  .sec-8-home-13__row-name {
    font-size: 18px;
  }
  .sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-name,
  .sec-8-home-13__row:hover .sec-8-home-13__row-name {
    font-size: 22px;
  }
}

@media (max-width: 1199.98px) {
  .sec-8-home-13__body {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sec-8-home-13 {
    padding: 64px 20px;
  }
  .sec-8-home-13__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .sec-8-home-13__body {
    gap: 32px;
  }
  .sec-8-home-13__media {
    height: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sec-8-home-13 {
    padding: 48px 30px;
  }
  .sec-8-home-13__inner {
    gap: 40px;
  }
  .sec-8-home-13__media {
    height: 320px;
  }
  .sec-8-home-13__row-arrow {
    width: 36px;
    height: 36px;
  }
  .sec-8-home-13__item--active .sec-8-home-13__row .sec-8-home-13__row-arrow,
  .sec-8-home-13__row:hover .sec-8-home-13__row-arrow {
    width: 44px;
    height: 44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sec-8-home-13 {
    padding: 36px 30px;
  }
  .sec-8-home-13__media {
    height: 260px;
  }
  .sec-8-home-13__row {
    grid-template-columns: 60px 1fr auto;
    padding: 16px 4px;
  }
  .sec-8-home-13__row-num {
    font-size: 20px;
  }
  .sec-8-home-13__row-name {
    font-size: 16px;
  }
}
@media (max-width: 574.98px) {
  .sec-8-home-13 {
    padding: 36px 30px;
  }
  .sec-8-home-13__title {
    font-size: 32px;
  }
  .sec-8-home-13__lede {
    font-size: 16px;
  }
  .sec-8-home-13__row-name {
    font-size: 14px;
  }
}

@media (max-width: 1199.98px) {
  .sec-8-home-13__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

@media (max-width: 574.98px) {
  .sec-8-home-13__row {
    grid-template-columns: 56px 1fr auto;
    gap: 12px;
    padding: 16px 4px;
  }
  .sec-8-home-13__row-num {
    font-size: 18px;
  }
}


@keyframes sec8home14TickerScroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}


@keyframes secOneHome15ScrollLine {
  0%, 100% {
    transform: scaleY(0.4);
    transform-origin: top;
    opacity: 0.4;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
    opacity: 0.9;
  }
}


.hsg-intro {
  position: relative;
  min-height: 70svh;
  display: flex;
  align-items: center;
  padding: 8rem 0 6rem;
  background-color: var(--at-neutral-50);
  color: var(--at-neutral-950);
  overflow: hidden;
}
.hsg-intro .hsg-intro__eyebrow {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid currentColor;
  opacity: 0.75;
  margin-bottom: 1.75rem;
}
.hsg-intro .hsg-intro__title {
  font-size: clamp(2.5rem, 7vw, 6rem);
  line-height: 0.95;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  max-width: 16ch;
  margin: 0 0 1.5rem;
}
.hsg-intro .hsg-intro__desc {
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.55;
  max-width: 56ch;
  opacity: 0.8;
  margin: 0 0 3rem;
}
.hsg-intro .hsg-intro__hint {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  opacity: 0.7;
}
.hsg-intro .hsg-intro__hint-line {
  display: block;
  width: 80px;
  height: 1px;
  background-color: currentColor;
  animation: hsgHintPulse 2.4s ease-in-out infinite;
}
@media (max-width: 991px) {
  .hsg-intro {
    min-height: 60svh;
    padding: 6rem 0 4rem;
  }
}
@media (max-width: 575px) {
  .hsg-intro {
    min-height: 55svh;
    padding: 5rem 0 3rem;
  }
  .hsg-intro .hsg-intro__hint-line {
    width: 56px;
  }
}

@keyframes hsgHintPulse {
  0%, 100% {
    opacity: 0.35;
    transform: translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateX(8px);
  }
}

.hsg-stage {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  color: #fefefe;
  background-color: var(--at-neutral-950);
}
.hsg-stage * {
  box-sizing: border-box;
}
.hsg-stage {
  
}
.hsg-stage .hsg-bg-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hsg-stage .hsg-bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.12);
  transition: opacity 0.8s ease, transform 6s ease-out;
  will-change: opacity, transform;
}
.hsg-stage {
  
}
.hsg-stage .hsg-bg.is-active {
  opacity: 1;
  transform: scale(1) translateX(-1%);
}
.hsg-stage .hsg-bg__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  filter: brightness(0.7) saturate(0.9);
}
.hsg-stage {
  
}
.hsg-stage .hsg-bg__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.6) 100%);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: none;
}
.hsg-stage {
  
}
.hsg-stage .hsg-track-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}
.hsg-stage .hsg-track {
  display: flex;
  align-items: center;
  will-change: transform;
  
}
.hsg-stage {
  
}
.hsg-stage .hsg-slide {
  
  --hsg-hover-bg: #212121;
  --hsg-hover-fg: #fefefe;
  --hsg-hover-border: #212121;
  flex: 0 0 auto;
  width: 36vw;
  max-width: 520px;
  min-width: 320px;
  height: 76vh;
  max-height: 760px;
  position: relative;
  background-color: #0F0F0F;
  
  border: 5px solid transparent;
  
  translate: calc(var(--hsg-exit, 0) * 80px) 0;
  scale: calc(1 - var(--hsg-exit, 0) * 0.35);
  transition: box-shadow 0.6s ease, background-color 0.4s ease, border-color 0.4s ease;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}
.hsg-stage .hsg-slide.is-active {
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55);
}
.hsg-stage {
  
}
.hsg-stage .hsg-slide:hover,
.hsg-stage .hsg-slide:focus-within {
  background-color: var(--hsg-hover-bg);
  border-color: var(--hsg-hover-border);
}
.hsg-stage .hsg-slide__link {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
}
.hsg-stage .hsg-slide__media {
  
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  overflow: hidden;
}
.hsg-stage {
  
}
.hsg-stage .hsg-slide__img {
  width: 100%;
  height: auto;
  aspect-ratio: 2400/1600;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  scale: 1.18;
  translate: calc(var(--hsg-norm, 0) * -14%) 0;
  transition: scale 1.2s ease;
  will-change: transform;
}
.hsg-stage .hsg-slide.is-active .hsg-slide__img {
  scale: 1.04;
}
.hsg-stage .hsg-slide__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.25rem 2rem 2rem;
  background-color: #0F0F0F;
  color: #fefefe;
  min-height: 0;
  
  opacity: calc(0.45 + var(--hsg-centeredness, 1) * 0.55);
  transition: background-color 0.4s ease, color 0.4s ease, opacity 0.35s ease;
}
.hsg-stage .hsg-slide:hover .hsg-slide__body,
.hsg-stage .hsg-slide:focus-within .hsg-slide__body {
  background-color: var(--hsg-hover-bg);
  color: var(--hsg-hover-fg);
  opacity: 1;
}
.hsg-stage .hsg-slide__title {
  margin: 0;
  letter-spacing: -0.02em;
  color: #fefefe;
  overflow-wrap: break-word;
  translate: 0 calc(var(--hsg-norm, 0) * -10px);
  transition: color 0.4s ease;
}
.hsg-stage .hsg-slide:hover .hsg-slide__title,
.hsg-stage .hsg-slide:focus-within .hsg-slide__title {
  color: var(--hsg-hover-fg);
}
.hsg-stage .hsg-slide__tags {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.9);
  
  translate: calc(var(--hsg-norm, 0) * 6px) 0;
  transition: color 0.4s ease;
}
.hsg-stage .hsg-slide:hover .hsg-slide__tags,
.hsg-stage .hsg-slide:focus-within .hsg-slide__tags {
  color: #fefefe;
}
.hsg-stage .hsg-slide__tag-sep {
  display: inline-block;
  color: rgba(255, 255, 255, 0.35);
  font-weight: 400;
  transform: translateY(-1px);
  transition: color 0.4s ease;
}
.hsg-stage .hsg-slide:hover .hsg-slide__tag-sep,
.hsg-stage .hsg-slide:focus-within .hsg-slide__tag-sep {
  color: rgba(0, 0, 0, 0.35);
}
.hsg-stage {
  
}
.hsg-stage .hsg-progress {
  position: absolute;
  left: 50%;
  bottom: 2.5rem;
  transform: translateX(-50%);
  width: clamp(180px, 28vw, 360px);
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 4;
  overflow: hidden;
}
.hsg-stage .hsg-progress__bar {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fefefe;
  transform-origin: 0 50%;
  transform: scaleX(0);
  transition: transform 0.08s linear;
}
.hsg-stage {
  
}
.hsg-stage .hsg-counter {
  position: absolute;
  left: 50%;
  bottom: calc(2.5rem + 2px + 30px);
  transform: translateX(-50%);
  display: inline-flex;
  align-items: baseline;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  color: #fefefe;
  z-index: 4;
}
.hsg-stage .hsg-counter__current {
  font-size: 1.5rem;
  line-height: 1;
}
.hsg-stage .hsg-counter__sep,
.hsg-stage .hsg-counter__total {
  opacity: 0.6;
}
.hsg-stage {
  
}
@media (max-width: 991px) {
  .hsg-stage .hsg-slide {
    width: 56vw;
    height: 70vh;
    min-width: 280px;
  }
  .hsg-stage .hsg-slide__body {
    padding: 1.75rem 1.5rem 1.5rem;
  }
  .hsg-stage .hsg-counter {
    bottom: calc(1.75rem + 2px + 30px);
  }
  .hsg-stage .hsg-progress {
    bottom: 1.75rem;
  }
}
@media (max-width: 575px) {
  .hsg-stage .hsg-slide {
    width: 78vw;
    height: 64vh;
    max-height: 560px;
    min-width: 0;
  }
  .hsg-stage .hsg-slide__body {
    padding: 1.5rem 1.25rem 1.25rem;
  }
  .hsg-stage .hsg-slide__title {
    font-size: clamp(1rem, 4.5vw, 1.5rem);
    max-width: 6ch;
  }
  .hsg-stage .hsg-slide__tags {
    font-size: 0.75rem;
    gap: 0.5rem;
  }
  .hsg-stage .hsg-progress {
    bottom: 1.25rem;
    width: 50vw;
  }
  .hsg-stage .hsg-counter {
    bottom: calc(1.25rem + 2px + 30px);
    font-size: 0.7rem;
  }
  .hsg-stage .hsg-counter__current {
    font-size: 1.15rem;
  }
}
.hsg-stage {
  
}
@media (prefers-reduced-motion: reduce) {
  .hsg-stage .hsg-bg,
  .hsg-stage .hsg-slide,
  .hsg-stage .hsg-slide__img,
  .hsg-stage .hsg-slide__title,
  .hsg-stage .hsg-slide__tags,
  .hsg-stage .hsg-slide__body {
    transition: none;
  }
  .hsg-stage .hsg-bg {
    transform: none;
  }
  .hsg-stage .hsg-slide {
    translate: 0 0;
    scale: 1;
  }
  .hsg-stage .hsg-slide__img {
    scale: 1;
    translate: 0 0;
  }
  .hsg-stage .hsg-slide__title,
  .hsg-stage .hsg-slide__tags {
    translate: 0 0;
  }
  .hsg-stage .hsg-slide__body {
    opacity: 1;
  }
}


@keyframes pd6-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.3333%);
  }
}


.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 574.98px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: var(--at-common-white);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
  color: var(--at-common-black);
  border-radius: 50%;
  transition: all 0.3s ease-out;
}
.back-to-top-btn svg {
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  transform: translateY(-4px);
}


.at-btn {
  gap: 8px;
  line-height: 1;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.05em;
  padding: 17px 25px;
  text-transform: capitalize;
  color: #FEFEFE;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #1D1D1D;
  border-radius: 50px;
}
.at-btn:hover {
  color: #FEFEFE;
}
.at-btn:hover span span.text-1 {
  transform: translateY(-150%);
}
.at-btn:hover span span.text-2 {
  top: 50%;
  transform: translateY(-50%);
}
.at-btn:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.at-btn:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -13px);
}
.at-btn:hover i.icon-arrow-right svg:first-child {
  transform: translate(16px, 0);
}
.at-btn:hover i.icon-arrow-right svg:last-child {
  transform: translate(16px, 0);
}
.at-btn:hover i.icon-arrow-up-left svg:first-child {
  transform: translate(-16px, -16px);
}
.at-btn:hover i.icon-arrow-up-left svg:last-child {
  transform: translate(-16px, -16px);
}
.at-btn span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.at-btn span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.at-btn span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.at-btn i {
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 16px;
  display: inline-flex;
  margin-left: 4px;
}
.at-btn i svg {
  transform: translateY(-2px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.at-btn i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.at-btn i.icon-arrow-right svg:last-child {
  left: -16px;
  bottom: 0;
}
.at-btn i.icon-arrow-up-left svg:last-child {
  left: 16px;
  bottom: -16px;
}
.at-btn.btn-sm {
  padding: 10px 20px;
}
.at-btn.filter-btn {
  border-radius: 100px;
  border: 1px solid var(--at-neutral-100, #DFDFDF);
  background: var(--at-neutral-0, #FEFEFE);
  color: var(--at-neutral-900);
}
.at-btn.active {
  background: var(--at-neutral-900);
  border-color: var(--at-neutral-900);
  color: var(--at-neutral-0);
}
.at-btn-border-white {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.25);
}
.at-btn-group {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.at-btn-group > *:nth-child(1) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-end: -52px;
}
.at-btn-group > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
}
.at-btn-group > *:nth-child(3) {
  transform: scale3d(1, 1, 1);
  margin-inline-start: 0;
}
.at-btn-group:hover > *:nth-child(1) {
  transform: scale3d(1, 1, 1);
  margin-inline-end: 0;
  background: #1D1D1D;
}
.at-btn-group:hover > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
  background: #1D1D1D;
}
.at-btn-group:hover > *:nth-child(3) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-start: -52px;
  background: #1D1D1D;
}
.at-btn-group .at-btn-circle {
  text-align: center;
  width: 50px;
  height: 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: #1D1D1D;
  color: #FEFEFE;
}
.at-btn-group .at-btn-circle i {
  transform: rotate(-45deg);
}
.at-btn-group-transparent .at-btn {
  background: #FEFEFE;
  border: 1px solid rgba(38, 38, 38, 0.1);
  color: #1D1D1D;
}
.at-btn-group-transparent .at-btn-circle {
  background-color: #FEFEFE;
  color: #1D1D1D;
  border: 1px solid rgba(38, 38, 38, 0.1);
}
.at-btn-group-transparent:hover > *:nth-child(2) {
  background: #FEFEFE;
}
.at-btn-group-transparent:hover > *:nth-child(1) {
  background: #FEFEFE;
}
.at-btn-group-transparent-2 .at-btn {
  background: #fff5f3;
  border: 1px solid rgba(38, 38, 38, 0.1);
  color: #1D1D1D;
}
.at-btn-group-transparent-2 .at-btn-circle {
  background-color: #fff5f3;
  color: #1D1D1D;
  border: 1px solid rgba(38, 38, 38, 0.1);
}
.at-btn-group.btn-brand-1 .at-btn {
  background: #F0460E;
  border: 1px solid #F0460E;
  color: #FEFEFE;
}
.at-btn-group.btn-brand-1 .at-btn-circle {
  background-color: #F0460E;
  color: #FEFEFE;
  border: 1px solid #F0460E;
}
.at-btn.has-dot {
  position: relative;
}
.at-btn.has-dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 50%;
}


@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-infinite {
  animation: rotate-infinite 15s linear infinite;
}
@keyframes rotate-infinite-2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.rotate-infinite-2 {
  animation: rotate-infinite-2 15s linear infinite;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes arrowLineRotation {
  to {
    transform: rotate(180deg);
  }
}
@keyframes arrowLineRotationRev {
  to {
    transform: rotate(-180deg);
  }
}
.hover-up {
  transition: transform 0.2s ease-in-out;
}
.hover-up:hover {
  transform: translateY(-3px);
}


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--at-theme-primary);
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--at-common-white);
  animation: preloader 1.3s linear infinite;
  -webkit-animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}


.at-search-form-toggle {
  position: fixed;
  top: 115px;
  left: 50%;
  max-width: 1136px;
  width: 100%;
  padding: 50px 60px 60px;
  border-radius: 16px;
}
@media (max-width: 574.98px) {
  .at-search-form-toggle {
    padding: 15px;
  }
}
.at-search-form-toggle {
  background-color: rgba(var(--at-neutral-50-rgb), 0.9);
  backdrop-filter: blur(20px);
  opacity: 0;
  transform: translate(-50%, calc(-100% - 80px));
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition-delay: 0s, 0s, 0s;
  transition-delay: 0.5s;
  z-index: 9999;
  pointer-events: none;
  visibility: hidden;
}
.at-search-form-toggle.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translate(-50%, 0);
  transition-delay: 0s;
}
.at-search-form-toggle.active .at-search-form-input {
  transform: translate(0, 0) !important;
  opacity: 1;
  transition-delay: 0.5s;
}
.at-search-close {
  color: var(--at-common-black);
  font-size: 40px;
  transition: all 0.3s ease;
}
.at-search-close:hover {
  color: var(--at-neutral-500);
  transform: rotate(180deg);
}
.at-search-body-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  z-index: 99;
  cursor: zoom-out;
  pointer-events: none;
  transform: translateY(calc(-100% - 80px));
  transition: all 0.5s ease-in-out 0s;
  transition-delay: 0.3s;
}
.at-search-body-overlay.active {
  pointer-events: auto;
  transform: translateY(0);
}
.at-search-dark .at-search-close {
  color: var(--at-common-white);
}
.at-search-dark .at-search-close:hover {
  color: var(--at-grey-2);
}


body.at-magic-cursor #magic-cursor {
  display: block;
}

#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  top: 0;
  left: 0;
}


@media (max-width: 991.98px), (hover: none), (pointer: coarse) {
  body.at-magic-cursor #magic-cursor,
  #magic-cursor,
  #ball {
    display: none !important;
  }
}
#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: var(--at-common-black);
}

.cursor-bg-red #ball {
  background-color: #FF535B !important;
}
.cursor-bg-red #ball .ball-view {
  color: var(--at-common-white);
}

.cursor-bg-red-2 #ball {
  background-color: #FF481F !important;
}
.cursor-bg-red-2 #ball .ball-view {
  color: var(--at-common-white);
}
.cursor-bg-yellow #ball .ball-view {
  color: var(--at-common-black);
}

.cursor-white-bg #ball .ball-view {
  color: var(--at-common-black);
}


#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  transform: scale(0);
  color: var(--at-common-black);
}

#ball.with-blur {
  backdrop-filter: blur(5px);
  transform: translate3d(0, 0, 0);
}

.at-magnetic-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}


.nice-select {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  outline: none;
  position: relative;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  color: var(--at-neutral-900);
  padding-left: 55px;
  font-weight: 500;
  background-color: var(--at-neutral-0);
  border-radius: 5px;
  font-size: 20px;
  height: 50px;
  line-height: 48px;
  padding-right: 30px;
  font-family: var(--at-ff-body);
}
.nice-select:hover {
  border-color: ar(--at-theme-primary);
}
.nice-select::before {
  position: absolute;
  content: "";
  width: 48px;
  height: 2px;
  background-color: var(--at-neutral-900);
  top: 50%;
  left: 0;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  transform: translateY(-50%);
}
.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 0;
  font-family: var(--at-ff-fontawesome);
  color: var(--at-neutral-900);
  font-weight: 600;
  pointer-events: none;
  font-size: 18px;
  transition: all 0.15s ease-in-out;
  margin-top: 0;
  transform-origin: center;
  transform: translateY(-50%);
}
.nice-select.open::after {
  transform: translateY(-50%) rotate(-180deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: var(--at-neutral-0);
  width: 200px;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 500;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
  border-radius: 12px;
}
.nice-select .option:hover {
  background-color: var(--at-neutral-50);
  color: var(--at-neutral-900);
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}
.nice-select .option.selected {
  font-weight: 400;
  color: var(--at-theme-primary);
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

[data-bs-theme=dark] {
  --at-common-white: var(--at-common-dark-white);
  --at-common-white-rgb: var(--at-common-dark-white-rgb);
  --at-common-black: var(--at-common-dark-black);
  --at-common-black-rgb: var(--at-common-dark-black-rgb);
  --at-common-bubbles: var(--at-common-dark-bubbles);
  --at-neutral-0: var(--at-neutral-dark-0);
  --at-neutral-0-rgb: var(--at-neutral-dark-0-rgb);
  --at-neutral-50: var(--at-neutral-dark-50);
  --at-neutral-50-rgb: var(--at-neutral-dark-50-rgb);
  --at-neutral-100: var(--at-neutral-dark-100);
  --at-neutral-200: var(--at-neutral-dark-200);
  --at-neutral-300: var(--at-neutral-dark-300);
  --at-neutral-500: var(--at-neutral-dark-500);
  --at-neutral-700: var(--at-neutral-dark-700);
  --at-neutral-800: var(--at-neutral-dark-800);
  --at-neutral-900: var(--at-neutral-dark-900);
  --at-neutral-950: var(--at-neutral-dark-950);
}[data-bs-theme=dark] .at-header-logo img {
  filter: invert(1);
}
[data-bs-theme=dark] .dark-mode-invert {
  filter: invert(1);
}
[data-bs-theme=dark] .at-main-menu nav ul li.has-dropdown > a::after {
  filter: invert(1);
}
[data-bs-theme=dark] .changeless {
  --at-common-white: #ffffff;
  --at-common-white-rgb: 255, 255, 255;
  --at-common-black: #1e1e1e;
  --at-common-bubbles: #e1eeb7;
  --at-neutral-950: #0f0f0f;
  --at-neutral-900: #1d1d1d;
  --at-neutral-800: #212121;
  --at-neutral-700: #303030;
  --at-neutral-500: #585959;
  --at-neutral-300: #b7b7b7;
  --at-neutral-100: #dfdfdf;
  --at-neutral-50: #f2f2f2;
  --at-neutral-0: #fefefe;
}

.dark-light-mode .toggle {
  display: grid;
  place-items: center;
  cursor: pointer;
  line-height: 1;
}

.dark-light-mode .input {
  display: none;
}

.dark-light-mode label {
  margin-bottom: 0 !important;
}

.dark-light-mode .icon {
  grid-column: 1/1;
  grid-row: 1/1;
  transition: transform 500ms;
  line-height: 0.1;
}

.dark-light-mode .icon--moon {
  transition-delay: 200ms;
}

.dark-light-mode .icon--sun {
  transform: scale(0);
}

.dark-light-mode #switch:checked + .icon--moon {
  transform: rotate(360deg) scale(0);
}

.dark-light-mode #switch:checked ~ .icon--sun {
  transition-delay: 200ms;
  transform: scale(1) rotate(360deg);
}