/*--------------------*/
/*  Helpers           */
/*--------------------*/
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
@media (max-width: 991px) {
.hide-lg {display: none;}
}
.clr-white {color: var(--clr-white);}
.clr-text3 {color: var(--clr-text-3);}
.image {position: relative;}
.image img {display: block;position: relative;width: 100%;}
:where(.image-cover),
:where(.video-cover),
:where(.image-contain) {position: relative;overflow: hidden;padding-bottom: 50%;}
:where(.image-round) {overflow: hidden;border-radius: 100%;padding-bottom: 100%;}
.video-cover video,
.image-cover img,
.image-contain img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.image-contain img {-o-object-fit: scale-down;object-fit: scale-down;}
a .image-cover img,
a .video-cover video {-webkit-transition: -webkit-transform 1s;transition: -webkit-transform 1s;transition: transform 1s;transition: transform 1s, -webkit-transform 1s;transition: transform 1s,-webkit-transform 1s;-webkit-transform: scale(1.0001);-ms-transform: scale(1.0001);transform: scale(1.0001);}
@media (min-width: 1200px) {
a:hover .image-cover img,
a:hover .video-cover video {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
}
/*--------------------*/
/* BANNER             */
/*--------------------*/
.banner {position: relative;--clr-title: #fff;--clr-text: rgba(255, 255, 255, .7);}
.banner.full .banner-align {height: var(--svh);}
.banner.full.size2 .banner-align {height: calc(var(--svh) - var(--h-height) - var(--pd-panel));padding-block: var(--sp-md);}
.banner.full.size2 .banner-media::before {background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);}
.banner.full.size3 .banner-align {height: calc(var(--svh) - var(--h-height));}
.banner.full.size3 .banner-media::before {background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);}
.banner-media img,
.banner-media video {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 625rem;padding-block: 7.5rem var(--sp-lg);height: clamp(22.5rem, 7.76rem + 30.7vw, 40rem);}
.banner-align.align-bottom {vertical-align: bottom;}
.banner-align.align-top {vertical-align: top;}
.banner-info > * + * {margin-top: 1.25rem;}
.video {position: absolute;inset: 0;clip: rect(auto, auto, auto, auto);display: none;}
.video.video-present {display: block;overflow: hidden;}
.video video {position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.fixed-menu-wrapp {--size: 7rem;position: fixed;bottom: 0;z-index: 10;}
.fixed-menu-wrapp.is-active .fixed-menu {opacity: 1;visibility: visible;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.fixed-menu-wrapp.is-active .fixed-btn span {opacity: 0;visibility: hidden;}
.fixed-menu-wrapp.is-active .fixed-btn i {opacity: 1;visibility: visible;}
.fixed-btn {position: fixed;bottom: 2.5rem;left: 0;right: 0;width: var(--size);height: var(--size);margin: 0 auto;border-radius: var(--size);border: 0.0625rem solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.04);cursor: default;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.fixed-btn::before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: calc(var(--size) * 0.7);height: calc(var(--size) * 0.7);border-radius: calc(var(--size) * 0.7);background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.29)), to(#4B4B4B));background: linear-gradient(180deg, rgba(0, 0, 0, 0.29) 0%, #4B4B4B 100%);-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.fixed-btn > * {z-index: 1;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.fixed-btn span {font-size: 1rem;font-weight: 400;line-height: 1.3em;text-transform: uppercase;color: var(--clr-white);}
.fixed-btn i {position: absolute;opacity: 0;visibility: hidden;}
.fixed-btn.hide {opacity: 0;visibility: hidden;}
.banner-btn-project {position: absolute;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--bg-gray);padding: 0.375rem;gap: 0.75rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.banner-btn-project.mob {display: none;}
.banner-btn-project .title {color: #0B0B0B;font-size: 1rem;line-height: 1;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.banner-btn-project svg path {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cta-line {position: absolute;right: 0;bottom: calc(var(--sp-lg) * -1);width: 0.0625rem;height: calc(var(--sp-lg) * 0.8);background-color: #827f7c;pointer-events: none;}
.cta-line::before {content: "";position: absolute;top: 0;left: 0;width: 0.0625rem;height: 0;background-color: var(--bg-white);-webkit-animation: animatedLine 2s linear infinite;animation: animatedLine 2s linear infinite;}
@-webkit-keyframes animatedLine {0% {height: 0;}100% {height: 100%;}}
@keyframes animatedLine {0% {height: 0;}100% {height: 100%;}}
@media (min-width: 1200px) {
.banner-slider .swiper-button-prev,
.banner-slider .swiper-button-next {color: var(--clr-white);}
.banner-slider .swiper-button-prev {left: 1rem;}
.banner-slider .swiper-button-next {right: 1rem;}
.banner-btn-project:hover {background-color: var(--bg-black);}
.banner-btn-project:hover .title {color: var(--clr-white);}
.banner-btn-project:hover svg path {fill: var(--clr-white);}
.fixed-btn:hover {background: rgba(255, 255, 255, 0.2);}
}
@media (max-width: 1199px) {
.banner-btn-project,
.cta-line {right: 0.75rem;}
}
@media (max-width: 767px) {
.banner-info > * + * {margin-top: 1rem;}
.banner-info .title {font-size: calc(var(--h1) - 0.375rem);}
.banner.full .banner-align.align-bottom {vertical-align: middle;padding-block: 5rem;}
.fixed-menu-wrapp {--size: 5rem;}
.fixed-btn {bottom: 1.875rem;}
.fixed-btn span {font-size: 0.75rem;}
body:has(.banner-btn-project.mob) {padding-bottom: 3.875rem;}
.banner-btn-project:not(.mob) {display: none;}
.banner-btn-project.mob {display: -webkit-box;display: -ms-flexbox;display: flex;}
.banner-btn-project {position: fixed;left: 0;bottom: 0;width: 100%;z-index: 12;}
.menu-pos2 .fixed-btn {bottom: 5rem;}
.menu-pos2 .fixed-menu {bottom: calc(var(--size) + 6rem);}
.cta-line {display: none;}
.video-sec .video video{left: 0;top: 0;width: 100%;height: 100%;-webkit-transform: none;-ms-transform: none;transform: none;}
}
.banner-sec {opacity: 1;overflow: visible;}
/*--------------------*/
/*  MENUS             */
/*--------------------*/
.fixed-menu {position: fixed;bottom: calc(var(--size) + 3.5rem);left: 0;right: 0;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;min-width: 20rem;height: auto;margin: 0 auto;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.04);padding: 1rem;z-index: 10;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
.fixed-menu-inner {--padd: 2.5rem;position: relative;padding: 4.167vw 1.5vw;background-color: var(--bg-black);text-align: center;gap: 2.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.fixed-menu-inner .social {--size: 2.25rem;}
.main-menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1rem;}
.main-menu a {font-size: clamp(1.5rem, 0.6579rem + 1.7544vi, 2.5rem);line-height: 1.2em;font-weight: 400;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;}
.main-menu a.active {color: var(--clr-white);}
.second-menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.75rem;}
.second-menu a {font-size: 1.125rem;line-height: 1.33em;font-weight: 400;color: rgba(255, 255, 255, 0.6);}
.second-menu a.active {color: var(--clr-white);}
@media (min-width: 1200px) {
.fixed-menu-inner a:hover {color: var(--clr-white);}
}
@media (max-width: 1440px) {
.fixed-menu-inner {gap: 2rem;}
}
@media (max-width: 767px) {
.fixed-menu {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;max-width: 100%;bottom: calc(var(--size) + 3rem);padding: 0.625rem;}
.fixed-menu-inner {padding: 1.5rem;gap: 1.5rem;}
.main-menu ul {gap: 0.75rem;}
}
/*--------------------*/
/* LR Block           */
/*--------------------*/
.pd-section {padding-block: var(--sp-xl);}
.black-sec {background-color: var(--bg-black);--clr-title: #fff;--clr-text: #E6E6E6;}
.motto {text-transform: uppercase;color: var(--clr-title);font-size: 1rem;line-height: 1.3;font-weight: 400;}
.lr-section[data-wpr-lazyrender] {content-visibility: visible;}
.lr-img-1 {position: relative;overflow: hidden;display: block;cursor: default;width: 100%;}
.lr-img-1 img {display: block;width: 100%;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition: var(--transition-1);transition: var(--transition-1); }
.lr-content-1 {margin-left: 5vw;}
.lr-content-1 > * + * {margin-top: 1rem;}
.lr-content-1 .title {font-family: var(--ff-500);text-wrap: inherit;}
.lr-content-1 .title + * {margin-top: 2.5rem;}
.lr-content-1.two-colums .text {-webkit-columns: 2;-moz-columns: 2;columns: 2;-webkit-column-gap: 5vw;-moz-column-gap: 5vw;column-gap: 5vw;text-align: left;}
.lr-content-1.two-colums .text p {-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;break-inside: avoid;}
.lr-content-1.left-content {margin-left: 0;margin-right: 10.01%;}
.lr-content-1 .signature {max-width: 19.1875rem;}
.get-consul{background-color: var(--bg-gray);}
.lr-content-1 * + .btn {margin-top: 2.5rem;}
@media (min-width: 1200px) {
a.lr-img-1:hover img {-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.lr-content-1 .get-consul{min-width: 25rem;}
}
@media (max-width: 991px) {
.lr-img-1 {margin-bottom: 1.5rem;}
.lr-content-1 {margin-left: 0;}
.lr-content-1.left-content {margin-right: 0;}
}
@media (max-width: 767px) {
.lr-content-1 .title + *, .lr-content-1 * + .btn{margin-top: 1rem;}
.lr-content-1.two-colums .text {-webkit-columns: 1;-moz-columns: 1;columns: 1;}
}
/*--------------------*/
/* LR Block           */
/*--------------------*/
.lr {position: relative;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.lr.lr_align-top {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.lr.lr_align-bottom {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.lr__image {-ms-flex-item-align: start;align-self: flex-start;position: relative;padding-bottom: 76%;width: 50vw;overflow: hidden;height: 100%;}
.lr__image .image-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;}
.lr__image:first-child {margin-left: calc(100% - 50vw);}
.lr__image:last-child {margin-right: calc(100% - 50vw);}
.lr__image img{transform: none!important;}
.lr__content {position: relative;display: -ms-grid;display: grid;gap: var(--sp-xs);justify-items: flex-start;}
.lr__content:first-child {padding-right: var(--sp-lg);}
.lr__content:last-child {padding-left: var(--sp-lg);}
a.lr__content .project-detail,
a.lr__content .project-detail .title {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
@media (min-width: 1200px) {
a.lr__content:hover .project-detail {padding-block: 1rem;}
a.lr__content:hover .project-detail .title {transform: scale(1.05);}
}
@media (min-width: 1200px) and (min-width: 1300px) {
a.lr__content:hover {padding-block: 2rem;}
}
@media (min-width: 768px) {
.lr-section .lr__content {padding-top: var(--sp-md);padding-bottom: var(--sp-md);}
}
@media (max-width: 767px) {
* + .lr-section,
.lr-section + .lr-section {margin-top: var(--sp-xl);}
.lr {-ms-grid-columns: 1fr;grid-template-columns: 1fr;gap: 1.5rem;}
.lr__image {-ms-grid-row: 1;grid-row: 1;width: 100%;}
.lr__image:first-child,
.lr__image:last-child {width: 100%;margin-left: 0;margin-right: 0;-ms-grid-row: 1;grid-row: 1;}
.lr__image:last-child {margin-right: calc(100% - 50vw);}
.lr__content:first-child,
.lr__content:last-child {padding: 0;}
}
/*--------------------*/
/*  About             */
/*--------------------*/
.about-big-photo {position: relative;padding-top: 45.72%;overflow: hidden;}
.about-big-photo img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.about-big-photo + * {margin-top: 2.5rem;}
.img-info {margin-inline: auto;max-width: 73%;text-align: center;}
.img-info > * + * {margin-top: 1.5rem;}
.img-info .title {font-size: calc(var(--h6) + 0.25rem);}
.about-full-photo-sec {position: relative;padding-top: 40%;overflow: hidden;}
.about-full-photo-sec img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.adv-row {--bs-gutter-x: 5rem;--bs-gutter-y: 3.75rem;}
.adv-item {position: relative;display: block;}
.adv-item > * + * {margin-top: 2.5rem;}
.adv-img {--size: 5.625rem;position: relative;width: var(--size);height: var(--size);}
.adv-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;-o-object-fit: contain;object-fit: contain;-o-object-position: bottom left;object-position: bottom left;}
.adv-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding-top: 3.75rem;border-top: 0.0625rem solid var(--clr-separator);gap: 1.5rem;}
.adv-content .adv-title {text-transform: inherit;min-width: 40%;}
@media (max-width: 1199px) {
.about-big-photo + * {margin-top: 1.5rem;}
.img-info {max-width: 100%;}
.img-info .title {font-size: calc(var(--h6) - 0.25rem);}
.adv-row {--bs-gutter-x: 3.125rem;--bs-gutter-y: 3.125rem;}
.adv-item > * + * {margin-top: 1.875rem;}
.adv-img {--size: 3.75rem;}
.adv-content {padding-top: 1.875rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.25rem;}
}
/*--------------------*/
/*  Project           */
/*--------------------*/
:root {--pd-panel: 12.5rem;}
.section:not(.pd-section) + .project-sec {padding-top: var(--sp-xl);}
.project-detail {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.25rem;padding-left: 2.5rem;border-left: 0.0625rem solid var(--clr-black);}
.project-type {font-size: var(--text);line-height: 1.5em;text-transform: uppercase;color: var(--clr-text-3);font-weight: 400;}
.project-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.25rem;}
.project-info .characteristic {color: var(--clr-text-3);}
.project-info .name {text-transform: uppercase;}
.detail-info-sec {padding-block: var(--sp-sm) var(--sp-xl);}
.detail-info-sec.has-back {padding-top: 2.5rem;}
.detail-info-sec.has-back .btn-back {margin-bottom: var(--sp-sm);margin-left: -0.625rem;position: relative;top: auto;left: auto;}
.detail-info-project {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: var(--sp-sm);}
.detail-info-project .project-info {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 2.5rem;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.detail-info-project .project-desc {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 2.5rem;}
.big-gallery-slider .gallery {position: relative;width: 100%;display: block;cursor: default;}
.pd-big-photo {position: relative;padding-top: 66%;overflow: hidden;}
.pd-big-photo img {position: absolute;left: 0;top: 0;width: 100%;height: 100%; -o-object-fit: cover;object-fit: cover;content-visibility: auto; -webkit-transition: var(--transition-1); transition: var(--transition-1);}
.pd-double-sec .text {display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pd-double-photo {position: relative;padding-top: 130%;overflow: hidden;}
.pd-double-photo.small {padding-top: 91.6%;}
.pd-double-photo img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.pd-double-photo + * {margin-top: 2.5rem;}
.pd-full-photo-sec {position: relative;padding-top: 36.2%;overflow: hidden;}
.pd-full-photo-sec img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.gallery-slider .swiper-container {overflow: visible;}
.gallery-slider .swiper-slide {width: auto;}
.gallery-slider .gallery {position: relative;width: 100%;display: block;cursor: default;}
.gallery-slider .gallery-photo {position: relative;overflow: hidden;height: max(15rem, 25vw);}
.gallery-slider .gallery-photo img {width: auto;height: 100%;display: block; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: var(--transition-1); transition: var(--transition-1);}
.project-row {--bs-gutter-x: 3.75rem;--bs-gutter-y: 5rem;}
.project-row + .pagination {margin-top: max(1.5rem, 4.3vw);}
.project-item {position: relative;display: block;}
.project-item > * + * {margin-top: 1.75rem;}
.project-img {position: relative;overflow: hidden;display: block;width: 100%;padding-top: 84.6%;}
.project-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.project-item.news-item {display: flex;flex-direction: column;height: 100%;}
.project-item.news-item .project-detail {flex-grow: 1;}
.project-item .title {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.project-item.news-item .text {margin-top: auto;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.project-item.news-item .project-img {padding-top: 0;}
.project-item.news-item .project-img img {position: relative;height: auto;-o-object-fit: unset;object-fit: unset;}
@media (min-width: 1200px) {
.pd-big-photo:hover img,
.gallery-photo:hover img {-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.project-item:has(a.project-detail:hover) a.project-img img,
a.project-img:hover img {-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.project-item:has(a.project-detail:hover) .title,
.project-item:has(a.project-img:hover) .title {transform: scale(1.05);}
}
@media (max-width: 1440px) {
:root {--pd-panel: 7.5rem;}
.project-row {--bs-gutter-x: 1.875rem;--bs-gutter-y: 3.125rem;}
}
@media (max-width: 1199px) {
:root {--pd-panel: 5rem;}
.project-detail {gap: 1rem;padding-left: 1.5rem;}
.project-info {gap: 0.75rem;}
}
@media (max-width: 767px) {
.detail-info-sec.has-back {padding-top: 1.875rem;}
.detail-info-project .project-info {gap: 0.625rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.detail-info-project .project-desc {gap: 1rem;}
.pd-double-sec .row {--bs-gutter-y: 1.5rem;}
.pd-double-photo + * {margin-top: 1.5rem;}
.pd-full-photo-sec {padding-top: 76%;}
}
/*--------------------*/
/*  ARTICLE BLOCK     */
/*--------------------*/
.article-slider .swiper-container {overflow: visible;}
.article-slider .swiper-slide {width: auto;}
.article-item {display: block;}
.article-item > * + * {margin-top: 1.25rem;}
.article-img {display: block;position: relative;overflow: hidden;height: max(18rem, 28vw);}
.article-img img {width: auto;height: 100%; display: block;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.video-sec .banner-media {position: relative;overflow: hidden;height: clamp(20rem, -2.1053rem + 46.0526vi, 46.25rem);}
.video-sec .banner-media::before {content: none;}
.video-control {--size: 7rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 2;font-size: 0;width: var(--size);height: var(--size);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.video-control > * {position: absolute;top: 0;left: 0;cursor: default;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.video-control.paused .pause-video,
.video-control .play-video {opacity: 0;visibility: hidden;}
.video-control.paused .play-video {opacity: 1;visibility: visible;}
.video-info {margin-top: 1rem;}
.video-info > * + * {margin-top: 0.5rem;}
.video-info .btn-link {margin-top: 0.625rem;}
.video-sec iframe{display: block;border: 0;width: 100%;height: 100%;aspect-ratio: 16 / 9;}
.brief-sec {background-color: var(--bg-gray);}
.awards-video {position: relative;overflow: hidden;padding-bottom: 107%;max-width: 23.23vw;}
.awards-video .video video{position: absolute;}
.awards-block {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.awards-block + .btn-link {margin-top: var(--sp-sm);}
.awards-block .col-10 {width: 7%;}
.awards-block .col-40 {width: 50%;}
.awards-block .col-30 {width: 30%;}
.awards-block.no-img .award-photo {display: none;}
.awards-caption {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;border-bottom: 0.0625rem solid var(--clr-separator);font-size: var(--text);line-height: 1.33em;color: var(--clr-text);}
.awards-caption > * {padding-block: 1.25rem;padding-right: 1.5rem;}
.awards-caption::before {content: "";position: absolute;bottom: -0.0625rem;right: 0;height: 0.0625rem;width: 100%;background-color: var(--clr-separator);-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
.awards-items {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.award-item {--padd: 1.75rem;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;font-size: var(--h6);line-height: 1.4em;text-transform: uppercase;font-weight: 400;color: var(--clr-title);border-bottom: 0.0625rem solid var(--clr-separator);cursor: default;}
.award-item .award-link{position: absolute;top:0;right:0;width:100%;height:100%;}
.award-item::after {content: "";position: absolute;bottom: -0.0625rem;right: 0;height: 0.0625rem;width: 100%;background-color: var(--clr-separator);-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
.award-item > * {padding-block: var(--padd);padding-right: 1.5rem;}
.award-item > * span {display: block;}
.award-item::before {content: "";position: absolute;right: 0;top: var(--padd);width: 2.125rem;height: 1.5rem;background-image: url(../img/icons/arrow-right.png);background-repeat: no-repeat;background-position: center;background-size: contain;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: var(--transition-1);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.award-item.active .award-photo {visibility: visible;opacity: 1;-webkit-transform: translate(calc(-100% - 1.25rem), -50%) scaleX(1);-ms-transform: translate(calc(-100% - 1.25rem), -50%) scaleX(1);transform: translate(calc(-100% - 1.25rem), -50%) scaleX(1);}
.award-item.active::before {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}
.award-photo {position: absolute;left: 0;top: 50%;-webkit-transform: translate(calc(-100% - 1.25rem), -50%) scaleX(0);-ms-transform: translate(calc(-100% - 1.25rem), -50%) scaleX(0);transform: translate(calc(-100% - 1.25rem), -50%) scaleX(0);-webkit-transform-origin: center right;-ms-transform-origin: center right;transform-origin: center right;padding: 0;width: 17.625rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);aspect-ratio: 282/330;overflow: hidden;visibility: hidden;opacity: 0;transition: var(--transition-1);}
.award-photo img {position: absolute;left: 0;top: 0;width: 100%;height: revert-layer !important;-o-object-fit: unset;object-fit: unset;content-visibility: auto;}
.awards-block + .pagination {margin-top: var(--sp-xs);}
.awards-block + .pagination ul {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
@media (min-width: 2000px) {
.video-sec .banner-media {height: 60rem;}
}
@media (min-width: 1200px) {
.banner-align:not(:hover) .video-control,
.banner-align:has(.fixed-menu-wrapp:hover) .video-control {opacity: 0;visibility: hidden;}
.video-sec iframe{aspect-ratio: 16 / 7;}
a.article-img:hover img {-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
}
@media (max-width: 1199px) {
.video-control {display: none;}
.award-item {--padd: 1rem;}
.award-item::after {content: none;}
.brief-sec .row {--bs-gutter-y: 2rem;}
.awards-caption::before {content: none;}
.awards-video {max-width: 100%;margin-bottom: 1.5rem;}
}
@media (max-width: 767px) {
.awards-video{padding-bottom: 135.3%;}
.awards-block .col-10 {width: 10%;}
.awards-block .col-40 {width: 55%;}
.awards-block .col-30 {width: 45%;}
.award-item > * {padding-right: 1rem;}
.video-control {--size: 5rem;}
.banner-sec .video-control {top: auto;left: auto;bottom: 1.875rem;right: 1rem;-webkit-transform: none;-ms-transform: none;transform: none;}
.banner-sec.menu-pos2 .video-control {bottom: 5rem;}
.awards-block + .pagination ul {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
}
/*--------------------*/
/*  BLOG              */
/*--------------------*/
.blog-date {font-size: var(--h5);font-weight: 400;line-height: 1.3em;color: var(--clr-title);margin-bottom: 1.25rem;}
.section .btn-back {margin-bottom: 1.25rem;margin-left: -0.625rem;}
@media (min-width: 1200px) {
.section .btn-back {position: absolute;left: 0;top: 0;}
.section.pd-section .btn-back {top: calc((var(--sp-xl) - 2.5rem) * -1);}
.blog-date {position: absolute;left: 0.9375rem;top: 44%;}
.slider-blog .blog-date {left: 0;}
.slider-blog:not(:has(.swiper-button-lock)) .lr-content-1 {padding-bottom: 5rem;}
}
@media (min-width: 992px) {
.section .btn-back {top: 0;margin: 0;}
.section.pd-section .btn-back {top: calc((var(--sp-xl) - 2.5rem) * -1);}
}
/*------------------*/
/*  Pagination      */
/*------------------*/
.pagination {--size: 4rem;--font-size: 1rem;--gap: 0.25rem;position: relative;display: block;}
.pagination ul {line-height: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: var(--gap);}
.pagination li {-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;position: relative;width: var(--size);height: var(--size);text-align: center;font-size: var(--font-size);font-weight: 400;line-height: var(--size);color: var(--clr-text-3);}
.pagination a {display: inline-block;position: relative;width: 100%;height: 100%;}
.pagination .dots {pointer-events: none;color: var(--clr-title);}
.pagination .pag-arrow a::before {content: "";position: absolute;top: 50%;left: 50%;margin-left: 3.5%;width: 12%;height: 12%;border-left: 0.0625rem solid currentColor;border-bottom: 0.0625rem solid currentColor;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.pagination .pag-arrow:last-child {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.pagination li.active a {pointer-events: none;color: var(--clr-title);}
@media (min-width: 1200px) {
.pagination li a:hover {color: var(--clr-title);}
}
@media (max-width: 575px) {
.pagination {--size: 2.5rem;--gap: 0.5rem;}
.pagination .pag-arrow a::before {width: 15%;height: 15%;}
}
.faq-section {min-height: calc(var(--svh) - var(--h-height));}
/*--------------------*/
/* Accordion          */
/*--------------------*/
.faq-sec .row {--bs-gutter-x: 7.5rem;}
.accordion {position: relative;z-index: 1;}
.accordion-item {position: relative;--padding-acc: 2.5rem;}
.accordion-title {position: relative;cursor: default;font-size: 1rem;line-height: 1.3em;font-weight: 500;font-family: var(--ff-500);color: var(--clr-title);text-transform: uppercase;padding-block: var(--padding-acc);padding-inline: var(--padding-acc);padding-right: calc(var(--padding-acc) * 2);border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.accordion-title i {display: inline-block;position: absolute;right: 2rem;top: var(--padding-acc);width: 2.125rem;height: 1.125rem;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.accordion-title i::before {content: "";position: absolute;top: 0;left: 0;width: 2.125rem;height: 1.125rem;background-image: url(../img/icons/arrow-right.svg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.accordion-title.is-active {background-color: var(--bg-gray);border-color: rgba(0, 0, 0, 0.05);}
.accordion-title.is-active i {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.accordion-inner {display: none;padding: 2rem var(--padding-acc);padding-right: calc(var(--padding-acc) * 2);background-color: var(--bg-gray);}
.accordion + .pagination{margin-top: var(--sp-sm);}
.accordion + .pagination ul {justify-content: flex-start;}
@media (min-width: 1200px) {
.accordion-title:hover {background-color: var(--bg-gray);}
}
@media (max-width: 1680px) {
.accordion-item {--padding-acc: 2rem;}
}
@media (max-width: 1199px) {
.faq-sec .row {--bs-gutter-y: 2.5rem;}
.accordion-title i {right: 0;}
}
@media (max-width: 991px) {
.accordion-item {--padding-acc: 1rem;}
.accordion-inner {padding-block: 1rem;}
}
@media (max-width: 767px) {
.accordion + .pagination ul {justify-content: center;}
}
/*--------------------*/
/*  CONTACTS          */
/*--------------------*/
.ct-items-row {position: relative;display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);gap: 3.75rem 2rem;margin-top: 3.75rem;}
.contact-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.125rem;}
.contact-item .ct-caption {color: var(--clr-text-3);}
.contact-item-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;font-weight: 400;font-size: var(--text-xl);color: var(--clr-text);text-transform: uppercase;}
.contact-item-info > * + * {margin-top: 0.25rem;}
.contact-group-sec {padding-block: var(--sp-md);}
.contact-group-sec .lr-content-1 {margin: 0;}
.contact-group-sec .motto {padding-bottom: 1rem;border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.25);}
.contact-group-sec .ct-items-row {gap: 1.25rem;margin-top: 3.75rem;}
.contact-group-sec .ct-items-row .contact-item {background: #222224;padding: 1.25rem;}
.contact-group-sec .ct-items-row .contact-item .ct-caption,
.contact-group-sec .ct-items-row .contact-item .caption {color: var(--clr-white-50);text-transform: initial;}
.contact-block {position: relative;overflow: hidden;display: block;padding-top: max(22.5rem, 24vw);}
.map {position: absolute;inset: 0;}
@media (min-width: 1200px) {
.contact-item-info a:hover {opacity: 0.8;}
}
@media (max-width: 1199px) {
.ct-items-row {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);gap: 2rem;}
.contact-group-sec .ct-items-row {margin-top: 1.875rem;-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 991px) {
.contact-group-sec .ct-items-row {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 767px) {
.contact-sec.pd-section + .section.pd-section {margin-top: 0;}
.ct-items-row {gap: 1.25rem;}
}
/*--------------------*/
/*  FOOTER            */
/*--------------------*/
footer {position: relative;background-color: var(--bg-black);padding-block: max(1.5rem, 3.5vw);overflow: hidden;z-index: 11;}
footer .row {--bs-gutter-x: 3.125rem;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.footer-logo {display: block;max-width: 9.125rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-copy {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0 2.61vw;padding-bottom: 0.25rem;}
.footer-copy > * {font-size: 1.125rem;line-height: 1.33em;font-weight: 400;color: rgba(255, 255, 255, 0.6);}
.social-dev {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0 2.61vw;margin-bottom: -0.5rem;}
.social {--size: 3.125rem;}
.social .caption + * {margin-top: 0.75rem;}
.social ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0.625rem;}
.social li {line-height: 0;}
.social a {position: relative;width: var(--size);height: var(--size);border-radius: 100%;background-color: transparent;border: 0.125rem solid rgba(255, 255, 255, 0.15);}
.social a > * {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 60%;max-height: 60%;}
.social.style2 .caption {color: var(--clr-text-3);text-transform: initial;}
.social.style2 a {background-color: var(--bg-gray);border: 0.125rem solid var(--bg-gray);}
.dev-link {font-size: 1.125rem;line-height: 1.33em;font-weight: 400;color: rgba(255, 255, 255, 0.6);gap: 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
@media (min-width: 1200px) {
.footer-copy a:hover,
.dev-link:hover {color: var(--clr-white);}
.social a:hover {border-color: var(--clr-white);}
.social.style2 a:hover {background: transparent;border-color: var(--bg-gray);}
}
@media (max-width: 1199px) {
.social-dev {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 1.5rem;}
}
@media (max-width: 991px) {
.footer-logo {margin-inline: auto;}
.footer-contacts {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.footer-copy,
.dev-link {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.footer-copy {margin-top: 1.5rem;}
}
@media (max-width: 767px) {
.footer-copy {gap: 0.625rem;}
.footer-copy > * {font-size: 0.9375rem;}
.social-dev {gap: 0.625rem;}
}
/*--------------------*/
/*  POPUPS            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: rgba(0, 0, 0, 0.45);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);opacity: 0;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;-webkit-transition-delay: 0s;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: 0.9375rem;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transform: translateY(6.25rem);-ms-transform: translateY(6.25rem);transform: translateY(6.25rem);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.popup-content.active {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);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: 28.75rem;background: var(--bg-black);}
.popup-container.size-2 {max-width: 56.875rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 0.625rem;right: 0.625rem;}
.popup-align {position: relative;z-index: 1;padding: 2.5rem;}
.popup-info {--clr-title: var(--clr-white);--clr-text: var(--clr-text-2);}
.popup-info > * + * {margin-top: 1.5rem;}
.popup-info .btn-wrapp {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.open-popup {cursor: default;}
.brief-popup .popup-container {padding: 1rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.04);}
.brief-popup .popup-container .btn-close {top: 1.5rem;right: 1.5rem;}
.brief-popup .popup-align {background-color: var(--bg-black);padding-block: 5rem;}
.brief-popup .content {text-align: left;}
.brief-popup .popup-info > * + * {margin-top: 3.75rem;}
.brief-popup .form-block {--space: 1.5rem;text-align: left;}
@media (max-width: 575px) {
.popup-container .btn-close {top: 0.25rem;right: 0.25rem;}
.popup-align {padding: 2.5rem 1rem;}
.brief-popup .popup-container {padding: 0;border: none;background: transparent;}
.brief-popup .popup-container .btn-close {top: 0.25rem;right: 0.25rem;}
.brief-popup .popup-align {background-color: var(--bg-black);padding-block: 2.5rem;}
.brief-popup .popup-info > * + * {margin-top: 1.875rem;}
.brief-popup .form-block {--space: 1rem;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--cookie-pd: clamp(0.9375rem, -0.3783rem + 2.7412vi, 2.5rem);--cookie-gap: 1.5rem;position: fixed;bottom: clamp(0.9375rem, -0.3783rem + 2.7412vi, 2.5rem);left: clamp(0.9375rem, -0.3783rem + 2.7412vi, 2.5rem);-webkit-transform: translate(0%, 100%);-ms-transform: translate(0%, 100%);transform: translate(0%, 100%);max-width: min(100%, 28.75rem);width: calc(100% - 1.875rem);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;display: block;background: var(--bg-black);-webkit-transition: translate var(--transition-1),opacity var(--transition-1);transition: translate var(--transition-1),opacity var(--transition-1);padding: var(--cookie-pd);}
.cookies-informer-inner {width: 100%;}
.cookies-informer-inner > * + * {margin-top: 1.5rem;}
.cookies-informer .text {color: var(--clr-text-2);}
.cookies-informer .text a {color: var(--clr-white);text-decoration: underline;}
.cookies-informer .btn-close {position: absolute;top: 0.625rem;right: 0.625rem;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;-webkit-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);transform: translate(0%, 0%);}
.cookies-btn-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1.25rem;}
@media (max-width: 767px) {
.cookies-informer .btn-close {top: 0;right: 0;}
}
/*--------------------*/
/* 404                */
/*--------------------*/
.page-404-2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;min-height: calc(var(--svh) - var(--h-height));margin: 0 !important;padding: 2.5rem 0;}
.page-404-img-2 {max-width: 30rem;width: 100%;margin-inline: auto;}
.page-404-img-2 img {vertical-align: top;width: 100%;}
.page-404-inner-2 {max-width: 37.5rem;width: 100%;margin-inline: auto;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;}
.page-404-inner-2 .btn-link {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
@media (max-width: 767px) {
.page-404-inner-2 {gap: 0.625rem;}
}

/*--------------------*/
/* Service page       */
/*--------------------*/
.banner-sec + .design-sec{padding-top: 2.5rem;}
.design-sec + *{padding-top: var(--sp-sm);}
.design-sec{position: sticky;top: calc(var(--h-height) + 0.75rem - 2.5rem);z-index:5;}
.design-services{ display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem;}
.design-item{display:flex;align-items: center;gap: 0.75rem;position: relative;padding: 6px;background-color: var(--bg-gray);min-width: 26.042vw;}
.design-item picture{flex-shrink:0;}
.design-item img{position: relative;width:5rem;aspect-ratio: 1/0.625;object-fit:cover;}
.design-item span{font-size: 1rem;line-height:1.2;color: var(--clr-title);text-transform: uppercase;transition: var(--transition-1);}
.design-item.active{background-color: var(--bg-black);}
.design-item.active span{color:var(--clr-white);}
@media(min-width: 1200px){
	.design-item:not(.active):hover{background-color: var(--bg-black);}
	.design-item:not(.active):hover span{color:var(--clr-white);}
}
@media(max-width: 1199px){
	.banner-sec + .design-sec{padding-top: 1.875rem;}
	.design-sec{top: calc(var(--h-height) + 0.75rem - 1.875rem);}
	.design-item{max-width: 32%;}
	.design-item span{font-size: 0.75rem;}
}
@media(max-width: 575px){
	.design-sec{position: relative; top: auto;}
	.design-services{flex-direction: column;}
	.design-item{max-width: 100%;width: 100%;}
}