.gx-hero {position: relative;background: #000000 center center / cover no-repeat;}
.gx-hero__row .gx-btn--primary {
  color: #fff;
  background-color: var(--bs-theme-color);
}
.gx-hero__content {position: relative;z-index: 1;max-width: 100%;}
.gx-hero__content .gx-hero__tag{
  position: relative;
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  padding-left: 4rem;
  margin-bottom: 1rem;
  display: block;
}
.gx-hero__content .gx-hero__tag:before{
  content: '';
  position: absolute;
  width:3rem;
  height:.3rem;
  background-color: var(--bs-theme-color);
  top:50%;
  left:0;
  margin-top:-.15rem;
}
.gx-hero__box img{max-width: 100%;}
.gx-hero__box .banner-box{
  position: relative;
}
.gx-hero__box .banner-box:before{
  content: '';
  position: absolute;
  top:0;
  left:0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 70%);
}
.gx-hero__box .banner-box .banner-info{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}
.gx-hero__title {margin: 0;color: var(--gx-white);font-size: 3.5rem;font-weight: 700;line-height: 1.25;letter-spacing: 0.35px;}
.gx-hero__title span{
  color: var(--bs-theme-color);
}
.gx-hero__desc {margin: 24px 0 0;color: #d1d5dc;font-size: 20px;line-height: 1.5;}
.gx-hero__content-info {margin: 1rem 0 0;color: #ffffff;font-size: 1.125rem;line-height: 1.5;}
.gx-hero__actions {display: flex;flex-wrap: wrap;gap: 16px;margin-top: 48px;}
.gx-hero .swiper-pagination-bullet{width: 10px;height: 10px;transition: width var(--gx-transition);}
.gx-hero .swiper-pagination-bullet-active{width: 18px;border-radius: 5px;}
.gx-categories__grid {margin-top: 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
.gx-card {height: 100%;border-radius: var(--gx-radius-md);background: var(--gx-white);overflow: hidden;}
.gx-card--category {background: var(--gx-surface);}
.gx-card__media {position: relative;overflow: hidden;aspect-ratio: 6 / 5;}
.gx-card__media img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--gx-transition);}
.gx-card:hover .gx-card__media img,
.gx-gallery__item:hover img {transform: scale(1.03);}
.gx-card__body {padding: 24px 24px 25px;}
.gx-card__title {margin: 0;color: var(--gx-dark);font-size: 1rem;font-weight: 600;line-height: 1.28;letter-spacing: -0.45px;}
.gx-card__title:hover a {color:var(--gx-dark);}
.gx-card__text {margin: 12px 0 0;color: var(--gx-text-2);font-size: .9375rem;line-height: 1.45;letter-spacing: -0.15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gx-card__link {display: inline-flex;align-items: center;gap: 8px;min-height: 32px;margin-top: 20px;color: var(--gx-primary);font-size: 14px;line-height: 20px;letter-spacing: -0.15px;}
.gx-card__link:hover {color: var(--bs-theme-color);transform: translateX(4px);}
.gx-quality {position: relative;padding: 80px 0;background: #2c2c2c center center / cover no-repeat;}
.gx-quality::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.3);}
.gx-quality__inner {position: relative;z-index: 1;padding: 40px 0 0;text-align: center;}
.gx-quality__inner .gx-section__desc {max-width: 766px;}
.gx-quality__badges {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 56px;}
.gx-quality__badge {display: inline-flex;align-items: center;justify-content: center;min-height: 50px;padding: 12px 24px;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--gx-radius-sm);background: rgba(255, 255, 255, 0.1);color: var(--gx-white);font-size: 16px;line-height: 24px;letter-spacing: -0.31px;}
.gx-quality__badge:hover {background: rgba(255, 255, 255, 0.3);transform: translateY(-5px);}
.gx-quality__action {margin-top: 48px;text-align: center;}
/*.gx-products .row {row-gap: 32px;}*/
.gx-card--product {}

.gx-card__frame {padding: 24px;background: var(--gx-white);}
.gx-card--product .gx-card__frame{padding: 1rem 1rem 0 1rem;}
.gx-card__media--product {display: flex;align-items: center;justify-content: center;background: var(--gx-white);}
.gx-card__media--product .gx-card__badge{position: absolute;top:12px;left:12px;border-radius: 99px;font-size: 12px;color:#ffffff;background-color: var(--gx-primary);padding: 3px 12px;}
.gx-pro__tags{position:absolute; bottom:0rem;left:0rem; width:100%;display: flex;align-items: self-start;gap: 8px;justify-content: center;}
.gx-pro__tags .gx-p__tag{font-size: 12px;color: var(--bs-theme-color);border:1px solid var(--bs-theme-color);padding: 3px 1rem;transition: all var(--gx-transition);}
.gx-pro__tags .gx-p__tag:hover{transform: translateY(-2px);background-color: var(--bs-theme-color);color:#fff;}
.g.gx-card__body--product {display: flex;flex-direction: column;gap: 16px;padding-top: 0;}
.gx-card__title--product {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  height:4rem;
  padding-bottom: 12px;
  border-bottom: 1px solid #efefef;
}
.gx-card--product .gx-card__link{
  margin-top:.8rem;
}
.gx-features {position: relative;padding: 80px 0 96px;background: #06080E center center / cover no-repeat;}
.gx-features:before{
  content: '';
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 13%, rgba(0, 0, 0, 0.8) 63%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.gx-features .gx-container {position: relative;z-index: 1;}
.gx-features .gx-oem__title {max-width: 980px;margin:0 auto;}
.gx-features__grid{display: grid;grid-template-columns: repeat(5, 1fr);gap: 24px;}
.gx-feature-card {height: 100%;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: var(--gx-radius-md);background: rgba(255, 255, 255, 0.16);padding: 3rem 1rem;text-align: center;}
.gx-feature-card__icon {display: inline-flex;align-items: center;justify-content: center;width: 64px;height: 64px;border: 2px solid rgba(255, 255, 255, 0.3);border-radius: var(--gx-radius-md);}
.gx-feature-card__icon img {width: 32px;height: 32px;}
.gx-feature-card__title {margin: 32px 0 0;color: var(--gx-white);font-size: 1rem;font-weight: 600;line-height: 1.5;letter-spacing: -0.45px;}
.gx-feature-card__text {margin: 24px 0 0;color: var(--gx-white);font-size:.9375rem;line-height: 1.5;opacity: .7;}
.gx-feature-card__link {display: inline-flex;align-items: center;justify-content: center;min-width: 96px;min-height: 38px;margin-top: 32px;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: var(--gx-radius-sm);color: var(--gx-white);font-size: 14px;font-weight: 500;}
.gx-timeline {position: relative;align-items: stretch;margin-top: 64px;}
.gx-step {position: relative;height: 100%;text-align: center;}
.gx-step__line {position: absolute;top: 48px;left: calc(50% + 48px);width: calc(100% - 96px);height: 2px;background: #ffc9c9;}
.gx-step__icon {position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;width: 96px;height: 96px;border: 4px solid var(--gx-white);border-radius: 50%;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);background: var(--gx-primary-soft);}
.gx-step__icon img {width: 40px;height: 40px;}
.gx-step__number {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;margin: 24px auto 0;border-radius: 50%;background: var(--gx-primary);color: var(--gx-white);font-size: 14px;line-height: 20px;letter-spacing: -0.15px;}
.gx-step__title {margin: 16px 0 0;color: var(--gx-dark);font-size: 20px;font-weight: 500;line-height: 1.4;letter-spacing: -0.45px;}
.gx-step__text {margin: 12px auto 0;max-width: 375px;color: var(--gx-text-2);font-size: 16px;line-height: 1.625;letter-spacing: -0.31px;}
.gx-services__action,
.gx-news__action {margin-top: 40px;text-align: center;}
.gx-section--about {background: var(--gx-surface-2);padding-bottom: 0;}
.gx-about__media {overflow: hidden;border-radius: var(--gx-radius-md);}
.gx-about__media img {width: 100%;height: 100%;min-height: 420px;object-fit: cover;}
.gx-about__content {padding-left: 24px;}
.gx-about__text {margin: 32px 0 0;color: var(--gx-text);font-size: 16px;line-height: 1.625;letter-spacing: -0.31px;}
.gx-section--gallery {background: var(--gx-surface-2);}
.gx-gallery {position: relative;overflow: hidden;}
.gx-gallery__item {overflow: hidden;border-radius: var(--gx-radius-md);}
.gx-gallery__item img {width: 100%;height: 320px;object-fit: cover;transition: transform var(--gx-transition);}
.gx-gallery__nav {position: absolute;top: calc(50% - 24px);z-index: 5;display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 50%;background: rgba(16, 24, 40, 0.72);cursor: pointer;}
.gx-gallery__nav::after {color: var(--gx-white);font-size: 16px;font-weight: 700;}
.gx-gallery__nav--prev {left: 12px;}
.gx-gallery__nav--next {right: 12px;}
.gx-gallery__pagination {position: relative;bottom: 0 !important;margin-top: 24px;text-align: center;}
.gx-gallery__pagination .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 6px !important;border-radius: 50%;background: rgba(16, 24, 40, 0.2);opacity: 1;}
.gx-gallery__pagination .swiper-pagination-bullet-active {background: var(--gx-primary);}
.gx-card--news {background: #ffffff;}
.gx-card__media--news {}
.gx-card__meta {display: inline-flex;align-items: center;gap: 8px;color: var(--gx-text-3);font-size: 14px;line-height: 20px;letter-spacing: -0.15px;}
.gx-card__meta img {width: 16px;height: 16px;}
.gx-card__title--news {margin-top: 12px;font-size: 1rem;font-weight: 600;line-height: 1.56;letter-spacing: -0.44px;display: block;}
.gx-card__title--news:hover {color: var(--gx-dark);}
.gx-card__text--news {font-size: 14px;}
.gx-contact {position: relative;padding: 59px 0 112px;background: #000000 center center / cover no-repeat;}
/* .gx-contact::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.5);} */
.gx-contact .gx-container {position: relative;z-index: 1;}
.gx-contact__row {margin-top: 60px;}
.gx-contact__stack {display: flex;flex-direction: column;gap: 32px;height: 100%;}
.gx-contact-card,
.gx-form {border-radius: var(--gx-radius-md);box-shadow: var(--gx-shadow);background: var(--gx-white);}
.gx-contact-card {padding: 32px;}
.gx-contact-card__title {margin: 0 0 24px;color: #484848;font-size: 1.2rem;font-weight: 600;line-height: 1.33;letter-spacing: 0.07px;}
.gx-contact-card__subtitle {margin: 0 0 16px;color: #484848;font-size: 1rem;font-weight: 600;line-height: 24px;letter-spacing: -0.31px;}
.gx-contact-item {display: flex;align-items: flex-start;gap: 16px;}
.gx-contact-item + .gx-contact-item {margin-top: 24px;}
.gx-contact-item__icon {display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 10px;background: var(--gx-primary-soft);flex: 0 0 48px;}
.gx-contact-item__icon img {width: 24px;height: 24px;}
.gx-contact-item__title {margin: 0 0 4px;color: #484848;font-size: 1rem;font-weight: 600;line-height: 24px;letter-spacing: -0.31px;}
.gx-contact-item__body p,
.gx-contact-item__body a {margin: 0;color: #404040;font-size: 16px;line-height: 24px;letter-spacing: -0.31px;}
.gx-socials {display: flex;flex-wrap: wrap;gap: 16px;}
.gx-form {padding:50px 32px;}
.gx-form__field {display: block;}
.gx-form__field + .gx-form__field {margin-top: 24px;}
.gx-form__label {display: block;margin-bottom: 8px;color: var(--gx-text);font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.31px;}
.gx-form__input,
.gx-form__textarea {width: 100%;border: 1px solid var(--gx-border);border-radius: 10px;padding: 12px 16px;color: var(--gx-text);background: var(--gx-white);outline: none;transition: border-color var(--gx-transition), box-shadow var(--gx-transition);}
.gx-form__input {min-height: 50px;}
.gx-form__textarea {min-height: 170px;resize: vertical;}
.gx-form__input:focus,
.gx-form__textarea:focus {border-color: var(--gx-primary);box-shadow: 0 0 0 3px rgba(231, 0, 11, 0.08);}
.gx-btn--submit {margin-top: 24px;min-height: 56px;border-radius: 10px;}
@media (max-width: 1400px) {
  .gx-hero__title {font-size: 42px;}
  .gx-hero__actions {margin-top: 96px;}
}

@media (max-width: 1200px) {
  .gx-section,
  .gx-quality,
  .gx-features,
  .gx-contact {padding-left: 0;padding-right: 0;}
  .gx-hero__row {min-height: 580px;}
  .gx-hero__content {padding: 120px 0 100px;}
  .gx-hero__title {font-size: 38px;}
  .gx-hero__desc ,
  .gx-hero__content-info {font-size: 18px;}
  .gx-about__content {padding-left: 0;padding-bottom: 32px;}
}

@media (max-width: 992px) {
  .gx-hero__row {min-height: 520px;}
  .gx-hero__content {padding: 96px 0 72px;}
  .gx-hero__title {font-size: 34px;}
  .gx-hero__actions {margin-top: 48px;}
  .gx-card__media--product {min-height: 280px;}
  .gx-features__grid{grid-template-columns: repeat(1, 1fr);}
}

@media (max-width: 768px) {
  .gx-hero__title {font-size: 30px;}
  .gx-hero__row {min-height: 460px;}
  .gx-card__media--news {height: 240px;}
  .gx-quality__badges {gap: 10px;margin-top: 36px;}
  .gx-contact-card,
  .gx-form {padding: 24px;}
  .gx-categories__grid{grid-template-columns: repeat(1, 1fr);}
  .gx-hero__box .banner-box{
    height:50vh;
  }
  .gx-hero__box img{
    width: 100%;
    max-width: unset;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .gx-hero__box .banner-box:before{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.8) 100%);
  }

}

@media (max-width: 576px) {
  .gx-hero__title {font-size: 26px;}
  .gx-hero__row {min-height: 420px;}
  .gx-hero__content {padding: 72px 0 56px;}
  .gx-hero__desc ,
  .gx-hero__content-info {font-size: 16px;line-height: 1.5;}
  .gx-hero__actions {flex-direction: row;align-items: stretch;justify-content: center;}
  .gx-card__body,
  .gx-card__frame {padding: 18px;}
  .gx-card__title {font-size: 20px;height: 5rem;}
  .gx-card__text,
  .gx-feature-card__text,
  .gx-step__text,
  .gx-about__text,
  .gx-contact-item__body p,
  .gx-contact-item__body a{font-size: 14px;}
  .gx-card__media--product {padding: 20px;min-height: unset;}
  .gx-card__media--product img {}
  .gx-feature-card {padding: 28px 20px 24px;}
  .gx-gallery__item img {height: 220px;}
  .gx-gallery__nav {display: none;}
  .gx-contact__row {margin-top: 36px;}
}