/*--------------------*/
/*  Helpers           */
/*--------------------*/
/* margins */
.mx-auto {margin-inline: auto;}
.mb-md {margin-bottom: 2.5rem;}
/*--------------------*/
/*  Marquee           */
/*--------------------*/
.marquee-wrap {--marquee-gap: 0.625rem;--marquee-h: 9.7vw;position: relative;z-index: 1;display: block;}
.marquee-wrap > * + * {margin-top: var(--marquee-gap);}
.marquee-line {position: relative;width: 100vw;height: var(--marquee-h);margin-left: 0;will-change: transform;backface-visibility: hidden;}
.marquee-item {position: absolute;top: 0;transform: translate3d(var(--x), 0, 0);gap: var(--marquee-gap);display: flex;align-items: center;width: -moz-max-content;width: max-content;}
.marquee-content {gap: var(--marquee-gap);display: flex;align-items: center;}
.marquee-content > * {flex-shrink: 0;}
.marquee-content:last-child > *:last-child {margin-right: var(--marquee-gap);}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion {position: relative;z-index: 1;}
.accordion-item {position: relative;}
.accordion-title {position: relative;cursor: pointer;gap: 0.25rem;display: flex;align-items: center;justify-content: space-between;font-size: 1rem;line-height: 1.4em;font-weight: 400;letter-spacing: 0.2px;color: var(--clr-text);transition: var(--transition-1);}
.accordion-title i {position: relative;display: inline-block;width: 2.5rem;aspect-ratio: 1/1;flex-shrink: 0;transition: var(--transition-1);background-color: var(--clr-primary);border-radius: 0rem;}
.accordion-title i::before {content: "";position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 0.375rem;height: 0.375rem;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;}
.accordion-title.is-active i {transform: rotateX(-180deg);}
.accordion-inner {display: none;}
.accordion-inner > * {padding-top: 0.25rem;}
@media (min-width: 1200px) {
.accordion-title:hover i {background-color: var(--clr-secondary);color: var(--clr-white);}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-block {--gap: 2.5rem;gap: var(--gap);display: grid;padding-block: 0 2.5rem;border-bottom: 2px solid var(--clr-secondary);}
.lr-media {position: relative;overflow: hidden;width: 100%;border-radius: 0rem;}
.lr-media .marquee-wrap {--marquee-h: 20.625rem;--marquee-gap: 2rem;}
.lr-media .marquee-wrap .lr-img {width: auto;height: var(--marquee-h);aspect-ratio: 663/441;}
.lr-img {position: relative;overflow: hidden;width: 100%;border-radius: 0rem;}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0rem;}
.lr-content {--space: 1rem;}
.lr-content > * + * {margin-top: var(--gap);}
@media (min-width: 992px) {
.lr-block {--gap: 3.5rem;grid-template-columns: 46.312% auto;}
.lr-block.lr-right {grid-template-columns: auto 46.312%;}
.lr-block.lr-right .lr-media {order: 2;}
.lr-media .marquee-wrap {--marquee-h: 27.5rem;}
.lr-content {--gap: 2.5rem;align-self: self-start;}
}
@media (min-width: 1200px) {
.lr-block {grid-template-columns: 48% auto;padding-block: 0 5rem;}
.lr-block.lr-right {grid-template-columns: auto 48%;}
.lr-content {--gap: 1.875rem;}
}
@media (max-width:767px){
.lr-content .title{margin-top: -0.625rem;}
.lr-content > * + * {margin-top: calc(var(--gap) - 0.5rem);}
.lr-content > * + .btn {margin-top: calc(var(--gap) - 0.1875rem);}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
* + .blog-item {margin-top: 2.0625rem;}
.blog-item {display: grid;padding-block: 0 2.5rem;border-bottom: 2px solid var(--clr-secondary);}
.blog-item-last {padding-block: 0;border-bottom: none;}
.blog-item > * + * {margin-top: 2.0625rem;}
.blog-item > .blog-data + * {margin-top: 1.5rem;}
.blog-item > * + .blog-media {margin-top: 2.5rem;}
.blog-item .btn-link {gap: 0.625rem;display: flex;width: -moz-fit-content;width: fit-content;font-size: 0.9375rem;color: var(--clr-text);margin-left: auto;text-decoration: none;}
.blog-media {position: relative;overflow: hidden;width: 100%;border-radius: 0rem;padding-top: 63%;}
.blog-media img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0rem;will-change: transform;transition: transform 0.3s ease;}
.blog-content {--space: 2.0625rem;}
.blog-content > *:not(.d-none) + * {margin-top: var(--space);}
.blog-content .accordion-title {font-size: var(--text-lg);}
.blog-detail-img {position: relative;overflow: hidden;width: 100%;display: block;aspect-ratio: 126/72;border-radius: 0rem;}
.blog-detail-img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0rem;}
.blog-detail-img + * {margin-top: 2.5rem;}
@media (min-width: 992px) {
* + .blog-item {margin-top: 2.0625rem;}
.blog-item {gap: 1.25rem 3.5rem;grid-template-columns: 46.312% auto;}
.blog-item .title {align-self: start;}
.blog-item > * + :is(.blog-media, .blog-gallery) {margin-top: 0;}
.blog-content {align-self: start;margin-top: 0;}
.blog-content > * + * {margin-top: var(--space);}
.blog-content .accordion-item {background-color: var(--bg-1);border-radius: 0rem;padding: 2rem;}
.blog-detail-img {aspect-ratio: 168/72;}
.blog-detail-img + * {margin-top: 2.5rem;}
}
@media (min-width: 1200px) {
* + .blog-item {margin-top: 5rem;}
.blog-item {grid-template-columns: 47.2% auto;padding-block: 0 5rem;border-bottom-color: #F2F2F2;}
.blog-item > * + * {margin-top: 2.5rem;}
.blog-item-last {padding-block: 0;}
.blog-item a.title:hover {color: var(--clr-primary);}
.blog-item .btn-link:hover {color: var(--clr-primary);}
.blog-content {--space: 1.875rem;}
a.blog-media:hover img {transform: scale(1.1);}
.blog-detail-img + * {margin-top: 3.75rem;}
}
/*--------------------*/
/*  RL Block          */
/*--------------------*/
.rl-block {gap: 1.5rem;display: grid;padding-block: 0 1.5rem;border-bottom: 2px solid var(--clr-secondary);}
.rl-block-last {padding-block: 0;border-bottom: none;}
.rl-block > .text + .title {margin-top: -1.125rem;}
.rl-block:not(:has(> .text + .title)) .rl-content {--space: 2.5rem;}
.rl-block:not(:has(> .text + .title)) .rl-content > .text.d-none + .text,
.rl-block:not(:has(> .text + .title)) .rl-content > .title.d-none + .text {margin-top: 0 !important;}
.rl-block:not(:has(> .text + .title)) .rl-content > * + * {margin-top: var(--space);}
.rl-media {position: relative;overflow: hidden;width: 100%;aspect-ratio: 327/206;border-radius: 0rem;}
.rl-media img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0rem;}
.rl-list {gap: 1.5rem;display: grid;}
.rl-list-item {--icon-size: 2.5rem;position: relative;gap: 0.75rem;display: flex;align-items: center;}
.rl-list-item .title {align-self: center;font-size: var(--text-lg);line-height: 1.4em;font-weight: 400;letter-spacing: -0.4px;color: var(--clr-title);}
.rl-list-icon {position: relative;display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.rl-list-icon img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.625rem;height: 1.625rem;}
.rl-content {--space: 2.5rem;}
.rl-content > *:not(:first-child) + * {margin-top: var(--space);}
.rl-content > .title.d-none + .text {margin-top: var(--space) !important;}
.rl-content > .text + .text {margin-top: 1rem;}
@media (min-width: 992px) {
.rl-block {gap: 2.5rem 3.5rem;grid-template-columns: 46.312% auto;}
.rl-block.rl-right {grid-template-columns: auto 46.312%;}
.rl-block.rl-right :is(.rl-media, .rl-list) {grid-area: 2/2/1/2;}
.rl-block:not(:has(> .text + .title)) .rl-content > * + *,
.rl-block:not(:has(> .text + .title)) .rl-content > .text.d-none + .text,
.rl-block:not(:has(> .text + .title)) .rl-content > .title.d-none + .text {margin-top: var(--space) !important;}
.rl-block:not(:has(> .text + .title)) .rl-content:has(> .text.d-none + .title.d-none) > * + * {margin-top: var(--space) !important;}
:is(.rl-media, .rl-list) {grid-area: 2/2/1/1;}
.rl-list {gap: 1rem;border-radius: 0rem;background-color: var(--bg-1);padding: 2.5rem;}
.rl-list-item {--icon-size: 3.5rem;gap: 0.875rem;}
.rl-list-item .title {font-family: var(--ff-2);font-weight: 600;}
.rl-list-icon {border-radius: 0rem;background-color: var(--clr-white);}
.rl-content {align-self: start;}
.rl-content > * + * {margin-top: var(--space);}
}
@media (min-width: 1200px) {
.rl-block {grid-template-columns: 48% auto;padding-block: 0 5rem;border-bottom-color: #F2F2F2;}
.rl-block-last {padding-block: 0;}
.rl-block.rl-right {grid-template-columns: auto 48%;}
.rl-block:not(:has(> .text + .title)) .rl-content {--space: 1.875rem;}
.rl-block:not(:has(> .text + .title)) .rl-content > * + .btn {margin-top: calc(var(--space) * 2) !important;}
.rl-block:not(:has(> .text + .title)) .rl-content > .title.d-none + .text {margin-top: var(--space) !important;}
.rl-block:not(:has(> .text + .title)) .rl-content > .text.d-none + .text {margin-top: 1rem !important;}
.rl-content {--space: 1.875rem;}
.rl-content > * + .btn {margin-top: calc(var(--space) * 2);}
}
@media(max-width:991px){
.rl-block:not(:has(>.text+.title)) > .rl-content > * + .btn {margin-top: 1rem;}
.rl-block:not(:has(>.text+.title)) > .rl-content > .text:not(.d-none) + .btn {margin-top: 2.5rem;}
.rl-block {padding-block: 0 2.5rem;}
}
/*--------------------*/
/*  Tech Block        */
/*--------------------*/
.tech-block {gap: 2.5rem;display: grid;padding-block: 0 2.5rem;border-bottom: 2px solid var(--clr-secondary);}
.tech-block-last {padding-block: 0;border-bottom: none;}
.tech-head > * + * {margin-top: 2.5rem;}
.tech-cards {gap: 1.5rem;display: grid;}
.tech-card {--pd-tech: 1.5rem;position: relative;overflow: hidden;gap: 0;display: grid;grid-row: span 5;grid-template-rows: subgrid;background-color: #F7F7F7;border-radius: 0rem;padding: 0 var(--pd-tech) var(--pd-tech) var(--pd-tech);}
.tech-card::before {content: "";position: absolute;z-index: 1;inset: 0;border-radius: inherit;border: 2px solid var(--clr-primary);transition: opacity 0.3s;will-change: opacity;opacity: 0;}
.tech-card .text {--text-li-padding: 1.5rem;font-size: 1.0625rem;line-height: 1.2em;}
.tech-card .text ul li:before {top: 0.3em;}
.tech-card .btn-link {pointer-events: none;gap: 0.625rem;display: flex;width: -moz-fit-content;width: fit-content;font-size: 0.9375rem;color: var(--clr-text);margin-left: auto;}
.tech-card > * + * {margin-top: 1.25rem;}
.tech-card > .tech-img + * {margin-top: 1.5rem;}
.tech-img {position: relative;overflow: hidden;width: calc(100% + var(--pd-tech) * 2);padding-bottom: 63%;margin-inline: calc(var(--pd-tech) * -1);}
.tech-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.tech-img.size-2 {padding-bottom: 90%;}
.tech-img.size-3 {padding-bottom: 63%;}
@media (min-width: 992px) {
.tech-cards {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 1200px) {
.tech-block {gap: 3.75rem;padding-block: 0 5rem;border-bottom-color: #F2F2F2;}
.tech-block-last {padding-block: 0;}
.tech-head > * + * {margin-top: 1.875rem;}
.tech-cards {gap: 2rem;}
.tech-card {--pd-tech: 2.5rem;}
.tech-card > * + * {margin-top: 1.5rem;}
.tech-card > .tech-img + * {margin-top: 2rem;}
.tech-card > * + .btn-link {margin-top: 1.25rem;}
a.tech-card:hover::before {opacity: 1;}
}
@media (max-width: 991px) {
.tech-head > * + * {margin-top: 2.0625rem;}
}
/*--------------------*/
/*  Partners          */
/*--------------------*/
.partner-block {gap: 2.5rem;display: grid;}
.partner-head > * + * {margin-top: 2.5rem;}
.partner-cards {gap: 2.5rem;display: grid;}
.partner-card {position: relative;overflow: hidden;gap: 0;display: grid;grid-row: span 2;grid-template-rows: subgrid;}
.partner-card > * + * {margin-top: 1.5rem;}
.partner-title {--img-partner: 7.5rem;gap: 1rem;display: flex;align-items: flex-start;flex-direction: column;width: -moz-fit-content;width: fit-content;}
.partner-title .title {letter-spacing: 0;}
.partner-img {position: relative;width: var(--img-partner);aspect-ratio: 1/1;flex-shrink: 0;border-radius: 0rem;}
.partner-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;border-radius: 0rem;}
@media (min-width: 992px) {
.partner-cards {grid-template-columns: repeat(2, 1fr);}
.partner-card {--pd-partner: 1.5rem;background-color: #F7F7F7;border-radius: 0rem;padding: var(--pd-partner);}
}
@media (min-width: 1200px) {
.partner-block {gap: 3.75rem;}
.partner-head > * + * {margin-top: 1.875rem;}
.partner-cards {gap: 2rem;}
.partner-card {--pd-partner: 2.5rem;}
.partner-card > * + * {margin-top: 1.25rem;}
}
@media (max-width: 991px) {
.partner-head > * + * {margin-top: 2.0625rem;}
}
/*--------------------*/
/*  Product Detail    */
/*--------------------*/
.prd-block {--space: 2.25rem;position: relative;overflow: hidden;}
.prd-block:not(:last-child) {border-bottom: 2px solid var(--clr-secondary);padding-bottom: var(--space);}
.prd-block + .prd-block {margin-top: var(--space);}
/* .prd-block > :is(.title, .text) + * {margin-top: 0.625rem;} */
.prd-block > :is(.title, .text) + * {margin-top: 2.25rem;}
.prd-block:has(.prd-detail) > :is(.text) + * {margin-top: 2.5rem;}
.prd-block:has(.prd-components-slider, .marquee-wrap) {overflow: visible;}
.prd-block .marquee-wrap {--marquee-gap: 1.5rem;--marquee-h: 20.625rem;}
.prd-block .marquee-wrap .prd-img {width: auto;height: var(--marquee-h);aspect-ratio: 51/34;}
.prd-img {position: relative;overflow: hidden;width: 100%;border-radius: 0rem;}
.prd-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0rem;}
.prd-detail {position: relative;gap: 0.625rem;display: grid;}
.prd-detail-img-wrap {position: relative;}
.prd-detail-img {position: relative;cursor: pointer;overflow: hidden;display: block;width: 100%;aspect-ratio: 1/1;border-radius: 0rem;}
.prd-detail-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0rem;will-change: transform;transition: var(--transition-1);}
.prd-detail-img-wrap .prd-maker {position: absolute;z-index: 1;top: 0;left: 0;}
.prd-detail-img-wrap .prd-maker-img {aspect-ratio: 88/33;}
.prd-detail-info {gap: 2.5rem;display: flex;flex-direction: column;align-items: flex-start;}
.prd-detail-info .prd-maker {order: 1;}
.prd-detail-info .btn {order: 2;}
.prd-detail-info .title {display: none;}
.prd-detail-info .accordion-title {font-size: var(--text-lg);}
.prd-detail-slider {--pg-space: 1.25rem;--marquee-h: 20.625rem;position: relative;border-radius: 0rem;overflow: hidden;}
.prd-detail-slider .swiper-slide {height: auto;}
.prd-img-card {position: relative;width: 100%;height: 100%;display: block;background-color: var(--bg-1);}
.prd-detail-slider .prd-img {width: 100%;height: auto;padding-top: 63%;}
.prd-caption {position: relative;font-size: 1rem;line-height: 1.4em;font-weight: 400;letter-spacing: 0.2px;color: var(--clr-text);padding: 1rem;}
.prd-maker {gap: 1rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: 1rem;line-height: 1.4em;font-weight: 400;color: var(--clr-text);}
.prd-maker-img {--size: 5.5rem;position: relative;display: inline-block;width: var(--size);aspect-ratio: 1/1;flex-shrink: 0;border-radius: 0rem;}
.prd-maker-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;border-radius: 0rem;}
.prd-item:not(:last-child) {border-bottom: 2px solid var(--clr-secondary);padding-bottom: var(--space);}
.prd-item > * + * {margin-top: 2.5rem;}
.prd-item:has(.prd-download) > * + * {margin-top: 1rem;}

.prd-video-wrap {position: relative;cursor: pointer;display: block;}
.prd-video-wrap .btn-play {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.prd-video-wrap .btn-play.video-btn {display: none;}

.prd-video-wrap.is-active .prd-video-item {z-index: 10;opacity: 1;visibility: visible;}
.prd-video-item {z-index: -1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: var(--transition-1);}
.prd-video-item iframe {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.prd-video-item .btn-close {position: absolute;z-index: 100;top: 0;right: 0;}

.prd-video {position: relative;overflow: hidden;display: block;width: 100%;padding-bottom: 56.25%;border-radius: 0rem;}
.prd-video img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0rem;}

.prd-data {gap: 1rem;display: grid;}
.prd-data-item {position: relative;overflow: hidden;gap: 0.25rem;display: grid;grid-template-columns: auto auto;align-items: flex-start;border-radius: 0rem;;background-color: var(--bg-1);font-size: 1rem;line-height: 1.2em;font-weight: 400;letter-spacing: 0.2px;color: var(--clr-text);padding: 1rem;}
.prd-data-item > *:last-child {font-weight: 600;text-align: right;word-wrap: break-word;}
.prd-download > * + * {margin-top: 1.875rem;}
.prd-download .btn {height: 3.75rem;}
.prd-download .btn img,
.prd-download .btn svg {width: 1.75em;}
.prd-download .btn b {display: inline-flex;flex-direction: column;}
.prd-download .btn b > *:last-child {font-size: 0.75rem;color: rgba(255, 255, 255, 0.7);}
.prd-components-slider .swiper-slide {height: auto;}
.prd-component {position: relative;overflow: hidden;display: block;height: 100%;border-radius: 0rem;background-color: var(--bg-1);padding: 1.5rem;}
.prd-component > * + * {margin-top: 1rem;}
.prd-component .title {font-size: 1rem;font-weight: 400;}
.prd-component-img {position: relative;display: block;width: 100%;aspect-ratio: 41/13;}
.prd-component-img img {width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;}
.prd-options .service-content {gap: 1.875rem;display: grid;}
@media (min-width: 992px) {
.prd-block .marquee-wrap {--marquee-h: 21.25rem;}
/* .prd-block > :is(.title, .text) + * {margin-top: 0.625rem;} */
/* .prd-block:has(.prd-detail) > :is(.text) + * {margin-top: 0.625rem;} */
.prd-detail {gap: 2.5rem;grid-template-columns: repeat(2, 1fr);}
.prd-detail-info .title {display: flex;width: -moz-fit-content;width: fit-content;}
.prd-detail-info .prd-maker,
.prd-detail-info .btn {order: initial;}
.prd-detail-info .accordion-item {background-color: var(--bg-1);border-radius: 0rem;padding: 2rem;}
.prd-detail-slider {--pg-space: 1.5rem;}
.prd-item {align-self: start;}
.prd-item:not(:last-child) {border-bottom: none;padding-bottom: 0;}
.prd-data {gap: 1.25rem;grid-template-columns: repeat(2, 1fr);}
.prd-data-item {border-radius: 0rem;}
.prd-components-slider .swiper-wrapper {gap: 1.5rem;display: grid;grid-template-columns: repeat(3, 1fr);}
.prd-options.service-content {grid-template-columns: auto 46.312%;}
.prd-options.service-content.w100 {grid-template-columns: auto 100%; display: block;}
.prd-options .service-img {order: 1;}
}
@media (min-width: 1200px) {
.prd-block {--space: 5rem;}
.prd-block + .prd-block {margin-top: calc(var(--space) - 0.5625rem);}
.prd-block:not(:last-child) {border-bottom: 2px solid var(--clr-secondary);padding-bottom: var(--space);}
.single-product .prd-block {--space: 4rem;}
.prd-block > :is(.title, .text) + * {margin-top: 3.75rem;}
.prd-block:has(.prd-detail) > :is(.text) + * {margin-top: 3.75rem;}
.prd-block:has(.prd-detail) {padding-bottom: 0.625rem;}
.prd-block:not(:last-child) {border-bottom-color: #F2F2F2;}
.prd-block:has(.prd-components-slider, .marquee-wrap) {overflow: hidden;}
.prd-block .marquee-wrap {--marquee-h: 27.5rem;overflow: hidden;border-radius: 0rem;}
.prd-detail {gap: 3.5rem;}
.prd-detail-img:hover img {transform: scale(1.1);}
.prd-detail-info {gap: 0rem;}
.prd-detail-info > *:not(:last-child) {margin-bottom: 0;}
.prd-detail-info > * + * {margin-top: 1.875rem;}
.prd-detail-info > .title + *,
.prd-detail-info > * + .btn {margin-top: 3.625rem;}
.prd-detail-info > .btn {margin-bottom: 3.125rem;}
.prd-detail-slider {--pg-space: 2rem;}
.prd-caption {font-size: var(--text-lg);padding: 2rem;}
.prd-item > * + * {margin-top: 3.75rem;}
.prd-item:has(.prd-download) > * + * {margin-top: 1.875rem;}
.prd-video-wrap:hover .btn-play::before {opacity: 1;}
.prd-video-wrap .btn-play.video-open {display: none;}
.prd-video-wrap .btn-play.video-btn {display: inline-block;}
.prd-data {gap: 2rem;}
.prd-data-item {padding: 2rem;}
.prd-download > * + * {margin-top: 3.75rem;}
.prd-download .btn {height: 3.5rem;text-align: center;}
/*.prd-download .btn img,
.prd-download .btn svg {display: none;}*/
.prd-components-slider .swiper-wrapper {gap: 2rem;grid-template-columns: repeat(4, 1fr);}
.prd-component {padding: 2.5rem;}
.prd-component > * + * {margin-top: 1.25rem;}
}
/*--------------------*/
/*  Service           */
/*--------------------*/
.service-item {gap: 2.5rem;display: grid;padding-block: 0 2.5rem;border-bottom: 2px solid var(--clr-secondary);}
.service-item-last {padding-block: 0;border-bottom: none;}
.service-head > * + * {margin-top: 2.5rem;}
.service-head > .title + .text {margin-top: 1.7rem;}
.service-content {gap: 2.5rem;display: grid;}
.service-content .accordion-item + .accordion-item {margin-top: 1.5rem;}
.service-content .accordion-title {font-family: var(--ff-2);font-size: 1.125rem;line-height: 1.3em;font-weight: 500;letter-spacing: -0.4px;}
.service-content .accordion-inner {display: none;}
.service-content .accordion-inner > * {padding-top: 0.25rem;}
.service-img {position: relative;overflow: hidden;width: 100%;display: block;aspect-ratio: 672/423;align-self: start;border-radius: 0rem;}
.service-img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0rem;}
@media (min-width: 992px) {
.service-content {gap: 1.25rem 3.5rem;grid-template-columns: auto 46.312%;}
.service-content .accordion {order: -1;border-radius: 0rem;background-color: var(--bg-1);padding: 2.5rem;}
}
@media (min-width: 1200px) {
.service-item {gap: 3.75rem;padding-block: 0 5rem;border-bottom-color: #F2F2F2;}
.service-item-last {padding-block: 0;}
.service-head > * + * {margin-top: 1.875rem;}
.service-content {grid-template-columns: auto 48%;}
.service-content .accordion-item + .accordion-item {margin-top: 2rem;}
}
/*--------------------*/
/*  History           */
/*--------------------*/
.history-block {position: relative;gap: 2.5rem;display: grid;padding-bottom: 2.5rem;border-bottom: 2px solid var(--clr-secondary);}
.history-items {gap: 1.5rem;display: grid;}
.history-item {position: relative;overflow: hidden;border-radius: 0rem;background-color: var(--bg-1);padding: 1.5rem;}
.history-item .text {--text-space: 1rem;}
.history-item .text :is(h5, h6) {font-weight: 500;}
@media (min-width: 992px) {
.history-items {grid-template-columns: repeat(2, 1fr);}
.history-item {padding: 2.5rem;}
.history-item .text {--text-space: 1.25rem;}
}
@media (min-width: 1200px) {
.history-block {gap: 3.75rem;padding-bottom: 5rem;border-bottom-color: #F2F2F2;}
}
/*--------------------*/
/*  Team              */
/*--------------------*/
.team-block {position: relative;gap: 2.25rem;display: grid;padding-bottom: 2.5rem;border-bottom: 2px solid var(--clr-secondary);}
.team-block >.subtitle{color: var(--clr-primary);}
.team-block >.subtitle+.title {margin-top: -2.25rem;}
.team-cards {--items: 1;--gap: 1.5rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;}
.team-cards > * {width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));}
.team-card {--img-size: 7.5rem;position: relative;gap: 1rem;display: grid;grid-template-columns: var(--img-size) auto;border-radius: 0rem;background-color: var(--bg-1);padding: 1.5rem;}
.team-img {position: relative;overflow: hidden;width: var(--img-size);aspect-ratio: 1/1;border-radius: 0rem;;}
.team-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0rem;;}
.team-info {align-self: center;}
.team-info .title {font-family: var(--ff-2);font-size: var(--text-lg);line-height: 1.4em;font-weight: 500;color: var(--clr-title);}
.team-links {grid-column: span 2;}
@media (min-width: 768px) {
.team-cards {--items: 2;}
}
@media (min-width: 1200px) {
.team-block {gap: 3.75rem;padding-bottom: 5rem;border-bottom-color: #F2F2F2;}
.team-block >.subtitle+.title {margin-top: -3.75rem;}
.team-cards {--items: 3;--gap: 2rem;}
.team-card {gap: 1.875rem 1.5rem;border-radius: 0rem;background-color: var(--bg-1);padding: 2.5rem !important;}
}
/*--------------------*/
/*  Contact Block     */
/*--------------------*/
.contact-block {position: relative;gap: 2.5rem;display: grid;}
.contact-content > * + * {margin-top: 2.5rem;}
.contact-content > * + .contact-items {margin-top: 2.25rem;}
.contact-content .footer-cnt-item {font-size: 1.0625rem;line-height: 1.2em;}
.contact-content .footer-cnt-item + .footer-cnt-item {margin-top: 1rem;}
.contact-title {font-family: var(--ff-2);font-size: var(--h3);line-height: 1.4em;font-weight: 600;letter-spacing: -0.4px;color: var(--clr-title);}
.contact-items {position: relative;gap: 1.5rem;display: grid;}
.contact-items .contact-title {margin-bottom: 0.75rem;}
.contact-item {position: relative;overflow: hidden;border-radius: 0rem;background-color: var(--bg-1);padding: 1.5rem;}
.contact-item > *:not(:first-child) + * {margin-top: 1.25rem;}
.contact-cards {--items: 1;--gap: 1.5rem;position: relative;gap: var(--gap);display: flex;flex-wrap: wrap;}
.contact-cards > * {width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));}
@media (min-width: 992px) {
.contact-block {gap: 2.5rem;grid-template-columns: auto 46.7%;}
.contact-content {align-self: start;}
.contact-content > * + * {margin-top: 1.875rem;}
.contact-content > .title + .text {margin-top: 1rem;}
.contact-content .footer-cnt-item + .footer-cnt-item {margin-top: 1rem;}
.contact-items .contact-title {margin-bottom: 0;}
.contact-item {border-radius: 0;background-color: transparent;padding: 0;}
.contact-item + .contact-item {margin-top: -0.625rem;}
.contact-cards {--items: 3;--gap: 2.5rem;}
.contact-cards > * {width: calc(100% / var(--items) - var(--gap) + var(--gap) / var(--items));}
.contact-cards .team-card {grid-template-columns: 1fr;}
.contact-cards .team-links {grid-column: span 1;}
}
@media (min-width: 1200px) {
.contact-block {gap: 3.5rem;grid-template-columns: auto 47.2%;}
.contact-cards .team-card {grid-template-columns: var(--img-size) auto;}
.contact-cards .team-links {grid-column: span 2;}
.contact-content > * + * {margin-top: 1.875rem;}
.contact-content > .title + .text {margin-top: 1.875rem;}
.contact-content > * + .contact-items {margin-top: 3.75rem;}
.contact-items {position: relative;gap: 1.25rem;display: grid;}
.contact-items > .contact-title + .contact-item {margin-top: 0.625rem;}
}
/*--------------------*/
/*  Map Styles        */
/*--------------------*/
.map-block {position: relative;overflow: hidden;display: block;aspect-ratio: 1/1;border-radius: 0rem;}
.map {position: absolute;inset: 0;}
@media (min-width: 992px) {
.map-block {aspect-ratio: 440/277;}
}
/*--------------------*/
/*  Brands            */
/*--------------------*/
.brand-block {position: relative;overflow: hidden;gap: 2.5rem;display: grid;}
.brand-block .marquee-wrap {--marquee-gap: 2rem;--marquee-h: 4.375rem;}
.brand-head > * + * {margin-top: 2.5rem;}
.brand-item {position: relative;overflow: hidden;width: auto;max-width: 16.25rem;height: var(--marquee-h);display: flex;align-items: center;justify-content: center;}
.brand-item img {display: block;width: 100%;max-width: 90%;height: 100%;max-height: 90%;-o-object-fit: contain;object-fit: contain;-o-object-position: center;object-position: center;}
@media (min-width: 1200px) {
.brand-block {gap: 3.75rem;}
.brand-head > * + * {margin-top: 1.875rem;}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
footer {position: relative;padding-block: 2.5rem;}
.footer-top {padding-block: 2.5rem 0;border-top: 2px solid var(--clr-primary);}
.footer-top .row {--bs-gutter-x: 2.5rem;--bs-gutter-y: 2.5rem;justify-content: space-between;}
.footer-top + .footer-bottom {margin-top: 2.5rem;}
.footer-info > * + * {margin-top: 1.5rem;}
.footer-info > .footer-logo + * {margin-top: 2.5rem;}
.footer-logo {display: block;max-width: 8.75rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-title {display: block;width: -moz-fit-content;width: fit-content;font-family: var(--ff-2);font-size: 1.125rem;font-weight: 400;line-height: 1.2em;color: var(--clr-text);padding: 0.625rem;margin-inline: -0.625rem;margin-bottom: 0.25rem;}
.footer-links {margin-top: -0.625rem;}
.footer-links ul {display: flex;flex-direction: column;}
.footer-links li {line-height: 0;margin-inline: -0.625rem;}
.footer-links a {display: inline-block;font-family: var(--ff-2);font-size: 1.125rem;font-weight: 400;line-height: 1.2em;color: var(--clr-text);padding: 0.625rem;}
.footer-links.style2 li {position: relative;padding-left: 1rem;margin-inline: 0;}
.footer-links.style2 li::before {content: "";position: absolute;top: 0.6em;left: 0;display: inline-block;width: 0.75rem;height: 0.75rem;border-radius: 100%;background-color: var(--clr-primary);}
.footer-links.style2 a:not(.footer-title) {font-family: var(--ff-1);font-size: 0.9375rem;}
.footer-contacts {gap: 0.75rem;display: flex;flex-direction: column;}
.footer-cnt-item {gap: 0.75rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: 0.9375rem;line-height: 1.2em;font-weight: 500;letter-spacing: 0.5px;color: var(--clr-text);word-break: break-all;}
.footer-cnt-item + .footer-cnt-item {margin-top: 0.75rem;}
.footer-cnt-item svg {display: inline-block;width: 1.25rem;height: 1.25rem;flex-shrink: 0;align-self: baseline;}
.footer-bottom {gap: 1.25rem;display: flex;flex-direction: column;}
.dev-link {gap: 0.5rem;display: inline-flex;align-items: center;order: -1;font-size: var(--text-sm);line-height: 1.2em;font-weight: 400;color: var(--clr-text);}
.dev-link img {width: 5.5rem;}

/* body:not(.home) footer {padding-top: 2.5rem;} */
footer .breadcrumbs {margin-top: 0;margin-bottom: 5rem;}
footer .btn-back {margin-top: 0;}

@media (min-width: 768px) {
.footer-bottom {flex-direction: row;justify-content: space-between;}
.dev-link {order: 1;}
}
@media (min-width: 1200px) {
footer {padding-block: 5rem;}
.footer-top {padding-block: 5rem 0;}
.footer-info > * + *,
.footer-info > .footer-logo + * {margin-top: 1rem;}
.footer-links.style2 ul {gap: 0.25rem;}
.footer-links.style2 li {padding-left: 0;margin-left: -0.625rem;}
.footer-links.style2 li::before {content: none;}
.footer-links.style2 a:not(.footer-title) {font-size: 1rem;}
.footer-contacts {margin-top: -0.625rem;}
.footer-cnt-item {font-size: 1rem;}
.footer-cnt-item:hover,
.footer-links a:hover,
a.footer-title:hover {color: var(--clr-primary);}
}
/* @media (max-width: 991px) {
footer .btn-back .container {padding-top: 2.5rem;}
footer .btn-back .container::before {top: 0;}
} */
/*--------------------*/
/*  404               */
/*--------------------*/
.page-404 {margin: 0;width: 100%;min-height: 100svh;display: flex;align-items: center;justify-content: center;padding-block: calc(var(--h-height) + 2.5rem) 2.5rem;}
.page-404-inner > * + * {margin-top: 2.5rem;}
.page-404-img {position: relative;display: inline-block;aspect-ratio: 412/240;margin-inline: auto;}
.page-404-img img {width: 100%;}
/*--------------------------*/
/*  Video Popup             */
/*--------------------------*/
.video-popup {position: fixed;z-index: 1000;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.8s;}
.video-popup .embed-responsive-16by9 {padding-bottom: 56.25%;}
.video-popup iframe {position: absolute;width: 100%;height: 100%;}
.video-popup.is-active {left: 0;transition-delay: 0s;}
.video-popup.is-active .video-popup-overlay {opacity: 1;}
.video-popup-overlay {position: absolute;left: 0;top: -6.25rem;right: 0;bottom: -6.25rem;background: var(--bg-overlay);backdrop-filter: blur(1rem);opacity: 0;transition: opacity var(--transition-1);}
.video-popup-content {position: absolute;inset: 0;width: 100%;height: 100%;overflow: auto;font-size: 0;padding: 1rem;opacity: 0;visibility: hidden;transform: translateY(6.25rem);transition: var(--transition-1);}
.video-popup-content.is-active {opacity: 1;visibility: visible;transform: translateY(0%);}
.video-popup-container {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;vertical-align: middle;width: 100%;max-width: 100%;}
.video-popup-container .btn-close {--bw: 3.5rem;position: absolute;top: calc(var(--bw) * -1 - 0.25rem);right: 0;color: var(--clr-white);}
.video-popup-align {position: relative;overflow: hidden;max-height: 100vh;}
.video-popup-layer {position: absolute;left: 0;bottom: 0;right: 0;height: 625rem;}
@media (min-width: 992px) {
.video-popup-container {max-width: 90%;}
.video-popup-container .btn-close {right: calc(var(--bw) * -0.5);}
}
/*--------------------*/
/*  Popups            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: var(--clr-black-40);opacity: 0;transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 1rem;overflow: auto;-webkit-overflow-scrolling: touch;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: translateY(6.25rem);transition: var(--transition-1);}
.popup-content.active {transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 625rem;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 41.25rem;background: var(--bg-1);border-radius: var(--rd-1);}
.popup-container.size-2 {max-width: 48.75rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 0.5rem;right: 0.5rem;}
.popup-align {position: relative;z-index: 1;padding: 3rem 4rem;}
.popup-info > * + * {margin-top: 3%;}
.open-popup {cursor: pointer;}
@media (max-width: 575px) {
.popup-container .btn-close {top: 0.25rem;right: 0.25rem;}
.popup-align {padding: 2.5rem 1rem;}
}
/*--------------------*/
/*  Filters           */
/*--------------------*/
.filter-grid {gap: 3.5rem;display: grid;}
.filter-grid>.btn {display: none;}
.filter-menu>*+* {margin-top: 1.875rem;}
.filter-menu-top {gap: 1rem;display: flex;align-items: center;justify-content: space-between;}
.filter-menu-top .btn-close {display: none;}
.filter-menu #filter-form {height: 100%;overflow-x: clip;overflow-y: auto;}
.filter-menu li {line-height: 0;}
.filter-menu li+li {margin-top: 0.625rem;}
.filter-group+.filter-group {margin-top: 1.5rem;}
.filter-group >*+* {margin-top: 1rem;}
.filter-group__parent>*+* {margin-top: 0.375rem;}
.filter-group__parent>ul {padding-left: calc(1rem * 1.25 + 1rem / 2);}
.filter-cat {--size: 1rem;--lh-size: calc(var(--size) * 1.25);cursor: pointer;font-size: var(--size);line-height: var(--lh-size);text-align: left;gap: calc(var(--size) / 2);display: inline-flex;align-items: center;}
.filter-cat input[type=checkbox] {display: inline-block;position: relative;vertical-align: text-top;color: var(--clr-primary);height: var(--lh-size);width: var(--lh-size);flex-shrink: 0;align-self: baseline;border-radius: 0;border: 1px solid currentColor;transition: var(--transition-1);}
.filter-cat input[type=checkbox]:before {content: "";position: absolute;top: 50%;left: 50%;display: block;width: 0.75rem;transform: translate(-50%, -50%) scale(0);transition: var(--transition-1);aspect-ratio: 12 / 8;border-radius: inherit;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M9.32812 0.75L3.43066 6.64746L0.75 3.9668' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.filter-cat input[type=checkbox]:checked {background-color: var(--clr-primary);}
.filter-cat input[type=checkbox]:checked:before {transform: translate(-50%, -50%) scale(1);}
@media (min-width: 1200px) {
.filter-grid {grid-template-columns: 0.5fr 1.5fr;}
.filter{position: sticky;z-index: 10;top: var(--h-height);align-self: start;max-height: calc(100vh - var(--h-height) - 1rem);overflow-x: clip;overflow-y: auto;}
}
@media (max-width: 1199px) {
.section:has(.filter) {z-index: 101;}
.filter-menu-top .btn-close {display: inline-block;}
.filter-grid>.btn {position: sticky; top: 0.75rem;z-index: 10; display: inline-flex;}
.filter {--flt-pd: 1.5rem;position: fixed;z-index: 110;inset: 0;visibility: hidden;transition: visibility 0s linear;transition-delay: 0.6s;display: block;}
.filter-menu {position: absolute;z-index: 2;top: 0;right: 0;transition: var(--transition-1);transform: translateX(100%);width: 100%;height: 100%;max-height: 100%;display: flex;flex-direction: column;background: var(--clr-white);padding: var(--flt-pd);}
.filter-is-open .filter {transition-delay: 0s;visibility: visible;}
.filter-is-open .filter-menu {transition-delay: 0.1s;transform: translateX(0);}
.filter-is-open .filter-overlay {transition-delay: 0.1s;opacity: 1;visibility: visible;}
}