/* SPECIAL */

:root { --green: #133F2E; --red: #F53B22; --pink: #FFEBE6; --lpink: #fff8f8; --text: #3a3d3b; --light: 'ploni-light-aaa'; --medium: 'ploni-medium-aaa-new'; --regular: 'ploni-regular-new'; --schoolbook: 'schoolbook' }

/* General */
html { font-size: 62.5%; }
body { line-height: 1; font-size: 2rem; background: var(--pink); zoom: 1 !important; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview #text2, #headline h1 { position: relative; display: inline-block; max-width: 100%; width: 100%; }
p, .grid-rows .grid-row-text p { font-size: 2rem; position: relative; color: var(--text); }
#SiteGrid { overflow: hidden; }
#SiteGridContainer { padding-top: var(--headerHeight); opacity: 0; transition: 1s opacity ease; z-index: 2; }
#SiteGridContainer.shown { opacity: 1; }
#SiteFooter .site-credit.alternative { padding: 5px 0; z-index: 1; width: 100%; order: 3; display: none; }
.grid-rows .grid-row { background: inherit; }
.categories-strip { display: none; }
.FormResultPage { background: var(--lpink); }
.FormResultPage #pageview { padding: 200px 0 0px; padding: 10.45vw 0 10px; }
.FormResultPage #pageview #headline { font-size: 100%; margin-bottom: 10px; position: relative; }
.FormResultPage #pageview #headline h1 { font-size: clamp(3.6rem,3.85vw, 7.4rem); letter-spacing: -2.96px; color: var(--green); }
.FormResultPage #pageview #text1 { max-width: 100%; line-height: 1; }
.FormResultPage #pageview #text1 p { font-size: 2.2rem; color: var(--green); }
.FormResultPage #pageview #text1 a.FormResultPageButton { background: transparent; border: 1px solid var(--green); border-radius: 50px; height: 50px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 20px; width: auto; position: relative; margin: 30px 0 0 !important; font-family: var(--medium); color: var(--green); font-size: 1.9rem; transition: 0.3s all ease; }
.FormResultPage #pageview #text1 a.FormResultPageButton::after { content: ''; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; background: var(--green); border-radius: 50%; }
.FormResultPage #pageview #text1 a.FormResultPageButton:hover, .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button-wrapper .next-button a:focus { background: var(--green); color: #fff; }
.FormResultPage #pageview #text1 a.FormResultPageButton::before { content: ''; position: absolute; left: -38px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url(/warehouse/dynamic/392538.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.FormResultPage #pageview #text1 a.FormResultPageButton:hover::before { background-position: right bottom; }
.FormResultPage #pageview #headline::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -150px; background-image: url(/warehouse/dynamic/393164.svg); width: 100px; height: 100px; background-repeat: no-repeat; background-size: cover; transition: 0.6s all 0.2s; }
#allSectionsWrapper { z-index: 1; }
.accessabilityMainPage #pageview { margin: 70px auto 100px; max-width: 750px; width: calc(100% - 30px); }
.accessabilityMainPage #pageview #text1 { text-align: right; }
.accessabilityMainPage #pageview #text1 h4 { font-size: 3rem; }
.accessabilityMainPage #pageview #headline { max-width: 90%; margin: auto; }
.accessabilityMainPage #pageview h2 { font-size: 4rem; }
.accessabilityMainPage #text1 ul, .accessabilityMainPage #text2 ul { padding-right: 20px; margin: 20px 0; list-style: none; }
.accessabilityMainPage #text1 ul li, .accessabilityMainPage #text2 ul li { font-size: 2rem; position: relative; }
.accessabilityMainPage #text1 ul li::after, .accessabilityMainPage #text2 ul li::after { content: ''; position: absolute; right: -20px; top: 8px; background: var(--green); width: 6px; height: 6px; border-radius: 50%; pointer-events: none; }
#text1 h4, #text2 h4 { font-size: 3rem; }
#text1 p, #text2 p, #text1 li, #text2 li, #text1 span { font-size: 2rem; line-height: 2.1rem; }
#text1 img, #text2 img { margin: 40px 0; }
#text1 p:last-child { margin: 0; }
.sections .section { margin-bottom: 0; background: transparent; padding: 0; max-width: 100%; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container,
.grid-short-box-image .image-container { position: relative; height: 100%; }
a.AccessabilityLink { z-index: 1; margin-bottom: 5px; font-size: 1.8rem; }
.grid-boxes .grid-box-title h3 a { color: inherit; outline: none !important; }
.FormResultPage #GridTop { display: none; }
.FormResultPage #SiteGridContainer { display: flex; flex-direction: column; justify-content: center; }
a.AccessabilityLink:hover { color: #fff; }
#SiteFooter .site-credit.alternative svg path.st0 { fill: #ffffff; }
p.creditWrapper svg { fill: #fff; }
#GridPage { padding: 0; }
#header2 .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width, .max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; }
.grid-text p { margin-top: 0; }
.section-animation-item,
.grid-boxes .section-animation-item,
.section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset; }
a:hover, a:focus { color: inherit; }
#GridTop.noTopImage.longer { height: 0; }
.grid-boxes::before, .grid-boxes::after { display: none; }
*:not(.elevate-button) > a.sec-button { white-space: nowrap; background: transparent; border: 1px solid var(--red); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: max(115px, 7.55vw); height: max(40px, 2.6vw); position: relative; font-family: var(--medium); color: var(--red); font-size: clamp(1.5rem,1vw,1.9rem); transition: 0.3s background ease, 0.3s color ease; }
*:not(.elevate-button) > a.sec-button::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--red); border-radius: 50%; pointer-events: none; }
*:not(.elevate-button) > a.sec-button:hover, *:not(.elevate-button) > a.sec-button:focus { background: var(--red); color: var(--lpink); }
*:not(.elevate-button) > a.sec-button::before { content: ''; position: absolute; left: min(-32px,-1.96vw); top: 50%; transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); background-image: url(/warehouse/dynamic/392538.svg); background-size: 170%; z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
*:not(.elevate-button) > a.sec-button:hover::before { background-position: right bottom; }

@media(max-width: 1024px) {
    .container-fluid { padding: 0; }
    .accessabilityMainPage #pageview { margin: 30px auto 70px; }
    .accessabilityMainPage #text1 ul li::after, .accessabilityMainPage #text2 ul li::after { width: 5px; height: 5px; }
    .accessabilityMainPage #pageview h2 { font-size: 2.2rem; margin: 20px 0px 5px; }
    .accessabilityMainPage #text1 ul, .accessabilityMainPage #text2 ul { margin: 10px 0; }
    p, .grid-rows .grid-row-text p, #text1 p, #text2 p, #text1 li,
    #text2 li, #text1 span, .accessabilityMainPage #text1 ul li, .accessabilityMainPage #text2 ul li { font-size: 1.4rem; line-height: 2.1rem; }
    .FormResultPage #SiteGrid { overflow: visible; }
    .FormResultPage #pageview { padding: 150px 0 10px; }
    .FormResultPage #pageview #headline::before { top: -100px; width: 80px; height: 80px; }
    .FormResultPage #pageview #text1 p { font-size: 1.6rem; }
    .FormResultPage #pageview #text1 a.FormResultPageButton { margin-top: 40px; }
    .FormResultPage #pageview #text1 a.FormResultPageButton { height: 40px; font-size: 1.5rem; }
    .FormResultPage #pageview #text1 a.FormResultPageButton::after { width: 40px; height: 40px; left: -40px; }
    .FormResultPage #pageview #text1 a.FormResultPageButton::before { left: -33px; transform: translateY(-50%) scale(0.9); }
}

/* Header */
#header2, .home-page #header2:not(.bg), #header.bg { background: var(--pink); padding: 0px 62px; height: 90px; display: flex; align-items: center; }
#header2 #header-container { opacity: 0; display: flex; justify-content: space-between; align-items: center; height: 100%; }
#header2 #header-left { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0; width: auto; height: auto; margin: 0; }
#header2 #header-left img, #header.bg #header-left img { max-width: unset; }
#header2 .mobile-middle-kdm { display: inline-flex; padding: 0; }
#header2 .mobile-middle-kdm a { border-radius: 50px; height: 46px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 20px; font-size: clamp(1.7rem, 0.99vw, 1.9rem); margin: 0; background: var(--red); transition: 0.3s all ease; border: 1px solid var(--red); font-family: var(--medium); }
#header2 .mobile-middle-kdm a:hover, #header2 .mobile-middle-kdm a:focus { background: transparent; color: var(--red); }
#header2 .max-width { height: 100%; }
#header2 .header-right-section { flex-grow: 1; height: 100%; }
/*#header2 .header-right-section .phone-icon { display: inline-flex; position: absolute; left: 180px; top: 50%; transform: translateY(-50%); display: none; }*/
/*#header2 .header-right-section .phone-icon .fa-phone:before { color: var(--green); }
#header2 .header-right-section .phone-icon a { position: relative; }
#header2 .header-right-section .phone-icon a::after { content: ''; position: absolute; top: 0; left: -15px; width: 1px; height: 100%; background: var(--green); display: block; pointer-events: none; }*/
#header2 .header-right-section .header-top { position: absolute; display: inline-flex; left: 40px; top: 50%; width: auto; padding: 0; transform: translateY(-50%); }
#header2 .header-right-section .header-top .address { font-size: 1.8rem; color: var(--green); font-family: var(--medium); }
#header2 .header-right-section .header-top .header-top-left { display: none; }
#header2 .header-right-section .menu-nav { margin: 0; height: 100%; }
#header2 .header-right-section .menu-nav #menu { margin: 0; display: flex; align-items: center; height: 100%; }
#header2 .header-right-section .menu-nav #menu > li { margin-left: 40px; color: var(--green); font-size: clamp(1.7rem, 0.99vw, 1.9rem); font-family: var(--medium); height: 100%; display: inline-flex; align-items: center; }
#header2 .header-right-section .menu-nav #menu > li:nth-child(4) { margin-right: auto; margin-left: 180px; }
#header2 .header-right-section .menu-nav #menu > li.last-item { /* margin-right: auto; */ display: none; }
#header2 .header-right-section .menu-nav #menu > li::before { display: none; }
#header2 .header-right-section .menu-nav #menu > li a:focus { opacity: 1; border: none; }
#header2 .header-right-section .menu-nav #menu > li > a { transition: 0.3s all ease; font-size: 100%; }
#header2 .header-right-section .menu-nav #menu > li:hover a, #header2 .header-right-section .menu-nav #menu > li:focus a, #header2 .header-right-section .menu-nav #menu > li a:hover, #header2 .header-right-section .menu-nav #menu > li a:focus { color: var(--red); }
#header2 .header-right-section .menu-nav #menu > li.has-sub::after { content: ''; display: block; margin-right: 10px; width: 14px; height: 7px; background-image: url(/warehouse/dynamic/392023.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; transition: 0.2s all ease; }
#header2 .header-right-section .menu-nav #menu > li.has-sub:hover::after { background-image: url(/warehouse/dynamic/392026.svg); }
#header2 .header-right-section .menu-nav #menu > li.has-sub i { display: none; }
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub { padding: 0; background: var(--pink); outline: 1px solid var(--red); min-width: 20.85vw; top: 70px; right: -30px; }
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li { margin: 0; padding: 0; color: var(--green); font-size: clamp(1.8rem,1.05vw,2rem); position: relative; transition: 0.3s all ease; }
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li:not(:last-child)::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; }
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li::before { content: ''; position: absolute; left: 1.55vw; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url( /warehouse/dynamic/392806.svg); z-index: 1; background-repeat: no-repeat; background-position: center; opacity: 0; }
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li:hover::before,
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li.active::before { opacity: 1; }
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li:hover, #header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li.active { color: #fff; background: var(--red); }
#header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li a { padding: 1.15vw 1.55vw; color: inherit; font-size: 100%; }
#header2 .header-right-section .menu-nav #menu > li.social-mobile { display: none; }
#nav-toggle span { height: 0; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 24px; background: var(--red); }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -2px; width: 24px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; width: 12px; }
#nav-toggle.active span:before, #nav-toggle.active span:after, #nav-toggle-mobile.active span:before, #nav-toggle-mobile.active span:after { width: 24px; }
#header2 .address .topAddress { }

@media(max-width: 1024px) {
    #header2, .home-page #header2:not(.bg), #header.bg { padding: 0px 20px; height: 70px; }
    #header2 .mobile-middle-kdm { width: 100%; margin: 20px 0 0; display: inline-flex; justify-content: center; }
    #header2 #header-left { position: relative; left: unset; top: unset; transform: unset; }
    #header2 #header-left img, #header.bg #header-left img { max-width: 110px; }
    #header2 #header-container > .mobile-middle-kdm { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; width: auto; }
    #header2 #header-container > .mobile-middle-kdm a { height: 32px; padding: 0 12px; font-size: 1.4rem; }
    #header2 .header-right-section { flex-grow: unset; width: auto; padding: 0; height: auto; background: transparent; display: flex; flex-direction: row-reverse; gap: 30px; }
    #header2 .header-right-section .phone-icon { position: relative; left: unset; top: unset; }
    #header2 .header-right-section .phone-icon .fa-phone:before { color: var(--red); }
    #header2 .header-right-section .menu-nav { height: auto; }
    #header2 .header-right-section .menu-nav .nav-menu-anim { width: 24px; z-index: 50; }
    #header2 .header-right-section .menu-nav #menu { background: var(--lpink); position: fixed; top: 0; width: 100%; height: 100% !important; display: block !important; transform: translateX(100%); transition: 0.6s ease !important; clip: auto !important; margin: 0 !important; padding: 75px 0 0 !important; z-index: 20; right: 0; text-align: start; max-height: unset; }
    #header2.open .header-right-section .menu-nav #menu { transform: translateX(0); transition: 0.7s ease !important; }
    #header2 .header-right-section .menu-nav #menu > li { background: var(--lpink); min-height: 70px; padding: 0; height: auto; flex-direction: column; justify-content: center; }
    #header2 .header-right-section .menu-nav #menu > li.last-item { display: block; }
    #header2 .header-right-section .menu-nav #menu > li a { height: 100%; display: inline-flex; align-items: center; width: 100%; padding-right: 30px; }
    #header2 .header-right-section .menu-nav #menu > li > a { height: 70px; }
    #header2 .header-right-section .menu-nav #menu > li > a::before { content: ''; position: absolute; left: 30px; top: 27px; width: 18px; height: 18px; background-image: url(/warehouse/dynamic/392025.svg); z-index: 1; background-repeat: no-repeat; background-position: center; }
    #header2 .header-right-section .menu-nav #menu > li:not(:last-child, .last-item)::before { display: block !important; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; margin: 0; }
    #header2 .header-right-section .menu-nav #menu > li.has-sub::after { display: none; }
    #header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li:hover::before, #header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li.active::before { opacity: 0; }
    #header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li a { padding: 20px 30px; }
    #header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub { top: unset; right: unset; outline: 1px solid rgba(216,206,199,0.8); background: #fff; }
    #header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li::before { left: 30px; }
    #header2 .header-right-section .menu-nav #menu > li.has-sub ul.menu-sub li { color: var(--red) !important; background: #fff !important; }
    #header2 .header-right-section .menu-nav #menu > li.active > a,
    #header2 .header-right-section .menu-nav #menu > li:hover > a { background: var(--red); color: #fff; }
    #header2 .header-right-section .menu-nav #menu > li.active > a::before,
    #header2 .header-right-section .menu-nav #menu > li:hover > a::before { background-image: url(/warehouse/dynamic/392806.svg); }
}

/* First Section */
.section.elevate-headline { padding-top: 3.5vw; width: calc(100% - 125px); margin: 0 auto; }
.section.elevate-headline .section-title { margin-bottom: 40px; margin-bottom: 2.1vw; }
.section.elevate-headline .section-title h1, .section.elevate-headline .section-title h2 { font-size: clamp(5rem, 7.3vw, 14rem); color: var(--green); letter-spacing: -5.6px; line-height: 0.85; padding-bottom: 10px; }
.section.elevate-headline .section-title h1 span { font-family: "schoolbook", serif; font-style: italic; }
.section.elevate-headline .section-title h2 { padding-bottom: 20px; direction: ltr; }
.section.elevate-headline .section-title h2 .switch-text { margin-left: 1.85vw; color: var(--red); font-family: var(--schoolbook); font-style: italic; }
.section.elevate-headline .grid-text-content { width: 100%; padding: 0; }
.section.elevate-headline .grid-text-content p { font-size: clamp(1.59rem,1.6vw, 3rem); max-width: 890px; margin: 0 auto; line-height: 1.4; color: var(--text); font-family: var(--medium); }
.section.elevate-headline .grid-text-content .text-wrapper p { transition-delay: 0.6s !important; }
.section.elevate-headline .grid-text-content .text-wrapper:last-child p { transition-delay: 0.8s !important; }
.section.elevate-row { margin: 3.15vw auto 8.85vw; }
.section.elevate-row .grid-text-content { width: 100%; padding: 0; }
.section.elevate-row .grid-text-content ul { padding: 0; margin: 0 0 60px; margin: 0 0 3.15vw; display: flex; align-items: center; justify-content: center; height: 90px; height: 4.7vw; position: relative; list-style: none; }
.section.elevate-row .grid-text-content ul .top-line { position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 1px; width: 90%; background: linear-gradient(90deg, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 50%, rgba(216,206,199,0) 100%); pointer-events: none; }
.section.elevate-row .grid-text-content ul .bottom-line { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 90%; background: linear-gradient(90deg, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 50%, rgba(216,206,199,0) 100%); pointer-events: none; }
.section.elevate-row .grid-text-content ul li { margin-left: 40px; font-size: clamp(1.7rem, 1.1vw, 2.1rem); color: var(--green); font-family: var(--regular); }
.section.elevate-row .grid-text-content a.sec-button { width: 6vw; height: 6vw; display: inline-flex; padding: 0; align-items: center; justify-content: center; border-radius: 50%; background: transparent; color: var(--red); font-family: var(--medium); position: relative; transform: translateX(10px); font-size: clamp(1.5rem, 1.05vw, 2rem); transition: 0.8s all ease; }
.section.elevate-row .grid-text-content a.sec-button::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/392540.svg); background-size: 100%; background-position: center; background-repeat: no-repeat; pointer-events: none; transition: 0.8s all ease; }
.section.elevate-row .grid-text-content .elevate-button { width: auto; display: inline-flex; position: relative; flex-direction: row-reverse; }
.section.elevate-row .grid-text-content .elevate-button .button-right-side { background: var(--red); font-family: var(--medium); width: 6vw; height: 6vw; border-radius: 50%; z-index: -1; pointer-events: none; color: #fff; display: inline-flex; align-items: center; justify-content: center; transform: translateX(-10px); transition: 0.8s all ease; }
.section.elevate-row .grid-text-content .elevate-button:hover .button-right-side { transform: translateX(-3vw); color: transparent; }
.section.elevate-row .grid-text-content .elevate-button:hover a.sec-button { transform: translateX(3vw); color: #fff; }
.section.elevate-row .grid-text-content .elevate-button:hover a.sec-button::after { opacity: 0; }

@media(max-width: 1024px) {
    .section.elevate-headline { width: calc(100% - 42px); padding-top: 20px; }
    .section.elevate-headline .section-title { margin-bottom: 30px; }
    .section.elevate-headline .section-title h1, .section.elevate-headline .section-title h2 { letter-spacing: -2px; line-height: 1; padding-bottom: 2px; }
    .section.elevate-headline .section-title h2 .switch-text { margin-left: 0; }
    .section.elevate-headline .section-title h2 { display: flex; flex-wrap: wrap; justify-content: center; }
    .section.elevate-headline .grid-text-content p { font-family: var(--regular); }
    .section.elevate-row { margin: 30px auto 95px; }
    .section.elevate-row .grid-text-content ul { height: 144px; display: flex; flex-direction: column; align-items: center; margin: 0 0 30px; gap: 8px; }
    .section.elevate-row .grid-text-content ul li { font-family: var(--medium); margin: 0; display: inline-flex; }
    .section.elevate-row .grid-text-content ul li img { max-width: 16px; }
    .section.elevate-row .grid-text-content a.sec-button { width: 75px; height: 75px; font-size: 1.5rem; transform: translateX(7px); }
    .section.elevate-row .grid-text-content .elevate-button .button-right-side { width: 75px; height: 75px; font-size: 1.5rem; transform: translateX(-7px); }
    .section.elevate-row .grid-text-content .elevate-button:hover a.sec-button { transform: translateX(37px); }
    .section.elevate-row .grid-text-content .elevate-button:hover .button-right-side { transform: translateX(-37px); }
}

/* Logos Carousel */
.section.logos-carousel .section-title { margin-bottom: 3.15vw; }
.section.logos-carousel .section-title h2 { font-size: clamp(1.8rem,1.35vw, 2.6rem); color: var(--green); font-family: var(--medium); letter-spacing: -0.26px; }
.section.logos-carousel.logos-carousel-bottom { margin: 2.6vw 0 6.8vw; }
.section.logos-carousel.logos-carousel-bottom .content-section-Btn { margin-top: 40px; }
.section.logos-carousel .gallery-cubes { overflow-x: hidden; max-width: none; direction: ltr; }
.section.logos-carousel .gallery-cubes .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; pointer-events: none; padding-bottom: 75%; min-width: 130px; opacity: 0.8; }
.section.logos-carousel .gallery-cubes .no-pad { width: auto; padding: 0 35px; }

@media(max-width: 1024px) {
    .section.logos-carousel .section-title h2 { letter-spacing: -0.18px; max-width: 210px; line-height: 1.18; }
    .section.logos-carousel .section-title { margin-bottom: 30px; }
    .gallery-container { width: 100%; }
    .section.logos-carousel .gallery-cubes .no-pad { padding: 0 10px; }
    .section.logos-carousel .gallery-cubes .boxes-images-outer-image { padding-bottom: 60%; min-width: 90px; }
    .section.logos-carousel.logos-carousel-bottom { margin: 30px 0 70px; }
}

/* What We Do Section */
.section.what-we-do-cubes { background: var(--green); padding: 170px 60px 200px; padding: 8.85vw 60px 10.4vw; }
.section.what-we-do-cubes .section-title { margin-bottom: 80px; margin-bottom: 4.2vw; }
.section.what-we-do-cubes .section-title h2 { letter-spacing: -1px; color: var(--lpink); font-size: clamp(5rem, 5vw, 10rem); }
.section.what-we-do-cubes .section-title h2 span { color: var(--red); font-family: var(--medium); }
.section.what-we-do-cubes .section-title h3 { font-size: 3rem; font-size: clamp(1.8rem, 1.55vw, 3rem); color: var(--lpink); margin: 10px 0 0; }
.section.what-we-do-cubes .grid-boxes { margin: 0 auto; display: flex; gap: 22px; justify-content: center; }
.section.what-we-do-cubes .grid-boxes .grid-box { border-radius: 50%; width: 14.7vw; margin: 0; padding: 0; height: 14.7vw; color: #fff; }
.section.what-we-do-cubes .grid-boxes .grid-box::after { content: ''; position: absolute; left: 50%; top: 80%; transform: translate(-50%,-50%); background-image: url(/warehouse/dynamic/392723.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; transition: 0.4s all ease; opacity: 0; }
.section.what-we-do-cubes .grid-boxes .grid-box:hover::after { top: calc(80% - 25px); opacity: 1; }
.section.what-we-do-cubes .grid-boxes .grid-box .grid-box-inner { width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; display: flex; flex-direction: column-reverse; justify-content: center; transition: 0.6s background ease, 0.6s border-color ease; }
.section.what-we-do-cubes .grid-boxes .grid-box:hover .grid-box-inner { background: var(--red); border-color: var(--red); }
.section.what-we-do-cubes .grid-boxes .grid-box .grid-box-image { display: none; }
.section.what-we-do-cubes .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-family: var(--medium); margin-top: 5px; font-size: clamp(2.4rem,2.2vw, 4.2rem); transition: 0.4s all ease; position: relative; padding: 0 10px; }
.section.what-we-do-cubes .grid-boxes .grid-box:hover .grid-box-title h3 { padding-bottom: 30px; }
.section.what-we-do-cubes .grid-boxes .grid-box .grid-box-title h3 a:hover,
.section.what-we-do-cubes .grid-boxes .grid-box .grid-box-title h3 a:focus { border: none; outline: none; }
.section.what-we-do-cubes .grid-boxes .grid-box .grid-box-subtitle { color: #fff; font-size: 1.2rem; }

@media(max-width: 1024px) {
    .section.what-we-do-cubes { padding: 80px 0px 110px; }
    .section.what-we-do-cubes .section-title { margin-bottom: 40px; }
    .section.what-we-do-cubes .section-title h3 { max-width: 270px; margin: 10px auto 0; line-height: 1.3; }
    .section.what-we-do-cubes .grid-boxes { flex-wrap: wrap; display: flex; gap: 0; padding: 0 16px; justify-content: center; }
    .section.what-we-do-cubes .grid-boxes .grid-box { width: 45.5vw; height: 45.5vw; padding: 7px; }
    .section.what-we-do-cubes .grid-boxes .grid-box::after { width: 16px; height: 16px; background-size: 100%; }
    .section.what-we-do-cubes .grid-boxes .grid-box:hover::after { top: calc(80% - 15px); }
    .section.what-we-do-cubes .grid-boxes::before, .section.what-we-do-cubes .grid-boxes::after { display: none; }
}

/* Scrolling Images Section */
.section.scrolling-images { background: var(--green); }
.section.scrolling-images .grid-boxes { margin: 0 auto !important; max-width: unset !important; padding: 0 !important; display: flex; white-space: nowrap; gap: 100px; }
.section.scrolling-images .grid-boxes .grid-box { margin: 0 !important; width: auto; padding: 0; height: 28.2vw; pointer-events: none; }
.section.scrolling-images .grid-boxes .grid-box .grid-box-image { height: 100%; margin: 0; }
.section.scrolling-images .grid-boxes .grid-box .grid-box-image img { width: auto; height: 100%; }

@media(max-width: 1024px) {
    .section.scrolling-images .grid-boxes { gap: 20px; }
    .section.scrolling-images .grid-boxes .grid-box { height: 180px; }
    .section.scrolling-images .grid-boxes .grid-box .grid-box-image img { height: 180px; }
}

/* Scrolling Images Text */
.section.what-we-do-text { padding: 100px 60px 180px; background: var(--green); display: flex; padding: 5.2vw 60px 9.4vw; }
.section.what-we-do-text .section-title { white-space: nowrap; text-align: right; color: var(--lpink); margin: 0; }
.section.what-we-do-text .section-title h2 { letter-spacing: -0.8px; line-height: 1; font-size: clamp(4rem,4.2vw, 8rem); }
.section.what-we-do-text .section-title .text-wrapper:last-child h2 { color: var(--red); font-family: var(--medium); }
.section.what-we-do-text .grid-text-content { text-align: right; padding: 15px 10.5vw 0 0; width: auto; }
.section.what-we-do-text .grid-text-content .gridText1 { margin: 0; padding-left: 25px; width: calc(50% - 25px); opacity: 0; transition: 1s opacity ease; transition-delay: 0.8s !important; }
.section.what-we-do-text .grid-text-content .gridText2 { margin: 0; padding-right: 25px; width: calc(50% - 25px); opacity: 0; transition: 1s opacity ease; transition-delay: 0.95s !important; }
.section.what-we-do-text .grid-text-content p { color: var(--lpink); font-size: clamp(1.6rem, 1.15vw, 2.2rem); line-height: 1.4; }
.section.what-we-do-text .grid-text-content a.sec-button { background: transparent; border: 1px solid var(--pink); border-radius: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: 145px; position: relative; margin: 40px 0 0; font-family: var(--medium); color: var(--pink); font-size: 1.9rem; opacity: 0; transition: 0.3s all ease, 1s 1.1s opacity ease; }
.section.what-we-do-text .grid-text-content a.sec-button::after { content: ''; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; background: var(--pink); border-radius: 50%; pointer-events: none; }
.section.what-we-do-text .grid-text-content a.sec-button:hover, .section.what-we-do-text .grid-text-content a.sec-button:focus { background: var(--pink); color: var(--green); }
.section.what-we-do-text .grid-text-content a.sec-button::before { content: ''; position: absolute; left: -38px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url( /warehouse/dynamic/392537.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.section.what-we-do-text .grid-text-content a.sec-button:hover::before { background-position: right bottom; }

@media(max-width: 1024px) {
    .section.what-we-do-text { padding: 70px 20px; flex-direction: column; }
    .section.what-we-do-text .section-title { margin-bottom: 35px; text-align: center; }
    .section.what-we-do-text .section-title h2 { letter-spacing: -0.4px; line-height: 1.1; }
    .section.what-we-do-text .grid-text-content { padding: 0; text-align: center; display: flex; flex-direction: column; align-items: center; }
    .section.what-we-do-text .grid-text-content .gridText1 { width: 100%; padding: 0 0 15px; text-align: center; }
    .section.what-we-do-text .grid-text-content .gridText2 { width: 100%; padding: 0; text-align: center; }
    .section.what-we-do-text .grid-text-content p { line-height: 1.6; color: var(--lpink); opacity: 0.8; letter-spacing: 0.5px; }
    .section.what-we-do-text .grid-text-content a.sec-button { height: 40px; width: 115px; margin: 30px 0 0; font-size: 1.5rem; }
    .section.what-we-do-text .grid-text-content a.sec-button::after { width: 40px; height: 40px; left: -40px; }
    .section.what-we-do-text .grid-text-content a.sec-button::before { left: -33px; transform: translateY(-50%) scale(0.9); }
}

/* Circle Video Sections */
.section.first-half-circle-video .grid-rows { margin: 180px auto 150px; }
.section.half-circle-video .grid-rows { max-width: 1340px; margin: 150px auto; width: calc(100% - 200px); margin: 7.8vw auto; width: calc(100% - 20.85vw); }
.section.half-circle-video #grid-row0 { display: flex !important; align-items: center; gap: 170px; justify-content: space-between; }
.section.second-half-circle-video #grid-row0 { direction: ltr !important; }
.section.half-circle-video #grid-row0 .flexslider-box { width: 55%; max-width: 585px; }
.section.half-circle-video #grid-row0 .flexslider-box video { width: 100%; height: auto; }
.section.half-circle-video #grid-row0 > .flexslider-box li { position: relative; }
.home-page .section.half-circle-video #grid-row0 > .flexslider-box li::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--red); z-index: 2; transition: 1s 0.5s all ease; pointer-events: none; }
.home-page .section.second-half-circle-video #grid-row0 > .flexslider-box li::before { right: 0; }
.home-page .section.first-half-circle-video #grid-row0 > .flexslider-box li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/403068.png); background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 5; background-size: cover; transform: scale(1.02); }
.home-page .section.second-half-circle-video #grid-row0 > .flexslider-box li::after { content: ''; position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/403069.png); background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 10; background-size: cover; transform: scale(1.02); }
.section.half-circle-video #grid-row0 .grid-row-cell-text { width: 45%; }
.section.half-circle-video #grid-row0 .grid-row-cell-text .grid-row-text { width: 100%; }
.section.half-circle-video #grid-row0 > .grid-row-cell-text > .grid-row-text { padding: 0; margin: 0; }
.section.half-circle-video #grid-row0 > .grid-row-cell-text > .grid-row-text h2 { font-size: clamp(3.6rem, 3.9vw, 7.4rem); color: var(--green); letter-spacing: -1.5px; margin-bottom: 30px; line-height: 0.9; }
.section.half-circle-video #grid-row0 > .grid-row-cell-text > .grid-row-text p { color: var(--text); line-height: 1.4; font-size: clamp(1.59rem, 1.05vw, 1.98rem); font-family: var(--regular); opacity: 0; transition: 1s opacity ease; transition-delay: 0.6s !important; }
.section.half-circle-video .grid-rows #grid-row0 .grid-row-cell-text #grid-row1 { display: flex !important; flex-direction: row-reverse; opacity: 0; transition: 1s opacity ease; transition-delay: 0.85s !important; padding-top: 30px; margin-top: 25px; }
.section.half-circle-video .grid-rows #grid-row0 .grid-row-cell-text #grid-row1::before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; }
.section.half-circle-video #grid-row1 .flexslider-box { width: auto; max-width: 50px; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); margin-left: 20px; }
.section.half-circle-video #grid-row1 .flexslider-box img { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.section.half-circle-video #grid-row1 .grid-row-cell-text { width: 100%; }
.section.half-circle-video #grid-row1 .grid-row-cell-text .grid-row-text { display: flex; flex-wrap: wrap; padding: 0; margin: 0; }
.section.half-circle-video #grid-row1 .grid-row-cell-text .grid-row-text h2 { font-size: clamp(1.4rem, 0.84vw, 1.6rem); color: var(--green); font-family: var(--medium); margin: 0 0 0 5px; }
.section.half-circle-video #grid-row1 .grid-row-cell-text .grid-row-text .text-wrapper { width: auto; }
.section.half-circle-video #grid-row1 .grid-row-cell-text .grid-row-text h3 { font-size: clamp(1.4rem, 0.84vw, 1.6rem); color: #7E7B7A; margin: 0; display: inline-flex; align-items: flex-end; }
.section.half-circle-video #grid-row1 .grid-row-cell-text .grid-row-text p { color: var(--text); font-size: clamp(1.2rem, 0.89vw, 1.7rem); line-height: 1.4; margin-top: 10px; max-width: 95%; }
.section.first-half-circle-video .half-circle-word { position: absolute; right: 60px; bottom: 0; color: var(--red); font-size: clamp(1.8rem,2.1vw, 4rem); font-family: var(--schoolbook); font-style: italic; letter-spacing: -1.6px; display: flex; align-items: center; pointer-events: none; z-index: 15; flex-direction: row-reverse; }
.section.first-half-circle-video .half-circle-word .line { margin-left: 20px; display: block; width: 6.8vw; height: 1px; position: relative; }
.section.first-half-circle-video .half-circle-word .line::before { content: ''; position: absolute; left: 0; top: 0; width: 0; background: var(--red); height: 100%; transition: 1s 0.5s all ease; }
.section.second-half-circle-video .half-circle-word { position: absolute; left: 60px; bottom: 0; color: var(--red); font-size: clamp(1.8rem,2.1vw, 4rem); font-family: var(--schoolbook); font-style: italic; letter-spacing: -1.6px; display: flex; align-items: center; pointer-events: none; z-index: 15; }
.section.second-half-circle-video .half-circle-word .line { margin-right: 20px; display: block; width: 6.8vw; height: 1px; position: relative; }
.section.second-half-circle-video .half-circle-word .line::before { content: ''; position: absolute; right: 0; top: 0; width: 0; background: var(--red); height: 100%; transition: 1s 0.5s all ease; }
.section.half-circle-video .half-circle-word .text-wrapper { width: auto; }
.section.half-circle-video .half-circle-word .text-wrapper .word { display: block; }

@media(max-width: 1024px) {
    .section.half-circle-video .grid-rows { margin: 7.8vw auto; width: calc(100% - 40px); margin: 80px auto; }
    .section.second-half-circle-video .grid-rows { margin: 0px auto 80px; }
    .section.half-circle-video .grid-rows #grid-row0 { flex-direction: column; align-items: center; gap: 0; }
    .section.half-circle-video .grid-rows #grid-row0 .flexslider-box { width: 100%; }
    .section.first-half-circle-video #grid-row0 > .flexslider-box { padding-right: 70px; }
    .section.second-half-circle-video #grid-row0 > .flexslider-box { padding-left: 70px; }
    .section.half-circle-video .grid-rows #grid-row0 .grid-row-cell-text { width: 100%; }
    .section.half-circle-video .grid-rows #grid-row0 > .grid-row-cell-text > .grid-row-text { margin: 60px 0 20px; padding: 0 0 15px; }
    .section.half-circle-video #grid-row0 > .grid-row-cell-text > .grid-row-text h2 { margin-bottom: 24px; }
    .section.half-circle-video #grid-row0 > .grid-row-cell-text > .grid-row-text p { max-width: 100%; line-height: 1.5; color: var(--text); }
    .section.half-circle-video #grid-row1 .grid-row-cell-text .grid-row-text p { color: var(--text); }
    .section.first-half-circle-video .half-circle-word { right: 0; letter-spacing: -0.72px; }
    .section.first-half-circle-video .half-circle-word .line { width: 54px; margin-left: 15px; }
    .section.second-half-circle-video .half-circle-word { left: 0; display: flex; flex-direction: row-reverse; letter-spacing: -0.72px; }
    .section.second-half-circle-video .half-circle-word .line { margin-right: 15px; width: 54px; }
}

/* System Section */
.section.system { max-width: 61vw; }
.section.system .section-title { margin-bottom: 0; }
.section.system .section-title h2 { color: var(--green); letter-spacing: -0.8px; margin-bottom: 1.55vw; font-size: clamp(4rem, 4.2vw, 8rem); }
.section.system .section-topText { max-width: 46.5vw; margin: 0 auto; margin-bottom: 75px; margin-bottom: 3.9vw; opacity: 0; transition: 1s 0.4s ease; }
.section.system .section-topText p { color: var(--text); line-height: 1.5; font-family: var(--regular); font-size: clamp(1.59rem, 1.15vw, 1.98rem); }
.section.system .grid-boxes { margin: 0 auto; display: flex; }
.section.system .grid-boxes .grid-box { margin: 0; padding: 0; pointer-events: none; }
.section.system .grid-boxes .grid-box .grid-box-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.section.system .grid-boxes .grid-box .grid-box-image { max-width: 145px; display: inline-flex; margin-bottom: 25px; }
.section.system .grid-boxes .grid-box .grid-box-image img { max-width: 7.6vw; }
.section.system .grid-boxes .grid-box .grid-box-title h3 { color: var(--red); font-family: var(--medium); margin: 0; font-size: clamp(1.4rem, 1.35vw, 2.6rem); }
.section.system-image { height: auto; margin: 6.8vw auto 8.45vw; }
.section.system-image .image-section-data { height: auto; }
.section.system-image .image-section-data img { margin: 0 !important; }
.section.system-image::before { opacity: 0; pointer-events: none; content: ''; position: absolute; left: 0; bottom: 0; height: 60%; background: var(--green); z-index: -1; width: 100%; }

@media(max-width: 1024px) {
    .section.system { padding: 0 20px; max-width: 100%; }
    .section.system .section-title h2 { margin: 0 0 20px; letter-spacing: -0.4px; }
    .section.system .section-topText p { }
    .section.system .section-topText { margin-bottom: 40px; max-width: 100%; }
    .section.system .grid-boxes .grid-box .grid-box-image { max-width: 85px; margin-bottom: 10px; }
    .section.system-image { margin: 60px auto 70px; }
    .section.system-image::before { height: 41%; }
}

/* Clients Section */
.section.clients-carousel { background: var(--green); padding: 200px 0 260px; padding: 10.4vw 0 13.55vw; }
.section.clients-carousel .clients-text { display: flex; padding: 0 60px 180px; padding: 0 60px 9.4vw; }
.section.clients-carousel .clients-text .section-title { text-align: right; color: var(--lpink); margin: 0; max-width: 890px; width: 50%; }
.section.clients-carousel .clients-text .section-title h2 { letter-spacing: -0.8px; line-height: 0.8; font-size: clamp(3.6rem, 3.85vw, 7.4rem); color: var(--red); font-family: var(--medium); }
.section.clients-carousel .clients-text .section-title h3 { margin: 0; letter-spacing: -0.8px; line-height: 1; font-size: clamp(3.6rem, 3.85vw, 7.4rem); }
.section.clients-carousel .clients-text .section-topText { text-align: right; padding: 10px 9vw 0 0; width: 50%; opacity: 0; transition: 1s opacity ease; transition-delay: 0.6s !important; }
.section.clients-carousel .clients-text .section-topText p { color: var(--lpink); font-size: clamp(1.6rem, 1.15vw, 2.2rem); line-height: 1.4; }
.section.clients-carousel .clients-text .section-topText .content-section-Btn a { background: transparent; border: 1px solid var(--pink); border-radius: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: 145px; position: relative; margin: 0; font-family: var(--medium); color: var(--pink); font-size: 1.9rem; opacity: 0; transition: 0.3s all ease, 1s 1.1s opacity ease; }
.section.clients-carousel .clients-text .section-topText .content-section-Btn a::after { content: ''; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; background: var(--pink); border-radius: 50%; }
.section.clients-carousel .clients-text .section-topText .content-section-Btn a:hover, .section.clients-carousel .clients-text .section-topText .content-section-Btn a:focus { background: var(--pink); color: var(--green); }
.section.clients-carousel .clients-text .section-topText .content-section-Btn a::before { content: ''; position: absolute; left: -38px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url( /warehouse/dynamic/392537.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.section.clients-carousel .clients-text .section-topText .content-section-Btn a:hover::before { background-position: right bottom; }
.section.clients-carousel .clients-text .section-topText .content-section-Btn { margin: 50px 0 0; }
.section.clients-carousel .grid-boxes { max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; display: block; direction: ltr; opacity: 0; transition: 1s opacity ease; }
.section.clients-carousel .grid-boxes .owl-stage { height: auto; display: flex; }
.section.clients-carousel .grid-boxes .grid-box { margin: 0 10px !important; height: 100%; width: 30vw; padding: 2.6vw 2.1vw; gap: 2.85vw 0; background: var(--lpink); display: inline-flex !important; flex-direction: column-reverse; font-size: 100% !important; justify-content: space-between; }
.section.clients-carousel .grid-boxes .grid-box .grid-box-image { width: auto; max-width: 80px; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); margin-left: 15px; margin-bottom: 0 !important; }
.section.clients-carousel .grid-boxes .grid-box .grid-box-inner { display: inline-flex; flex-direction: row-reverse; pointer-events: none; }
.section.clients-carousel .grid-boxes .grid-box .grid-box-inner .grid-box-inner-text { text-align: right; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.section.clients-carousel .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(1.3rem, 1.25vw, 2.4rem) !important; color: var(--green); font-family: var(--regular); margin: 0; }
.section.clients-carousel .grid-boxes .grid-box .grid-box-subtitle { color: var(--green); font-size: clamp(1.2rem, 0.94vw, 1.8rem); opacity: 0.7; }
.section.clients-carousel .grid-boxes .grid-box .grid-box-fulltext { order: 1; width: 100%; }
.section.clients-carousel .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(1.49rem, 1.138vw, 2.18rem); color: var(--text); text-align: right; font-family: var(--regular); line-height: 1.25; direction: rtl; }
.section.clients-carousel .grid-boxes .owl-nav div { top: -60px; transform: unset; font-size: 0; }
.section.clients-carousel .grid-boxes .owl-nav .owl-prev { right: 60px; }
.section.clients-carousel .grid-boxes .owl-nav .owl-next { left: unset; right: 120px; }
.section.clients-carousel .grid-boxes .owl-nav .owl-prev::after { width: 40px; height: 40px; background-image: url(/warehouse/dynamic/392388.svg); }
.section.clients-carousel .grid-boxes .owl-nav .owl-next::after { width: 40px; height: 40px; background-image: url(/warehouse/dynamic/392387.svg); }

@media(max-width: 1024px) {
    .section.clients-carousel { padding: 70px 0 160px; }
    .expertise .section.clients-carousel { padding: 80px 0 125px; }
    .section.clients-carousel .clients-text { padding: 0 20px 60px; flex-direction: column; align-items: center; }
    .expertise .section.clients-carousel .clients-text { padding: 0 20px 50px; }
    .section.clients-carousel .clients-text .section-title { width: 100%; }
    .section.clients-carousel .clients-text .section-title h2 { letter-spacing: -0.36px; line-height: 0.95; }
    .section.clients-carousel .clients-text .section-title h2 .clients-text-span { color: #fff; font-family: var(--light); }
    .section.clients-carousel .clients-text .section-title h3 { display: none; }
    .section.clients-carousel .clients-text .section-topText { width: 100%; padding: 30px 0 0; }
    .section.clients-carousel .clients-text .section-topText p { opacity: 0.8; line-height: 1.5; }
    .section.clients-carousel .clients-text .section-topText .content-section-Btn { margin: 30px 0 0; }
    .section.clients-carousel .clients-text .section-topText .content-section-Btn a { height: 40px; width: 115px; margin: 0; font-size: 1.5rem; }
    .section.clients-carousel .clients-text .section-topText .content-section-Btn a::after { width: 40px; height: 40px; left: -40px; }
    .section.clients-carousel .clients-text .section-topText .content-section-Btn a::before { left: -33px; transform: translateY(-50%) scale(0.9); }
    .section.clients-carousel .grid-boxes .grid-box { width: 90vw; padding: 20px; margin: 0 5px !important; gap: 25px 0; }
    .section.clients-carousel .grid-boxes .grid-box .grid-box-image { max-width: 45px; margin-left: 10px; }
    .section.clients-carousel .grid-boxes .grid-box .grid-box-inner { display: inline-flex; flex-direction: row-reverse; }
    .section.clients-carousel .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.3rem; font-family: var(--medium); }
    .section.clients-carousel .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.2rem; }
    .section.clients-carousel .grid-boxes .owl-nav div { top: unset; bottom: -50px; }
    .section.clients-carousel .grid-boxes .owl-nav .owl-prev { right: 20px; }
    .section.clients-carousel .grid-boxes .owl-nav .owl-next { right: 80px; }
    .section.clients-carousel .grid-boxes .owl-nav .owl-prev::after { width: 30px; height: 30px; }
    .section.clients-carousel .grid-boxes .owl-nav .owl-next::after { width: 30px; height: 30px; }
}

/* Chosen Works Section */
.section.clients-carousel + .pin-spacer { background: var(--green); }
.section.chosen-works { background: var(--green); overflow: hidden; padding-bottom: 0; overflow-x: hidden; }
.section.chosen-works .section-title { margin-bottom: 40px; text-align: right; padding-right: 60px; }
.section.chosen-works .section-title h2 { font-size: clamp(5rem, 5.2vw, 10rem); color: var(--pink); letter-spacing: 2px; }
.section.chosen-works .grid-rows { display: flex; padding: 0 55px; position: relative; }
.section.chosen-works .grid-rows .grid-row { height: 65vh; margin: 0; padding: 0 10px; }
.section.chosen-works .grid-rows .grid-row .flexslider-box { width: 100%; }
.section.chosen-works .grid-rows .grid-row .flexslider-box::after { background: linear-gradient(360deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: min(30%, 180px); z-index: 0; pointer-events: none; }
.section.chosen-works .grid-rows .grid-row .flexslider-box img { max-height: 65vh; object-fit: cover; transform: scale(1.02); width: min(30.5vw, 585px); }
.section.chosen-works .grid-rows .grid-row .grid-row-cell-text { position: absolute; height: auto; left: 0; width: 100%; bottom: 0; }
.section.chosen-works .grid-rows .grid-row .grid-row-text { width: 100%; display: flex; justify-content: space-between; padding: 0 30px 20px; align-items: center; }
.section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child { background: transparent; border: 1px solid var(--pink); border-radius: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: 145px; position: relative; margin: 0; font-family: var(--medium); color: var(--pink); font-size: 1.9rem; transition: 0.3s all ease; }
.section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child::after { content: ''; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; background: var(--pink); border-radius: 50%; }
.section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child:hover, .section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child:focus { background: var(--pink); color: var(--green); }
.section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child::before { content: ''; position: absolute; left: -38px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url( /warehouse/dynamic/392537.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child:hover::before { background-position: right bottom; }
.section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button.last-btn { margin: 0; padding: 0; font-size: 1.9rem; border: none; height: 20px; color: var(--lpink); font-family: var(--medium); border-bottom: 1px solid var(--pink); border-radius: 0; }
.section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button.last-btn:hover, .section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button.last-btn:focus { background: transparent; }
.section.chosen-works .grid-rows .scroll-line-wrapper { position: absolute; left: 100px; top: -60px; background: rgb(255 248 248 / 50%); height: 2px; overflow: visible; border-radius: 50px; width: 0; pointer-events: none; transition: 1s width ease; }
.section.chosen-works .grid-rows .scroll-line-wrapper .scroll-line { background: var(--red); width: 0%; height: 3px; border-radius: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.section.chosen-works .grid-rows .grid-row .green-screen { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: calc(100% - 18px); height: 100%; background: var(--green); pointer-events: none; display: none; }

@media(max-width: 1024px) {
    .section.chosen-works .grid-rows { padding: 0 15px; }
    .section.chosen-works .grid-rows::before, .section.chosen-works .grid-rows::after { display: none; }
    .section.chosen-works .section-title { padding: 0 20px; text-align: center; margin-bottom: 60px; }
    .section.chosen-works .section-title h2 { letter-spacing: 1px; font-family: var(--regular); }
    .section.chosen-works .grid-rows .grid-row { height: 400px; padding: 0 5px; width: 90vw; min-width: unset; flex: 0 0 auto; overflow: hidden; }
    .section.chosen-works .grid-rows .grid-row .flexslider-box * { height: 100%; }
    .section.chosen-works .grid-rows .grid-row .flexslider-box img { width: 90vw; height: 400px; }
    .section.chosen-works .grid-rows .grid-row .green-screen { width: calc(100% - 8px); }
    .section.chosen-works .grid-rows .grid-row .grid-row-text { padding: 0 12px 10px 24px; }
    .section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child { height: 40px; width: 115px; margin: 0; font-size: 1.5rem; }
    .section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child::after { width: 40px; height: 40px; left: -40px; }
    .section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button:first-child::before { left: -33px; transform: translateY(-50%) scale(0.9); }
    .section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button.last-btn { font-size: 1.5rem; height: auto; }
    .section.chosen-works .grid-rows .scroll-line-wrapper { left: 50%; transform: translateX(-50%); top: -25px; }
}

/* Lead Form Home Section */
.section.lead-form-homepage-text { background: var(--green); padding: 210px 0; padding: 10.95vw 0 10.95vw; width: 100%; }
.section.lead-form-homepage-text .section-title { margin-bottom: 50px; }
.section.lead-form-homepage-text .section-title h2 { color: var(--lpink); letter-spacing: -5.6px; line-height: 0.9; font-size: clamp(6rem,7.3vw, 14rem); }
.section.lead-form-homepage-text .grid-text-content { width: 100%; padding: 0; max-width: 730px; }
.section.lead-form-homepage-text .grid-text-content p { color: var(--lpink); font-size: 2.2rem; line-height: 1.3; margin-bottom: 0; font-size: clamp(1.6rem, 1.6vw, 3rem); opacity: 0; transition: 1s 0.4s ease; }
.section.lead-form-homepage-text .grid-text-content a.sec-button { width: 6vw; height: 6vw; display: inline-flex; padding: 0; align-items: center; justify-content: center; border-radius: 50%; background: transparent; color: var(--lpink); font-family: var(--medium); font-size: clamp(1.5rem, 1.05vw, 2rem); position: relative; transform: translateX(10px); transition: 0.8s all ease; z-index: 2; }
.section.lead-form-homepage-text .grid-text-content a.sec-button::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/392539.svg); background-size: 100%; background-position: center; background-repeat: no-repeat; pointer-events: none; transition: 0.8s all ease; }
.section.lead-form-homepage-text .grid-text-content .elevate-button { width: auto; display: inline-flex; position: relative; flex-direction: row-reverse; margin-top: 3.65vw; }
.section.lead-form-homepage-text .grid-text-content .elevate-button .button-right-side { background: var(--red); width: 6vw; height: 6vw; border-radius: 50%; z-index: 0; pointer-events: none; color: #fff; display: inline-flex; align-items: center; font-family: var(--medium); justify-content: center; transform: translateX(-10px); transition: 0.8s all ease; }
.section.lead-form-homepage-text .grid-text-content .elevate-button:hover .button-right-side { transform: translateX(-3vw); color: transparent; }
.section.lead-form-homepage-text .grid-text-content .elevate-button:hover a.sec-button { transform: translateX(3vw); color: #fff; }
.section.lead-form-homepage-text .grid-text-content .elevate-button:hover a.sec-button::after { opacity: 0; }

@media(max-width: 1024px) {
    .section.lead-form-homepage-text { padding: 120px 20px 110px; }
    .section.lead-form-homepage-text .section-title { margin-bottom: 30px; }
    .section.lead-form-homepage-text .section-title h2 { letter-spacing: -2.4px; }
    .section.lead-form-homepage-text .grid-text-content p { line-height: 1.4; }
    .section.lead-form-homepage-text .grid-text-content .elevate-button { margin-bottom: 40px; }
    .section.lead-form-homepage-text .grid-text-content a.sec-button { width: 75px; height: 75px; font-size: 1.5rem; transform: translateX(7px); }
    .section.lead-form-homepage-text .grid-text-content .elevate-button .button-right-side { width: 75px; height: 75px; font-size: 1.5rem; transform: translateX(-7px); }
    .section.lead-form-homepage-text .grid-text-content .elevate-button:hover a.sec-button { transform: translateX(37px); }
    .section.lead-form-homepage-text .grid-text-content .elevate-button:hover .button-right-side { transform: translateX(-37px); }
}

/* Lead Form Page */
.lead-form #lobbyview { margin-top: -(var(--headerHeight)); display: none; }
.lead-form-homepage { padding-top: 65px; background: var(--lpink); transition: 1s opacity ease; opacity: 1; }
.lead-form-homepage.loading-stage { opacity: 0; }
.lead-form-homepage .step-bar { margin-bottom: 20px; }
.lead-form-homepage .step-bar ul { list-style: none; padding: 0 60px; margin: 0; display: flex; width: 100%; gap: 22px; }
.lead-form-homepage .step-bar ul .step-bar-li { width: auto; flex-grow: 1; height: 3px; background: #DCD9D9; }
.lead-form-homepage .step-bar ul .step-bar-li.active, .step-bar ul .step-bar-li.beforeActive { background: var(--green); }
.lead-form-homepage .step-text ul { list-style: none; padding: 0 60px; margin: 0; display: flex; justify-content: flex-end; position: relative; }
.lead-form-homepage .step-text ul .step-text-li { color: var(--green); font-family: var(--schoolbook); font-style: italic; letter-spacing: -1.04px; font-size: 2.6rem; display: none; }
.lead-form-homepage .step-text ul .step-text-li.active { display: flex; }
.lead-form-homepage form { width: 100%; }
.lead-form-homepage form fieldset { width: 100%; }
.lead-form-homepage form .sides-wrapper { position: relative; transition: all .3s ease; display: flex; padding: 5.45vw 0 6.45vw; }
.lead-form-homepage form .sides-wrapper .steps-wrapper { opacity: 0; pointer-events: none; position: absolute; transition: all .3s ease; display: flex; width: 100%; flex-direction: column; align-items: center; z-index: 1; }
.lead-form-homepage form .sides-wrapper .steps-wrapper.active { opacity: 1; pointer-events: auto; z-index: 10; }
.lead-form-homepage form .sides-wrapper .steps-wrapper > h4 { font-size: clamp(1.6rem,1.2vw, 2.3rem); color: var(--green); font-family: var(--medium); margin: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-headline { font-size: clamp(3.6rem,3.85vw, 7.4rem); letter-spacing: -2.96px; color: var(--green); margin-bottom: 60px; margin-bottom: 0.2vw; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-headline + h3 { font-size: clamp(1.8rem,1.15vw,2.2rem); color: var(--green); line-height: 1.5; margin: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content { display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 3.15vw; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button { width: auto; padding: 0; margin-top: 70px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a { background: transparent; border: 1px solid var(--green); border-radius: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; width: auto; position: relative; margin: 0; font-family: var(--medium); color: var(--green); font-size: 1.9rem; transition: 0.3s all ease; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a::after { content: ''; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; background: var(--green); border-radius: 50%; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a:hover, .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button-wrapper .next-button a:focus { background: var(--green); color: #fff; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a::before { content: ''; position: absolute; left: -38px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url(/warehouse/dynamic/392538.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a:hover::before { background-position: right bottom; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .prev-button { position: absolute; right: 60px; top: calc(-5.45vw - 25px); display: inline-flex; gap: 15px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .prev-button a { color: #7e7b7a; font-size: 1.83rem; font-family: var(--regular); text-decoration: underline; text-underline-offset: 3px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .dynamicFormObjectField .not-visible { width: 0.5px; opacity: 0; height: 0 !important; overflow: hidden; padding: 0 !important; border: none !important; pointer-events: none; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .dynamicFormObjectField .input-wrapper { position: relative; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .dynamicFormObjectField span.error { position: absolute; left: unset; right: 0; top: -50px; white-space: nowrap; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .dynamicFormObjectField.selectBox-11 span.error { top: -20px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .dynamicFormObjectField .select-wrapper::before { content: ''; position: absolute; left: 18px; bottom: 20px; top: unset !important; right: unset !important; height: 10px; width: 15px; background-image: url(/warehouse/dynamic/396616.svg); z-index: 3; pointer-events: none; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .dynamicFormObjectField .select-wrapper::after { content: ''; position: absolute; left: 0; bottom: 2px; top: unset; height: 40px; width: 20px; background: var(--pink); z-index: 1; transform: unset; pointer-events: none; }

.lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField { padding: 0; display: flex; justify-content: center; gap: 21px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField .radio-holder { display: inline-flex; position: relative; }
.lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField .radio-holder input { margin: 0; width: min(232px, 12.1vw); height: min(232px, 12.1vw); cursor: pointer; opacity: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField .radio-holder label { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: 1px solid var(--red); border-radius: 50%; font-size: clamp(1.5rem, 2.1vw, 4rem); color: var(--red); pointer-events: none; transition: 0.3s all ease; }
.lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField .radio-holder input[type="radio"]:checked + label,
.lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField .radio-holder input[type="radio"]:hover + label { background: var(--red); color: #ffebe6; }
.lead-form-homepage form .sides-wrapper .steps-wrapper1 .next-button[data-field-group="0"] { display: none; }

.lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField { display: flex; justify-content: center; width: 0; opacity: 0; height: 0; overflow: hidden; padding: 0; border: none; pointer-events: none; gap: 21px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField.selected { overflow: visible; height: auto; width: auto; opacity: 1; pointer-events: all; }
.lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField .multi-checkbox { display: inline-flex; position: relative; }
.lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField .multi-checkbox input { margin: 0; width: min(232px, 12.1vw); height: min(232px, 12.1vw); cursor: pointer; opacity: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField .multi-checkbox label { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: 1px solid var(--red); border-radius: 50%; font-size: clamp(1.5rem,1.65vw, 3.2rem); color: var(--red); pointer-events: none; transition: 0.3s all ease; padding: 0 20px; line-height: 1.15; }
.lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField .multi-checkbox input[type="checkbox"]:checked + label,
.lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField .multi-checkbox input[type="checkbox"]:hover + label { background: var(--red); color: #ffebe6; }

.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; gap: 0 21px; justify-content: center; max-width: 1200px; width: calc(100% - 120px); }
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField { width: calc(33.33% - 14px); padding: 0; margin-bottom: 65px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField.selectBox-21 .select-label,
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField.selectBox-3 .select-label { color: var(--green); font-size: 2.2rem; font-family: var(--medium); font-weight: unset; margin-bottom: 10px; position: absolute; display: flex; top: -32px; }
/*.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField:nth-child(1),
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField:nth-child(2) { width: calc(50% - 11px); }*/
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField .nameLabel { position: absolute; z-index: 1; display: flex; top: -32px; transition: 0.4s all ease; pointer-events: none; font-weight: unset; color: var(--green); font-size: 2.2rem; font-family: var(--medium); margin: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField input,
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField select { height: 50px; border: none; box-shadow: none; border-radius: 0; background: var(--pink); border-bottom: 2px solid var(--green); padding: 0 18px; font-size: 1.78rem; color: var(--text); font-family: var(--regular); }
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField select option { font-size: 1.7rem; }
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField .must::before { top: 7px; right: 10px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .next-button { margin-top: 25px; }
.lead-form-homepage .dynamicFormObjectField select[name="field_21"] ~ button { height: 50px; border: none; box-shadow: none; border-radius: 0; background: var(--pink); border-bottom: 2px solid var(--green); padding: 0 18px; font-size: 1.78rem; color: var(--text); font-family: var(--regular); width: 100% !important; direction: rtl; text-align: right; }
.lead-form-homepage .dynamicFormObjectField select[name="field_21"] ~ button span { opacity: 0; pointer-events: none; }
.lead-form-homepage .dynamicFormObjectField select[name="field_21"] ~ .select-wrapper-content { position: absolute; top: 0; right: 0; z-index: 50; width: 100%; text-align: right; height: 100%; padding: 10px 18px 10px 40px; font-size: 1.78rem; display: inline-flex; pointer-events: none; align-items: center; }
.lead-form-homepage .dynamicFormObjectField select[name="field_21"] ~ .select-wrapper-content span { width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.lead-form .ui-multiselect-header { display: none; }
.lead-form .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all { width: 100% !important; max-width: 386px; background: var(--pink); border: 1px solid var(--green); border-top: none; text-align: right; padding: 0; }
.lead-form .ui-multiselect-checkboxes { padding: 0px 18px; margin: 0; }
.lead-form .ui-multiselect-checkboxes label { text-indent: 0; padding: 6px 0; margin: 0; border: none; font-size: 1.6rem; font-weight: unset; display: inline-flex; position: relative; }
.lead-form .ui-multiselect-checkboxes label input { top: unset; margin: 0 0 0 10px; opacity: 0; }
.lead-form .ui-multiselect-checkboxes label span::after { content: ''; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); outline: 2px solid var(--green); background: transparent; outline-offset: 2px; width: 10px; height: 10px; cursor: pointer; }
.lead-form .ui-multiselect-checkboxes label input:checked + span::after { background: var(--green); }
.lead-form-homepage .dynamicFormObjectField select[name="field_21"] { display: block !important; height: 0 !important; position: absolute; opacity: 0; }

.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; gap: 0; justify-content: center; max-width: 1500px; width: calc(100% - 200px); }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField { width: calc(25% - 20px); margin: 0 10px 35px; padding: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .select-wrapper { display: flex; flex-direction: column; align-items: flex-start; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .select-wrapper .select-label { color: var(--green); font-size: 2.2rem; font-family: var(--medium); font-weight: unset; margin-bottom: 10px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.textareaField,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 { width: 100%; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .nameLabel { position: absolute; z-index: 1; display: block; top: 50%; transform: translateY(-50%); right: 20px; transition: 0.4s all ease; pointer-events: none; font-size: 1.78rem; color: var(--text); font-family: var( --regular); font-weight: unset; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .form-control:focus ~ label.nameLabel,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .form-control.focus ~ label.nameLabel { top: -15px; font-size: 1.5rem; padding: 0; right: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField input:not([type='checkbox']),
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField select,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField textarea { height: 50px; border: none; box-shadow: none; border-radius: 0; background: var(--pink); border-bottom: 2px solid var(--green); padding: 10px 18px; font-size: 1.78rem; color: var(--text); font-family: var(--regular); }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField select option { font-size: 1.7rem; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField textarea { height: 100px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 { display: flex; flex-wrap: wrap; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .select-label { width: 100%; text-align: right; color: var(--green); font-size: 2.2rem; font-family: var(--medium); font-weight: unset; margin-bottom: 20px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox { margin-left: 30px; display: inline-flex; position: relative; align-items: center; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox label { font-weight: unset; color: var(--text); font-family: var(--regular); font-size: 1.84rem; margin: 0; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox input[type="checkbox"] { cursor: pointer; margin: 0 0 0 10px; opacity: 0; height: 24px; width: 24px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox .checkbox-span { position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 24px; width: 24px; border: 2px solid var(--green); pointer-events: none; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox .checkbox-span::after { content: ""; position: absolute; left: 50%; top: 50%; width: calc(100% - 4px); height: calc(100% - 4px); background: var(--green); border: 2px solid var(--lpink); transform: translate(-50%,-50%); display: none; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox input[type="checkbox"]:checked + .checkbox-span::after { display: block; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox input[type="checkbox"]:checked + .checkbox-span { background: var(--green); border-color: var(--green); }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField input::placeholder, .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField textarea::placeholder { color: var(--text); }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit { background: transparent; border: 1px solid var(--green); border-radius: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: auto; position: relative; margin: 50px 0 0; font-family: var(--medium); color: var(--green); font-size: 1.9rem; transition: 0.3s all ease; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit input { background: transparent; border: none; width: 100%; height: 100%; padding: 0 20px; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit::after { content: ''; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; background: var(--green); border-radius: 50%; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit:hover, .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button-wrapper .next-button a:focus { background: var(--green); color: #fff; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit::before { content: ''; position: absolute; left: -38px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url(/warehouse/dynamic/392538.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit:hover::before { background-position: right bottom; }
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .must::before { top: 7px; right: 10px; }

.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField input:hover,
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField input:focus,
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField select:hover,
.lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField select:focus,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField input:hover,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField input:focus,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField select:hover,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField select:focus,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField textarea:hover,
.lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField textarea:focus { border-color: var(--red); }

@media(max-width: 1024px) {
    .lead-form-homepage { padding-top: 15px; }
    .lead-form-homepage .step-bar { margin-bottom: 10px; }
    .lead-form-homepage .step-bar ul { padding: 0 20px; gap: 8px; }
    .lead-form-homepage .step-bar ul .step-bar-li { height: 2px; }
    .lead-form-homepage .step-text ul { padding: 0 20px; }
    .lead-form-homepage .step-text ul .step-text-li { letter-spacing: -0.64px; font-size: 1.6rem; }
    .lead-form-homepage form .sides-wrapper { padding: 50px 0; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-headline { letter-spacing: -1.44px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-headline + h3 { }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content { margin-bottom: 30px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button { margin-top: 40px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a { height: 40px; font-size: 1.5rem; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a::after { width: 40px; height: 40px; left: -40px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .next-button a::before { left: -33px; transform: translateY(-50%) scale(0.9); }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .prev-button { right: 20px; top: -65px; gap: 10px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .prev-button a { font-size: 1.39rem; text-underline-offset: 2px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .prev-button svg { width: 11px; height: 13px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .steps-wrapper-content .dynamicFormObjectField .select-wrapper::before { bottom: 16px; height: 7px; width: 12px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper .dynamicFormObjectField span.error { top: -15px; font-size: 1.3rem; }

    .lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField { flex-wrap: wrap; gap: 15px 10px; justify-content: center; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper1 .dynamicFormObjectField .radio-holder input { height: min(105px, 28.1vw); width: min(105px, 28.1vw); }

    .lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField { flex-wrap: wrap; gap: 15px 10px; justify-content: center; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField .multi-checkbox input { height: min(105px, 28.1vw); width: min(105px, 28.1vw); }
    .lead-form-homepage form .sides-wrapper .steps-wrapper2 .dynamicFormObjectField .multi-checkbox label { padding: 0 10px; font-family: var(--medium); }

    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content { gap: 0; width: calc(100% - 40px); }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField { width: 100%; margin-bottom: 20px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField:nth-child(1),
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField:nth-child(2) { width: 100%; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField input,
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField select { height: 40px; font-size: 1.39rem !important; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField select option { font-size: 1.3rem; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField .nameLabel { font-size: 1.59rem; transition: 0.3s all ease; position: relative; top: unset; margin-bottom: 5px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .next-button { margin-top: 25px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField .must::before { font-size: 14px; top: 50%; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField.selectBox-21 .select-label,
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField.selectBox-3 .select-label { font-size: 1.59rem; position: relative; top: unset; margin-bottom: 5px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper3 .steps-wrapper-content .dynamicFormObjectField .input-wrapper { display: flex; flex-direction: column-reverse; }
    .lead-form-homepage .dynamicFormObjectField select[name="field_21"] + button { height: 40px; }
    .lead-form-homepage .dynamicFormObjectField select[name="field_21"] ~ .select-wrapper-content { max-height: 40px; top: unset; bottom: 0; font-size: 1.39rem; padding: 10px 15px 10px 40px; }
    .lead-form .ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all { max-width: calc(100% - 40px); }
    .lead-form .ui-multiselect-checkboxes { padding: 2px 15px; }
    .lead-form .ui-multiselect-checkboxes label { font-size: 1.39rem; }
    .lead-form .ui-multiselect-checkboxes label span::after { width: 8px; height: 8px; }

    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content { gap: 0; width: calc(100% - 40px); }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField { width: 100%; margin: 0; margin-bottom: 10px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField:nth-child(1),
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField:nth-child(2) { width: 100%; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField input:not([type='checkbox']),
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField select,
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField textarea { height: 40px; font-size: 1.39rem !important; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField select option { font-size: 1.3rem; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .nameLabel { font-size: 1.39rem; transition: 0.3s all ease; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .form-control:focus ~ label.nameLabel,
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .form-control.focus ~ label.nameLabel { top: 50%; right: 20px; font-size: 1.39rem; opacity: 0; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.textareaField { margin-top: 10px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField textarea { height: 80px; padding: 10px 22px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 { flex-direction: column; margin: 10px 0 0; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox { margin: 0 0 12px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox input[type="checkbox"] { height: 20px; width: 20px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox .checkbox-span { height: 20px; width: 20px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField.selectBox-11 .multi-checkbox label { font-size: 1.39rem; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .steps-wrapper-content .dynamicFormObjectField .select-wrapper .select-label { font-size: 1.59rem; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit { margin-top: 40px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit { height: 40px; font-size: 1.5rem; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit::after { width: 40px; height: 40px; left: -40px; }
    .lead-form-homepage form .sides-wrapper .steps-wrapper4 .dynamicFormObjectSubmit::before { left: -33px; transform: translateY(-50%) scale(0.9); }
}

/* Expertise Page */
.expertise #lobbyview { display: none; }
.expertise #allSectionsWrapper { padding-top: 5.31vw; }
.expertise .section.solution-sec { padding-bottom: 9vw; }
.expertise .section.solution-sec-mobile { display: none; }
.expertise .section.solution-sec .grid-rows { padding: 0 60px; }
.expertise .section.solution-sec .grid-rows .grid-row { direction: ltr !important; }
.expertise .section.solution-sec .grid-rows .grid-row .flex-control-nav { bottom: 0px; left: 20px; width: auto; display: flex; }
.expertise .section.solution-sec .grid-rows .grid-row .flex-control-nav li { margin: 0 5px; }
.expertise .section.solution-sec .grid-rows .grid-row .flex-control-nav li a { background: rgb(245 59 34 / 35%); width: 7px; height: 7px; transition: 0.5s all ease; }
.expertise .section.solution-sec .grid-rows .grid-row .flex-control-nav li a.flex-active { background: var(--red); width: 45px; }
.expertise .section.solution-sec .grid-rows .grid-row .flexslider-box::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: var(--pink); transition: 1.6s all ease; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text { text-align: right; width: 100%; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { width: 100%; margin: 0; padding: 0 0 0 16px; position: absolute; top: 0; right: 0; height: 100%; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: clamp(4rem,4.2vw,8rem); color: var(--red); letter-spacing: -0.8px; line-height: 0.96; font-family: var(--medium); margin-bottom: 0; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul { margin: 0; padding: 0; list-style: none; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:first-of-type { flex-wrap: wrap; gap: 10px 0; display: flex; margin: 50px 0 70px; margin: 2.6vw 0 3.65vw; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:first-of-type li { position: relative; display: flex; align-items: center; font-size: clamp(1.8rem,1.15vw,2.2rem); color: var(--text); font-family: var(--regular); }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:first-of-type li:not(:last-child)::after { content: ''; display: inline-flex; background-image: url(/warehouse/dynamic/394274.svg); height: 6px; width: 6px; margin: 0 10px; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:last-of-type { display: flex; gap: 20px; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:last-of-type li { border: 1px solid var(--red); border-radius: 50%; width: 9.5vw; height: 9.5vw; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: clamp(1.5rem,1.15vw,2.1rem); padding: 5px 24px; color: var(--red); font-family: var(--medium); position: relative; }
.expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:last-of-type li::after { content: ''; top: -14px; left: 50%; transform: translateX(-50%); width: 28px; height: 28px; background-image: url(/warehouse/dynamic/394272.svg); position: absolute; background-position: center; background-repeat: no-repeat; background-size: 100%; }

@media(max-width: 1024px) {
    .expertise #allSectionsWrapper { padding-top: 0; }
    .expertise .section.solution-sec { display: none; }
    .expertise .section.solution-sec-mobile { display: block; }
    .expertise .section.solution-sec { padding: 10px 0 65px; }
    .expertise .section.solution-sec .grid-rows { padding: 0; }
    .expertise .section.solution-sec .grid-rows .grid-row .flexslider-box { padding: 0 20px; }
    .expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { position: relative; padding: 60px 0 0; text-align: center; }
    .expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { max-width: 335px; letter-spacing: -0.4px; line-height: 1; }
    .expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:first-of-type { justify-content: center; padding: 0 20px; margin: 25px 0 40px; }
    .expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:last-of-type { justify-content: center; gap: 16px; flex-wrap: wrap; }
    .expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:last-of-type li { width: 35vw; height: 35vw; padding: 0 10px; }
    .expertise .section.solution-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text ul:last-of-type li::after { width: 16px; height: 16px; top: -8px; }
}

.section.expertise-logos { padding-bottom: 8.9vw; }
.section.expertise-logos .gallery-container { max-width: 62.5vw; margin: 0 auto; }
.section.expertise-logos .gallery-container .gallery-cubes { display: flex; flex-wrap: wrap; gap: 30px 0; justify-content: center; }
.section.expertise-logos .gallery-container .gallery-cubes .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; pointer-events: none; padding-bottom: 75%; min-width: 6.8vw; opacity: 0.8; }
.section.expertise-logos .gallery-container .gallery-cubes .no-pad { width: auto; padding: 0 35px; }
.section.expertise-logos .content-section-Btn { margin-top: 40px; }

@media(max-width: 1024px) {
    .section.expertise-logos { padding-bottom: 65px; }
    .section.expertise-logos .gallery-container { max-width: 100%; }
    .section.expertise-logos .gallery-container .gallery-cubes .no-pad { padding: 0 10px; }
    .section.expertise-logos .gallery-container .gallery-cubes .boxes-images-outer-image { min-width: 100px; padding-bottom: 50%; }
}

.section.green-order-sec { background: var(--green); color: var(--lpink); padding: 7.85vw 60px; }
.section.green-order-sec .section-title { margin-bottom: 0; }
.section.green-order-sec .section-title h2 { font-size: clamp(4rem,4.2vw,8rem); letter-spacing: -0.8px; line-height: 0.96; }
.section.green-order-sec .section-title h2 span { color: var(--red); font-family: var(--medium); }
.section.green-order-sec .section-topText p { font-size: clamp(1.59rem,1.15vw,2.2rem); color: var(--lpink); max-width: 55.7vw; margin: 0 auto; line-height: 1.3; opacity: 0.8; }
.section.green-order-sec .section-topText { margin: 2.1vw 0 4.2vw; }
.section.green-order-sec > h3 { margin: 70px 0 55px; margin: 3.65vw 0 2.87vw; line-height: 1.2; letter-spacing: -0.4px; font-size: clamp(2.4rem,2.1vw,4rem); }
.section.green-order-sec .content-section-Btn a.sec-button { background: transparent; border: 1px solid var(--pink); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: max(115px, 7.55vw); height: max(40px, 2.6vw); position: relative; font-family: var(--medium); color: var(--pink); font-size: clamp(1.5rem,1vw,1.9rem); transition: 0.3s background ease, 0.3s color ease; }
.section.green-order-sec .content-section-Btn a.sec-button::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--pink); border-radius: 50%; pointer-events: none; }
.section.green-order-sec .content-section-Btn a.sec-button:hover, .section.green-order-sec .content-section-Btn a.sec-button:focus { background: var(--pink); color: var(--green); }
.section.green-order-sec .content-section-Btn a.sec-button::before { content: ''; position: absolute; left: min(-32px,-1.96vw); top: 50%; transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); background-image: url( /warehouse/dynamic/392537.svg); background-size: 170%; z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.section.green-order-sec .content-section-Btn a.sec-button:hover::before { background-position: right bottom; }
.section.green-order-sec .grid-boxes { max-width: unset !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; gap: 22px; }
#LobbyModule .section.green-order-sec .grid-boxes .grid-box { font-size: 100%; width: 14.7vw; margin: 0; padding: 0; height: 14.7vw; }
#LobbyModule .section.green-order-sec .grid-boxes .grid-box .grid-box-inner::after { content: ''; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background-image: url(/warehouse/dynamic/394272.svg); position: absolute; background-position: center; background-repeat: no-repeat; background-size: 100%; pointer-events: none; }
#LobbyModule .section.green-order-sec .grid-boxes .grid-box .grid-box-inner { width: 100%; height: 100%; padding: 0 2.6vw; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--lpink); border-radius: 50%; position: relative; }
#LobbyModule .section.green-order-sec .grid-boxes .grid-box .grid-box-image { display: none; }
#LobbyModule .section.green-order-sec .grid-boxes .grid-box .grid-box-title h3 { color: var(--lpink); line-height: 1.2; font-family: var(--medium); font-size: clamp(1.98rem,1.35vw,2.6rem); margin: 0; }

@media(max-width: 1024px) {
    .section.green-order-sec { padding: 70px 20px; }
    .section.green-order-sec .section-title h2 { letter-spacing: -0.4px; line-height: 1; }
    .section.green-order-sec .section-topText { padding: 0 5px; margin: 20px 0 30px; }
    .section.green-order-sec .section-topText p { opacity: 1; line-height: 1.4; max-width: 100%; }
    .section.green-order-sec > h3 { margin: 50px 0 40px; letter-spacing: -0.24px; }
    .section.green-order-sec .grid-boxes { gap: 22px 15px; flex-wrap: wrap; }
    #LobbyModule .section.green-order-sec .grid-boxes .grid-box { width: 42.5vw; height: 42.5vw; }
    #LobbyModule .section.green-order-sec .grid-boxes .grid-box .grid-box-inner::after { top: -12px; width: 24px; height: 24px; }
    #LobbyModule .section.green-order-sec .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--regular); }
}

.section.full-connection-sec { padding: 2.8vw 0 2.15vw; }
.section.full-connection-sec .grid-rows { padding: 0 11vw; }
.section.full-connection-sec .grid-rows #grid-row0 { display: flex !important; gap: 0 170px; }
.section.full-connection-sec .grid-rows #grid-row0 > .flexslider-box { width: 56%; }
.section.full-connection-sec .grid-rows .slides { opacity: 0; transition: 2s all ease; }
.section.full-connection-sec .grid-rows #grid-row0 > .grid-row-cell-text { width: 44%; }
.section.full-connection-sec #grid-row0 .grid-row-cell-text .grid-row-text { width: 100%; }
.section.full-connection-sec #grid-row0 > .grid-row-cell-text > .grid-row-text { padding: 0; margin: 0; }
.section.full-connection-sec #grid-row0 > .grid-row-cell-text > .grid-row-text h2 { font-size: clamp(3.6rem, 3.9vw, 7.4rem); color: var(--green); letter-spacing: -0.74px; margin-bottom: 30px; line-height: 0.9; }
.section.full-connection-sec #grid-row0 > .grid-row-cell-text > .grid-row-text p { color: var(--text); line-height: 1.4; font-size: clamp(1.59rem, 1vw, 1.9rem); transition: 1s opacity ease; transition-delay: 0.6s !important; opacity: 0; font-family: var(--regular); }
.section.full-connection-sec #grid-row1 { display: flex !important; flex-direction: row-reverse; transition: 1s opacity ease; transition-delay: 0.85s !important; opacity: 0; padding-top: 30px; margin-top: 25px; }
.section.full-connection-sec #grid-row1::before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; }
.section.full-connection-sec #grid-row1 .flexslider-box { width: auto; max-width: 50px; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); margin-left: 20px; }
.section.full-connection-sec #grid-row1 .flexslider-box img { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.section.full-connection-sec #grid-row1 .grid-row-cell-text { width: 100%; }
.section.full-connection-sec #grid-row1 .grid-row-cell-text .grid-row-text { display: flex; flex-wrap: wrap; padding: 0; margin: 0; }
.section.full-connection-sec #grid-row1 .grid-row-cell-text .grid-row-text h2 { font-size: clamp(1.4rem, 0.84vw, 1.6rem); color: var(--green); font-family: var(--medium); margin: 0 0 0 5px; }
.section.full-connection-sec #grid-row1 .grid-row-cell-text .grid-row-text .text-wrapper { width: auto; }
.section.full-connection-sec #grid-row1 .grid-row-cell-text .grid-row-text h3 { font-size: clamp(1.4rem, 0.84vw, 1.6rem); color: #7E7B7A; margin: 0; display: inline-flex; align-items: flex-end; }
.section.full-connection-sec #grid-row1 .grid-row-cell-text .grid-row-text p { color: var(--text); font-size: clamp(1.19rem, 0.84vw, 1.59rem); line-height: 1.4; margin-top: 10px; max-width: 95%; font-family: var(--regular); }

@media(max-width: 1024px) {
    .section.full-connection-sec { padding: 0; margin-bottom: 90px; }
    .section.full-connection-sec .grid-rows { padding: 0 20px; }
    .section.full-connection-sec .grid-rows #grid-row0 { gap: 50px 0; flex-direction: column; align-items: center; }
    .section.full-connection-sec .grid-rows #grid-row0 > .flexslider-box { width: 100%; }
    .section.full-connection-sec .grid-rows #grid-row0 > .grid-row-cell-text { width: 100%; }
    .section.full-connection-sec .grid-rows #grid-row0 > .grid-row-cell-text > .grid-row-text { padding: 0 0 20px 0; margin: 0px 0 20px 0; }
    .section.full-connection-sec .grid-rows #grid-row0 > .grid-row-cell-text > .grid-row-text h2 { letter-spacing: -0.36px; margin-bottom: 24px; }
    .section.full-connection-sec .grid-rows #grid-row1 .flexslider-box { max-width: 36px; }
}

.section.our-specials-sec { display: flex; padding: 10.6vw 60px 9.65vw; gap: 25px; }
.section.our-specials-sec .section-title { margin: 0; width: min(42%, 740px); text-align: right; }
.section.our-specials-sec .section-title h2 { font-size: clamp(4rem,4.2vw,8rem); letter-spacing: -0.8px; line-height: 0.96; color: var(--green); }
.section.our-specials-sec .section-title h2 span { color: var(--red); font-family: var(--medium); }
#LobbyModule .section.our-specials-sec .grid-boxes { max-width: unset; padding: 0; display: flex; width: min(68%, 1030px); gap: 26px; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box { width: 50%; font-size: 100%; margin: 0; /* outline: 1px solid var(--red); */ /* background: var(--lpink); */ flex-grow: 1; padding: 0; text-align: right; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box::after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; outline: 1px solid var(--red); background: var(--lpink); z-index: -1; transition: 0.6s all ease; opacity: 0; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-inner { display: flex; flex-direction: column; padding: 30px 38px 20px; padding: 1.55vw 1.95vw 1.05vw; height: 100%; outline: 1px solid var(--red); background: var(--lpink); position: relative; transition: 0.4s transform ease, 0.1s outline ease }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box:hover .grid-box-inner { transform: translate(-10px, -10px); }
#LobbyModule .section.our-specials-sec .grid-boxes::before, #LobbyModule .section.our-specials-sec .grid-boxes::after { display: none; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-image { margin: 0 0 5px; background-image: url(/warehouse/dynamic/394472.svg); width: 30px; height: 30px; display: flex; order: 1; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box:nth-child(2) .grid-box-image { background-image: url(/warehouse/dynamic/394473.svg); }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-title { order: 2; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext { order: 3; flex-grow: 1; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(2.2rem,1.55vw,3rem); color: var(--red); font-family: var(--medium); padding: 0 0 20px 0; margin: 0 0 20px 0; position: relative; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-title h3::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext p { color: var(--text); line-height: 1.4; font-size: clamp(1.39rem,1vw,1.9rem); font-family: var(--regular); }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext h4 { color: var(--green); font-size: clamp(1.8rem,1.25vw,2.4rem); font-family: var(--medium); margin: 1.05vw 0 0.55vw; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext ul { padding: 0 0 35px; margin: 0 0 15px; padding: 0 0 1.85vw; list-style: none; margin: 0 0 0.8vw; position: relative; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext ul::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext ul li { font-size: clamp(1.39rem,1vw,1.9rem); line-height: 1.4; color: var(--text); font-family: var(--regular); }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price { order: 4; display: flex; justify-content: space-between; align-items: center; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle:not(.button) { color: var(--red); font-size: clamp(1.4rem,0.95vw,1.8rem); font-family: var(--schoolbook), var(--medium); font-style: italic; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle:not(.button) span span { font-size: clamp(1.8rem,1.25vw,2.4rem); }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle.button { margin-left: max(40px, 2.6vw); }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle.button a { background: transparent; border: 1px solid var(--red); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: max(115px, 7.55vw); height: max(40px, 2.6vw); position: relative; font-family: var(--medium); color: var(--red); font-size: clamp(1.5rem,1vw,1.9rem); transition: 0.3s background ease, 0.3s color ease; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle.button a::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--red); border-radius: 50%; pointer-events: none; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle.button a:hover, #LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle.button a:focus { background: var(--red); color: var(--lpink); }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle.button a::before { content: ''; position: absolute; left: min(-32px,-1.96vw); top: 50%; transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); background-image: url(/warehouse/dynamic/392538.svg); background-size: 170%; z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
#LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-price .grid-box-subtitle.button a:hover::before { background-position: right bottom; }

@media(max-width: 1024px) {
    .section.our-specials-sec { display: flex; flex-direction: column; align-items: center; padding: 0 20px; margin-bottom: 70px; gap: 25px; }
    .section.our-specials-sec .section-title { width: 100%; text-align: center; }
    #LobbyModule .section.our-specials-sec .grid-boxes { width: 100%; gap: 33px 0; display: flex; flex-direction: column; align-items: center; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box { width: 100%; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-inner { padding: 20px 17px; opacity: 1 !important; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box:hover .grid-box-inner { transform: unset; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-image { width: 25px; height: 25px; background-size: 100%; margin: 0 0 5px; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-title h3 { padding: 0 0 13px 0; margin: 0 0 13px 0; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext h4 { margin: 15px 0 8px; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext ul { padding: 0 0 20px; margin: 0 0 15px; }
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box .grid-box-fulltext ul li:not(:last-child) { margin-bottom: 7px; }
}

.section.digital-click-text { max-width: 61vw; margin-bottom: 3vw; }
.section.digital-click-text .section-title { margin-bottom: 0; }
.section.digital-click-text .section-title h2 { color: var(--green); letter-spacing: -0.8px; margin-bottom: 35px; margin-bottom: 1.85vw; font-size: clamp(3.6rem, 3.9vw, 7.4rem); }
.section.digital-click-text .section-topText { max-width: 54.2vw; margin: 0 auto; margin-bottom: 75px; margin-bottom: 3.2vw; opacity: 0; transition: 1s 0.4s ease; }
.section.digital-click-text .section-topText p { color: var(--text); line-height: 1.5; font-family: var(--regular); font-size: clamp(1.59rem, 1.15vw, 2.18rem); opacity: 0.8; }
#LobbyModule .section.digital-click-text .grid-boxes { margin: 0 auto; display: flex; padding: 0; }
#LobbyModule .section.digital-click-text .grid-boxes .grid-box { margin: 0; padding: 0; pointer-events: none; }
#LobbyModule .section.digital-click-text .grid-boxes .grid-box .grid-box-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; }
#LobbyModule .section.digital-click-text .grid-boxes .grid-box .grid-box-image { max-width: 145px; display: inline-flex; margin-bottom: 25px; }
#LobbyModule .section.digital-click-text .grid-boxes .grid-box .grid-box-title h3 { color: var(--green); font-family: var(--medium); margin: 0; font-size: clamp(1.4rem, 1.35vw, 2.6rem); }

@media(max-width: 1024px) {
    .section.digital-click-text { padding: 0 20px; max-width: 100%; margin-bottom: 30px; }
    .section.digital-click-text .section-title h2 { margin: 0 0 20px; letter-spacing: -0.4px; }
    .section.digital-click-text .section-topText { margin-bottom: 40px; max-width: 100%; }
    #LobbyModule .section.digital-click-text .grid-boxes .grid-box .grid-box-image { max-width: 85px; margin-bottom: 10px; }
    #LobbyModule .section.digital-click-text .grid-boxes .grid-box .grid-box-title h3 { padding: 0 5px; }
}

.section.digital-click-recommendation { padding: 15px 0; }
.section.digital-click-recommendation::before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 1px; width: 90%; background: linear-gradient(90deg, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 50%, rgba(216,206,199,0) 100%); pointer-events: none; transition: 1s 0.65s opacity ease; opacity: 0; }
.section.digital-click-recommendation::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 90%; background: linear-gradient(90deg, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 50%, rgba(216,206,199,0) 100%); pointer-events: none; transition: 1s 1.05s opacity ease; opacity: 0; }
.section.digital-click-recommendation .grid-row { display: flex !important; flex-direction: column; transition: 1s opacity ease; transition-delay: 0.85s !important; opacity: 0; max-width: 525px; margin: 0 auto; align-items: center; }
.section.digital-click-recommendation .grid-row .flexslider-box { width: auto; max-width: 50px; border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); margin: 0 0 10px; }
.section.digital-click-recommendation .grid-row .flexslider-box img { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.section.digital-click-recommendation .grid-row .grid-row-cell-text { width: 100%; }
.section.digital-click-recommendation .grid-row .grid-row-cell-text .grid-row-text { display: flex; flex-wrap: wrap; padding: 0; margin: 0; width: 100%; justify-content: center; }
.section.digital-click-recommendation .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: clamp(1.4rem, 0.84vw, 1.6rem); color: var(--green); font-family: var(--medium); margin: 0 0 0 5px; }
.section.digital-click-recommendation .grid-row .grid-row-cell-text .grid-row-text .text-wrapper { width: auto; }
.section.digital-click-recommendation .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: clamp(1.4rem, 0.84vw, 1.6rem); color: #7E7B7A; margin: 0; display: inline-flex; align-items: flex-end; }
.section.digital-click-recommendation .grid-row .grid-row-cell-text .grid-row-text p { color: var(--text); font-size: clamp(1.19rem, 0.84vw, 1.59rem); line-height: 1.4; margin-top: 10px; font-family: var(--regular); text-align: center; }

@media(max-width: 1024px) {
    .section.digital-click-recommendation { padding: 15px 20px; }
    .section.digital-click-recommendation .grid-row .flexslider-box { max-width: 36px; }
}

.section.digital-click-button { margin: 2.1vw 0 0; }
.section.digital-click-button .grid-text-content { padding: 0; width: auto; display: inline-flex; }
.section.digital-click-button .grid-text-content a.sec-button { background: transparent; border: 1px solid var(--red); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: max(115px, 7.55vw); height: max(40px, 2.6vw); position: relative; font-family: var(--medium); color: var(--red); font-size: clamp(1.5rem,1vw,1.9rem); transition: 0.3s background ease, 0.3s color ease; }
.section.digital-click-button .grid-text-content a.sec-button::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--red); border-radius: 50%; pointer-events: none; }
.section.digital-click-button .grid-text-content a.sec-button:hover, .section.digital-click-button .grid-text-content a.sec-button:focus { background: var(--red); color: var(--lpink); }
.section.digital-click-button .grid-text-content a.sec-button::before { content: ''; position: absolute; left: min(-32px,-1.96vw); top: 50%; transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); background-image: url(/warehouse/dynamic/392538.svg); background-size: 170%; z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.section.digital-click-button .grid-text-content a.sec-button:hover::before { background-position: right bottom; }

@media(max-width: 1024px) {
    .section.digital-click-button { display: none; }
}

.section.features-sec + .pin-spacer { background: var(--green); }
.section.features-sec { display: flex; padding: 0 11.2vw 9.65vw; gap: 25px; margin: 14.05vw auto 6.2vw; }
.section.features-sec::after { content: ''; position: absolute; left: 0; bottom: -6.2vw; width: 100%; height: 6.2vw; pointer-events: none; background: var(--green); }
.section.features-sec .section-title { margin: 0; width: min(28%, 400px); text-align: right; }
.section.features-sec .section-title h2 { font-size: clamp(4rem,4.2vw,8rem); letter-spacing: -0.8px; line-height: 0.96; color: var(--red); font-family: var(--medium); }
.section.features-sec .section-title h3 { font-size: 2.18rem; font-size: clamp(1.6rem,1.15vw,2.18rem); max-width: 11.5vw; line-height: 1.3; color: var(--text); font-family: var(--regular); margin: 20px 0 30px; margin: 1.05vw 0 1.55vw; }
.section.features-sec .section-title .content-section-Btn { opacity: 0; transition: 1s 0.5s all ease; }
.section.features-sec .section-title a.sec-button { background: transparent; border: 1px solid var(--red); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: max(115px, 7.55vw); height: max(40px, 2.6vw); position: relative; font-family: var(--medium); color: var(--red); font-size: clamp(1.5rem,1vw,1.9rem); transition: 0.3s background ease, 0.3s color ease; }
.section.features-sec .section-title a.sec-button::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--red); border-radius: 50%; pointer-events: none; }
.section.features-sec .section-title a.sec-button:hover, .section.features-sec .section-title a.sec-button:focus { background: var(--red); color: var(--lpink); }
.section.features-sec .section-title a.sec-button::before { content: ''; position: absolute; left: min(-32px,-1.96vw); top: 50%; transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); background-image: url(/warehouse/dynamic/392538.svg); background-size: 170%; z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.section.features-sec .section-title a.sec-button:hover::before { background-position: right bottom; }
#LobbyModule .section.features-sec .grid-boxes { max-width: unset; padding: 0; display: flex; width: min(71%, 1040px); gap: 30px 175px; gap: 1.55vw 9vw; flex-wrap: wrap; }
#LobbyModule .section.features-sec .grid-boxes::before, #LobbyModule .section.features-sec .grid-boxes::after { display: none; }
#LobbyModule .section.features-sec .grid-boxes .grid-box { margin: 0; font-size: 100%; flex-grow: 1; padding: 0.55vw 1.05vw; text-align: right; }
#LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-image { display: none; }
#LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-title h3 { color: var(--green); font-family: var(--medium); margin: 0 0 1.05vw 0; padding-right: 20px; position: relative; font-size: clamp(1.8rem,1.15vw,2.2rem); }
#LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-title h3::before { content: ''; position: absolute; right: 0; top: 6px; height: 12px; width: 12px; background-image: url(/warehouse/dynamic/394506.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
#LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-fulltext p { color: var(--text); line-height: 1.2; font-family: var(--regular); font-size: clamp(1.39rem,0.94vw,1.78rem); padding-right: 20px; }

@media(max-width: 1024px) {
    .section.features-sec { flex-direction: column; align-items: center; padding: 0 20px 40px; margin: 70px 0; gap: 45px; }
    .section.features-sec::after { bottom: -70px; height: 70px; }
    .section.features-sec .section-title { width: 100%; text-align: center; }
    .section.features-sec .section-title h3 { max-width: 100%; margin: 10px 0 20px; }
    #LobbyModule .section.features-sec .grid-boxes { width: 100%; gap: 25px 15px; flex-wrap: wrap; justify-content: center; }
    #LobbyModule .section.features-sec .grid-boxes .grid-box { flex-grow: unset; width: calc(50% - 9px); padding: 0 15px 0 0; }
    #LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-title h3 { padding-right: 0; margin: 0 0 8px 0; line-height: 1; }
    #LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-title h3::before { right: -15px; top: 3px; height: 10px; width: 10px; }
    #LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-fulltext p { padding-right: 0; }
}

.section.faq-sec { margin: 8.8vw auto; }
.section.faq-sec .section-title { margin-bottom: 2.6vw; }
.section.faq-sec .section-title h2 { font-size: clamp(3.6rem,3.85vw,7.4rem); color: var(--green); }
.section.faq-sec .panel-group { margin: 0 auto; padding: 0 11.2vw; }
.section.faq-sec .panel-group .faq-item { margin: 0 !important; border-radius: 0; border: none; background: transparent; box-shadow: none; padding: 0; position: relative; }
.section.faq-sec .panel-group .faq-item::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 50%, rgba(216,206,199,0) 100%); pointer-events: none; }
.section.faq-sec .panel-group .faq-item .faq-headline { background: transparent; font-size: clamp(1.8rem,1.67vw,3.2rem); padding: 0; transition: 0.9s all, 0.5s padding; color: var(--green); font-family: var(--medium); padding: 2.35vw 7.8vw; }
.section.faq-sec .panel-group .faq-item .faq-headline::before { content: ''; position: absolute; left: 7.8vw; top: 50%; transform: translateY(-50%) rotate(-90deg); width: 16px; height: 15px; transition: 0.3s all; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/392025.svg); background-position: center; background-size: 100%; }
.section.faq-sec .panel-group .faq-item .faq-headline:not(.collapsed) { background: var(--lpink); transition: 0.1s all; padding: 2.35vw 7.8vw; }
.section.faq-sec .panel-group .faq-item .faq-body { background-color: var(--lpink); }
.section.faq-sec .panel-group .faq-item .faq-body > div { padding: 0 7.8vw 2.35vw; max-width: 95%; }
.section.faq-sec .panel-group .faq-item .faq-body > div p { font-size: clamp(1.39rem,1.05vw,2rem); line-height: 1.3; color: var(--text); font-family: var(--regular); }
.section.faq-sec .panel-group .faq-item .faq-headline i { display: none; }
.section.faq-sec .panel-group .faq-item .faq-headline:not(.collapsed)::before { transform: translateY(-50%) rotate(0deg); }

@media(max-width: 1024px) {
    .section.faq-sec { margin: 75px 0; }
    .section.faq-sec .section-title { margin-bottom: 30px; }
    .section.faq-sec .panel-group { padding: 0 20px; }
    .section.faq-sec .panel-group .faq-item::after { background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); height: 2px; }
    .section.faq-sec .panel-group .faq-item .faq-headline { padding: 20px; }
    .section.faq-sec .panel-group .faq-item .faq-headline:not(.collapsed) { padding: 20px 20px 10px; }
    .section.faq-sec .panel-group .faq-item .faq-headline span { max-width: 80%; display: block; }
    .section.faq-sec .panel-group .faq-item .faq-headline::before { left: 22px; top: 22px; }
    .section.faq-sec .panel-group .faq-item .faq-body > div { padding: 0px 20px 20px; }
}

/* Contact Page */
.contact #SiteGrid { overflow: visible; }
.contact #allSectionsWrapper { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.contact #allSectionsWrapper .GridTop-wrapper { width: 50%; position: relative; height: auto; }
.contact #allSectionsWrapper .GridTop-wrapper #GridTop { width: 100%; position: sticky; top: var(--headerHeight); height: calc(100vh - var(--headerHeight)); }
.contact .section.contact-form-sec { width: 50%; display: flex; flex-direction: column; padding: 5.2vw 9.9vw; background: var(--lpink); }
.contact .section.contact-form-sec #lobbyview { margin-bottom: 2.35vw; }
.contact .section.contact-form-sec #lobbyview #headline { margin-bottom: 0.52vw; }
.contact .section.contact-form-sec #lobbyview #headline h1 { color: var(--green); letter-spacing: -0.5px; line-height: 0.96; font-size: clamp(4rem,2.6vw,5rem); }
.contact .section.contact-form-sec #lobbyview > h2 { margin: 0 0 1.45vw 0; padding: 0 3vw 1.5vw; color: var(--text); max-width: 30.5vw; position: relative; font-family: var(--regular); font-size: clamp(1.59rem,0.95vw,1.78rem); opacity: 0; transition: 1s 0.5s ease all; }
.contact .section.contact-form-sec #lobbyview > h2::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 50%, rgba(216,206,199,0) 100%); pointer-events: none; }
.contact .section.contact-form-sec #lobbyview .lobbyTextContainer ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-around; }
.contact .section.contact-form-sec #lobbyview .lobbyTextContainer ul li { display: inline-flex; flex-direction: column; align-items: center; gap: 10px; font-size: 1.78rem; color: var(--green); font-family: var(--regular); }
.contact .section.contact-form-sec #DynamicFormObject { max-width: 100% !important; margin: 0; padding: 0; border: none; display: flex; flex-direction: column; align-items: center; }
.contact .section.contact-form-sec #DynamicFormObject::after { display: none; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-direction: column; align-items: center; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 100%; padding: 0; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input,
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { width: 100%; max-width: 100%; height: 50px; height: 2.6vw; border: none !important; box-shadow: none; border-radius: 0; background: var(--pink); border-bottom: 2px solid var(--green) !important; padding: 0 20px; font-size: clamp(1.39rem,0.95vw,1.78rem) !important; color: var(--text); font-family: var(--light); margin-bottom: 1.05vw; letter-spacing: 0.5px; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { height: 5.2vw; padding: 10px 20px 0; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input:hover,
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea:hover,
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input:focus,
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea:focus { border-color: var(--red) !important; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { padding: 0; background: transparent; border: 1px solid var(--green); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; width: auto; position: relative; margin: 0.52vw 0 0; font-size: 1.9rem; transition: 0.3s all ease; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--green); border-radius: 50%; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover,
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:focus { background: var(--green); }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover input,
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:focus input { color: #fff; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit::before { content: ''; position: absolute; left: min(-32px,-1.96vw); top: 50%; transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); background-image: url(/warehouse/dynamic/392538.svg); z-index: 1; background-size: 170%; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit:hover::before { background-position: right bottom; }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input { background: transparent; border: none; width: max(133px, 7.55vw); height: max(40px, 2.6vw); font-size: 100%; border-radius: unset; font-family: var(--medium); color: var(--green); }
.contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectField .must:before { top: 7px !important; right: 10px !important; }
.contact #allSectionsWrapper .section.lead-form-homepage-text { width: 100%; }

@media(max-width: 1024px) {
    .contact #GridTop { height: 230px; }
    .contact #allSectionsWrapper { flex-direction: column; flex-wrap: nowrap; align-items: center; }
    .contact .section.contact-form-sec { width: 100%; padding: 30px 20px 115px; }
    .contact .section.contact-form-sec #lobbyview { margin-bottom: 35px; }
    .contact .section.contact-form-sec #lobbyview #headline { margin-bottom: 10px; }
    .contact .section.contact-form-sec #lobbyview > h2 { max-width: 100%; line-height: 1.3; margin: 0 0 15px 0; padding: 0 0 15px 0; }
    .contact .section.contact-form-sec #lobbyview .lobbyTextContainer ul { display: flex; justify-content: center; gap: 20px 30px; }
    .contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input,
    .contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { height: 40px; margin-bottom: 12px; }
    .contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { height: 100px; }
    .contact .section.contact-form-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { margin: 20px 0 0; }
}

/* Portfolio Lobby */
.portfolio-lobby #GridTop { height: auto !important; width: 100%; }
.portfolio-lobby #GridTop .top-caption { position: relative; top: unset; left: unset; transform: none; font-size: 100%; text-align: center; padding: 4.2vw 0 4.9vw; width: auto; }
.portfolio-lobby #GridTop .top-caption h1 { font-size: clamp(5rem,4.2vw,8rem); color: var(--red); letter-spacing: -0.8px; line-height: 0.96; }
.portfolio-lobby #GridTop .top-caption h1 span { display: block; font-family: var(--medium); }
.portfolio-lobby .categories-strip { background: transparent; margin-bottom: 40px; display: block; display: none; }
.portfolio-lobby .categories-strip ul { display: flex !important; justify-content: center; gap: 12px; opacity: 0; transition: 0.6s 0.65s all ease; transform: translateY(30px); }
.portfolio-lobby .categories-strip ul li { border: 1px solid var(--red); border-radius: 30px; padding: 0px; color: var(--red); transition: 0.4s all ease; }
.portfolio-lobby .categories-strip ul li:first-child { display: none; }
.portfolio-lobby .categories-strip ul li.active, .portfolio-lobby .categories-strip ul li:hover { color: var(--pink); background: var(--red); }
.portfolio-lobby .categories-strip ul li a { padding: 0.52vw 1.25vw; display: flex; letter-spacing: -0.2px; line-height: 0.9; font-family: var(--medium); font-size: clamp(1.4rem,1.05vw,2rem); }
.portfolio-lobby #LobbyModule .grid-boxes { max-width: unset; padding: 0 60px; display: flex; flex-wrap: wrap; gap: 40px 20px; margin: 0 auto 11.7vw; opacity: 0; transform: translateY(60px); transition: 0.6s 0.6s all ease; }
.portfolio-lobby:has(.load-more) #LobbyModule .grid-boxes { margin: 0 auto 3.7vw; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box { margin: 0; padding: 0; font-size: 100%; width: calc(33.33% - 14px); display: none; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box.is-visible { display: flex !important; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-inner { opacity: 0; transform: translateY(60px); transition: 0.6s all ease; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-image { margin: 0; pointer-events: none; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle { font-size: 100%; position: absolute; bottom: 20px; right: 30px; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle a { background: transparent; border: 1px solid var(--pink); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: max(115px, 7.55vw); height: max(40px, 2.6vw); position: relative; font-family: var(--medium); color: var(--pink); font-size: clamp(1.5rem,1vw,1.9rem); transition: 0.3s background ease, 0.3s color ease; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle a::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--pink); border-radius: 50%; pointer-events: none; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle a:hover, .portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle a:focus { background: var(--pink); color: var(--green); }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle a::before { content: ''; position: absolute; left: min(-32px,-1.96vw); top: 50%; transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); background-image: url( /warehouse/dynamic/392537.svg); background-size: 170%; z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle a:hover::before { background-position: right bottom; }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-inner .grid-box-link { margin: 0; padding: 0; font-size: 1.9rem; border: none; color: var(--lpink); font-family: var(--medium); border-bottom: 1px solid var(--pink); border-radius: 0; position: absolute; bottom: 30px; left: 30px; }
.portfolio-lobby #LobbyModule .grid-boxes .content-section-Btn { display: none; }
.portfolio-lobby .portfolio-lobby-sec .load-more { margin: 0 0 11vw; }
.portfolio-lobby .portfolio-lobby-sec .load-more button { background: transparent; border: 1px solid var(--green); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0; width: max(115px, 7.55vw); height: max(40px, 2.6vw); position: relative; font-family: var(--medium); color: var(--green); font-size: clamp(1.5rem,1vw,1.9rem); transition: 0.3s background ease, 0.3s color ease; }
.portfolio-lobby .portfolio-lobby-sec .load-more button::after { content: ''; position: absolute; left: min(-40px,-2.6vw); top: 0; width: max(40px,2.6vw); height: max(40px,2.6vw); background: var(--green); border-radius: 50%; pointer-events: none; }
.portfolio-lobby .portfolio-lobby-sec .load-more button:hover, .portfolio-lobby .portfolio-lobby-sec .load-more button:focus { background: var(--green); color: var(--lpink); }
.portfolio-lobby .portfolio-lobby-sec .load-more button::before { content: ''; position: absolute; left: min(-39px,-1.99vw); top: 50%; transform: translateY(-50%) rotate(-90deg); width: max(25px,1.31vw); height: max(25px,1.31vw); background-image: url(/warehouse/dynamic/392538.svg); background-size: 170%; z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
.portfolio-lobby .portfolio-lobby-sec .load-more button:hover::before { background-position: right bottom; }

@media(max-width: 1024px) {
    .portfolio-lobby #GridTop .top-caption { padding: 70px 0px 75px; }
    .portfolio-lobby #GridTop .top-caption h1 { line-height: 0.9; }
    .portfolio-lobby .categories-strip .mobile-strip { display: none; }
    .portfolio-lobby .categories-strip { margin-bottom: 20px; }
    .portfolio-lobby .categories-strip ul { white-space: nowrap; gap: 6px; justify-content: flex-start; padding: 0 20px 20px; overflow-x: scroll; }
    .portfolio-lobby .categories-strip ul li a { padding: 9px 19px; letter-spacing: -0.14px; }
    .portfolio-lobby #LobbyModule .grid-boxes { padding: 0 20px; gap: 16px 0; flex-direction: column; align-items: center; margin: 0 auto 90px; }
    .portfolio-lobby #LobbyModule .grid-boxes .grid-box { width: 100%; }
    .portfolio-lobby #LobbyModule .grid-boxes .grid-box .grid-box-subtitle { bottom: 12px; right: 12px; }
    .portfolio-lobby .portfolio-lobby-sec .load-more { margin: 0 0 110px; }
    .portfolio-lobby .portfolio-lobby-sec .load-more button::before { left: min(-32px,-1.96vw); transform: translateY(-50%); width: max(25px,1.3vw); height: max(25px,1.3vw); }
}

/* Work Process Page */
.section.work-process-text { padding: 3.12vw 0 5.77vw }
.section.work-process-text .grid-text { display: flex; width: 100%; padding: 0 60px; }
.section.work-process-text .grid-text .grid-text-content { width: 50%; padding: 1vw 0 0 8.95vw; height: 100%; text-align: right; }
.section.work-process-text .grid-text .grid-text-content .top-caption { position: relative; top: unset; left: unset; transform: none; font-size: 100%; }
.section.work-process-text .grid-text .grid-text-content .top-caption h1 { font-size: clamp(4rem,4.2vw,8rem); color: var(--red); letter-spacing: -0.8px; line-height: 0.96; font-family: var(--medium); }
.section.work-process-text .grid-text .grid-text-content .top-caption h1 span { font-family: var(--light); }
.section.work-process-text .grid-text .grid-text-content p { font-size: clamp(2.2rem,1.25vw,2.4rem); line-height: 1.3; margin-top: 1.55vw; opacity: 0; transition: 1s 0.65s all ease; }
.section.work-process-text .grid-text .GridTop-wrapper { width: 50%; }
.section.work-process-text .grid-text .GridTop-wrapper #GridTop { height: 20.85vw; }
.work-process #GridTop::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: var(--pink); transition: 1.6s all ease; }
#LobbyModule .section.work-process-boxes .grid-boxes { display: flex; max-width: unset; padding: 0 55px 2.57vw; opacity: 0; transition: 0.8s 0.65s all ease; transform: translateY(60px); }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box { font-size: 100%; text-align: right; margin: 0 10px; padding: 0; min-width: 30.55vw; }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-inner { display: inline-flex; flex-direction: column; position: relative; }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-image { display: inline-flex; margin: 0 0 1.55vw; }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-image img { width: auto; height: 3.386vw; }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-image::before { content: ''; position: absolute; left: 0; top: 50%; height: 2px; width: 80%; background: linear-gradient(90deg, rgba(245,59,34,0) 0%, rgba(245,59,34,0.2) 50%, rgba(245,59,34,0) 100%); pointer-events: none; }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(2.2rem,1.15vw,2.6rem); color: var(--green); line-height: 1.2; font-family: var(--medium); margin-bottom: 0.78vw; }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-fulltext { max-width: calc(100% - 7.7vw); }
#LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(1.59rem,0.86vw,1.78rem); line-height: 1.2; font-family: var(--regular); text-align: right; }

@media(max-width: 1024px) {
    .work-process #GridTop { height: 44vw; width: calc(100% - 40px); margin: 20px auto 0; }
    .section.work-process-text { padding: 35px 20px 80px; }
    .section.work-process-text .grid-text { padding: 0; }
    .section.work-process-text .grid-text .grid-text-content { width: 100%; padding: 0; text-align: center; }
    .section.work-process-text .grid-text .grid-text-content .top-caption h1 { margin-bottom: 20px; }
    .section.work-process-text .grid-text .grid-text-content .top-caption { width: 100%; }
    #LobbyModule .section.work-process-boxes .grid-boxes { display: flex; flex-direction: column; padding: 0 20px 120px; opacity: 1; transform: unset; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box { width: 100%; min-width: 100%; margin: 0; display: flex; flex-direction: column; align-items: center; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-inner { align-items: center; opacity: 0; transform: translateY(30px); transition: 1s all ease; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box:not(:last-child) .grid-box-inner::after { content: ''; display: block; height: 100px; width: 2px; background: linear-gradient(180deg, rgba(245,59,34,0) 0%, rgba(245,59,34,0.2) 50%, rgba(245,59,34,0) 100%); pointer-events: none; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-image { margin: 0 0 10px; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-image img { max-width: 46px; height: auto; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-image::before { display: none; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-title h3 { margin-bottom: 15px; }
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box .grid-box-fulltext p { text-align: center; line-height: 1.3; }
}

/* About Page */
.about #GridTop { height: 21.36vw; background-position: center 100%; }
.section.about-special-text { padding: 3.65vw 60px 0; }
.section.about-special-text .grid-text { display: flex; }
.section.about-special-text .grid-text .top-caption { position: relative; top: unset; left: unset; transform: none; font-size: 100%; white-space: nowrap; text-align: right; }
.section.about-special-text .grid-text .top-caption h1 { font-size: clamp(5rem,5.2vw,10rem); color: var(--red); letter-spacing: -3.5px; }
.section.about-special-text .grid-text .top-caption h1 span { font-family: var(--schoolbook); font-style: italic; letter-spacing: -0.42vw; }
.section.about-special-text .grid-text .grid-text-content { text-align: right; padding: 25px 19vw 0 0; width: auto; display: flex; }
.section.about-special-text .grid-text .grid-text-content .gridText1 { margin: 0; padding-left: 25px; opacity: 0; transition: 1s opacity ease; transition-delay: 0.8s !important; }
.section.about-special-text .grid-text .grid-text-content .gridText2 { margin: 0; padding-right: 25px; opacity: 0; transition: 1s opacity ease; transition-delay: 0.95s !important; }
.section.about-special-text .grid-text .grid-text-content p { line-height: 1.4; font-family: var(--regular); opacity: 0.9; font-size: clamp(1.59rem,1.05vw,1.98rem); }
.section.scrolling-images-no-bg { background: transparent; margin: 6.8vw auto; }
.section.about-scrolling-images-text .grid-text { display: flex; justify-content: flex-end; padding: 0 60px; }
.section.about-scrolling-images-text .grid-text-content { padding: 0; max-width: 47.4vw; display: inline-flex; margin: 0; width: 100%; }
.section.about-scrolling-images-text .grid-text-content .gridText1 { margin: 0; padding-left: 25px; opacity: 0; transition: 1s opacity ease; }
.section.about-scrolling-images-text .grid-text-content .gridText2 { margin: 0; padding-right: 25px; opacity: 0; transition: 1s opacity ease; transition-delay: 0.25s !important; }
.section.about-scrolling-images-text .grid-text-content p { line-height: 1.4; font-family: var(--regular); font-size: clamp(1.59rem,1.05vw,1.98rem); opacity: 0.9; }
.section.about-scrolling-images-text .grid-text-content p a { text-decoration: underline; color: var(--red); }
.section.about-last-text { margin: 0 auto; padding: 15.6vw 0 14.6vw; padding: 0; height: calc(100vh - var(--headerHeight)); display: flex; justify-content: center; }
.section.about-last-text .grid-text-content { width: 100%; padding: 0; max-width: 61.5vw; padding-top: 16vw; }
.section.about-last-text .grid-text-content p { font-size: clamp(3.1rem,2.6vw,5rem); line-height: 1.1; color: var(--green); }
.section.about-last-text .grid-text-content p .line:last-child { transform: translateY(20px); }
.section.about-last-text-images { position: absolute; width: 100%; height: 100%; }
.section.about-last-text-images .grid-row-cell-text { display: none !important; }
.section.about-last-text-images .grid-rows { display: flex; align-items: center; pointer-events: none; position: relative; justify-content: center; }
.section.about-last-text-images .grid-rows::before, .section.about-last-text-images .grid-rows::after { display: none; }
.section.about-last-text-images .grid-rows .flexslider-box { display: inline-flex !important; width: 100%; align-items: center; }
.section.about-last-text-images .grid-rows .grid-row { width: auto; transform: translateX(-50%); }
.section.about-last-text-images .grid-rows .grid-row:nth-child(1) { position: absolute; top: -3vw; left: 75vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(2) { position: absolute; top: 3vw; left: 66vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(3) { position: absolute; top: 4.5vw; left: 53vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(4) { position: absolute; top: 1.5vw; left: 37.5vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(5) { position: absolute; top: 4.2vw; left: 22vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(6) { position: absolute; top: 1.5vw; left: 17vw; z-index: -1; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(7) { position: absolute; top: 10vw; left: 8.5vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(8) { position: absolute; top: 17.5vw; left: 11.5vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(9) { position: absolute; top: 28.5vw; left: 18vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(10) { position: absolute; top: 25vw; left: 25.5vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(11) { position: absolute; top: 27vw; left: 35.5vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(12) { position: absolute; top: 28.5vw; left: 50vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(13) { position: absolute; top: 26.5vw; left: 64vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(14) { position: absolute; top: 27vw; left: 73vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(15) { position: absolute; top: 18.5vw; left: 84vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(16) { position: absolute; top: 8vw; left: 89vw; }
.section.about-last-text-images .grid-rows .grid-row img { width: auto; max-height: 11.5vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(2) img { max-height: 9.4vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(3) img { max-height: 9.85vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(4) img { max-height: 9.85vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(5) img { max-height: 9.85vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(6) img { max-height: 10.4vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(7) img { max-height: 9.4vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(8) img { max-height: 9.4vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(9) img { max-height: 8.6vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(10) img { max-height: 8.85vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(11) img { max-height: 8.85vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(12) img { max-height: 9.9vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(13) img { max-height: 9.4vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(14) img { max-height: 10.4vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(15) img { max-height: 15.1vw; }
.section.about-last-text-images .grid-rows .grid-row:nth-child(16) img { max-height: 13.55vw; }


@media (max-width: 1024px) {
    .about #GridTop { height: 61.3vw; }
    .section.about-special-text { padding: 0 20px; }
    .section.about-special-text .grid-text { display: flex; flex-direction: column; align-items: center; }
    .section.about-special-text .grid-text .top-caption { text-align: center; margin: 30px auto 20px; }
    .section.about-special-text .grid-text .top-caption h1 { letter-spacing: -1.75px; }
    .section.about-special-text .grid-text .top-caption h1 span { letter-spacing: -4px; }
    .section.about-special-text .grid-text .grid-text-content { padding: 0; display: flex; flex-direction: column; }
    .section.about-special-text .grid-text .grid-text-content .gridText1 { text-align: center; padding: 0 0 10px; }
    .section.about-special-text .grid-text .grid-text-content .gridText2 { text-align: center; padding: 0; }
    .section.scrolling-images-no-bg { margin: 90px auto; }
    .section.about-scrolling-images-text .grid-text { padding: 0 20px; display: flex; flex-direction: column; align-items: center; }
    .section.about-scrolling-images-text .grid-text-content { padding: 0; display: flex; flex-direction: column; max-width: 100%; }
    .section.about-scrolling-images-text .grid-text-content .gridText1 { text-align: center; padding: 0 0 10px; }
    .section.about-scrolling-images-text .grid-text-content .gridText2 { text-align: center; padding: 0; }
    .section.about-last-text { margin: 180px auto 190px; align-items: center; height: 100vh; padding-top: var(--headerHeight); }
    .section.about-last-text .grid-text-content { max-width: 100%; padding: 0 30px; }
    .section.about-last-text .grid-text-content p .line:last-child { transform: translateY(10px); }
    .section.about-last-text-images { top: var(--headerHeight); }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(1) { top: -20px; left: 94vw; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(2) { top: 65px; left: 70vw; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(3) { top: 0px; left: 40vw; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(4) { top: unset; left: 37vw; bottom: 70px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(5) { top: unset; bottom: 20px; left: 10vw; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(6) { top: unset; left: 65vw; bottom: -20px; z-index: 1; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(7) { left: 12vw; top: 45px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(8) { top: unset; bottom: 20px; left: 88vw; }

    .section.about-last-text-images .grid-rows .grid-row:nth-child(9),
    .section.about-last-text-images .grid-rows .grid-row:nth-child(10),
    .section.about-last-text-images .grid-rows .grid-row:nth-child(11),
    .section.about-last-text-images .grid-rows .grid-row:nth-child(12),
    .section.about-last-text-images .grid-rows .grid-row:nth-child(13),
    .section.about-last-text-images .grid-rows .grid-row:nth-child(14),
    .section.about-last-text-images .grid-rows .grid-row:nth-child(15),
    .section.about-last-text-images .grid-rows .grid-row:nth-child(16) { display: none !important; }

    .section.about-last-text-images .grid-rows .grid-row img { width: auto; max-height: 120px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(2) img { max-height: 110px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(3) img { max-height: 130px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(4) img { max-height: 100px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(5) img { max-height: 130px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(6) img { max-height: 170px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(7) img { max-height: 150px; }
    .section.about-last-text-images .grid-rows .grid-row:nth-child(8) img { max-height: 140px; }
}

/* Terms */
.terms .MainContent { padding: 2.604vw 20px; }
.terms .MainContent #text1, .terms .MainContent #text2 { padding-top: 1.042vw; text-align: right; max-width: 50%; margin: 0 auto; }

@media (max-width: 1024px) {
    .terms .MainContent #text1, .terms .MainContent #text2 { max-width: 100% }
}

/* Footer */
footer { padding: 0; }
#SiteFooter { display: flex; flex-wrap: wrap; }
#SiteFooter .footer-text-divided { order: 2; padding: 110px 60px; padding: 5.75vw 60px; display: inline-flex; justify-content: space-between; align-items: flex-start; width: 100%; margin: 0 auto; background: var(--pink); }
#SiteFooter .footer-text-divided .footer-text-right { padding: 0; width: auto; display: flex; flex-wrap: wrap; height: 100%; }
#SiteFooter .footer-text-divided .footer-text-right > div { margin-left: 150px; margin-left: 7.8vw; display: flex; flex-direction: column; }
#SiteFooter .footer-text-divided .footer-text-right > div:last-child { margin: 0; }
#SiteFooter .footer-text-divided .footer-text-right > div h4 { font-size: clamp(1.5rem, 0.9vw, 1.7rem); font-size: 1.5rem; color: #7e7b7a; margin: 0 0 1.3vw; position: relative; font-family: var(--medium); }
#SiteFooter .footer-text-divided .footer-text-right ul { padding: 0; list-style: none; margin-bottom: 0; display: flex; flex-direction: column; height: 100%; }
#SiteFooter .footer-text-divided .footer-text-right ul li { color: var(--green); font-family: var(--medium); font-size: clamp(1.8rem, 1.15vw, 2.2rem); font-size: 1.8rem; transition: 0.3s all ease; }
#SiteFooter .footer-text-divided .footer-text-right ul li:last-child { margin-top: auto; padding-top: 65px; padding-top: 3.4vw; }
#SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { margin-bottom: 0.9vw; }
#SiteFooter .footer-text-divided .footer-text-left { width: auto; padding: 0; max-width: 440px; text-align: right; display: flex; height: 100%; flex-direction: column; justify-content: space-between; }
#SiteFooter .footer-text-divided .footer-text-left > p img { margin-top: 50px; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer { background: transparent; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject { max-width: unset !important; padding: 0; display: flex; flex-direction: column; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { width: auto; text-align: right; padding: 0; font-size: 100%; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3 { color: #7e7b7a; font-family: var(--medium); margin: 0 0 1.05vw; font-size: clamp(1.5rem, 0.9vw, 1.7rem); font-size: 1.5rem; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; text-align: right; margin: 0; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { color: var(--green); font-size: clamp(2.2rem, 1.55vw, 3rem); font-size: clamp(2.2rem, 1.3vw, 2.5rem); font-family: var(--medium); line-height: 1.25; display: block; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-direction: column; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; padding: 0; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email { margin-top: 20px; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .input-wrapper input { border-radius: 33px; border: 1px solid #7e7b7a; height: 60px; padding: 0 30px 0 60px; width: 100%; max-width: 100%; font-size: clamp(1.4rem, 1vw, 1.9rem) !important; font-family: var(--medium); font-size: clamp(1.4rem, 0.88vw, 1.7rem) !important; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .input-wrapper input::placeholder { color: #7e7b7a; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit { position: absolute; padding: 0; z-index: 1; display: flex; left: 6px; top: 5px; height: 50px; width: 50px; border-radius: 50%; transition: 0.3s all ease; overflow: hidden; background: var(--red); border: 1px solid var(--red); }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit input { height: 100%; background: inherit; width: 100%; border: none; border-radius: 50%; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit::before { content: ''; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url(/warehouse/dynamic/392538.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit:hover::before { background-position: right bottom; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { margin: 15px 0 0px; display: inline-flex; align-items: center; gap: 5px; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: 1.6rem; color: #7e7b7a; margin: 0; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input { cursor: pointer; margin: 0 0 0 5px; opacity: 0; height: 16px; width: 16px; border: unset; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField .checkbox-span { position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 16px; width: 16px; border: 1px solid #7E7B7A; pointer-events: none; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField .checkbox-span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/396442.svg); background-size: 100%; transform: translate(-50%,-50%); display: none; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input[type="checkbox"]:checked + .checkbox-span::after { display: block; }
#SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField input[type="checkbox"]:checked + .checkbox-span { border-color: var(--red); }
#DynamicFormObject .dynamicFormObjectField .must:before { color: #7e7b7a; }
label.error, span.error { left: 10px; top: -20px; font-size: 80%; }

@media (max-width: 1024px) {
    #SiteFooter { padding-bottom: 0; }
    #SiteFooter .footer-text-divided { width: 100%; padding: 50px 0; flex-direction: column-reverse; align-items: center; }
    #SiteFooter .footer-text-divided .footer-text-right { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; margin-top: 70px; }
    #SiteFooter .footer-text-divided .footer-text-right > div { margin: 0; padding: 17px 40px; position: relative; }
    #SiteFooter .footer-text-divided .footer-text-right > div::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; }
    #SiteFooter .footer-text-divided .footer-text-right > div:first-child::before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 1px; width: 100%; background: linear-gradient(90deg, rgba(216,206,199,0.3) 0%, rgba(216,206,199,0) 0%, rgba(216,206,199,1) 100%); pointer-events: none; }
    #SiteFooter .footer-text-divided .footer-text-right > div h4 { margin: 0; font-size: 1.64rem; }
    #SiteFooter .footer-text-divided .footer-text-right > div h4::before, #SiteFooter .footer-text-divided .footer-text-right > div h4::after { content: '-'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: var(--text); font-size: 23px; font-family: var(--regular); pointer-events: none; transition: 0.2s all ease; }
    #SiteFooter .footer-text-divided .footer-text-right > div h4::before { transform: translateY(-50%) rotate(-90deg); }
    #SiteFooter .footer-text-divided .footer-text-right > div.open h4::before { transform: translateY(-50%); }
    #SiteFooter .footer-text-divided .footer-text-right ul { margin: 20px 0 15px; }
    #SiteFooter .footer-text-divided .footer-text-right ul li { line-height: 0.8; }
    #SiteFooter .footer-text-divided .footer-text-right ul li:last-child { padding-top: 15px; }
    #SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { margin-bottom: 14px; }
    #SiteFooter .footer-text-divided .footer-text-right ul li:hover { color: var(--red); }
    #SiteFooter .footer-text-divided .footer-text-right ul li img { max-width: 12px; }
    #SiteFooter .footer-text-divided .footer-text-left > p { text-align: center; }
    #SiteFooter .footer-text-divided .footer-text-left > p img { max-width: 132px; }
    #SiteFooter .footer-text-divided .footer-text-left { width: 100%; padding: 0 20px; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: center; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 1.6rem; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 2.2rem; text-align: center; margin: 0 auto; max-width: 200px; line-height: 1.25; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email { margin-top: 15px; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .input-wrapper input { height: 50px; font-size: 1.4rem !important; font-family: var(--light); padding: 0 20px 0 50px; margin-bottom: 0; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit { height: 40px; width: 40px; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit::before { left: 6px; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { margin: 10px 0 30px; }
    #SiteFooter .footer-text-divided .footer-text-left .footerFormContainer #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField label { font-size: 1.3rem; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 14px; top: 7px; }
}
/* Animations */
.fadeInDown { opacity: 0; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.text-wrapper, .span-wrapper { overflow: hidden; width: 100%; }
.animation-delay { transition-delay: 0.22s !important; }

.section .section-title .text-wrapper h1,
.section .section-title .text-wrapper h2,
.section .section-title .text-wrapper h3,
.section .grid-row-text .text-wrapper h2,
.section.elevate-headline .grid-text-content p,
.section.half-circle-video .half-circle-word .text-wrapper .word,
.top-caption h1,
#headline h1 { transition: 1s all ease; transform: translateY(140%) rotateZ(-3deg); }

.section .section-title .text-wrapper.shown h1,
.section .section-title .text-wrapper.shown h2,
.section .section-title .text-wrapper.shown h3,
.section .grid-row-text .text-wrapper.shown h2,
.section.elevate-headline .grid-text-content.shown p,
.section.half-circle-video .half-circle-word .text-wrapper.shown .word,
.top-caption.shown h1,
.shown #headline h1 { transform: translateY(0) rotateZ(0deg) !important; }

.section.what-we-do-text .grid-text-content.shown .gridText1, .section.what-we-do-text .grid-text-content.shown .gridText2, .section.what-we-do-text .grid-text-content.shown a.sec-button { opacity: 1; }

.section.half-circle-video .grid-rows.shown #grid-row0 .grid-row-cell-text #grid-row1 { opacity: 1; }
.section.half-circle-video .grid-rows.shown #grid-row0 > .grid-row-cell-text > .grid-row-text p { opacity: 0.8; }
.home-page .section.first-half-circle-video .grid-rows.shown #grid-row0 > .flexslider-box li::before { transform: translateX(100%); }
.home-page .section.second-half-circle-video .grid-rows.shown #grid-row0 > .flexslider-box li::before { transform: translateX(-100%); }
.section.half-circle-video .half-circle-word.shown .line::before { width: 100%; }

.section.system.shown .section-topText { opacity: 1; }

.section.clients-carousel.shown .clients-text .section-topText { opacity: 1; }
.section.clients-carousel.shown .clients-text .section-topText .content-section-Btn a { opacity: 1; }
.section.clients-carousel .grid-boxes.shown { opacity: 1; }

.section.chosen-works.shown .grid-rows .scroll-line-wrapper { width: 33vw; }

.section.lead-form-homepage-text .grid-text-content.shown p { opacity: 1; }

@media (max-width: 1024px) {
    .section.chosen-works.shown .grid-rows .scroll-line-wrapper { width: calc(100% - 40px); }
}

.section.full-connection-sec .grid-rows.shown #grid-row0 > .grid-row-cell-text > .grid-row-text p,
.section.full-connection-sec .grid-rows.shown #grid-row0 .grid-row-cell-text #grid-row1 { opacity: 1; }
.section.full-connection-sec.shown .grid-rows .slides { opacity: 1; }

#LobbyModule .section.our-specials-sec .grid-boxes .grid-box.shown::after { opacity: 1; }

.section.digital-click-text.shown .section-topText { opacity: 1; }
.section.digital-click-recommendation.shown::before, .section.digital-click-recommendation.shown::after { opacity: 1; }
.section.digital-click-recommendation.shown .grid-row { opacity: 1; }

.section.features-sec.shown .section-title .content-section-Btn { opacity: 1; }

.portfolio-lobby .shown .categories-strip ul { opacity: 1; transform: translateY(0px); }
.portfolio-lobby #LobbyModule .grid-boxes.shown { opacity: 1; transform: translateY(0px); }
.portfolio-lobby #LobbyModule .grid-boxes .grid-box.shown .grid-box-inner { opacity: 1; transform: translateY(0px); }

@media (max-width: 1024px) {
    #LobbyModule .section.our-specials-sec .grid-boxes .grid-box.shown::after { right: -8px; top: 8px; }
}

.expertise .section.solution-sec.shown .grid-rows .grid-row .flexslider-box::after { height: 0; }

.contact .section.contact-form-sec.shown #lobbyview > h2 { opacity: 1; }

.section.about-special-text .grid-text .grid-text-content.shown .gridText1,
.section.about-special-text .grid-text .grid-text-content.shown .gridText2,
.section.about-scrolling-images-text .grid-text-content.shown .gridText1,
.section.about-scrolling-images-text .grid-text-content.shown .gridText2 { opacity: 1; }

.section.work-process-text.shown .grid-text .grid-text-content p { opacity: 1; }
.work-process .work-process-text.shown #GridTop::after { height: 0; }
#LobbyModule .section.work-process-boxes.shown .grid-boxes { opacity: 1; transform: translateY(0px); }

@media (max-width: 1024px) {
    #LobbyModule .section.work-process-boxes .grid-boxes .grid-box.shown .grid-box-inner { opacity: 1; transform: translateY(0px); }
    .work-process .shown #GridTop::after { height: 0; }
}
/**/

/* LAPTOPS AND ZOOM CSS */
@media (min-width: 1024px) and (max-width: 1600px) {
    #LobbyModule .section.features-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(1.59rem,0.94vw,1.78rem); }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #header2, .home-page #header2:not(.bg), #header.bg { height: 70px; }
    #header2 .mobile-middle-kdm a { font-size: 1.5rem; height: 36px; padding: 0 16px; }
    #header2 .header-right-section .menu-nav #menu > li { font-size: 1.5rem; }

    .section.chosen-works .grid-rows .grid-row { height: 60vh; }
    .section.chosen-works .grid-rows .grid-row .flexslider-box img { max-height: 60vh; width: 27vw; }
    .section.chosen-works .grid-rows .grid-row .grid-row-text a.grid-row-button { zoom: 0.7; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .section.half-circle-video #grid-row0 { justify-content: center; gap: 120px; }
    .section.half-circle-video #grid-row0 .flexslider-box { width: 40%; }

    .section.clients-carousel .grid-boxes .grid-box { padding: 1.6vw 2.1vw; gap: 1.8vw 0; }
}