/* Pumpkin */
:root { --red: #c0272d; --vh: 100vh; --vw: 100vw; }

/* General */
html { font-size: 62.5%; }
body { color: var(--red); font-size: 2rem; background: #ebc7d5; zoom: 1 !important; }
#headline { font-size: 100%; }
.grid-rows .grid-row-text h2, .section-title h1, .section-title h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { position: relative; font-size: clamp(2rem, 6.094vw, 100rem); color: #fff; -webkit-text-fill-color: white; -webkit-text-stroke-width: 2.5px; -webkit-text-stroke-color: var(--red); }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
p, ul.accessability-list li, #text1 span { font-size: clamp(1.2rem, 1.458vw, 100rem); color: var(--red); font-weight: 400 !important; line-height: 1.2; direction: ltr; }
.site-credit.alternative { padding: 0.3vw 0; }
p.creditWrapper { line-height: 1; font-size: 100%; }
p.creditWrapper a svg { fill: #fff; }
.grid-rows .grid-row { background: #ebc7d5; }
.grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 0; }
.grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
.FormResultPage #pageview { padding: 20px 0 60px; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 0 8.333vw 8.333vw; }
.accessabilityMainPage #pageview h2 { font-size: clamp(2rem, 2.604vw, 100rem); }
.accessabilityMainPage #pageview .container-fluid { padding: 0; }
.accessabilityMainPage #pageview #text1 { max-width: 100%; }
li::marker { color: var(--red); }
ul.accessability-list { padding-inline-start: 1.4vw; }
#GridPage .max-width, .lobby-grid #GridPage .max-width { max-width: 100%; width: 100%; padding: 0; }
#stickyButton-2531 { bottom: unset; top: 8.854vw; }
.stickyButton { box-shadow: none; font-family: 'Roboto-Medium'; bottom: 2.604vw; cursor: pointer; opacity: 0; width: 8.333vw; transition: 0.6s all; text-align: right; left: 0; padding-inline-end: 1.5vw; line-height: 0.9; font-size: clamp(1.2rem, 1.042vw, 100rem); }
.stickyButton.opacity { opacity: 1; }
.stickyButton:hover a, .stickyButton a:focus { color: var(--red); }
.stickyButton a::after { content: ''; position: absolute; bottom: 0px; left: 0; height: 1px; background: var(--red); transition: 0.3s all ease; pointer-events: none; width: 0; }
.stickyButton:hover a::after { width: 100%; }
.stickyButton a { position: relative; }
footer { padding: 0; }

@media(min-width: 1024px) and (max-width: 1400px) {
    #SiteFooter .site-credit.alternative a.AccessabilityLink { font-size: clamp(0.7rem, 0.833vw, 100rem); }
    #SiteFooter .site-credit.alternative a.AccessabilityLink svg { width: 1.25vw; height: auto; aspect-ratio: 1; }
    #SiteFooter .site-credit.alternative p.creditWrapper svg { height: 1.2vw; }
}

@media(max-width: 1024px) {
    .grid-rows .grid-row-text h2, .section-title h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 7.5rem; font-family: 'Roboto-Light'; -webkit-text-stroke-width: 2.5px; line-height: 1.03; max-width: 100%; }
    p, ul.accessability-list li, #text1 span { font-size: 2rem; }
    a.AccessabilityLink { position: relative; transform: none; right: unset; left: unset; top: unset; margin: 0; font-family: 'Roboto-Medium'; font-size: 70%; }
    .site-credit.alternative.row .text-center { display: flex; align-items: center; justify-content: space-evenly; }
    #SiteFooter { padding: 0; }
    .accessabilityMainPage #pageview { margin: 0 auto 60px; padding: 0 20px; }
    .accessabilityMainPage #pageview h2 { font-size: 3rem; }
}


/* Header */
#header2 { background: transparent; padding: 0 8.333vw; height: auto; position: relative; }
#header2 .max-width { max-width: unset; width: 100%; }
#header2 ul.menu { margin: 0; }
#header2 .menu-nav { margin: 0; }
#header2 #header-left { width: auto; text-align: left; height: 8.854vw; display: flex; margin: 0; align-items: center; }
#header2 #header-left img { max-width: 305px; display: none; }
#header-left a lottie-player { width: 6.771vw; position: relative; transform: translate(-0.521vw, -0.521vw); }
#header-left a lottie-player::before { content: ''; position: absolute; left: 7.292vw; top: calc(50% + 0.521vw); )50%; transform: translateY(-50%); min-width: 120px; width: 10.6vw; height: 1vw; background-image: url(/warehouse/dynamic/356506.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; }
#header2 .header-top.social-links.pull-right { display: none; }
.menu-nav span.closed { display: none; }
.menu-nav #menu li.social-mobile { display: none; }

@media(min-width:1025px) {
    .header-right-section { transition: 0.3s all; position: fixed; top; top: 8.854vw; bottom: 2.604vw; z-index: 200; width: 8.333vw; right: 0; padding-inline-start: 1.5vw; }
    .header-right-section .menu-nav { height: 100%; }
    .header-right-section .menu-nav .nav-menu-anim { display: none; }
    .header-right-section .menu-nav #menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: space-between; height: 100%; text-align: left; }
    .header-right-section .menu-nav #menu li { font-family: 'Roboto-Medium'; position: relative; opacity: 0; transition: 0.6s all; line-height: 0.9; }
    .header-right-section .menu-nav #menu li.opacity { opacity: 1; }
    .header-right-section .menu-nav #menu li:nth-child(1), .header-right-section .menu-nav #menu li:nth-child(4), .header-right-section .menu-nav #menu li:nth-child(5) { display: none; }
    .header-right-section .menu-nav #menu li:hover a, .header-right-section .menu-nav #menu li a:focus { color: var(--red); }
    .header-right-section .menu-nav #menu li a { position: relative; display: inline-flex; font-size: clamp(1.2rem, 1.042vw, 100rem); }
    .header-right-section .menu-nav #menu li a::after { content: ''; position: absolute; bottom: -2px; left: 0; height: 1px; background: var(--red); transition: 0.3s all ease; pointer-events: none; width: 0; }
    .header-right-section .menu-nav #menu li:hover a::after { width: 100%; }
}

@media(max-width: 1024px) {
    #header2 { padding: 10px 24px; }
    #header2 #header-container { direction: rtl; }
    #header2 .mobile-middle-kdm { display: none; }
    #header-left a lottie-player { width: 90px; transform: translate(-8px, -8px); }
    #header2 #header-left { height: auto; justify-content: flex-end; }
    #header2 #header-left img { max-width: 233px; }
    #header-left a lottie-player::before { left: 90px; right: unset; top: calc(50% + 8px); width: 140px; height: 20px; }
    #header2 .header-right-section { width: 35px; background: transparent; padding: 0; }
    #header2 .header-right-section .menu-nav { margin: 0; max-width: unset; }
    #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 { background: var(--red); width: 27px; }
    #header2 ul.menu { min-height: 100%; background: #ebc7d5; position: fixed; text-align: right; min-width: unset; width: calc(var(--vw) ); height: 100%; top: 0px; left: 0; bottom: 0px; right: 0; overflow-y: auto; padding: 110px 65px 60px; transform: translateX(-100%); display: flex !important; transition: 0.4s all ease; flex-direction: column; }
    #header2.open ul.menu { transform: translateX(0); box-shadow: 0 -1px 38px 0 rgb(0 0 0 / 40%); width: calc(var(--vw) - 120px); }
    #header2 .mobile-middle-kdm { width: auto !important; order: 3; }
    #header2 .mobile-middle-kdm > .searchBtn { display: none; }
    #header2.headerHasSearch.open .searchMobile { display: inline-block; }
    #header2 ul.menu > li { margin: 0; padding: 10px 0; color: var(--red); font-family: 'Roboto-Medium'; text-align: left; width: max-content; line-height: 1; }
    #header2 ul.menu li.active, #header2 ul.menu li:hover { background: transparent; color: var(--red); }
    #header2 ul.menu > li::after { content: ""; position: absolute; left: 0; width: 0; background: var(--red); height: 2px; bottom: 5px; opacity: 0; transition: 0.3s all; }
    #header2 ul.menu > li.active::after, #header2 ul.menu > li:hover::after { opacity: 1; width: 100%; }
    #header2 ul.menu .menu-sub { padding: 12px 12px 0; }
    #header2 ul.menu li[data-cat-mod="Blog"], #header2 ul.menu li[data-cat-mod="Blog"] + li[data-cat-mod="Lobby"], #header2 ul.menu li[data-cat-mod="External"] { display: inherit; }
    #header2 ul.menu > li.has-sub.open { padding-bottom: 0; }
    #header2 ul.menu > li > a { font-size: 130%; opacity: 1 !important; !i; !; border: none !important; }
}


/* Home Page */
.home-page #allSectionsWrapper { margin: 0 8.333vw 8.333vw; column-gap: 2.5vw; direction: ltr; width: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(20% - (2.5vw * 3)), 1fr)); }
.home-page #allSectionsWrapper .grid-content-section { padding: 0; margin: 0 auto; max-width: unset; width: 100%; }
.home-page #allSectionsWrapper .grid-content-section .grid-boxes { display: flex; flex-direction: column; align-items: center; margin: 0; }
.home-page #allSectionsWrapper .grid-content-section .grid-boxes .grid-box { margin: 0; width: 100%; margin-bottom: 2.5vw; padding: 0; }
.home-page #allSectionsWrapper .grid-content-section .grid-boxes .grid-box:last-child { margin: 0; }
.home-page .grid-content-section .grid-boxes .grid-box .box-image-animation::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: 0.4s all; opacity: 0; background: rgb(255 255 255 / 59%); }
.home-page .grid-content-section .grid-boxes .grid-box .box-image-animation:hover::after { opacity: 1; }
.home-page .grid-content-section .grid-boxes .grid-box .box-image-animation:hover img { transform: none; }
.home-page .grid-content-section .grid-boxes .grid-box .grid-box-subtitle { pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #c0272d; color: #f0cddb; font-size: clamp(1.2rem, 1.042vw, 100rem); padding: 0 0.3125vw; line-height: 1.2; opacity: 0; transition: 0.4s all; }
.home-page .grid-content-section .grid-boxes .grid-box:hover .grid-box-subtitle { opacity: 1; }
.grid-boxes .box-image-animation:active, .grid-boxes .box-image-animation:focus { outline: none; }

@media(max-width: 1024px) {
    .home-page #allSectionsWrapper { margin: 0 auto 60px; padding: 0 20px 0; display: block; opacity: 0; transition: 0.3s all ease; }
    .home-page #allSectionsWrapper.shown { opacity: 1; }
    .home-page #allSectionsWrapper .grid-content-section { margin-bottom: 0; height: max-content; }
    .home-page #allSectionsWrapper .grid-content-section .grid-boxes { flex-direction: row; align-items: flex-start; gap: 24px; }
    .home-page #allSectionsWrapper .grid-content-section .grid-boxes .grid-box { margin-bottom: 24px; }
    .home-page .grid-content-section .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.4rem; width: 70%; padding: 5px; }
}


/* About Page */
.about #lobbyview { display: none; }
.about .we-are-sec { padding: 0; margin: 0 8.333vw 8.333vw; }
.grid-row li.slider-item { padding-bottom: 0; }
.grid-row .grid-row-image-container { position: relative; }
.about #allSectionsWrapper { max-width: unset; margin: 0 auto; /* overflow-x: hidden; */ }
#GridTop.noTopImage { display: none; }
#GridPage { padding: 0; }
.about .we-are-sec .grid-row { display: flex; gap: 2vw; }
.about .we-are-sec .grid-row-text { width: 100%; text-align: left; padding: 0; margin: 0; }
.about .we-are-sec .grid-row-cell-text { padding: 4vw 0 0; display: flex !important; align-items: flex-start; width: calc(50% - 1vw); position: sticky; top: -2vw; }
.about .we-are-sec .grid-row-cell.flexslider-box { width: calc(50% + 1vw); }
.about .we-are-sec .grid-row-cell.flexslider-box img { object-fit: cover; object-position: top; height: 100%; }
.about .we-are-sec .grid-row-text h2 { margin-bottom: 0.5vw; line-height: 1.1; }
.about .we-are-sec .grid-row-text h3 { font-size: clamp(1.2rem, 1.563vw, 100rem); color: #c0272d; padding-bottom: 3.125vw; margin: 0; }
.about .we-are-sec .grid-row-text a.hvr-fade { color: var(--red); font-size: clamp(1.2rem, 1.563vw, 100rem); border: none; border-radius: 0; padding: 0; margin-top: 1.823vw; position: relative; }
.about .we-are-sec .grid-row-text a.hvr-fade::after { position: absolute; content: ''; left: 0; bottom: 3px; width: 100%; height: 2px; background: var(--red); }
.about .we-are-sec .grid-row-text a.hvr-fade::before { content: "\f0da"; position: absolute; bottom: 0px; right: -13px; font-size: 24px; font-family: FontAwesome; pointer-events: none; transition: 0.3s all; }
.about .we-are-sec .grid-row-text a.hvr-fade:hover,
.about .we-are-sec .grid-row-text a.hvr-fade:focus { background: transparent; border: none; outline: none; font-family: 'Roboto-Medium'; }
.about .we-are-sec .grid-row-text a.hvr-fade:hover::before { right: -20px; }
.about .grid-image-section { height: unset; margin: 90px 0 120px; }
.about .grid-image-section .image-section-data { height: unset; }
.about .grid-image-section .image-section-data img { margin: 0 !important; }

body.about { overflow-x: hidden; }
.marqueeSec { direction: ltr; padding: 0; margin: 0; margin: 0 auto; }
.marqueeSec .js-marquee-wrapper { display: flex; }
.marqueeSec .js-marquee { margin: 0 0 3.7vw; }
.marqueeSec .grid-text p { margin: 0 0.5vw; font-size: clamp(5rem, 16.667vw, 100rem); font-family: 'Roboto-Medium'; -webkit-text-fill-color: #ebc7d5; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--red); position: relative; text-transform: capitalize; }
.marqueeSec .grid-text p::after { font-size: inherit; font-family: 'Roboto-Medium'; content: 'P'; position: absolute; color: var(--red); z-index: -1; transition: 1s ease; -webkit-text-fill-color: var(--red); left: -20px; bottom: -20px; }
.marqueeSec .grid-text-content { width: 100%; padding: 0; display: flex; }

.about .p-text-sec { padding: 0; max-width: unset; margin: 0 8.333vw 8.333vw; }
.about .p-text-sec .grid-text-content { width: 100%; padding: 0; text-align: left; }
.about .p-text-sec .grid-text-content p { margin: 0; }
.about .p-text-sec .grid-text-content p a { font-family: 'Roboto-Medium'; -webkit-text-fill-color: var(--red); -webkit-text-stroke-width: 0px; }
.about .p-text-sec .grid-text-content p a:hover { background: transparent; color: var(--red); border: none; }
.what-we-do-sec { text-align: left; padding: 0; max-width: unset; margin: 0 8.333vw 8.333vw; }
.what-we-do-sec .section-title { max-width: 20vw; text-align: left; margin: 0 auto 2vw 0; display: flex; align-items: center; padding: 0; }
.what-we-do-sec .section-title h2 { height: 100%; line-height: 1.1; max-width: 100%; }
.what-we-do-sec .grid-text-content { width: 100%; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row-reverse; gap: 2.3vw 5.208vw; }
.what-we-do-sec .grid-text-content h2 { font-size: clamp(1.2rem, 1.563vw, 100rem); margin: 0; order: 1; width: 100%; /* -webkit-text-fill-color: white; */ /* -webkit-text-stroke-width: 1px; */ /* -webkit-text-stroke-color: var(--red); */ }
.what-we-do-sec .grid-text-content ul { padding: 0; list-style: none; width: calc(50% - 2.604vw); order: 3; margin: 0; display: inline-flex; flex-direction: column; align-items: flex-end; position: relative; flex-grow: 1; }
.what-we-do-sec .grid-text-content ul:first-of-type { order: 2; }
.what-we-do-sec .grid-text-content ul li { font-size: clamp(1.2rem, 1.563vw, 100rem); margin: 0; position: relative; width: fit-content; padding: 0.677vw 0; text-decoration: none; background-image: linear-gradient(to right, #fcfd01 0, #fcfd01 100%); background-position: 0 50%; background-size: 0% 54%; background-repeat: no-repeat; transition: background 0.7s; direction: ltr; /* -webkit-text-fill-color: white; */ /* -webkit-text-stroke-width: 1px; */ /* -webkit-text-stroke-color: var(--red); */ }
.what-we-do-sec .grid-text-content ul .text-wrap { width: 100%; display: flex; justify-content: flex-end; position: relative; }
.what-we-do-sec .grid-text-content ul .text-wrap::before { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; background: var(--red); width: 100%; }
.what-we-do-sec .grid-text-content ul .text-wrap:hover li { background-size: 100% 54%; }
.what-we-do-sec .grid-text-content ul:last-of-type li:nth-child(1):hover + li { background-size: 100% 50%; }
.what-we-do-sec .grid-text-content ul li:after { content: ""; position: absolute; bottom: -17px; left: 0; width: 540px; height: 1px; background: var(--red); display: none; }

@media(max-width: 1024px) {
    .about .we-are-sec { margin: 0 0px 60px; padding: 0 20px; }
    .about .p-text-sec { margin: 0px 0px 60px; padding: 0 20px; }
    .about #GridTop.noTopImage.longer { height: 30px; }
    .about .we-are-sec .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; gap: 40px; }
    .about .we-are-sec .grid-row-cell.flexslider-box { width: 100%; }
    .about .we-are-sec .grid-rows .grid-row .grid-row-cell-text { padding: 0; width: 100%; position: relative; top: unset; }
    .about .we-are-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-family: 'Roboto-Light'; font-size: 2.5rem; padding-bottom: 25px; }
    .about .we-are-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { margin-bottom: 10px; line-height: 1; }
    .about .we-are-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text p { font-family: 'Roboto-Light'; font-size: 1.8rem; color: var(--red); -webkit-text-fill-color: unset; -webkit-text-stroke-width: unset; -webkit-text-stroke-color: unset; }
    .about .we-are-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.hvr-fade { margin-top: 25px; font-size: 2.5rem; margin-inline: 0; }
    .about .we-are-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.hvr-fade::before { font-size: 20px; }
    .about .grid-image-section { margin: 50px 0 40px; }
    .about .p-text-sec .grid-text-content p { font-family: 'Roboto-Light'; }
    .marqueeSec { overflow: hidden; }
    .marqueeSec .grid-text-section { padding: 0; }
    .marqueeSec .js-marquee { margin: 0 0 60px; }
    .what-we-do-sec { padding: 0 20px; margin: 0px 0 60px; }
    .what-we-do-sec .section-title { margin: 0 0 20px; padding: 0; max-width: unset; }
    .what-we-do-sec .section-title h2 { line-height: 1; max-width: 250px; margin: 0; }
    .what-we-do-sec .grid-text-content { gap: 0; }
    .what-we-do-sec .grid-text-content h2 { font-family: 'Roboto-Light'; font-size: 2rem; margin-bottom: 30px; }
    .what-we-do-sec .grid-text-content ul { width: 100%; }
    .what-we-do-sec .grid-text-content ul:first-of-type { }
    .what-we-do-sec .grid-text-content ul li::after { width: 100%; }
    .what-we-do-sec .grid-text-content ul li { padding: 10px 0; font-size: 2rem; }
    .marqueeSec .grid-text p { font-size: 18rem; -webkit-text-stroke-width: 1px; margin: 0 5px; }
    .marqueeSec .grid-text p::after { left: -5px; bottom: -5px; }
    .what-we-do-sec .grid-text-content ul .text-wrap::before { height: 1px; }
}


/* Contact Page */
.contact #GridPage { padding: 0; }
.contact .lobby-grid #GridPage .max-width { padding: 0; }
.contact #GridTop.noTopImage.longer { height: 170px; display: none; }
.contact #lobbyview { display: none; }
.contact #allSectionsWrapper { display: flex; flex-direction: row-reverse; justify-content: center; margin: 0 8.333vw 8.333vw; gap: 2vw; }
.contact .grid-form-section { margin: 0 auto; width: 50%; max-width: unset; padding: 4vw 0 0; }
.contact .grid-form-section #DynamicFormObject { padding: 0; border: none; color: var(--red); display: flex; flex-direction: column; max-width: 100% !important; }
.contact .grid-form-section #DynamicFormObject::after { display: none; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; position: relative; margin: 0; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText h3 { margin: 0 0 1vw; line-height: 0.8; text-align: left; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; text-align: left; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .top-form { max-width: 65%; margin-right: auto; line-height: 1.27; margin-bottom: 2vw; display: block; font-size: clamp(1.2rem, 1.563vw, 100rem); /* -webkit-text-fill-color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--red);*/ }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField,
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit { width: 100%; direction: ltr; padding: 0; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input,
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { padding: 0.5vw 1vw; border-radius: 0; height: 3.542vw; background: #fff; border: 2px solid var(--red); margin-bottom: 0.625vw; width: 100%; color: var(--red); max-width: 100%; font-size: clamp(1.2rem, 1.146vw, 100rem) !important; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { height: 5.208vw; margin-bottom: 1vw; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input::placeholder,
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea::placeholder { color: var(--red); }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input:focus,
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea:focus { border: 3px solid var(--red) !important; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input { background: var(--red); width: 100%; border-radius: 0; border: 2px solid #fff; height: 3.125vw; transition: 0.4s all; max-width: 100%; font-family: 'Roboto-Light'; font-size: clamp(1.2rem, 1.458vw, 100rem) !important; }
.contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input:hover { background: #fff; color: var(--red); border: 3px solid var(--red); }
.contact .grid-text-section { width: 50%; padding: 0; margin: 0; display: flex; flex-direction: column-reverse; align-items: center; }
.contact .grid-text-section .grid-text-content { width: 100%; padding: 0; margin: 0; }
.contact .grid-text-content p > img { width: 26vw; height: 100%; }
.contact-right-section lottie-player { width: 24vw; height: 24vw; }
.contact .grid-text-section .grid-text-content p { margin: 0; }
.contact .grid-text-section .grid-text-content p:first-child { margin: 0 0 2vw; font-size: clamp(1.2rem, 2.188vw, 100rem); }
.contact .grid-text-section .grid-text-content p:last-child { margin-top: 2.4vw; }
.contact .grid-text-section .grid-text-content p:last-child a { padding: 0 0.5vw; display: inline-flex; position: relative; }
.contact .grid-text-section .grid-text-content p:last-child a img { width: 3.333vw; height: max-content; transition: 0.3s all ease; }
.normal-form .must::before { left: 0.5vw !important; }

@media(min-width: 1025px) {
    .contact .grid-text-section .grid-text-content p:last-child a::after { content: ''; width: 3.333vw; height: auto; aspect-ratio: 1; position: absolute; background-position: center; background-repeat: no-repeat; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: 0.3s all ease; pointer-events: none; }
    .contact .grid-text-section .grid-text-content p:last-child a:nth-child(1)::after { background-image: url(/warehouse/dynamic/593357.svg); }
    .contact .grid-text-section .grid-text-content p:last-child a:nth-child(3)::after { background-image: url(/warehouse/dynamic/593355.svg); }
    .contact .grid-text-section .grid-text-content p:last-child a:nth-child(2)::after { background-image: url(/warehouse/dynamic/593356.svg); }
    .contact .grid-text-section .grid-text-content p:last-child a:hover img { opacity: 0; }
    .contact .grid-text-section .grid-text-content p:last-child a:hover::after { opacity: 1; }
}

@media(max-width: 1024px) {
    .contact #GridTop.noTopImage.longer { height: 135px; }
    .contact #allSectionsWrapper { flex-direction: column-reverse; margin: 0 auto 60px; padding: 0 20px; gap: 40px; }
    .contact .grid-form-section { width: 100%; padding: 0; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText h3 { line-height: 1.03; max-width: 200px; margin: 0 0 10px; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 35px; font-family: 'Roboto-Light'; font-size: 2rem; max-width: 250px; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input, .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { font-family: 'Roboto-Light'; padding: 12px 20px; height: 54px; font-size: 1.8rem !important; margin-bottom: 12px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { left: 10px !important; }
    .contact .grid-form-section #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectSubmit input { height: 60px; font-size: 2.4rem !important; }
    .contact .grid-text-section { width: 100%; margin: 0; align-items: center; }
    .contact .grid-text-content p > img { width: 100%; }
    .contact .grid-text-section .grid-text-content p:first-child { font-size: 2.7rem; margin: 0 0 30px; font-family: 'Roboto-Light'; }
    .contact .grid-text-section .grid-text-content p:last-child { margin-top: 30px; }
    .contact .grid-text-section .grid-text-content p:last-child a { padding: 0 10px; }
    .contact .grid-text-section .grid-text-content p:last-child a > img { width: 40px; height: auto; }
}


/* First Project Page */
.grid-image-section { height: unset; margin: 0; padding: 0; }
.image-section-data { height: unset; }
.image-section-data img.stellar-bg { margin-top: 0 !important; }
.project-type-1 #allSectionsWrapper { margin: 0 8.333vw 8.333vw; display: grid; gap: 2.3vw; grid-template-columns: repeat(2, 1fr); }
.project-type-1 #allSectionsWrapper .section:nth-child(2) { display: flex; flex-direction: column-reverse; grid-column: 1 / -1; }
.project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title { margin: 0; }
.project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title h2 { font-size: clamp(1.2rem, 2.3vw, 100rem); color: var(--red); text-align: left; line-height: 1.22; -webkit-text-fill-color: unset; -webkit-text-stroke-width: unset; -webkit-text-stroke-color: unset; }
.project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title h2 strong { font-weight: unset; font-family: 'Roboto-Medium'; }
.project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title h2 span { display: block; }
.project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title h2::after { position: absolute; content: ''; background: var(--red); width: 6vw; height: 0.35vw; right: 0; top: 1vw; }
.project-type-1 #allSectionsWrapper .first-img .image-section-data { display: none; }
.project-type-1 #allSectionsWrapper section.grid-text-section { margin: 0; padding: 0; grid-column: 1 / -1; }
.project-type-1 #allSectionsWrapper section.grid-text-section .grid-text-content { margin: 0; width: 100%; padding: 0; }
.project-type-1 #allSectionsWrapper section.grid-text-section p { margin: 0; width: 100%; padding-bottom: 56.3%; position: relative; }
.project-type-1 #allSectionsWrapper section.grid-text-section iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.project-type-1 #allSectionsWrapper:not(:has(section.grid-text-section:nth-child(3))) .section:nth-child(3n+3) { grid-column: 1 / -1; }
.project-type-1 #allSectionsWrapper:has(section.grid-text-section:nth-child(3)) .section:nth-child(3n+4) { grid-column: 1 / -1; }
.project-type-1 #allSectionsWrapper .section { width: 100%; }

@media (max-width: 1024px) {
    .project-type-1 #allSectionsWrapper { gap: 22px; margin: 0 auto 60px; padding: 0 20px; }
    .project-type-1 #GridPage { padding-top: 10px; }
    .project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title h2 { font-size: 2.5rem; }
    .project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title h2 strong { padding-inline-end: 70px; display: block; }
    .project-type-1 #allSectionsWrapper .section:nth-child(2) .section-title h2::after { width: 65px; top: 10px; height: 4px; }
}


/* Second Project Page */
.project-type-2 #allSectionsWrapper { max-width: none; margin: -8.854vw auto 5.208vw; width: 100%; }
.project-type-2 #allSectionsWrapper .grid-text-section { padding: 0; max-width: unset; margin: 0px 8.333vw 0; }
.project-type-2 #allSectionsWrapper .images-wrapper { max-width: unset; margin: 0 8.333vw 8.333vw; display: grid; gap: 2.3vw; grid-template-columns: repeat(2, 1fr); }
.project-type-2 #allSectionsWrapper .images-wrapper .section { width: 100%; }
.project-type-2 #allSectionsWrapper .images-wrapper:not(:has(section.grid-text-section:nth-child(3))) .section:nth-child(3n+1) { grid-column: 1 / -1; }
.project-type-2 #allSectionsWrapper .images-wrapper:has(section.grid-text-section:nth-child(3)) .section:nth-child(3n+1) { grid-column: 1 / -1; }
.project-type-2 #allSectionsWrapper .grid-text-section .section-title { margin: 0; padding: 2.3vw 0; }
.project-type-2 #allSectionsWrapper .grid-text-section .section-title h2 { font-size: clamp(1.2rem, 2.3vw, 100rem); color: var(--red); text-align: left; line-height: 1.22; -webkit-text-fill-color: unset; -webkit-text-stroke-width: unset; -webkit-text-stroke-color: unset; }
.project-type-2 #allSectionsWrapper .grid-text-section .section-title h2 span { display: block; }
.project-type-2 #allSectionsWrapper .grid-text-section .section-title h2 strong { font-weight: unset; font-family: 'Roboto-Medium'; }
.project-type-2 #allSectionsWrapper .grid-text-section .section-title h2::after { position: absolute; content: ''; background: var(--red); width: 6vw; height: 0.35vw; right: 0; top: 1vw; }
.project-type-2 .lobby-grid #GridPage .max-width { padding: 0; }
.project-type-2 .header-right-section .menu-nav #menu li { width: max-content; }
.project-type-2 .stickyButton a { width: max-content; }

@media (max-width: 1024px) {
    .project-type-2 #stickyButton-2507 { left: 20px; }
    .project-type-2 #allSectionsWrapper { margin: -116px auto 0; }
    .project-type-2 #allSectionsWrapper .images-wrapper { gap: 22px; margin: 0 auto 60px; padding: 0 20px; }
    .project-type-2 #allSectionsWrapper .grid-text-section { margin: 0px; }
    .project-type-2 #allSectionsWrapper .grid-text-section .section-title { padding: 22px 20px; }
    .project-type-2 #allSectionsWrapper .grid-text-section .section-title h2 { font-size: 2.5rem; }
    .project-type-2 #allSectionsWrapper .grid-text-section .section-title h2 strong { padding-inline-end: 70px; display: block; }
    .project-type-2 #allSectionsWrapper .grid-text-section .section-title h2::after { width: 65px; top: 10px; height: 4px; }
}