/*BU*/

:root { --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-11: 0.573vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-38: 1.979vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-93: 4.844vw; --gap-96: 5vw; --gap-100: 5.208vw; --gap-104: 5.417vw; --gap-110: 5.729vw; --gap-120: 6.25vw; --gap-130: 6.771vw; --gap-140: 7.292vw; --gap-144: 7.5vw; --gap-150: 7.813vw; --gap-154: 8.021vw; --gap-158: 8.229vw; --gap-160: 8.333vw; --gap-180: 9.375vw; --gap-184: 9.583vw; --gap-200: 10.417vw; --gap-212: 11.042vw; --gap-240: 12.5vw; --gap-264: 13.75vw; --gap-280: 14.583vw; --gap-340: 17.708vw; --gap-346: 18.021vw; --gap-356: 18.542vw; --gap-383: 19.948vw; --gap-400: 20.833vw; --gap-412: 21.458vw; --gap-420: 21.875vw; --gap-444: 23.125vw; --gap-469: 24.427vw; --gap-480: 25vw; --gap-493: 25.677vw; --gap-496: 25.833vw; --gap-512: 26.667vw; --gap-530: 27.604vw; --gap-550: 28.646vw; --gap-580: 30.208vw; --gap-600: 31.25vw; --gap-640: 33.333vw; --gap-660: 34.375vw; --gap-800: 41.667vw; --fs-140: clamp(98px, 7.2917vw, 180px); --fs-108: clamp(80px, 5.6250vw, 162px); --fs-80: clamp(80px, 4.1667vw, 120px); --fs-56: clamp(56px, 2.9167vw, 84px); --fs-48: clamp(48px, 2.5vw, 72px); --fs-34: clamp(34px, 1.7708vw, 52px); --fs-28: clamp(28px, 1.4583vw, 42px); --fs-23: clamp(23px, 1.1979vw, 34px); --fs-21: clamp(21px, 1.0938vw, 32px); --fs-19: clamp(19px, 0.9896vw, 28px); --fs-17: clamp(17px, 0.8854vw, 25px); --fs-15: clamp(15px, 0.7813vw, 22px); --fs-14: clamp(14px, 0.7292vw, 21px); --fs-13: clamp(13px, 0.6771vw, 20px); --ls-108: clamp(-3.024px, -0.2250vw, -6.048px); --ls-80: clamp(-1.68px, -0.1250vw, -3.36px); --ls-56: clamp(-1.176px, -0.0875vw, -2.352px); --ls-48: clamp(-0.6px, -0.05vw, -1.2px); --ls-34: clamp(-0.7px, -0.0521vw, -1.4px); --ls-28: clamp(-0.392px, -0.0292vw, -0.784px); --ls-19: normal; --ls-17: clamp(0.0476px, 0.0035vw, 0.0952px); --ls-15: clamp(0.105px, 0.0078vw, 0.21px); --ls-15meduim: clamp(0.182px, 0.0135vw, 0.364px); --ls-14: clamp(0.098px, 0.0073vw, 0.196px); --ls-13: clamp(0.182px, 0.0135vw, 0.364px); --lh-100percent: 100%; --lh-110percent: 110%; --lh-120percent: 120%; --lh-95percent: 95%; --lh-140percent: 140%; --lh-135percent: 135%; --lh-130percent: 130%; --blue: #2A5AFA; --blue-6: rgba(42, 90, 250, 0.06); --darkblue: #2943D8; --red: #FD515A; --greynew: #F0F4FC; --stroke: rgba(218, 224, 242, 0.80); --stroke-60: rgba(218, 224, 242, 0.6); --fieldstrokes: rgba(119, 131, 164, 0.60); --fghjh: #70708C; --dot-grey: #AFB9C6; --line-grey: #D2D2D2; --gray-text: #404259; --black: #101120; --white: #ffffff; --bg: #ffffff; --font-1: 'inter_18pt-regular'; --font-2: 'inter_18pt-medium'; --font-3: 'poppins-bold'; }

@media(max-width:1024px) {
    :root { --gap-22: 22px; --gap-110: 110px; --gap-144: 144px; --gap-346: 346px; --gap-383: 383px; --gap-444: 444px; --gap-480: 480px; --gap-493: 493px; --gap-512: 512px; --gap-530: 530px; --gap-600: 600px; --fs-62: clamp(62px, 3.2292vw, 86px); --fs-56: clamp(56px, 2.9167vw, 78px); --fs-48: clamp(48px, 2.5000vw, 78px); --fs-32: clamp(32px, 1.6667vw, 37px); --fs-23: 23px; --fs-21: 21px; --fs-20: clamp(20px, 1.0417vw, 21px); --fs-17: clamp(17px, 0.8854vw, 42px); --fs-15: clamp(15px, 0.7813vw, 18px); --ls-62: clamp(-1.302px, -0.0969vw, -1.953px); --ls-56: clamp(-1.176px, -0.0969vw, 78px); --ls-48: -0.96px; --ls-32: clamp(-0.224px, -0.0167vw, -0.336px); --ls-20: clamp(-0.28px, -0.0208vw, -0.42px); --ls-17: clamp(-0.119px, -0.0177vw, -0.1785px); --ls-15: clamp(-0.105px, -0.0078vw, -0.1575px); --lh-100percent: 100%; --lh-110percent: 110%; --lh-135percent: 135%; --lh-140percent: 140%; --lh-125percent: 125%; }

    body { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: var(--ls-17); }
}

/*------------------------------------------/*
 GENERAL
/*------------------------------------------*/

html { overflow-x: clip; }
body { font-size: var(--fs-19); font-family: var(--font-1) !important; line-height: var(--lh-140percent); letter-spacing: var(--ls-19); opacity: 1; color: var(--black); background: var(--bg); transition: 0.3s opacity ease; zoom: 1 !important; position: relative; transition-delay: 0.5s; }
body.home-page { opacity: 1; }
body.shown { opacity: 1; }
body, body.modal-open { padding: 0; overflow: clip !important; }
h1, .h1, h2, .h2, h3, .h3 { margin: 0; font-family: var(--font-3); }
b, strong { font-weight: unset; font-family: var(--font-2); }
li::marker { color: var(--black); }
a:hover, a:focus { color: inherit; }
a:focus:not(:focus-visible) { outline: none; }
.container-fluid { padding: 0; }
.row { margin: 0; }
.modal { z-index: 10000; }
.modal-backdrop.in { opacity: 0.5; }
.gallery-cubes-modal { padding: 0 !important; }
.gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; }
.gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; }
.gallery-cubes-modal .flexslider a.flex-next:before, .gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; }
.grid-box-fulltext :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .circle-swiper .grid-boxes .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); position: relative; line-height: 1.45; color: black; letter-spacing: 0.18px; }
.section-title, .grid-text-section .section-title { margin: 0; }
#SiteContainer { position: relative; z-index: 1; }
body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; }
#SiteGridContainer { position: relative; z-index: 2; }
#GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; }
#allSectionsWrapper { z-index: 2; background: var(--bg); }
.sections .section, section.section { margin-bottom: 0; padding: 0; max-width: var(--app-width); width: 100%; }
.grid-rows .grid-row { background: inherit; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; height: 100%; }
.grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; }
.grid-text.gridHasVideo .grid-iframe-holder video { width: 100%; }
.grid-boxes { display: flex; margin: 0; width: 100%; }
.grid-boxes .grid-box { margin: 0; padding: 0; }
.grid-boxes .grid-box-subtitle { font-size: unset; }
.grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; }
.grid-boxes .grid-box-title h3 a { outline: none !important; transition: 0.3s ease all; }
#lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; }
#LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; }
#text1 p:last-child { margin: 0; }
#GridPage { padding: 0; background: var(--bg); }
#main-header .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-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; }
.grid-text p { margin-top: 0; }
.gallery-container { width: 100%; }
.gallery-cubes { display: flex; }
.gallery-cubes .image-link-container { display: none; }
.gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; pointer-events: none; }
.gallery-container .gallery-cubes > div .boxes-images-outer-image:focus { outline: none; }
.box-image-animation { outline: unset !important; }
.box-image-animation:hover img { transform: none !important; }
#GridPromo { width: 100%; margin: 0; padding: 0; }
#CatalogModule { padding: 0; }
.itemContentWrapper { margin: 0; }
.slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; }
#player-controls { display: none; }
.cartItemsCounter { background: var(--blue); }
.cartItemsCounter span.CartItems { color: var(--white); left: 46%; top: 50%; }
.blog-post { padding: 0; direction: ltr; }
.blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; }
#LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; }
:is(div,#LobbyModule) #lobbyview { display: flex; padding: var(--gap-80) var(--gap-120); justify-content: center; flex-direction: column; background: var(--bg); }
#BlogModule { overflow: visible; }
#BlogMain { padding-bottom: var(--gap-80); }
.opacity-layer-slide { display: none; }
.owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; }
.owl-carousel .owl-controls .owl-dot.active { width: 32px; }
.swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 0; transition: 0.3s ease all; border: 1px solid var(--black); width: 10px; height: 10px; }
.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; height: 10px; background: var(--black) !IMPORTANT; }
#ContentGridShortModule .gridshort-view-item { width: 100%; margin: 0; }
#ContentGridShortModule .grid-short-box-image a { position: static; }
#PageBreadCrumps { max-width: 100% !important; padding: 0 !important; text-align: center; background: white; color: var(--grey); }
#PageBreadCrumps span:not(:last-child)::after { content: "/"; width: var(--gap-4); aspect-ratio: 1; display: inline-block; border-radius: 50%; margin-inline: 0 10px; }
#PageBreadCrumps span:not(:last-child) { display: inline-flex; gap: var(--gap-10); align-items: center; }
label.error, span.error { left: 34px; top: 12px; white-space: nowrap; font-size: 72%; }
#ContentRegularModule li { list-style: none; }
#ContentRegularModule ul { padding: 0; }
#ContentRegularModule li:before { content: ""; width: var(--gap-6); height: auto; aspect-ratio: 1; display: inline-block; background: var(--black); border-radius: 50%; vertical-align: inherit; margin-inline-end: var(--gap-12); }
.categories-strip { display: none; }
.cookies-disclaimer { width: 18.906vw; background: white; border: 1px solid rgba(17, 18, 42, 0.12); bottom: var(--gap-20); right: var(--gap-20); box-shadow: 0 4px 25px -10px rgba(0, 6, 44, 0.10); border-radius: 0; padding: var(--gap-24); position:fixed; z-index:999999;}
.cookies-disclaimer:not(.active) { display: none !important; }
.cookies-disclaimer .disclaimer-wrapper h2 { font-family: var(--font-2); color: var(--black); font-size: clamp(14px,var(--fs-20),300px); margin-bottom: var(--gap-16); }
.cookies-disclaimer .disclaimer-wrapper p { color: var(--black); }
.cookies-disclaimer .disclaimer-wrapper button { background: var(--blue); margin: 0; margin-top: var(--gap-24); min-width: var(--gap-140); height: var(--gap-52); color: var(--black); border: none; font-size: clamp(14px,var(--fs-18),300px); border: 1px solid var(--blue); transition: 0.3s ease all; }
.st0 { fill: var(--red); }
.pagination { display: flex; justify-content: center; gap: var(--gap-12); margin: 0; margin-bottom: var(--gap-80); }
.pagination > li { display: inline-flex; }
.pagination > li a, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; margin: 0; border: 1px solid var(--black); color: var(--black); transition: 0.3s ease all; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: white; background: var(--black); border: 1px solid var(--black); }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: var(--black); color: white !important; }
.grid-rows .grid-row-text a.grid-row-button.last-btn { margin-right: 11px !important; }
.AccessabilityLink { display: none; }
.creditWrapper { display: none; }
.skip-link { position: absolute; top: -9999px; right: calc(50% - 50px); z-index: 1000000000; height: 1px; width: 1px; text-align: center; overflow: hidden; }
.skip-link:focus { top: 0; width: auto; height: auto; background: var(--white); color: var(--black); display: block; padding: 15px 20px; box-sizing: content-box; }
.scr-reader-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; float: left; clip: rect(0, 0, 0, 0); border: 0; }
label.error, span.error { color: var(--red); position: absolute; right: 1.25vw; left: auto; }
.grid-form-section .dynamicFormObjectFields form .notification.error { display: none !important; }
.slide-wrapper { display: flex; width: 100%; gap: var(--gap-16); flex-direction: row-reverse; }
 @media(max-width:1024px;){
    label.error, span.error { right: 14px; left: auto; top: 5px; font-size: 12px; }
 }

/*------------------------------------------/*
 GRIDTOP
/*------------------------------------------*/

#GridTop, #GridTop.blog { height: 66vh; background-repeat: no-repeat; background-size: cover; margin: 0; width: 100%; position: relative; border-radius: 0; }
#GridTop.noTopImage.longer { height: 0; overflow: hidden; }
#GridTop.noTopImage, .GridTop.noTopImage { display: none; }
.GridTop { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var(--gap-12); border-radius: 6px; }
.GridTop::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); border-radius: inherit; z-index: 0; }
.GridTop .top-caption { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; }
.GridTop .top-caption h1 { font-size: var(--fs-108); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-108); color: var(--white); text-align: center; }
.GridTop .top-caption h1 span { color: var(--blue); }
/**/

@media(max-width:1024px) {
    #GridTop, #GridTop.blog { max-height: 360px; }
    .GridTop::before { background: rgba(0, 0, 0, 0.4); }
    .GridTop .top-caption { padding-inline: 20px; }
    .GridTop .top-caption h1 { font-size: 56px; letter-spacing: -1.68px; line-height: 100%; color: var(--white); text-align: center; }
}

/*------------------------------------------/*
 LOBBYVIEW
/*------------------------------------------*/

#lobbyview .lobbyTextContainer { max-width: var(--gap-800); margin-inline: auto; }
#lobbyview #lobbyText p { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: center; }

@media(max-width:1024px) {
    #lobbyview { padding-block: 48px; }
    #lobbyview .lobbyTextContainer { max-width: unset; padding-inline: 20px; }
    #lobbyview #lobbyText p { font-size: var(--fs-17); letter-spacing: var(--ls-17); line-height: var(--lh-135percent); color: var(--gray-text); }
}

/*------------------------------------------/*
 HOME GALLERY
/*------------------------------------------*/

#home-gallery { position: relative; }
#home-gallery .scroll-down { display: none; }
.home-page .TopVideo { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; transform: translateY(-4px); }
.home-page .TopVideo iframe { box-sizing: border-box; width: 177.77777778vh; height: 56.25vw; min-width: 100%; min-height: 100%; position: absolute; top: 0; right: 0; }
.home-page .TopVideoText { position: absolute; z-index: 2; left: var(--gap-120); bottom: var(--gap-120); display: flex; flex-direction: column; gap: var(--gap-24); max-width: var(--gap-496); }
.home-page .TopVideoText .gallery-logo img { width: var(--gap-154); height: auto; display: block; }
.home-page .TopVideoText .gallery-text { display: flex; flex-direction: column; gap: var(--gap-24); }
.home-page .TopVideoText .gallery-text h1 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--white); text-align: start; }
.home-page .TopVideoText .gallery-text span { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--white); text-align: start; }

@media(max-width:1024px) {
    .home-page .TopVideo video { width: auto !important; height: 100vh !important; }
    .home-page .TopVideoText { left: 20px; right: 20px; bottom: 38%; max-width: unset; align-items: center; gap: 20px; }
    .home-page .TopVideoText .gallery-logo img { display: none; }
    .home-page .TopVideoText .gallery-text { gap: 20px; }
    .home-page .TopVideoText .gallery-text h1 { font-size: var(--fs-62); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-62); color: var(--white); text-align: center; }
    .home-page .TopVideoText .gallery-text span { display: none; }
}

/*------------------------------------------/*
 HEADER
/*------------------------------------------*/

#main-header.bg { background-color: transparent; }
#main-header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; display: flex; justify-content: space-between; align-items: center; height: var(--gap-80); padding-inline: var(--gap-24); background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.15); transition: 0.3s ease all; }
#main-header.light { background: var(--white); border-bottom: 1px solid var(--greynew); }
#main-header .header-container { order: 2; flex: 1; display: flex; justify-content: center; }

#main-header .header-left { order: 1; }
#main-header .header-left .logoHeader { display: flex; align-items: center; }
#main-header .header-left .logoHeader img { transition: 0.3s ease all; filter: brightness(0) invert(1); }
#main-header.light .header-left .logoHeader img { filter: none; }

#main-header .header-right { display: flex; align-items: center; }
#main-header .header-right .menu-nav { display: flex; align-items: center; }
#main-header .header-right ul#menu { display: flex; align-items: center; gap: var(--gap-32); margin: 0; padding: 0; list-style: none; transition: 0.3s ease all; }
#main-header .header-right ul#menu li[data-cat-mod="HomePage"] { display: none; }
#main-header .header-right ul#menu li.has-sub { display: flex; align-items: center; gap: var(--gap-8); position: relative; }
#main-header .header-right ul#menu > li > a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: start; text-decoration: none; }
#main-header .header-right ul#menu .opensub { color: var(--white); transition: 0.3s ease all; }
#main-header.light .header-right ul#menu > li > a { color: transparent; }
#main-header.light .header-right ul#menu .opensub { color: var(--red); }
#main-header.dark .header-right ul#menu > li > a { color: transparent; }

#main-header .header-center { order: 3; display: flex; align-items: center; gap: var(--gap-24); }
#main-header .header-center .header-buttons { display: flex; align-items: center; gap: var(--gap-24); }
#main-header .header-center .header-buttons a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: start; text-decoration: none; }
#main-header .header-center .header-buttons a:last-child { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; border-radius: 65px; padding: var(--gap-11) var(--gap-20); background: var(--white); color: var(--black); box-shadow: 0 5px 15px -5px rgba(0, 37, 157, 0.06), 0 1px 4px 0 rgba(0, 37, 157, 0.06); transition: 0.3s ease all; text-decoration: none; }
#main-header .header-center .header-buttons a:last-child::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }

#main-header.light .header-center .header-buttons a:first-child { color: transparent; position: relative; overflow: hidden; }
#main-header.dark .header-center .header-buttons a:first-child { color: transparent; position: relative; overflow: hidden; }
#main-header.light .header-center .header-buttons a:last-child { background: var(--blue); color: var(--white); box-shadow: none; }

#main-header.light .red-btn::before,
.red-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; text-align: start; transition: transform 0.3s ease; align-content: center; text-align: center; color: var(--black); }
#main-header.light .red-btn::before { top: 0; transform: translateY(0); }
#main-header.light .red-btn::after { top: 100%; color: var(--red); }
#main-header.light .red-btn:hover::before { transform: translateY(-100%); }
#main-header.light .red-btn:hover::after { transform: translateY(-100%); }

#main-header.dark .red-btn::before,
.red-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; text-align: start; transition: transform 0.3s ease; align-content: center; text-align: center; color: var(--white); }
#main-header.dark .red-btn::before { top: 0; transform: translateY(0); }
#main-header.dark .red-btn::after { top: 100%; color: var(--red); }
#main-header.dark .red-btn:hover::before { transform: translateY(-100%); }
#main-header.dark .red-btn:hover::after { transform: translateY(-100%); }

#main-header:not(.header-hamburger) ul.menu li { overflow: hidden; }
#main-header .header-right ul#menu .opensub { background-image: url(https://media.getmood.io/warehouse/dynamic/834907.svg); background-position: center; background-repeat: no-repeat; }
#main-header.light .header-right ul#menu .opensub { background-image: url(https://media.getmood.io/warehouse/dynamic/834908.svg); }

@media(min-width:1025px) {
    #main-header .header-center #nav-toggle { transform: translateX(50%) scale(0); width: 0; overflow: hidden; transition: 0.3s ease all; }
    #main-header.collapsed .header-container { transform: translateY(-150%); opacity: 0; pointer-events: none; }
    #main-header.collapsed .header-center #nav-toggle { transform: scale(1); width: auto; }
    #main-header .header-center .header-buttons a:last-child:hover::after { transform: none; }
    #main-header .header-center .header-buttons a:last-child:hover { color: var(--white); }
}


/*------------------------------------------/*
 SUBMENU
/*------------------------------------------*/

#main-header .header-right ul#menu li.has-sub > a { position: relative; overflow: hidden; }
#main-header .header-right ul#menu .menu-sub { position: absolute; top: calc(100% + var(--gap-32)); left: 0; right: auto; width: max-content; min-width: var(--gap-240) !important; display: none; flex-direction: column; gap: var(--gap-2); margin: 0; padding: var(--gap-8); list-style: none; background: var(--white); border: 1px solid var(--stroke); border-radius: var(--gap-12); box-shadow: 0 5px 15px -5px rgba(0, 37, 157, 0.06), 0 1px 4px 0 rgba(0, 37, 157, 0.06); z-index: 5; text-align: start; }
#main-header .header-right ul#menu .menu-sub.open { display: flex; }
#main-header .header-right ul#menu .menu-sub li { width: 100%; overflow: visible; }
#main-header .header-right ul#menu .menu-sub li a { display: block; padding: var(--gap-10) var(--gap-14); border-radius: var(--gap-8); font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: start; text-decoration: none; white-space: nowrap; transition: 0.3s ease all; }
#main-header .header-right ul#menu .menu-sub li a::before, #main-header .header-right ul#menu .menu-sub li a::after { content: none; display: none; }

@media(min-width:1025px) {
    #main-header:not(.header-hamburger) .header-right ul#menu li.has-sub { overflow: visible; }
    #main-header .header-right ul#menu .menu-sub { display: flex; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(var(--gap-8)); transition: 0.3s ease all; }
    #main-header .header-right ul#menu .menu-sub::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: var(--gap-32); }
    #main-header .header-right ul#menu li.has-sub:hover .menu-sub, #main-header .header-right ul#menu li.has-sub:focus-within .menu-sub, #main-header .header-right ul#menu .menu-sub.open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
    #main-header .header-right ul#menu li.has-sub:hover .opensub, #main-header .header-right ul#menu li.has-sub:has(.menu-sub.open) .opensub { transform: rotate(180deg); }
    #main-header .header-right ul#menu .menu-sub li a:hover { background: var(--blue-6); color: var(--blue); }
}

@media(max-width:1024px) {
    #main-header { padding-inline: 20px; height: 60px; }
    #main-header.light .header-left .logoHeader img { width: 100px; height: auto; }
    #main-header .header-left .logoHeader img { width: 100px; height: auto; }
    #main-header .header-center { gap: 12px; }
    #main-header .header-center #nav-toggle span, #main-header .header-center #nav-toggle::before, #main-header .header-center #nav-toggle::after { background: white !important; }
    #main-header #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { background: white !important; }
    #main-header #nav-toggle.active span { background: transparent !important; }
    #main-header.light #nav-toggle.active span { background: transparent !important; }
    #main-header.light #nav-toggle span, #main-header.light #nav-toggle span:before, #main-header.light #nav-toggle span:after { background: black !important; }
    #main-header .menu-nav ul#menu li { text-align: center; }
    #main-header .header-right ul#menu > li > a { color: black !important; }
    #main-header.light .header-right ul#menu > li > a { color: black !important; }
    #main-header.light .header-center #nav-toggle span, #main-header.light .header-center #nav-toggle::before, #main-header.light .header-center #nav-toggle::after { background: black !important; }
    #main-header .header-center .header-buttons { display: none; }
    #main-header .menu-nav::after { content: ""; position: fixed; left: 0; right: 0; bottom: 0; top: var(--headerHeight, 64px); background: rgba(0, 0, 0, 0.4); opacity: 0; pointer-events: none; transition: 0.3s ease all; z-index: 998; }
    #main-header .menu-nav.open::after { opacity: 1; pointer-events: auto; }
    #main-header .menu-nav ul#menu { position: fixed; top: calc(var(--headerHeight, 64px) + 8px); left: 20px; right: 20px; width: auto; max-width: none; max-height: fit-content; background: var(--white); border-radius: 12px; flex-direction: column; align-items: center; gap: 20px; padding: 32px 40px; transform: translateY(-8px); opacity: 0; pointer-events: none; transition: 0.3s ease all; z-index: 999; overflow-y: auto; }
    #main-header .menu-nav.open ul#menu { opacity: 1; pointer-events: auto; transform: translateY(0); }
    #main-header .menu-nav ul#menu li { overflow: visible; }
    #main-header .menu-nav ul#menu .red-btn::before, #main-header .menu-nav ul#menu .red-btn::after { display: none; }
    #main-header .menu-nav ul#menu > li > a { font-size: 17px; font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.02em; color: var(--black); text-align: center; }
    #main-header .menu-nav ul#menu li.has-sub { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; }
    #main-header .menu-nav ul#menu li.has-sub.open .menu-sub { display: block; }
    #main-header .menu-nav ul#menu li.has-sub .opensub { position: static; color: var(--red); font-size: 12px; }
    #main-header .menu-nav ul#menu .menu-sub { position: static; width: 100%; border: none; box-shadow: none; padding: 0; align-items: center; gap: 8px; }
    #main-header .menu-nav ul#menu .menu-sub.open { height: auto; }
    #main-header .menu-nav ul#menu .menu-sub li a { font-size: 17px; color: var(--black); text-align: center; padding: 8px 0; display: block; }
}

/*------------------------------------------/*
 FOOTER
/*------------------------------------------*/

footer { padding: 0; display: block; position: relative; }
#SiteFooter { background: var(--black); color: var(--white); font-size: var(--fs-17); float: none; }
#SiteFooter strong { font-weight: 600; font-size: var(--fs-19); }
#SiteFooter a { color: var(--stroke-60); text-decoration: none; }
#SiteFooter a:hover { color: var(--white); }
#SiteFooter .footer-text-divided { display: flex; flex-direction: row-reverse; gap: var(--gap-80); padding: var(--gap-104) var(--gap-120); }

#SiteFooter .footer-text-left { color: var(--stroke-60); flex: 4; }
#SiteFooter .footer-text-left .footerSocialIcons { display: none; }
#SiteFooter .footer-text-left > p:first-of-type { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--white); text-align: start; }
#SiteFooter .footer-text-left > p:nth-of-type(3) { max-width: 340px; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--stroke-60); text-align: start; }
#SiteFooter .footer-text-left p > a { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); background: var(--blue); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; text-decoration: none; }
#SiteFooter .footer-text-left p > a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
#SiteFooter .footer-text-left p > a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }

#SiteFooter .footer-text-middle { flex: 1; }
#SiteFooter .footer-text-middle ul { padding: 0 0 40px 0; margin: 0; }
#SiteFooter .footer-text-middle ul li { padding: 0 0 4px 0; color: var(--stroke-60); }

#SiteFooter .footer-text-right { flex: 3; }
#SiteFooter .footer-text-right ul { padding: 0 0 20px 0; margin: 0; }
#SiteFooter .footer-text-right ul li { padding: 0 0 4px 0; color: var(--stroke-60); }
#SiteFooter .footer-text-right .footer-list > li:first-child { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--white); text-align: start; }
#SiteFooter .footer-text-right .footer-list li:not(:first-child) { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--stroke-60); text-align: start; text-decoration: none; }
#SiteFooter .footer-text-right .footer-list li:not(:first-child) a { color: var(--stroke-60); text-align: start; text-decoration: none; }
#SiteFooter .footer-text-right .footer-contact-col p { margin: 0; line-height: 0; }
#SiteFooter .footer-text-right .footer-contact-col img { width: var(--gap-24); height: var(--gap-24); filter: brightness(0) invert(1); }

@media(min-width:1025px) {
    #SiteFooter .footer-text-left p > a:hover::after { transform: none; }
}

@media(max-width:1024px) {
    #SiteFooter { padding: 48px 20px; }
    #SiteFooter .footer-text-divided { flex-direction: column; gap: 48px; padding: 0; }
    #SiteFooter .footer-text-left { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; max-width: unset; }
    #SiteFooter .footer-text-left .footer-headline { margin: 0; font-size: 56px; font-family: var(--font-3); line-height: 1; letter-spacing: -1.68px; color: var(--white); text-align: left; }
    #SiteFooter .footer-text-left .footer-lead { margin: 0; max-width: unset; font-size: 17px; font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.34px; color: var(--stroke-60); text-align: left; }
    #SiteFooter .footer-text-left p > a { padding: 15px 24px 15px 16px; gap: 8px; font-size: 15px; line-height: 1.25; letter-spacing: -0.15px; }
    #SiteFooter .footer-text-left p > a::before { width: 14px; }
    #SiteFooter .footer-nav-section { display: flex; flex-direction: column; gap: 24px; }
    #SiteFooter .footer-nav-col { display: flex; flex-direction: column; }
    #SiteFooter .footer-nav-col .footer-list { display: flex; flex-direction: column; gap: 8px; padding: 12px 0; }
    #SiteFooter .footer-nav-col .footer-list-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0; padding: 0; background: none; border: none; cursor: pointer; font-size: 17px; font-family: var(--font-2); line-height: 1.35; letter-spacing: -0.34px; color: var(--white); text-align: left; }
    #SiteFooter .footer-nav-col .footer-list-toggle::after { content: ""; width: 10px; height: 10px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6.02202 0.737022L6.00822 11.263' stroke='white' stroke-width='1.47363' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.736765 6H11.2627' stroke='white' stroke-width='1.47363' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transition: 0.3s ease transform; }
    #SiteFooter .footer-nav-col .footer-list.open .footer-list-toggle::after { transform: rotate(45deg); }
    #SiteFooter .footer-nav-col .footer-list ul { display: none; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
    #SiteFooter .footer-nav-col .footer-list.open ul { display: flex; }
    #SiteFooter .footer-nav-col .footer-list ul li { padding: 0; font-size: 15px; line-height: 1.35; letter-spacing: -0.15px; color: var(--stroke-60); }
    #SiteFooter .footer-nav-col .footer-list ul li a { color: var(--stroke-60); }
    #SiteFooter .footer-social-bottom { display: flex; }
    #SiteFooter .footer-social-bottom img { width: 24px; height: 24px; filter: brightness(0) invert(1); }
}

/*------------------------------------------/*
 TEAM POPUP
/*------------------------------------------*/

#multi-content-modal.textInPop { direction: ltr; background: rgba(16, 17, 32, 0.6); padding: 0 !important; }
#multi-content-modal.textInPop .modal-vertical-align { display: flex; align-items: flex-start; justify-content: center; width: 100%; height: auto; min-height: 100%; padding-block: calc(var(--gap-48) + var(--gap-24)) var(--gap-60); }
#multi-content-modal.textInPop .modal-dialog { position: relative; display: block; width: fit-content; max-width: calc(100vw - var(--gap-80)); margin: 0; vertical-align: unset; transform: none; transition: none; }
#multi-content-modal.textInPop .modal-content { position: relative; border: none; border-radius: 0; box-shadow: none; padding: var(--gap-100); background: var(--white); }
#multi-content-modal.textInPop a.close { position: absolute; top: calc(-1 * (var(--gap-48) + var(--gap-12))); left: 50%; right: auto; transform: translateX(-50%); width: var(--gap-48); height: var(--gap-48); margin: 0; padding: 0; border: none; border-radius: 50%; background: var(--blue); opacity: 1; display: flex; align-items: center; justify-content: center; float: none; font-size: 0; line-height: 0; text-shadow: none; z-index: 2; cursor: pointer; }
#multi-content-modal.textInPop a.close svg { width: var(--gap-16); height: var(--gap-16); display: block; }
#multi-content-modal.textInPop a.close svg path { fill: var(--white); }
#multi-content-modal.textInPop #PopUpData { display: flex; justify-content: center; gap: var(--gap-100); align-items: flex-start; }
#multi-content-modal.textInPop .popup-wrapper { display: flex; flex-direction: column; gap: var(--gap-32); width: var(--gap-444); flex-shrink: 0; }
#multi-content-modal.textInPop .popup-wrapper > img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--gap-6); display: block; }
#multi-content-modal.textInPop .popup-wrapper .popup-contact { display: flex; flex-direction: column; gap: var(--gap-14); width: var(--gap-340); max-width: 100%; }
#multi-content-modal.textInPop .popup-wrapper .popup-contact p { display: flex; align-items: center; gap: var(--gap-10); margin: 0; color: var(--black); }
#multi-content-modal.textInPop .popup-wrapper .popup-contact p img { width: var(--gap-22); height: var(--gap-22); flex-shrink: 0; object-fit: contain; }
#multi-content-modal.textInPop .popup-wrapper .popup-contact p a { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-decoration: none; }
#multi-content-modal.textInPop .popup-other-content { display: flex; flex-direction: column; justify-content: center; gap: var(--gap-16); width: var(--gap-530); }
#multi-content-modal.textInPop .popup-header { display: flex; flex-direction: column; gap: var(--gap-32); }
#multi-content-modal.textInPop .popup-name { font-size: clamp(30px,var(--fs-48),300px); font-family: var(--font-3); line-height: 1.06; letter-spacing: var(--ls-48); color: var(--black); text-align: left; margin: 0; }
#multi-content-modal.textInPop .popup-role { font-size: clamp(16px,var(--fs-23),300px); font-family: var(--font-3); line-height: 1.1; color: var(--black); text-align: left; }
#multi-content-modal.textInPop .popup-other-content > p { margin: 0; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: left; }

@media(min-width:1025px) {
    #multi-content-modal.textInPop a.close:hover { background: var(--darkblue); }
    #multi-content-modal.textInPop .popup-wrapper .popup-contact p a:hover { text-decoration: underline; }
}
/**/

@media(max-width:1024px) {
    #multi-content-modal.textInPop .modal-vertical-align { align-items: flex-end; padding: 0; min-height: 100%; height: 100%; }
    #multi-content-modal.textInPop .modal-dialog { width: 100%; max-width: 100%; margin: 0; transform: translateY(100%); transition: 0.35s ease transform; }
    #multi-content-modal.textInPop.in .modal-dialog { transform: translateY(0); }
    #multi-content-modal.textInPop .modal-content { display: flex; flex-direction: column; padding: 64px 20px 32px; border-radius: 16px 16px 0 0; max-height: 90vh; max-height: 90dvh; }
    #multi-content-modal.textInPop .modal-content::before { content: ""; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 48px; height: 4px; border-radius: 2px; background: var(--line-grey); }
    #multi-content-modal.textInPop a.close { top: 16px; left: auto; right: 16px; transform: none; width: 36px; height: 36px; }
    #multi-content-modal.textInPop a.close svg { width: 12px; height: 12px; }
    #multi-content-modal.textInPop #PopUpData { flex-direction: column; gap: 24px; overflow-y: auto; min-height: 0; padding-bottom: 8px; }
    #multi-content-modal.textInPop .popup-wrapper { width: 100%; gap: 20px; }
    #multi-content-modal.textInPop .popup-wrapper > img { border-radius: 6px; }
    #multi-content-modal.textInPop .popup-wrapper .popup-contact { width: 100%; gap: 12px; }
    #multi-content-modal.textInPop .popup-wrapper .popup-contact p { gap: 10px; }
    #multi-content-modal.textInPop .popup-wrapper .popup-contact p img { width: 22px; height: 22px; }
    #multi-content-modal.textInPop .popup-wrapper .popup-contact p a { font-size: var(--fs-15); letter-spacing: normal; }
    #multi-content-modal.textInPop .popup-other-content { width: 100%; gap: 16px; }
    #multi-content-modal.textInPop .popup-header { gap: 16px; }
    #multi-content-modal.textInPop .popup-name { font-size: var(--fs-32); letter-spacing: normal; line-height: 1.1; }
    #multi-content-modal.textInPop .popup-role { font-size: var(--fs-17); letter-spacing: normal; }
    #multi-content-modal.textInPop .popup-other-content > p { font-size: var(--fs-15); letter-spacing: normal; }
}

/*------------------------------------------/*
 HOMEPAGE
/*------------------------------------------*/

.homeMain { display: grid; grid-template-columns: 1fr var(--gap-580); grid-template-rows: 1fr auto; column-gap: var(--gap-184); padding: var(--gap-158) var(--gap-120) var(--gap-120) !important; }
.homeMain :is(.section-topText, .dynamic-grid-field) p { margin: 0; }
.homeMain .section-topText { grid-column: 1; grid-row: 1; margin: 0; padding: 0; width: 100%; max-width: unset; align-self: start; }
.homeMain .section-topText p { font-size: var(--fs-34); font-family: var(--font-2); line-height: var(--lh-120percent); letter-spacing: var(--ls-34); color: var(--black); text-align: start; }
.homeMain .dynamic-grid-wrapper { display: contents; }
.homeMain .dynamic-grid-main { grid-column: 1; grid-row: 2; align-self: end; display: grid; grid-template-columns: var(--gap-469) 1fr; grid-template-rows: 1fr auto; column-gap: var(--gap-20); margin-top: var(--gap-48); }
.homeMain .dynamic-grid-main .field-img { grid-column: 1; grid-row: 1 / 3; }
.homeMain .dynamic-grid-main .field-img img { width: 100%; height: var(--gap-340); object-fit: cover; border-radius: 6px; display: block; }
.homeMain .dynamic-grid-main .field-richtext.textNearImg { grid-column: 2; grid-row: 1; }
.homeMain .dynamic-grid-main .field-richtext p { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-15); color: var(--black); text-align: start; }
.homeMain .dynamic-grid-main .homeMain-buttons { grid-column: 2; grid-row: 2; display: flex; gap: var(--gap-12); }
.homeMain .dynamic-grid-main .field-button a { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); width: var(--gap-150); padding-block: var(--gap-14); background: var(--blue); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; text-decoration: none; }
.homeMain .dynamic-grid-main .field-button a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.homeMain .dynamic-grid-main .field-button a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }
.homeMain .dynamic-grid-items { grid-column: 2; grid-row: 1 / 3; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-12); }
.homeMain .dynamic-grid-items .dynamic-grid-item { display: flex; flex-direction: column; background: var(--greynew); border-radius: 6px; padding: var(--gap-20); height: var(--gap-340); cursor: pointer; transition: all 0.2s ease 0s; overflow: hidden; }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-img img { width: var(--gap-38); height: auto; display: block; transition: all 0.3s ease 0s; }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-text { margin-top: auto; min-height: var(--gap-48); display: flex; align-items: flex-end; margin-bottom: var(--gap-8); transition: all 0.3s ease 0s; }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-text p { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; max-width: var(--gap-212); transition: all 0.3s ease 0s; }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-richtext { margin: 0 0 0 0; height: 0; transform: translateY(100%); opacity: 0; transition: all 0.5s ease-in-out; }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-richtext p { font-size: var(--fs-15); font-family: var(--font-1); line-height: var(--lh-130percent); letter-spacing: var(--ls-15); color: var(--black); text-align: start; }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-button a { display: inline-flex; align-items: center; gap: var(--gap-10); }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-button a { font-size: var(--fs-14); font-family: var(--font-3); line-height: var(--lh-130percent); letter-spacing: var(--ls-14); color: var(--black); text-align: start; }
.homeMain .dynamic-grid-items .dynamic-grid-item .field-button a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: var(--black); -webkit-mask: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; mask: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.homeMain .dynamic-grid-items .dynamic-grid-item:hover { background: var(--red); }
.homeMain .dynamic-grid-items .dynamic-grid-item:hover .field-text p { color: var(--white); }
.homeMain .dynamic-grid-items .dynamic-grid-item:hover .field-richtext { height: calc-size(auto, size); transform: translateY(0); opacity: 1; margin: 0 0 var(--gap-32) 0; }
.homeMain .dynamic-grid-items .dynamic-grid-item:hover .field-richtext p { color: var(--white); }
.homeMain .dynamic-grid-items .dynamic-grid-item:hover .field-button a { color: var(--white); }
.homeMain .dynamic-grid-items .dynamic-grid-item:hover .field-button a::before { background: var(--white); }
.homeMain .dynamic-grid-items .dynamic-grid-item:hover .field-img img { filter: brightness(0) invert(1); }

.homeImpact { border-bottom: 1px solid var(--stroke); }
.homeImpact .section-title { display: flex; flex-direction: column; align-items: center; gap: var(--gap-20); padding: var(--gap-96) 0 var(--gap-64); }
.homeImpact .section-title h2, .homeImpact .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; cursor: default; }
.homeImpact .section-title h2, .homeImpact .grid-boxes .grid-box .grid-box-title h3 a:hover { text-decoration: none; }
.homeImpact .section-title h3, .homeImpact .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.homeImpact .section-title h3 { max-width: var(--gap-640); }
.homeImpact .grid-boxes { justify-content: space-between; padding: 0 var(--gap-120) var(--gap-56); }
.homeImpact .grid-boxes .grid-box { display: flex; flex-direction: column; align-items: center; gap: var(--gap-12); width: var(--gap-420); float: none; }
.homeImpact .grid-boxes .grid-box :is(.grid-box-title, .grid-box-subtitle) { margin: 0; padding: 0; }
.homeImpact .grid-boxes .grid-box .grid-box-subtitle { max-width: var(--gap-240); text-align: center; }
.homeImpact .impact-images { display: flex; gap: 1px; height: var(--gap-356); width: 100%; padding-top: var(--gap-40); }
.homeImpact .impact-images .grid-box-image { flex: 1; height: 100%; margin: 0; padding: 0; overflow: hidden; }
.homeImpact .impact-images .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.homeImpact .impact-images .grid-box-image a.box-image-animation { display: block; height: 100%; cursor: default; }
.homeImpact .impact-images .grid-box-image img { width: 100%; height: 100%; object-fit: cover; display: block; }

.homeAction { background: var(--greynew); }
.homeAction .section-title { display: flex; flex-direction: column; align-items: center; gap: var(--gap-20); padding: var(--gap-96) 0 var(--gap-64); }
.homeAction .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.homeAction .section-title h3 { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.homeAction .section-title h3 { max-width: var(--gap-640); }
.homeAction .grid-boxes { gap: 1px; height: var(--gap-550); }
.homeAction .grid-boxes .grid-box { position: relative; overflow: hidden; float: none; width: auto; min-width: 0; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: flex-grow 0.5s ease; }
.homeAction .grid-boxes .grid-box::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; transition: 0.5s ease all; }
.homeAction .grid-boxes .grid-box .grid-box-image { position: absolute; inset: 0; z-index: 0; height: 100%; }
.homeAction .grid-boxes .grid-box .grid-box-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.homeAction .grid-boxes .grid-box :is(.action-icon, .grid-box-title, .grid-box-fulltext, .grid-box-subtitle) { position: relative; z-index: 2; margin: 0; padding: 0; }
.homeAction .grid-boxes .grid-box .action-icon { margin-bottom: var(--gap-12); }
.homeAction .grid-boxes .grid-box .action-icon img { width: var(--gap-40); height: var(--gap-40); object-fit: contain; display: block; }
.homeAction .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-28); font-family: var(--font-3); line-height: var(--lh-95percent); letter-spacing: var(--ls-28); color: var(--white); text-align: center; }
.homeAction .grid-boxes .grid-box .grid-box-title { max-width: var(--gap-280); }
.homeAction .grid-boxes .grid-box .grid-box-fulltext { max-width: var(--gap-412); max-height: 0; opacity: 0; overflow: hidden; transition: 0.5s ease all; }
.homeAction .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; margin: 0; }
.homeAction .grid-boxes .grid-box .grid-box-subtitle.button { max-height: 0; opacity: 0; overflow: hidden; transition: 0.5s ease all; }
.homeAction .grid-boxes .grid-box .grid-box-subtitle.button a { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); width: var(--gap-150); padding-block: var(--gap-14); background: var(--blue); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; text-decoration: none; }
.homeAction .grid-boxes .grid-box .grid-box-subtitle.button a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.homeAction .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }


.homeOurWork { background: var(--greynew); clear: both; }
.homeOurWork .section-title { display: flex; flex-direction: column; align-items: center; gap: var(--gap-20); padding: var(--gap-96) 0 var(--gap-64); }
.homeOurWork .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.homeOurWork .section-title h3 { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.homeOurWork .grid-boxes.grid-boxes-blog.row { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap-20); padding-inline: var(--gap-120); padding-bottom: var(--gap-96); }
.homeOurWork .grid-boxes.grid-boxes-blog.row .blog-post { display: flex; flex-direction: column; align-items: stretch; flex: 1 1 0; width: auto; float: none; padding: 0; border-radius: 6px; }
.homeOurWork .blog-post-image { height: var(--gap-264); border-radius: 6px; overflow: hidden; }
.homeOurWork .blog-post-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
.homeOurWork .blog-post-image:hover img { transform: scale(1.05); }
.homeOurWork .blog-post-content { display: flex; flex-direction: column-reverse; padding-top: var(--gap-16); gap: var(--gap-8); }
.homeOurWork .blog-post-content .blog-post-icons { display: flex; align-items: baseline; gap: var(--gap-8); margin: 0; }
.homeOurWork .blog-post-content .blog-post-icons .blog-post-date i.fa-calendar { display: none; }
.homeOurWork .blog-post-content .blog-post-icons .blog-post-Time-container { display: flex; align-items: center; margin: 0; }
.homeOurWork .blog-post-content .blog-post-icons .blog-post-Time-container svg { display: none; }
.homeOurWork .blog-post-content .blog-post-icons .blog-post-date time, .homeOurWork .blog-post-content .blog-post-icons .blog-post-Time-title { font-size: var(--fs-13); font-family: var(--font-2); line-height: var(--lh-130percent); letter-spacing: var(--ls-13); color: var(--red); text-align: start; }
.homeOurWork .blog-post-content h2.blog-post-title { margin: 0 25% 0 0; font-size: unset; }
.homeOurWork .blog-post-content h2.blog-post-title a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.homeOurWork .content-section-Btn { flex-basis: 100%; display: flex; justify-content: center; margin-top: var(--gap-20); }
.homeOurWork .content-section-Btn a.sec-button { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); background: var(--white); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: center; text-decoration: none; box-shadow: 0 1px 4px 0 rgba(0, 37, 157, 0.06), 0 5px 15px -5px rgba(0, 37, 157, 0.06); }
.homeOurWork .content-section-Btn a.sec-button:hover { color: var(--white); }
.homeOurWork .content-section-Btn a.sec-button::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787306.svg') center / contain no-repeat; flex-shrink: 0; }
.homeOurWork .content-section-Btn a.sec-button:hover::before { background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; }
.homeOurWork .content-section-Btn a.sec-button::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }

.homeNews { background: var(--white); }
.homeNews .section-title { display: flex; flex-direction: column; align-items: center; gap: var(--gap-20); padding: var(--gap-96) 0 var(--gap-64); }
.homeNews .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.homeNews .section-title h3 { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.homeNews .grid-boxes.grid-boxes-blog.row { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap-20); padding-inline: var(--gap-120); padding-bottom: var(--gap-96); }
.homeNews .grid-boxes.grid-boxes-blog.row .blog-post { display: flex; flex-direction: column; align-items: stretch; flex: 1 1 0; width: auto; float: none; padding: 0; border-radius: 6px; }
.homeNews .blog-post-image { height: var(--gap-264); border-radius: 6px; overflow: hidden; }
.homeNews .blog-post-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
.homeNews .blog-post-image:hover img { transform: scale(1.05); }
.homeNews .blog-post-content { display: flex; flex-direction: column-reverse; padding-top: var(--gap-16); gap: var(--gap-8); }
.homeNews .blog-post-content .blog-post-icons { display: flex; align-items: baseline; gap: var(--gap-8); margin: 0; }
.homeNews .blog-post-content .blog-post-icons .blog-post-date i.fa-calendar { display: none; }
.homeNews .blog-post-content .blog-post-icons .blog-post-Time-container { display: flex; align-items: center; margin: 0; }
.homeNews .blog-post-content .blog-post-icons .blog-post-Time-container svg { display: none; }
.homeNews .blog-post-content .blog-post-writer { font-size: var(--fs-13); font-family: var(--font-2); line-height: var(--lh-130percent); letter-spacing: var(--ls-13); color: var(--red); text-align: start; }
.homeNews .blog-post-content .blog-post-writer i { display: none; }
.homeNews .blog-post-content .blog-post-icons .blog-post-date time, .homeNews .blog-post-content .blog-post-icons .blog-post-Time-title { font-size: var(--fs-13); font-family: var(--font-2); line-height: var(--lh-130percent); letter-spacing: var(--ls-13); color: var(--red); text-align: start; }
.homeNews .blog-post-content h2.blog-post-title { margin: 0 25% 0 0; font-size: unset; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.homeNews .blog-post-content h2.blog-post-title a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; text-decoration: none; }
.homeNews .content-section-Btn { flex-basis: 100%; display: flex; justify-content: center; margin-top: var(--gap-20); }
.homeNews .content-section-Btn a.sec-button { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); background: var(--greynew); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: center; text-decoration: none; box-shadow: 0 1px 4px 0 rgba(0, 37, 157, 0.06), 0 5px 15px -5px rgba(0, 37, 157, 0.06); }
.homeNews .content-section-Btn a.sec-button:hover { color: var(--white); }
.homeNews .content-section-Btn a.sec-button::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787306.svg') center / contain no-repeat; flex-shrink: 0; }
.homeNews .content-section-Btn a.sec-button:hover::before { background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; }
.homeNews .content-section-Btn a.sec-button::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }
.homeNews .content-section-Btn a.sec-button:hover::after { transform: translateX(0); }

@media(min-width:1025px) {
    .homeMain .dynamic-grid-main .field-button a:hover::after { transform: none; }
    .homeAction .grid-boxes .grid-box:hover { flex-grow: 2.15; }
    .homeAction .grid-boxes .grid-box:hover::before { background: rgba(0, 0, 0, 0.7); }
    .homeAction .grid-boxes .grid-box:hover .grid-box-fulltext { max-height: var(--gap-100); opacity: 1; margin-top: var(--gap-12); }
    .homeAction .grid-boxes .grid-box:hover .grid-box-subtitle.button { max-height: var(--gap-80); opacity: 1; margin-top: var(--gap-24); }
    .homeAction .grid-boxes .grid-box .grid-box-subtitle.button a:hover::after { transform: none; }
    .homeOurWork .content-section-Btn a.sec-button:hover::after { transform: none; }
}

@media(max-width:1024px) {
    .homeOurWork .section-title { padding: 26px 20px 48px 20px; gap: 12px; }
    .homeOurWork .section-title h2 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); }
    .homeOurWork .section-title h3 { font-size: var(--fs-17); letter-spacing: var(--ls-17); line-height: var(--lh-135percent); }
    .homeOurWork .grid-boxes.grid-boxes-blog.row { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 12px; padding: 0 20px 48px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; }
    .homeOurWork .grid-boxes.grid-boxes-blog.row::-webkit-scrollbar { display: none; }
    .homeOurWork .grid-boxes.grid-boxes-blog.row .blog-post { flex: 0 0 auto; width: calc(66.6% - 16px); float: none !important; white-space: normal; scroll-snap-align: start; background: var(--white); border: 1px solid var(--stroke); border-radius: 12px; box-shadow: 0 5px 20px -5px rgba(4, 0, 107, 0.06), 0 1px 6px 0 rgba(4, 0, 107, 0.05); overflow: hidden; }
    .homeOurWork .blog-post-image { height: 159px; margin: 6px 6px 0; border-radius: 6px; }
    .homeOurWork .blog-post-content { padding: 12px 16px 16px; gap: 8px; }
    .homeOurWork .blog-post-content .blog-post-icons { justify-content: flex-end; }
    .homeOurWork .blog-post-content h2.blog-post-title { margin: 0; }
    .homeOurWork .blog-post-content h2.blog-post-title a { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; color: var(--black); }
    .homeOurWork .blog-post-content .blog-post-icons .blog-post-date time { font-size: 11px; line-height: 1.3; letter-spacing: 0.55px; text-transform: uppercase; }
    .homeOurWork .content-section-Btn a.sec-button { padding: var(--gap-48) var(--gap-100); gap: 8px; }
    .homeOurWork .content-section-Btn a.sec-button::before { width: var(--gap-56); }

    .homeMain .section-topText p, .homeMain .dynamic-grid-items .dynamic-grid-item .field-text p { font-size: var(--fs-17); font-family: var(--font-2); line-height: var(--lh-135percent); letter-spacing: -0.34px; }
    .homeMain .dynamic-grid-main .field-richtext p { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: -0.34px; }
    .homeMain .dynamic-grid-items .dynamic-grid-item .field-richtext p { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; color: var(--gray-text); }
    .homeMain .dynamic-grid-main .field-button a { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; }
    .homeMain { display: flex; flex-direction: column; padding: 48px 20px; gap: 48px; margin-block-start: 500px; }
    .homeMain .section-topText { order: 1; }
    .homeMain .dynamic-grid-items { order: 2; display: flex; flex-direction: column; gap: 16px; }
    .homeMain .dynamic-grid-main { order: 3; display: flex; flex-direction: column; gap: 24px; margin-top: 0; padding-bottom: var(--gap-56); }
    .homeMain .dynamic-grid-main .field-img { display: none; }
    .homeMain .dynamic-grid-main .homeMain-buttons { gap: 8px; }
    .homeMain .dynamic-grid-main .homeMain-buttons .field-button { flex: 1; }
    .homeMain .dynamic-grid-main .field-button a { width: 100%; padding-block: 15px; gap: 8px; }
    .homeMain .dynamic-grid-main .field-button a::before { width: var(--gap-56); }
    .homeMain .dynamic-grid-items .dynamic-grid-item { position: relative; height: auto; background: var(--blue-6); border-radius: 12px; padding: 20px 48px 20px 20px; }
    .homeMain .dynamic-grid-items .dynamic-grid-item::after { content: ""; position: absolute; right: 26px; top: 50%; width: 7px; height: 7px; border-top: 1.5px solid var(--gray-text); border-right: 1.5px solid var(--gray-text); transform: translateY(-50%) rotate(45deg); }
    .homeMain .dynamic-grid-items .dynamic-grid-item .field-img img { width: 40px; }
    .homeMain .dynamic-grid-items .dynamic-grid-item .field-text { margin: 24px 0 8px; min-height: unset; }
    .homeMain .dynamic-grid-items .dynamic-grid-item .field-text p { max-width: unset; }
    .homeMain .dynamic-grid-items .dynamic-grid-item .field-richtext { margin-bottom: 0; height: auto; transform: translateY(0); opacity: 1; }
    .homeMain .dynamic-grid-items .dynamic-grid-item .field-button { display: none; }

    .homeImpact .section-title h2, .homeImpact .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); }
    .homeImpact .section-title h3, .homeImpact .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-17); letter-spacing: var(--ls-17); line-height: var(--lh-135percent); }
    .homeImpact .section-title { padding: 48px 20px; gap: 10px; }
    .homeImpact .section-title h3 { max-width: unset; }
    .homeImpact .grid-boxes { flex-direction: column; padding: 0 62px 48px; gap: 32px; }
    .homeImpact .grid-boxes .grid-box { width: 100%; gap: 4px; }
    .homeImpact .grid-boxes .grid-box .grid-box-subtitle { max-width: unset; }
    .homeImpact .impact-images { height: auto; gap: 12px; padding-inline: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; width: calc(100% - 20px); }
    .homeImpact .impact-images::-webkit-scrollbar { display: none; }
    .homeImpact .impact-images .grid-box-image { flex: none; min-width: calc(100% - 20px); height: auto; aspect-ratio: 335/249; border-radius: 12px; scroll-snap-align: start; }
    .homeImpact .impact-images .grid-box-image img { width: calc(100% - 40px); border-radius: 12px; }
    .homeImpact .impact-images .grid-box-image .grid-box-image-container { width: 100%; }
    .homeImpact .impact-dots { display: flex; justify-content: center; gap: 8px; padding: 16px 20px 48px; }
    .homeImpact .impact-dots span { width: 8px; height: 8px; border-radius: 50%; background: var(--stroke); transition: 0.3s ease all; }
    .homeImpact .impact-dots span.active { background: var(--red); }

    .homeAction .section-title h2 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); }
    .homeAction .section-title h3 { font-size: var(--fs-17); letter-spacing: var(--ls-17); line-height: var(--lh-135percent); }
    .homeAction .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-20); letter-spacing: var(--ls-20); line-height: var(--lh-110percent); text-align: start; }
    .homeAction .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: var(--ls-15); color: rgba(255, 255, 255, 0.8); text-align: start; }
    .homeAction .grid-boxes .grid-box .grid-box-subtitle.button a { font-size: var(--fs-15); line-height: var(--lh-130percent); letter-spacing: normal; }
    .homeAction { padding: 0 20px 20px; }
    .homeAction .section-title { padding: 48px 20px; gap: 10px; }
    .homeAction .section-title h3 { max-width: unset; }
    .homeAction .grid-boxes { display: block; height: auto; padding: 0 20px; background: var(--greynew); overflow: auto; }
    .homeAction .grid-boxes .grid-box { height: 420px; border-radius: 12px; align-items: flex-start; justify-content: flex-end; padding: 20px 20px 24px; margin-bottom: 20px; }
    .homeAction .grid-boxes .grid-box::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); }
    .homeAction .grid-boxes .grid-box .action-icon { margin-bottom: 6px; }
    .homeAction .grid-boxes .grid-box .action-icon img { width: 27px; height: 27px; }
    .homeAction .grid-boxes .grid-box .grid-box-title { max-width: unset; }
    .homeAction .grid-boxes .grid-box .grid-box-fulltext { max-width: unset; max-height: none; opacity: 1; margin-top: 6px; }
    .homeAction .grid-boxes .grid-box .grid-box-subtitle.button { max-height: none; opacity: 1; margin-top: 16px; }
    .homeAction .grid-boxes .grid-box .grid-box-subtitle.button a { width: fit-content; padding: 9px 16px; background: rgba(242, 245, 250, 0.3); backdrop-filter: blur(10px); gap: 6px; }
    .homeAction .grid-boxes .grid-box .grid-box-subtitle.button a::before { display: none; }
    .homeAction .grid-boxes .grid-box .grid-box-subtitle.button a::after { display: none; }

    .homeNews .section-title { padding: 48px 20px; gap: var(--gap-32); }
    .homeNews .section-title h2 { font-size: var(--fs-32); }
    .homeNews .content-section-Btn { display: none; }
    .homeNews .grid-boxes.grid-boxes-blog.row { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 12px; padding: 0 20px 48px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; }
    .homeNews .grid-boxes.grid-boxes-blog.row::-webkit-scrollbar { display: none; }
    .homeNews .grid-boxes.grid-boxes-blog.row .blog-post { flex: 0 0 auto; width: calc(66.6% - 16px); float: none !important; white-space: normal; scroll-snap-align: start; background: var(--white); border: 1px solid var(--stroke); border-radius: 12px; box-shadow: 0 5px 20px -5px rgba(4, 0, 107, 0.06), 0 1px 6px 0 rgba(4, 0, 107, 0.05); overflow: hidden; }
    .homeNews .blog-post-image { height: 159px; margin: 6px 6px 0; border-radius: 6px; }
    .homeNews .blog-post-content { padding: 12px 16px 16px; gap: 8px; }
    .homeNews .blog-post-content .blog-post-icons { gap: 8px; }
    .homeNews .blog-post-content h2.blog-post-title { margin: 0; }
    .homeNews .blog-post-content h2.blog-post-title a { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; color: var(--black); }
    .homeNews .blog-post-content .blog-post-icons :is(.blog-post-writer, .blog-post-date time) { font-size: 11px; line-height: 1.3; letter-spacing: 0.55px; text-transform: uppercase; }
}

/*------------------------------------------/*
 ABOUT
/*------------------------------------------*/

.aboutTopMenu { background: var(--greynew); text-align: center; overflow: auto; position: sticky; top: var(--headerHeight); z-index: 100; }
.aboutTopMenu ul { display: inline-flex; align-items: center; list-style: none; margin: 0; padding: var(--gap-4); }
.aboutTopMenu ul li { margin: 0; }
.aboutTopMenu ul li a { display: block; padding: var(--gap-11) var(--gap-16); transition: 0.3s ease all; font-size: var(--fs-15); border-radius: 54px; font-family: var(--font-1); line-height: var(--lh-130percent); letter-spacing: var(--ls-15); color: var(--gray-text); text-align: center; text-decoration: none; white-space: nowrap; }
.aboutTopMenu ul li a:hover { background: var(--white); box-shadow: 0 5px 15px -5px rgba(0, 37, 157, 0.06), 0 1px 4px 0 rgba(0, 37, 157, 0.06); color: var(--red); }

.aboutHistory { text-align: center; }
#allSectionsWrapper .section.grid-content-section.aboutHistory { padding-top: var(--gap-120); }
.aboutHistory .section-title { margin: 0; }
.aboutHistory .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.aboutHistory .section-title h3 { text-align: center; }

.aboutHistory .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-140); font-family: var(--font-3); line-height: 0.8; letter-spacing: -0.02em; color: var(--blue); }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { font-size: var(--fs-28); font-family: var(--font-3); line-height: 0.95; letter-spacing: -0.02em; color: var(--black); }
.aboutHistory .grid-boxes .grid-box .grid-box-fulltext p { font-family: var(--font-1); font-size: var(--fs-17); line-height: 1.4; letter-spacing: 0.18px; margin: unset; color: var(--gray-text); }

.aboutHistory .grid-boxes-wrapper { position: relative; padding: var(--gap-100) 0 var(--gap-120); }
#allSectionsWrapper .aboutHistory .grid-boxes { flex-direction: column; position: relative; padding-inline: var(--gap-200); gap: var(--gap-140); }
.aboutHistory .grid-boxes::before { display: none; }
.aboutHistory .grid-boxes .grid-box { width: 100%; display: flex; gap: 0; min-height: var(--gap-480); position: relative; }
.aboutHistory .grid-boxes .grid-box:nth-child(even) { direction: rtl; }
.aboutHistory .grid-boxes .grid-box > .timeline-wrapper-first, .aboutHistory .grid-boxes .grid-box > .timeline-wrapper-second { padding-inline: var(--gap-64); }
.aboutHistory .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-64); position: relative; }
.aboutHistory .grid-boxes .grid-box .grid-box-title h3 a:hover { text-decoration: none; }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-first { text-align: end; }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-first .grid-box-image img { width: var(--gap-512); height: var(--gap-383); object-fit: cover; border-radius: 8px; }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-second { text-align: left; height: fit-content; position: sticky; top: calc(var(--headerHeight) + var(--gap-24)); }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-second > * { width: var(--gap-493); max-width: 100%; }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext::before { display: none; }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-subtitle { margin-bottom: var(--gap-24); direction: ltr; }
.aboutHistory .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext p { color: var(--gray-text); direction: ltr; }
.aboutHistory .grid-boxes .grid-box .timeline-dot { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: var(--gap-14); height: var(--gap-14); border-radius: 50%; background: var(--dot-grey); outline: var(--gap-8) solid var(--white); z-index: 2; transition: 0.3s ease background; }
.aboutHistory .grid-boxes .grid-box .timeline-dot.active { background: var(--blue); }
.aboutHistory .timeline { position: absolute; top: var(--gap-100); bottom: var(--gap-120); left: 50%; transform: translateX(-50%); width: 3px; border-radius: var(--gap-4); background: var(--line-grey); z-index: 1; }
.aboutHistory .timeline .timeline-wrapper { position: relative; height: 100%; }
.aboutHistory .timeline .timeline-wrapper .timeline-wrapper-line { position: absolute; inset: 0; background: var(--blue); border-radius: var(--gap-4); transform: scaleY(0); transform-origin: top center; }

@media(min-width:1025px) {
    .aboutHistory .grid-boxes .grid-box > .timeline-wrapper-first, .aboutHistory .grid-boxes .grid-box > .timeline-wrapper-second { flex: 1; }
}

@media(max-width:1024px) {
    .aboutHistory .grid-boxes .grid-box .grid-box-title h3 a { font-size: 40px; line-height: 1; letter-spacing: normal; }
    .aboutHistory .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { font-size: var(--fs-17); line-height: 1.1; letter-spacing: -0.01em; }
    .aboutHistory .grid-boxes .grid-box .grid-box-fulltext p, .aboutHistory .grid-boxes .grid-box .timeline-wrapper-second > .grid-box-fulltext p { font-size: 15px; line-height: 1.25; letter-spacing: -0.01em; display: block; }
    #allSectionsWrapper .section.grid-content-section.aboutHistory { padding-top: 0; }
    .aboutHistory .section-title { padding: 48px 20px 0; }
    .aboutHistory .section-title h2 { margin-bottom: 0; font-size: 32px; letter-spacing: -0.01em; }
    .aboutHistory .grid-boxes-wrapper { padding: 0 20px 48px; }
    #allSectionsWrapper .aboutHistory .grid-boxes { padding-inline: 0; gap: 0; z-index: 1; }
    .aboutHistory .grid-boxes .grid-box { min-height: 0; display: grid; grid-template-columns: 1fr 17px 1fr; column-gap: 5px; padding-top: 80px; }
    .aboutHistory .grid-boxes .grid-box > .timeline-wrapper-first, .aboutHistory .grid-boxes .grid-box > .timeline-wrapper-second { padding-inline: 0; }
    .aboutHistory .grid-boxes .grid-box .timeline-wrapper-first { grid-column: 3; grid-row: 1; text-align: start; padding-inline-start: 16px; }
    .aboutHistory .grid-boxes .grid-box .grid-box-title { margin-bottom: 0; }
    .aboutHistory .grid-boxes .grid-box .grid-box-title h3 { display: block; }
    .aboutHistory .grid-boxes .grid-box .timeline-wrapper-second { grid-column: 1; grid-row: 1; position: static; padding-top: 0; display: flex; flex-direction: column; }
    .aboutHistory .grid-boxes .grid-box .timeline-wrapper-second > * { width: 100%; }
    .aboutHistory .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle { margin-bottom: 8px; }
    .aboutHistory .grid-boxes .grid-box .timeline-wrapper-second .grid-box-subtitle span { display: block; }
    .aboutHistory .grid-boxes .grid-box .grid-box-image { grid-column: 1 / -1; grid-row: 2; margin-top: 80px; display: flex; justify-content: flex-start; }
    .aboutHistory .grid-boxes .grid-box:nth-child(4n+2) .grid-box-image { justify-content: flex-end; }
    .aboutHistory .grid-boxes .grid-box .grid-box-image img { width: 280px; height: 209px; object-fit: cover; border-radius: 4px; margin: var(--gap-120) 0; }
    .aboutHistory .grid-boxes .grid-box .timeline-dot { top: 80px; width: 8px; height: 8px; outline-width: 4px; }
    .aboutHistory .timeline { top: 88px; bottom: 48px; }
}

.aboutHowWorks { padding: var(--gap-96) 0 !important; }
.aboutHowWorks .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.aboutHowWorks .section-topText p { max-width: var(--gap-640); margin: 0 auto; padding: var(--gap-40) 0; font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.aboutHowWorks .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: center; }
.aboutHowWorks .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: center; }
.aboutHowWorks .grid-boxes { padding-inline: var(--gap-120) !important; gap: var(--gap-36); justify-content: center; }
.aboutHowWorks .grid-boxes .grid-box { flex: 1 1 0; width: auto; display: flex; flex-direction: column; align-items: center; gap: var(--gap-8); padding-inline: var(--gap-32); }
.aboutHowWorks .grid-boxes .grid-box :is(.grid-box-title, .grid-box-fulltext) { margin: 0; padding: 0; }
.aboutHowWorks .grid-boxes .grid-box .grid-box-image { width: var(--gap-36); margin-inline: auto; }
.aboutHowWorks .grid-boxes .grid-box .grid-box-image img { width: 100%; height: auto; display: block; margin-bottom: var(--gap-16); }
.aboutHowWorks .grid-boxes .grid-box .grid-box-fulltext p { margin: 0; }
.aboutHowWorks .grid-boxes .grid-box .grid-box-fulltext p:not(:first-child) { display: none; }

.aboutMissionVision .grid-rows { display: flex; flex-direction: column; gap: var(--gap-93); padding: 0 var(--gap-120) var(--gap-120) var(--gap-120); }
.aboutMissionVision .grid-row { display: flex; align-items: center; border-radius: var(--gap-16); padding: var(--gap-16); }
.aboutMissionVision .grid-row:nth-child(odd) { background: var(--darkblue); flex-direction: row-reverse; position: sticky; top: calc(var(--headerHeight) + var(--gap-100)); }
.aboutMissionVision .grid-row:nth-child(even) { background: var(--greynew); border: 1px solid var(--stroke); flex-direction: row-reverse; position: sticky; top: calc(var(--headerHeight) + var(--gap-100)); }
.aboutMissionVision .grid-row-cell.flexslider-box { border-radius: var(--gap-6); overflow: hidden; padding: 0 0 0 0; width: 40%; }
.aboutMissionVision .grid-row-cell.flexslider-box img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px; }
.aboutMissionVision .grid-row-cell.grid-row-cell-text { display: flex !important; flex-direction: column; flex: 1; justify-content: center; padding-inline: var(--gap-64); }
.aboutMissionVision .grid-row-cell.grid-row-cell-text .grid-row-text { display: flex; flex-direction: column; gap: var(--gap-12); direction: ltr !important; }
.aboutMissionVision .grid-rows .grid-row-text h2 { font-size: var(--fs-56); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-56); text-align: start; }
.aboutMissionVision .grid-rows .grid-row-text h3 { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }
.aboutMissionVision .grid-rows .grid-row-text p { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }
.aboutMissionVision .grid-row-cell.grid-row-cell-text .grid-row-text p { margin-top: var(--gap-12); margin-right: var(--gap-40); }
.aboutMissionVision .grid-row-cell.grid-row-cell-text .grid-row-text p:empty { display: none; }
.aboutMissionVision .grid-row:nth-child(odd) .grid-row-text h2, .aboutMissionVision .grid-row:nth-child(odd) .grid-row-text h3 { color: var(--white); }
.aboutMissionVision .grid-row:nth-child(odd) .grid-row-text p { color: rgba(255, 255, 255, 0.8); }
.aboutMissionVision .grid-row:nth-child(even) .grid-row-text h2, .aboutMissionVision .grid-row:nth-child(even) .grid-row-text h3 { color: var(--black); }
.aboutMissionVision .grid-row:nth-child(even) .grid-row-text p { color: var(--gray-text); }

.aboutWhoWeServe { background: var(--greynew); padding: var(--gap-96) var(--gap-180) !important; }
.aboutWhoWeServe .section-title { padding-bottom: var(--gap-48); }
.aboutWhoWeServe .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.aboutWhoWeServe .grid-boxes { gap: var(--gap-12); align-items: stretch; }
.aboutWhoWeServe .grid-boxes .grid-box { flex: 1 1 0; width: auto; float: none; display: flex; flex-direction: column; gap: var(--gap-32); min-height: var(--gap-400); padding: var(--gap-56) var(--gap-64); background: var(--white); border-radius: 8px; }
.aboutWhoWeServe .grid-boxes .grid-box :is(.grid-box-title, .grid-box-subtitle, .grid-box-fulltext) { margin: 0; padding: 0; }
.aboutWhoWeServe .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-23); font-family: var(--font-3); line-height: var(--lh-110percent); letter-spacing: normal; color: var(--black); text-align: start; text-decoration: none; }
.aboutWhoWeServe .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: start; }
.aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext { display: flex; flex-direction: column; gap: var(--gap-16); }
.aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-2); }
.aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext ul li { display: flex; gap: var(--gap-16); font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }
.aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext ul li::before { content: ""; width: var(--gap-10); aspect-ratio: 10/7.71; background: url('https://media.getmood.io/warehouse/dynamic/787336.svg') no-repeat; background-size: contain; background-position: 0 var(--gap-10); flex-shrink: 0; }
.aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext p { margin: 0; font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }

/*------------------------------------------/*
 ABOUT MANAGEMENT
/*------------------------------------------*/

.aboutTeam { display: flex; flex-direction: column; align-items: center; padding: var(--gap-96) 0 var(--gap-64); }
.aboutTeam .section-title { margin: 0 var(--gap-120) var(--gap-20) var(--gap-120); }
.aboutTeam .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.aboutTeam .grid-text { display: flex; flex-direction: column; align-items: center; width: 100%; }
.aboutTeam .grid-text-content { display: flex; flex-direction: column; align-items: center; gap: var(--gap-32); width: 100%; max-width: unset; }
.aboutTeam .grid-text-content .gridText1 { max-width: var(--gap-640); }
.aboutTeam .grid-text-content .gridText1 p { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; margin: 0; }
.aboutTeam .grid-text-content .gridText2 ul { display: inline-flex; align-items: center; list-style: none; margin: 0; padding: var(--gap-6); background: var(--greynew); border: 1px solid var(--stroke); border-radius: 38px; }
.aboutTeam .grid-text-content .gridText2 ul li { margin: 0; }
.aboutTeam .grid-text-content .gridText2 ul li a { display: block; padding: var(--gap-11) var(--gap-16); border-radius: 54px; transition: 0.3s ease all; font-size: var(--fs-15); font-family: var(--font-1); line-height: var(--lh-130percent); letter-spacing: var(--ls-15); color: var(--gray-text); text-align: center; text-decoration: none; white-space: nowrap; }
.aboutTeam .grid-text-content .gridText2 ul li.active a { background: var(--white); box-shadow: 0 5px 15px -5px rgba(0, 37, 157, 0.06), 0 1px 4px 0 rgba(0, 37, 157, 0.06); color: var(--red); }
#allSectionsWrapper .section.tab-hidden { display: none !important; }

.aboutFounders { padding: var(--gap-64) var(--gap-120) !important; }
.aboutFounders .section-title { display: none; }
.aboutFounders .grid-boxes { display: flex; justify-content: center; gap: var(--gap-12); direction: ltr; }
.aboutFounders .grid-boxes .grid-box { display: flex; flex-direction: column; width: calc(20% - 9px); }
.aboutFounders .grid-boxes .grid-box .grid-box-image { border-radius: var(--gap-6); overflow: hidden; }
.aboutFounders .grid-boxes .grid-box .grid-box-image .grid-box-image-container a { display: block; height: 100%; }
.aboutFounders .grid-boxes .grid-box .grid-box-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
.aboutFounders .grid-boxes .grid-box .grid-box-title { margin: 0; padding: var(--gap-16) 0 0; }
.aboutFounders .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: unset; }
.aboutFounders .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: start; text-decoration: none; }
.aboutFounders .grid-boxes .grid-box .grid-box-subtitle { margin: 0; }
.aboutFounders .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; }

.aboutBoard { padding: var(--gap-64) var(--gap-120) !important; }
.aboutBoard .section-title { display: none; }
.aboutBoard .grid-boxes { display: flex; justify-content: center; gap: var(--gap-12); direction: ltr; }
.aboutBoard .grid-boxes .grid-box { display: flex; flex-direction: column; width: calc(20% - 9px) }
.aboutBoard .grid-boxes .grid-box .grid-box-image { border-radius: var(--gap-6); overflow: hidden; }
.aboutBoard .grid-boxes .grid-box .grid-box-image .grid-box-image-container a { display: block; height: 100%; }
.aboutBoard .grid-boxes .grid-box .grid-box-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
.aboutBoard .grid-boxes .grid-box .grid-box-title { margin: 0; padding: var(--gap-16) 0 0; }
.aboutBoard .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: unset; }
.aboutBoard .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: start; text-decoration: none; }
.aboutBoard .grid-boxes .grid-box .grid-box-subtitle { margin: 0; }
.aboutBoard .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; }

.aboutManagement { padding: var(--gap-64) var(--gap-120) !important; }
.aboutManagement .section-title { display: none; }
.aboutManagement .grid-boxes { display: flex; justify-content: center; gap: var(--gap-12); direction: ltr; }
.aboutManagement .grid-boxes .grid-box { display: flex; flex-direction: column; width: calc(20% - 9px) }
.aboutManagement .grid-boxes .grid-box .grid-box-image { border-radius: var(--gap-6); overflow: hidden; }
.aboutManagement .grid-boxes .grid-box .grid-box-image .grid-box-image-container a { display: block; height: 100%; }
.aboutManagement .grid-boxes .grid-box .grid-box-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
.aboutManagement .grid-boxes .grid-box .grid-box-title { margin: 0; padding: var(--gap-16) 0 0; }
.aboutManagement .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: unset; }
.aboutManagement .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: start; text-decoration: none; }
.aboutManagement .grid-boxes .grid-box .grid-box-subtitle { margin: 0; }
.aboutManagement .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; }

@media(min-width:1025px) {
    .aboutFounders .grid-boxes .grid-box .grid-box-image:hover img { transform: scale(1.05); }
    .aboutBoard .grid-boxes .grid-box .grid-box-image:hover img { transform: scale(1.05); }
    .aboutManagement .grid-boxes .grid-box .grid-box-image:hover img { transform: scale(1.05); }
}

.aboutNextChapter { position: relative; padding: var(--gap-120) !important; }
.aboutNextChapter .grid-rows .grid-row { display: flex; align-items: center; flex-direction: row-reverse; }
.aboutNextChapter .grid-row-cell.flexslider-box { flex: 1 1 50%; }
.aboutNextChapter .grid-row-cell.flexslider-box .grid-row-image-container, .aboutNextChapter .grid-row-cell.flexslider-box .box-image-animation { display: block; height: var(--gap-660); border-radius: 8px; overflow: hidden; }
.aboutNextChapter .grid-row-cell.flexslider-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aboutNextChapter .grid-row-cell.grid-row-cell-text { padding-inline: var(--gap-80); }
.aboutNextChapter .grid-row-text { display: flex; flex-direction: column; gap: var(--gap-24); direction: ltr; }
.aboutNextChapter .grid-row-text h2 { margin-bottom: var(--gap-16); font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: start; }
.aboutNextChapter .grid-row-text p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; }
.aboutNextChapter .grid-row-text ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-2); }
.aboutNextChapter .grid-row-text ul li { display: flex; align-items: center; gap: var(--gap-16); font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }
.aboutNextChapter .grid-row-text ul li::before { content: ""; width: var(--gap-14); aspect-ratio: 10/7.71; background: url('https://media.getmood.io/warehouse/dynamic/787336.svg') center / contain no-repeat; flex-shrink: 0; }

.aboutPartners { padding: var(--gap-96) 0 var(--gap-64) 0 !important; }
.aboutPartners .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; padding-bottom: var(--gap-56); }
.aboutPartners .section-title h3 { font-size: var(--fs-19); font-family: var(--font-3); line-height: var(--lh-100percent); color: var(--black); text-align: center; padding-bottom: var(--gap-56); }
.aboutPartners .gallery-cubes { display: flex; gap: 12px; width: max-content; animation: scrollText 80s linear infinite; }
.aboutPartners .gallery-cubes > div { min-width: var(--gap-200); height: var(--gap-110); auto 48px border-radius: 6px; border: 1px solid var(--stroke); background: var(--white); padding: var(--gap-24) var(--gap-56); }
.aboutPartners .gallery-cubes > div .boxes-images-outer-image { background-size: auto 48px !important; background-repeat: no-repeat; }

.aboutPartnersIndustry .section-title h2 { font-size: var(--fs-19); font-family: var(--font-3); line-height: var(--lh-100percent); color: var(--black); text-align: center; padding-bottom: var(--gap-56); }
.aboutPartnersIndustry .gallery-cubes { display: flex; gap: 12px; width: max-content; animation: scrollText 40s linear infinite; }
.aboutPartnersIndustry .gallery-cubes > div { min-width: var(--gap-200); height: var(--gap-110); border-radius: 6px; border: 1px solid var(--stroke); background: var(--white); padding: var(--gap-24) var(--gap-56); }
.aboutPartnersIndustry .gallery-cubes > div .boxes-images-outer-image { background-size: auto 48px !important; background-repeat: no-repeat; }
.aboutPartnersIndustry .text1 { max-width: var(--gap-660); margin: 0 auto; padding: var(--gap-40) 0 var(--gap-20) 0; }
.aboutPartnersIndustry .text1 p { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text) !important; text-align: center; }
.aboutPartnersIndustry .content-section-Btn { text-align: center; }
.aboutPartnersIndustry .content-section-Btn a { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); background: var(--blue); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; text-decoration: none; width: fit-content; }
.aboutPartnersIndustry .content-section-Btn a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.aboutPartnersIndustry .content-section-Btn a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }

@media(max-width:1024px) {
    .aboutTopMenu { display: none; }
    .about #lobbyview { padding: 48px 20px 32px 20px !important; }

    .aboutHowWorks { padding: 48px 20px !important; }
    .aboutHowWorks .section-title { padding: 0; margin-bottom: 10px; }
    .aboutHowWorks .section-title h2 { font-size: 32px; font-family: var(--font-3); line-height: 1; letter-spacing: -0.32px; text-align: center; }
    .aboutHowWorks .section-topText p { max-width: none; padding: 0 0 48px; font-size: var(--fs-17); font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.34px; text-align: center; }
    .aboutHowWorks .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-17); font-family: var(--font-3); line-height: 1.1; letter-spacing: -0.17px; text-align: center; }
    .aboutHowWorks .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.34px; text-align: center; }
    .aboutHowWorks .howworks-swiper { position: relative; overflow: hidden; width: 100%; padding-bottom: 56px; }
    .aboutHowWorks .grid-boxes { flex-wrap: nowrap; overflow: visible; gap: 0; padding-inline: 0 !important; width: fit-content; border-block: none; }
    .aboutHowWorks .grid-boxes .grid-box { flex: none; width: 100%; border-inline-start: none; padding-inline: 0; padding-top: 8px; gap: 8px; height: auto; }
    .aboutHowWorks .grid-boxes .grid-box .grid-box-image { width: auto; margin-bottom: 16px; }
    .aboutHowWorks .grid-boxes .grid-box .grid-box-image img { width: 36px; height: 36px; }
    .aboutHowWorks .howworks-swiper .swiper-pagination { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; line-height: 0; }
    .aboutHowWorks .howworks-swiper .swiper-pagination span.swiper-pagination-bullet { width: 8px; height: 8px; margin: 0; border: none; border-radius: 50%; background: var(--stroke) !important; opacity: 1; transition: 0.3s ease all; }
    .aboutHowWorks .howworks-swiper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; background: var(--red) !important; }
    /*
    .aboutHowWorks .grid-boxes::-webkit-scrollbar { display: none; }
    .aboutHowWorks .howworks-dots { display: flex; justify-content: center; gap: 8px; padding-top: 16px; }
    .aboutHowWorks .howworks-dots span { width: 8px; height: 8px; border-radius: 50%; background: var(--stroke); transition: 0.3s ease all; }
    .aboutHowWorks .howworks-dots span.active { background: var(--red); }
    */

    .aboutMissionVision .grid-rows .grid-row-text h2 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); }
    .aboutMissionVision .grid-rows .grid-row-text h3 { font-size: var(--fs-17); font-family: var(--font-2); line-height: var(--lh-135percent); letter-spacing: -0.34px; }
    .aboutMissionVision .grid-rows .grid-row-text p { font-size: var(--fs-17); letter-spacing: var(--ls-17); line-height: var(--lh-135percent); }
    .aboutMissionVision .grid-rows { gap: 20px; padding: 0 20px 48px; }
    .aboutMissionVision .grid-row { display: block; border-radius: 12px; padding: 0; overflow: hidden; }
    .aboutMissionVision .grid-row-cell.flexslider-box { border-radius: 0; height: 245px; width: auto; }
    .aboutMissionVision .grid-row-cell.grid-row-cell-text { padding: 48px 20px; align-items: center; text-align: center; }
    .aboutMissionVision .grid-row-cell.grid-row-cell-text .grid-row-text { gap: 16px; }
    .aboutMissionVision .grid-row-cell.grid-row-cell-text .grid-row-text p { margin-top: 0; }
    .aboutMissionVision .grid-row:nth-child(odd) { flex-direction: column; }

    .aboutWhoWeServe { padding: 48px 20px !important; }
    .aboutWhoWeServe .section-title { padding-bottom: 32px; }
    .aboutWhoWeServe .section-title h2 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); }
    .aboutWhoWeServe .grid-boxes { flex-direction: column; gap: 16px; }
    .aboutWhoWeServe .grid-boxes .grid-box { flex: none; width: 100%; min-height: 0; padding: 32px 20px; gap: 24px; }
    .aboutWhoWeServe .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-20); line-height: var(--lh-110percent); letter-spacing: normal; }
    .aboutWhoWeServe .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: normal; }
    .aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext ul li { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: normal; gap: 10px; }
    .aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext ul li::before { width: 12px; background-position: 0 8px; }
    .aboutWhoWeServe .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: normal; }


    .aboutTeam { padding: 20px 20px !important; }
    .aboutTeam .section-title { margin-bottom: 10px; }
    .aboutTeam .section-title h2 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); }
    .aboutTeam .grid-text-content { gap: 22px; }
    .aboutTeam .grid-text-content .gridText1 { max-width: unset; }
    .aboutTeam .grid-text-content .gridText1 p { font-size: var(--fs-17); letter-spacing: var(--ls-17); line-height: var(--lh-135percent); }
    .aboutTeam .grid-text-content .gridText2 { width: auto; white-space: nowrap; overflow: scroll; padding: 0 0 0 20px; }
    .aboutTeam .grid-text-content .gridText2 ul { padding: 4px; }
    .aboutTeam .grid-text-content .gridText2 ul li a { padding: 10px 12px; font-size: 16px; line-height: 1.3; letter-spacing: -0.16px; }

    .aboutFounders { padding: 0 0 0 0 !important; }
    .aboutFounders .grid-boxes { display: flex; direction: ltr; gap: 12px; padding-inline: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; }
    .aboutFounders .grid-boxes::-webkit-scrollbar { display: none; }
    .aboutFounders .grid-boxes .grid-box { flex: none; width: 45%; scroll-snap-align: start; }
    .aboutFounders .grid-boxes .grid-box .grid-box-image img { border-radius: 6px; }
    .aboutFounders .grid-boxes .grid-box-image-container { aspect-ratio: 1 / 1; }
    .aboutFounders .grid-boxes .grid-box .grid-box-title { padding-top: 8px; }
    .aboutFounders .grid-boxes .grid-box .grid-box-title h3 a, .aboutFounders .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; }

    .aboutManagement { padding: 0 0 0 0 !important; }
    .aboutManagement .grid-boxes { display: flex; direction: ltr; gap: 12px; padding-inline: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; }
    .aboutManagement .grid-boxes::-webkit-scrollbar { display: none; }
    .aboutManagement .grid-boxes .grid-box { flex: none; width: 45%; scroll-snap-align: start; }
    .aboutManagement .grid-boxes .grid-box .grid-box-image img { border-radius: 6px; }
    .aboutManagement .grid-boxes .grid-box-image-container { aspect-ratio: 1 / 1; }
    .aboutManagement .grid-boxes .grid-box .grid-box-title { padding-top: 8px; }
    .aboutManagement .grid-boxes .grid-box .grid-box-title h3 a, .aboutManagement .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; }

    .aboutBoard { padding: 0 0 0 0 !important; }
    .aboutBoard .grid-boxes { display: flex; direction: ltr; gap: 12px; padding-inline: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; }
    .aboutBoard .grid-boxes::-webkit-scrollbar { display: none; }
    .aboutBoard .grid-boxes .grid-box { flex: none; width: 45%; scroll-snap-align: start; }
    .aboutBoard .grid-boxes .grid-box .grid-box-image img { border-radius: 6px; }
    .aboutBoard .grid-boxes .grid-box-image-container { aspect-ratio: 1 / 1; }
    .aboutBoard .grid-boxes .grid-box .grid-box-title { padding-top: 8px; }
    .aboutBoard .grid-boxes .grid-box .grid-box-title h3 a, .aboutBoard .grid-boxes .grid-box .grid-box-subtitle span { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; }

    .aboutPartners { display: none; }
    .aboutPartnersIndustry { display: none; }

    .aboutNextChapter .grid-rows .grid-row { display: block; }
    .aboutNextChapter .grid-row-cell.flexslider-box { padding: 0 0 0 0; }
    .aboutNextChapter .grid-row-cell.flexslider-box .grid-row-image-container { height: auto; }
    .aboutNextChapter .grid-row-cell.flexslider-box .box-image-animation { height: auto; overflow: auto; }
    .aboutNextChapter .grid-row-cell.grid-row-cell-text { padding: 32px 0 32px 0; }
    .aboutNextChapter .grid-row-text h2 { font-size: var(--fs-32); }
    .aboutNextChapter .grid-row-text h3 { font-size: var(--fs-17); padding: var(--gap-14) 0; }
}


/*------------------------------------------/*
WHY BU
/*------------------------------------------*/

.whyBuTakeAction { background: var(--greynew); }
.whyBuTakeAction .section-title { display: flex; flex-direction: column; align-items: center; gap: var(--gap-20); padding: var(--gap-96) 0 var(--gap-64); }
.whyBuTakeAction .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.whyBuTakeAction .section-title h3 { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.whyBuTakeAction .section-title h3 { max-width: var(--gap-640); }
.whyBuTakeAction .grid-boxes { gap: 1px; height: var(--gap-550); }
.whyBuTakeAction .grid-boxes .grid-box { position: relative; overflow: hidden; float: none; width: auto; min-width: 0; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: flex-grow 0.5s ease; }
.whyBuTakeAction .grid-boxes .grid-box::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; transition: 0.5s ease all; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-image { position: absolute; inset: 0; z-index: 0; height: 100%; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.whyBuTakeAction .grid-boxes .grid-box :is(.action-icon, .grid-box-title, .grid-box-fulltext, .grid-box-subtitle) { position: relative; z-index: 2; margin: 0; padding: 0; }
.whyBuTakeAction .grid-boxes .grid-box .action-icon { margin-bottom: var(--gap-12); }
.whyBuTakeAction .grid-boxes .grid-box .action-icon img { width: var(--gap-40); height: var(--gap-40); object-fit: contain; display: block; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-28); font-family: var(--font-3); line-height: var(--lh-95percent); letter-spacing: var(--ls-28); color: var(--white); text-align: center; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-title { max-width: var(--gap-280); }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-fulltext { max-width: var(--gap-412); max-height: 0; opacity: 0; overflow: hidden; transition: 0.5s ease all; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; margin: 0; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button { max-height: 0; opacity: 0; overflow: hidden; transition: 0.5s ease all; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); width: var(--gap-150); padding-block: var(--gap-14); background: var(--blue); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; text-decoration: none; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }

@media(min-width:1025px) {
    .whyBuTakeAction .grid-boxes .grid-box:hover { flex-grow: 2.15; }
    .whyBuTakeAction .grid-boxes .grid-box:hover::before { background: rgba(0, 0, 0, 0.7); }
    .whyBuTakeAction .grid-boxes .grid-box:hover .grid-box-fulltext { max-height: var(--gap-100); opacity: 1; margin-top: var(--gap-12); }
    .whyBuTakeAction .grid-boxes .grid-box:hover .grid-box-subtitle.button { max-height: var(--gap-80); opacity: 1; margin-top: var(--gap-24); }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a:hover::after { transform: none; }
}

.whyBuFocuses .grid-rows { display: flex; flex-direction: column; gap: var(--gap-93); padding: 0 var(--gap-120) var(--gap-120) var(--gap-120); }
.whyBuFocuses .grid-row { display: flex; align-items: center; border-radius: var(--gap-16); padding: var(--gap-16); }
.whyBuFocuses .grid-row { background: var(--darkblue); flex-direction: row-reverse; }
.whyBuFocuses .grid-row-cell.flexslider-box { border-radius: var(--gap-6); overflow: hidden; padding: 0 0 0 0; width: 40%; }
.whyBuFocuses .grid-row-cell.flexslider-box img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px; }
.whyBuFocuses .grid-row-cell.grid-row-cell-text { display: flex !important; flex-direction: column; flex: 1; justify-content: center; padding-inline: var(--gap-64); }
.whyBuFocuses .grid-row-cell.grid-row-cell-text .grid-row-text { display: flex; flex-direction: column; gap: var(--gap-12); direction: ltr !important; }
.whyBuFocuses .grid-rows .grid-row-text h2 { font-size: var(--fs-56); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-56); text-align: start; }
.whyBuFocuses .grid-rows .grid-row-text h3 { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }
.whyBuFocuses .grid-rows .grid-row-text p { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }
.whyBuFocuses .grid-row-cell.grid-row-cell-text .grid-row-text p { margin-top: var(--gap-12); margin-right: var(--gap-40); }
.whyBuFocuses .grid-row-cell.grid-row-cell-text .grid-row-text p:empty { display: none; }
.whyBuFocuses .grid-row .grid-row-text h2, .whyBuFocuses .grid-row .grid-row-text h3 { color: var(--white); }
.whyBuFocuses .grid-row .grid-row-text p { color: rgba(255, 255, 255, 0.8); }

.whyBuFocuses .grid-row-button { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); background: var(--white); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--black); text-align: center; text-decoration: none; width: fit-content; }
.whyBuFocuses .grid-row-button:hover { color: var(--white); }
.whyBuFocuses .grid-row-button::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787306.svg') center / contain no-repeat; flex-shrink: 0; }
.whyBuFocuses .grid-row-button:hover::before { background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; }
.whyBuFocuses .grid-row-button::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }
.whyBuFocuses .grid-row-button:hover::after { transform: translateX(0); }

.whyBuChallenge { position: relative; padding: var(--gap-120) !important; }
.whyBuChallenge .grid-rows .grid-row { display: flex; align-items: center; flex-direction: row-reverse; }
.whyBuChallenge .grid-row-cell.flexslider-box { flex: 1 1 50%; }
.whyBuChallenge .grid-row-cell.flexslider-box .grid-row-image-container, .whyBuChallenge .grid-row-cell.flexslider-box .box-image-animation { display: block; height: var(--gap-660); border-radius: 8px; overflow: hidden; }
.whyBuChallenge .grid-row-cell.flexslider-box img { width: 100%; height: 100%; object-fit: cover; display: block; }
.whyBuChallenge .grid-row-cell.grid-row-cell-text { padding-inline: var(--gap-80); }
.whyBuChallenge .grid-row-text { display: flex; flex-direction: column; gap: var(--gap-32); direction: ltr; }
.whyBuChallenge .grid-row-text h2 { margin-bottom: var(--gap-16); font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: start; }
.whyBuChallenge .grid-row-text p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; }
.whyBuChallenge .grid-row-text p:not(:first-child) { display: none; }
.whyBuChallenge .grid-row-text ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-2); }
.whyBuChallenge .grid-row-text ul li { display: flex; gap: var(--gap-16); font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: start; }
.whyBuChallenge .grid-row-text ul li::before { content: ""; width: var(--gap-14); aspect-ratio: 10/7.71; background: url('https://media.getmood.io/warehouse/dynamic/787336.svg') center / contain no-repeat; flex-shrink: 0; background-position: 0 var(--gap-8); }

.whyBuUnique .section-title { border-top: var(--greynew) 1px solid; margin: 0 var(--gap-120); padding: var(--gap-96) 0 var(--gap-40) 0; }
.whyBuUnique .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.whyBuUnique .section-topText p { max-width: var(--gap-640); margin: 0 auto; padding: 0 0 var(--gap-40) 0; font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.whyBuUnique .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: center; }
.whyBuUnique .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: center; }
.whyBuUnique .grid-boxes { padding-inline: var(--gap-120) !important; gap: var(--gap-36); justify-content: center; }
.whyBuUnique .grid-boxes .grid-box { flex: 1 1 0; width: auto; display: flex; flex-direction: column; align-items: center; gap: var(--gap-24); padding-inline: var(--gap-32); padding-bottom: var(--gap-120); }
.whyBuUnique .grid-boxes .grid-box :is(.grid-box-title, .grid-box-fulltext) { margin: 0; padding: 0; }
.whyBuUnique .grid-boxes .grid-box .grid-box-image { width: var(--gap-36); margin-inline: auto; }
.whyBuUnique .grid-boxes .grid-box .grid-box-image img { width: 100%; height: auto; display: block; }
.whyBuUnique .grid-boxes .grid-box .grid-box-fulltext p { margin: 0; }
.whyBuUnique .grid-boxes .grid-box .grid-box-fulltext p:not(:first-child) { display: none; }

@media(max-width:1024px) {
    .whyBuUnique { padding: 0 20px 48px 20px !important; }
    .whyBuUnique .section-title { border-top: none; margin: 0 0 10px; padding: 0; }
    .whyBuUnique .section-title h2 { font-size: var(--fs-32); font-family: var(--font-3); line-height: 1; letter-spacing: -0.32px; text-align: center; }
    .whyBuUnique .section-topText p { max-width: none; padding: 0 0 48px; font-size: var(--fs-17); font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.34px; text-align: center; }
    .whyBuUnique .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-17); font-family: var(--font-3); line-height: 1.1; letter-spacing: -0.17px; text-align: center; }
    .whyBuUnique .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.34px; text-align: center; }
    .whyBuUnique .howworks-swiper { position: relative; overflow: hidden; width: 100%; padding-bottom: 56px; }
    .whyBuUnique .grid-boxes { flex-wrap: nowrap; overflow: visible; gap: 0; padding-inline: 0 !important; width: fit-content; border-block: none; }
    .whyBuUnique .grid-boxes .grid-box { flex: none; width: 100%; border-inline-start: none; padding-inline: 0; padding-top: 8px; padding-bottom: 0; gap: 8px; height: auto; }
    .whyBuUnique .grid-boxes .grid-box .grid-box-image { width: auto; margin-bottom: 16px; }
    .whyBuUnique .grid-boxes .grid-box .grid-box-image img { width: 36px; height: 36px; }
    .whyBuUnique .howworks-swiper .swiper-pagination { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; line-height: 0; }
    .whyBuUnique .howworks-swiper .swiper-pagination span.swiper-pagination-bullet { width: 8px; height: 8px; margin: 0; border: none; border-radius: 50%; background: var(--stroke) !important; opacity: 1; transition: 0.3s ease all; }
    .whyBuUnique .howworks-swiper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; background: var(--red) !important; }
    .whyBuUnique .grid-boxes::-webkit-scrollbar { display: none; }

    .whyBuTakeAction .section-title h2 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); }
    .whyBuTakeAction .section-title h3 { font-size: var(--fs-17); letter-spacing: var(--ls-17); line-height: var(--lh-135percent); }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-20); letter-spacing: var(--ls-20); line-height: var(--lh-110percent); text-align: start; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: var(--ls-15); color: rgba(255, 255, 255, 0.8); text-align: start; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a { font-size: var(--fs-15); line-height: var(--lh-130percent); letter-spacing: normal; }
    .whyBuTakeAction { padding: 0 20px 20px; }
    .whyBuTakeAction .section-title { padding: 48px 20px; gap: 10px; }
    .whyBuTakeAction .section-title h3 { max-width: unset; }
    .whyBuTakeAction .grid-boxes { display: block; height: auto; padding: 0 20px !important; background: var(--greynew); overflow: auto; }
    .whyBuTakeAction .grid-boxes .grid-box { height: 420px; border-radius: 12px; align-items: flex-start; justify-content: flex-end; padding: 20px 20px 24px; margin-bottom: 20px !important; }
    .whyBuTakeAction .grid-boxes .grid-box::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); }
    .whyBuTakeAction .grid-boxes .grid-box .action-icon { margin-bottom: 6px; }
    .whyBuTakeAction .grid-boxes .grid-box .action-icon img { width: 27px; height: 27px; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-title { max-width: unset; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-fulltext { max-width: unset; max-height: none; opacity: 1; margin-top: 6px; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button { max-height: none; opacity: 1; margin-top: 16px; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a { width: fit-content; padding: 9px 16px; background: rgba(242, 245, 250, 0.3); backdrop-filter: blur(10px); gap: 6px; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a::before { display: none; }
    .whyBuTakeAction .grid-boxes .grid-box .grid-box-subtitle.button a::after { display: none; }

    .whyBU #lobbyview { padding: 48px 20px 32px 20px !important; }
    .whyBuFocuses .grid-row { display: block; padding: 0; }
    .whyBuFocuses .grid-row-cell.flexslider-box { width: 100%; height: 245px; }
    .whyBuFocuses .grid-row-cell.grid-row-cell-text { padding: 48px 20px; gap: 12px; }
    .whyBuFocuses .grid-row .grid-row-text h2 { font-size: var(--fs-32); }
    .whyBuFocuses .grid-row .grid-row-text h3 { font-size: var(--fs-17); padding: var(--gap-14); }
    .whyBuFocuses .grid-row-button { width: auto; padding: 14px 32px; }
    .whyBuFocuses .grid-row-button::before { width: var(--gap-56); }

    .whyBU .homeImpact .impact-images { padding-top: 48px; }

    .whyBuChallenge { padding: 48px 20px !important; }
    .whyBuChallenge .grid-rows .grid-row { flex-direction: column-reverse; }
    .whyBuChallenge .grid-row-cell.grid-row-cell-text { padding: 0 0 0 0; }
    .whyBuChallenge .grid-row-text h2 { font-size: var(--fs-32); }
    .whyBuChallenge .grid-row-text ul li::before { width: var(--gap-32); background-position: 0 var(--gap-32); }
    .whyBuChallenge .grid-row-cell.flexslider-box { padding: 32px 0 0 0; }
    .whyBuChallenge .grid-row-cell.flexslider-box .grid-row-image-container, .whyBuChallenge .grid-row-cell.flexslider-box .box-image-animation { height: auto; }
}


/*------------------------------------------/*
 BLOG LOBBY
/*------------------------------------------*/

#GridHeader .blogmain-header { display: flex; flex-direction: column; align-items: center; padding: var(--gap-100) 0 var(--gap-104); gap: var(--gap-32); }
.newsMain #GridHeader .blogmain-header { padding: calc(var(--gap-140) + var(--headerHeight)) var(--gap-100) var(--gap-32) 20px; }
#GridHeader .blogmain-header :is(#headline, #text1) { margin: 0; }
#GridHeader .blogmain-header #headline h1 { font-size: var(--fs-108); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-108); color: var(--black); text-align: center; }
#GridHeader .blogmain-header #headline h1 span { color: var(--blue); }
#GridHeader .blogmain-header #text1 { max-width: var(--gap-800); }
#GridHeader .blogmain-header #text1 p { font-size: clamp(15px,var(--fs-21),300px); font-family: var(--font-1); line-height: var(--lh-135percent); letter-spacing: normal; color: var(--gray-text); text-align: center; margin: 0; }

#BlogMain { padding-bottom: var(--gap-160); }
#BlogMain .blog-posts { display: flex; gap: var(--gap-12); justify-content: center; row-gap: var(--gap-48); padding-inline: var(--gap-120); }
#BlogMain .blog-posts .blog-post { display: flex; flex-direction: column; width: calc(25% - 16px); padding: 0; }
#BlogMain .blog-posts .blog-post .blog-post-image { height: var(--gap-264); border-radius: var(--gap-6); overflow: hidden; }
#BlogMain .blog-posts .blog-post .blog-post-image a { display: block; height: 100%; }
#BlogMain .blog-posts .blog-post .blog-post-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
#BlogMain .blog-posts .blog-post .blog-post-content { display: flex; flex-direction: column; gap: var(--gap-8); padding-top: var(--gap-16); }
#BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons { display: flex; align-items: center; gap: var(--gap-8); margin: 0; }
#BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons i { display: none; }
#BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons .blog-post-writer::after { content: "·"; margin-inline-start: var(--gap-8); }
#BlogMain .blog-posts .blog-post .blog-post-content h2.blog-post-title { margin: 0 25% 0 0; font-size: var(--fs-17); line-height: var(--lh-140percent); }
#BlogMain .blog-posts .blog-post .blog-post-content h2.blog-post-title a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; text-decoration: none; }
#BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons :is(.blog-post-writer, .blog-post-date) { font-size: clamp(9px,var(--fs-13),300px); font-family: var(--font-2); line-height: var(--lh-130percent); letter-spacing: var(--ls-13); color: var(--red); text-align: left; }

@media(min-width:1025px) {
    #BlogMain .blog-posts .blog-post .blog-post-image:hover img { transform: scale(1.05); }
}

@media(max-width:1024px) {

    #GridHeader .blogmain-header { padding: 40px 20px; gap: 16px; }
    #GridHeader .blogmain-header #headline h1 { font-size: var(--fs-56) !important; line-height: var(--lh-100percent) !important; letter-spacing: -1.68px !important; text-align: center; }
    #GridHeader .blogmain-header #text1 { max-width: none !important; padding-bottom: 40px; }
    #GridHeader .blogmain-header #text1 p { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: -0.34px; text-align: center; }

    #BlogMain { padding-bottom: 48px; }
    #BlogMain .blog-posts { display: flex; flex-direction: column; gap: 20px; padding-inline: 20px; }
    #BlogMain .blog-posts .blog-post { width: auto; border: 1px solid var(--stroke); border-radius: 12px; box-shadow: 0 5px 20px -5px rgba(4, 0, 107, 0.06), 0 1px 6px 0 rgba(4, 0, 107, 0.05); background: var(--white); overflow: hidden; }
    #BlogMain .blog-posts .blog-post .blog-post-image { height: 218px; margin: 6px 6px 0; border-radius: 6px; }
    #BlogMain .blog-posts .blog-post .blog-post-content { padding: 12px 16px 16px; gap: 8px; }
    #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons { gap: 8px; }
    #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons .blog-post-writer::after { margin-inline-start: 8px; }
    #BlogMain .blog-posts .blog-post .blog-post-content .blog-post-icons :is(.blog-post-writer, .blog-post-date) { font-size: 11px; line-height: 1.3; letter-spacing: 0.55px; text-transform: uppercase; }
    #BlogMain .blog-posts .blog-post .blog-post-content h2.blog-post-title a { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; color: var(--black); }
}

/*------------------------------------------/*
 BLOG INNER PAGE
/*------------------------------------------*/

#BlogView .blog-view { display: flex; flex-direction: column; align-items: center; direction: ltr; padding: 0 0 var(--gap-64); gap: var(--gap-24); }
#BlogView .blog-view > * { max-width: var(--gap-800); width: 100%; }
#BlogView .blog-view #headline { margin: 0; }
#BlogView .blog-view #headline h1 { font-size: var(--fs-56); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-56); color: var(--black); text-align: center; }
#BlogView .blog-view h2 { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: normal; color: var(--black); margin: var(--gap-20) 0; font-weight: 600; }
#BlogView .blog-view .blog-post-icons.blog-date-time { display: flex; justify-content: center; align-items: center; gap: var(--gap-8); margin: 0; }
#BlogView .blog-view .blog-post-icons.blog-date-time i { display: none; }
#BlogView .blog-view .blog-post-icons.blog-date-time :is(.blog-post-date, time) { font-size: clamp(9px,var(--fs-13),300px); font-family: var(--font-2); line-height: var(--lh-130percent); letter-spacing: var(--ls-13); color: var(--red); text-align: center; }
#BlogView .blog-view .share-strip { display: flex; justify-content: center; align-items: center; gap: var(--gap-10); margin-top: var(--gap-8); }
#BlogView .blog-view #text1 .share-strip { justify-content: left; }
#BlogView .blog-view #text1 img { width: 100%; height: auto; border-radius: 6px; }
#BlogView .blog-view .share-strip span { display: none; }
#BlogView .blog-view .share-strip a.share-icon { display: flex; align-items: center; justify-content: center; width: var(--gap-48); height: var(--gap-48); border: 1px solid var(--greynew); border-radius: 50%; background: var(--white); box-shadow: 0 5px 15px -5px rgba(0, 37, 157, 0.06), 0 1px 4px 0 rgba(0, 37, 157, 0.06); transition: 0.3s ease all; }
#BlogView .blog-view .share-strip a.share-icon i { color: var(--red); font-size: clamp(14px,var(--fs-19),300px); }
#BlogView .blog-view .share-strip a:hover { text-decoration: none; }
#BlogView ul, ol { padding: 0 0 0 16px; }

#BlogView .blog-related-posts { background: var(--greynew); padding: var(--gap-96) var(--gap-120); }
#BlogView .blog-related-posts > h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; padding-bottom: var(--gap-64) }
#BlogView .blog-related-posts .blog-posts { display: flex; gap: var(--gap-12); justify-content: center; row-gap: var(--gap-48); padding-inline: var(--gap-120); }
#BlogView .blog-related-posts .blog-posts .blog-post { display: flex; flex-direction: column; width: calc(25% - 16px); padding: 0; }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image { height: var(--gap-264); border-radius: var(--gap-6); overflow: hidden; }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image a { display: block; height: 100%; }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content { display: flex; flex-direction: column-reverse; gap: var(--gap-8); padding-top: var(--gap-16); }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-icons { display: flex; align-items: center; gap: var(--gap-8); margin: 0; }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-icons i { display: none; }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-icons .blog-post-writer::after { content: "·"; margin-inline-start: var(--gap-8); }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title { margin: 0 25% 0 0; font-size: var(--fs-17); line-height: var(--lh-140percent); }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; text-decoration: none; }
#BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-icons :is(.blog-post-writer, .blog-post-date) { font-size: clamp(9px,var(--fs-13),300px); font-family: var(--font-2); line-height: var(--lh-130percent); letter-spacing: var(--ls-13); color: var(--red); text-align: left; }

@media(max-width:1024px) {
    #BlogView .blog-view { padding: 20px 20px 40px 20px; gap: 16px; align-items: flex-start; }
    #BlogView .blog-view > * { max-width: unset; }
    #BlogView .blog-view #headline h1 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); text-align: left; }
    #BlogView .blog-view > h2 { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: -0.34px; color: var(--black); text-align: left; }
    #BlogView .blog-view .blog-post-icons.blog-date-time { gap: 8px; justify-content: flex-start; }
    #BlogView .blog-view .blog-post-icons.blog-date-time :is(.blog-post-date, time) { text-align: left; letter-spacing: normal; }
    #BlogView .blog-view .share-strip { gap: 10px; margin-top: 0; justify-content: flex-start; }
    #BlogView .blog-view .share-strip a.share-icon { width: 48px; height: 48px; }
    #BlogView .blog-view .share-strip a.share-icon i { font-size: 20px; }

    #BlogView .blog-related-posts { padding: 48px 0; }
    #BlogView .blog-related-posts > h2 { font-size: var(--fs-32); letter-spacing: var(--ls-32); line-height: var(--lh-100percent); text-align: left; }
    #BlogView .blog-related-posts .blog-posts { display: flex; direction: ltr; gap: 12px; padding-inline: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; }
    #BlogView .blog-related-posts .blog-posts::-webkit-scrollbar { display: none; }
    #BlogView .blog-related-posts .blog-posts .blog-post { width: calc(66.6% - 16px); }
    #BlogView .blog-related-posts .blog-posts .blog-post { flex: 0 0 auto; scroll-snap-align: start; background: var(--white); border: 1px solid var(--stroke); border-radius: 12px; box-shadow: 0 5px 20px -5px rgba(4, 0, 107, 0.06), 0 1px 6px 0 rgba(4, 0, 107, 0.05); overflow: hidden; }
    #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-image { height: 159px; margin: 6px 6px 0; border-radius: 6px; }
    #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content { padding: 12px 16px 16px; gap: 8px; }
    #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title { margin: 0; }
    #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content h2.blog-post-title a { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; color: var(--black); }
    #BlogView .blog-related-posts .blog-posts .blog-post .blog-post-content .blog-post-icons :is(.blog-post-writer, .blog-post-date) { font-size: 11px; line-height: 1.3; letter-spacing: 0.55px; text-transform: uppercase; }
}

/*------------------------------------------/*
 OUR WORK
/*------------------------------------------*/

.ourWork #GridHeader .blogmain-header { padding: calc(var(--gap-100) + var(--headerHeight)) 0 var(--gap-32); gap: var(--gap-32); }
.ourWork #GridHeader .blogmain-header #subheadline h2 { max-width: var(--gap-800); font-size: var(--fs-21); font-family: var(--font-1); line-height: var(--lh-135percent); letter-spacing: normal; color: var(--gray-text); text-align: center; margin: 0; }
.ourWork #GridHeader .blog-tags { text-align: center; padding-bottom: var(--gap-104); }
.ourWork #GridHeader .blog-tags .blog-tags-list ul { display: inline-flex; align-items: center; list-style: none; margin: 0; padding: var(--gap-6); background: var(--greynew); border: 1px solid var(--stroke); border-radius: 38px; }
.ourWork #GridHeader .blog-tags .blog-tags-list ul li { margin: 0; }
.ourWork #GridHeader .blog-tags .blog-tags-list ul li a { display: block; padding: var(--gap-11) var(--gap-16); border-radius: 54px; transition: 0.3s ease all; font-size: var(--fs-15); font-family: var(--font-1); line-height: var(--lh-130percent); letter-spacing: var(--ls-15); color: var(--gray-text); text-align: center; text-decoration: none; white-space: nowrap; }
.ourWork #GridHeader .blog-tags .blog-tags-list ul li.active a { background: var(--white); box-shadow: 0 5px 15px -5px rgba(0, 37, 157, 0.06), 0 1px 4px 0 rgba(0, 37, 157, 0.06); color: var(--red); }

.ourWork #TagView { padding-bottom: var(--gap-160); }
#GridHeader .blogmain-header #headline h1 { font-size: var(--fs-108); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-108); color: var(--black); text-align: center; }
#GridHeader .blogmain-header #headline h1 span { color: var(--blue); }
#GridHeader .blogmain-header #text1 { max-width: var(--gap-800); }
#GridHeader .blogmain-header #text1 p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-135percent); letter-spacing: normal; color: var(--gray-text); text-align: center; margin: 0; }

.ourWork #TagView .blog-posts { display: flex; gap: var(--gap-12); justify-content: center; row-gap: var(--gap-48); padding-inline: var(--gap-120); }
.ourWork #TagView .blog-posts .blog-post { display: flex; flex-direction: column; width: calc(25% - 16px); padding: 0; }
.ourWork #TagView .blog-posts .blog-post .blog-post-image { height: var(--gap-264); border-radius: var(--gap-6); overflow: hidden; }
.ourWork #TagView .blog-posts .blog-post .blog-post-image a { display: block; height: 100%; }
.ourWork #TagView .blog-posts .blog-post .blog-post-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease all; }
.ourWork #TagView .blog-posts .blog-post .blog-post-content { display: flex; flex-direction: column; gap: var(--gap-8); padding-top: var(--gap-16); }
.ourWork #TagView .blog-posts .blog-post .blog-post-content .blog-post-icons { display: flex; align-items: center; gap: var(--gap-8); margin: 0; }
.ourWork #TagView .blog-posts .blog-post .blog-post-content .blog-post-icons i { display: none; }
.ourWork #TagView .blog-posts .blog-post .blog-post-content .blog-post-icons .blog-post-writer::after { content: "·"; margin-inline-start: var(--gap-8); }
.ourWork #TagView .blog-posts .blog-post .blog-post-content h2.blog-post-title { margin: 0 25% 0 0; font-size: var(--fs-17); line-height: var(--lh-140percent); }
.ourWork #TagView .blog-posts .blog-post .blog-post-content h2.blog-post-title a { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; text-decoration: none; }
.ourWork #TagView .blog-posts .blog-post .blog-post-content .blog-post-icons :is(.blog-post-writer, .blog-post-date) { font-size: clamp(9px,var(--fs-13),300px); font-family: var(--font-2); line-height: var(--lh-130percent); letter-spacing: var(--ls-13); color: var(--red); text-align: left; }

@media(min-width:1025px) {
    .ourWork #TagView .blog-posts .blog-post { width: auto; }
    .ourWork #TagView .blog-posts .blog-post .blog-post-image:hover img { transform: scale(1.05); }
}


@media(max-width:1024px) {
    .ourWork #GridHeader .blogmain-header { padding: calc(var(--gap-180) + var(--headerHeight)) 20px var(--gap-32) 20px; gap: var(--gap-32); }
    .ourWork #GridHeader .blogmain-header #subheadline h2 { max-width: none; font-size: var(--fs-17); }
    .ourWork #GridHeader .blog-tags { padding-inline: 20px; overflow: scroll; }
    .ourWork #GridHeader .blog-tags .blog-tags-list { margin: 28px 0; }
    .ourWork #GridHeader .blog-tags .blog-tags-list ul li a { padding: 10px 12px; font-size: 16px; line-height: 1.3; letter-spacing: -0.16px; }

    .ourWork #TagView .blog-posts .blog-post { width: auto; border: 1px solid var(--stroke); border-radius: 12px; box-shadow: 0 5px 20px -5px rgba(4, 0, 107, 0.06), 0 1px 6px 0 rgba(4, 0, 107, 0.05); background: var(--white); overflow: hidden; }
    .ourWork #TagView .blog-posts .blog-post .blog-post-image { height: 218px; margin: 6px 6px 0; border-radius: 6px; }
    .ourWork #TagView .blog-posts .blog-post .blog-post-content { padding: 12px 16px 16px; gap: 8px; }
    .ourWork #TagView .blog-posts .blog-post .blog-post-content .blog-post-icons { gap: 8px; }
    .ourWork #TagView.blog-posts .blog-post .blog-post-content .blog-post-icons .blog-post-writer::after { margin-inline-start: 8px; }
    .ourWork #TagView .blog-posts .blog-post .blog-post-content .blog-post-icons :is(.blog-post-writer, .blog-post-date) { font-size: 11px; line-height: 1.3; letter-spacing: 0.55px; text-transform: uppercase; }
    .ourWork #TagView .blog-posts .blog-post .blog-post-content h2.blog-post-title a { font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; color: var(--black); }
}

/*------------------------------------------/*
 TAKE ACTION
/*------------------------------------------*/

.takeAction #lobbyview { display: none !important; }
.takeAction .takeActionOpening { clear: both; }
.takeAction .takeActionOpening .grid-rows .grid-row { display: flex; flex-direction: row-reverse; align-items: center; direction: ltr; }
.takeAction .takeActionOpening .grid-row-cell.grid-row-cell-text { order: 1; flex: 1 1 50%; display: flex !important; flex-direction: column; justify-content: center; padding-inline: var(--gap-160); padding-block: var(--gap-120); }
.takeAction .takeActionOpening .grid-row-cell.flexslider-box { order: 2; flex: 1 1 50%; padding-right: 0px; padding-left: 0px; }
.takeAction .takeActionOpening .grid-row-cell.flexslider-box .grid-row-image-container, .takeAction .takeActionOpening .grid-row-cell.flexslider-box .box-image-animation { display: block; }
.takeAction .takeActionOpening .grid-row-cell.flexslider-box img { width: 100%; height: auto; display: block; }
.takeAction .takeActionOpening .grid-row-text { display: flex; flex-direction: column; align-items: center; gap: var(--gap-12); direction: ltr !important; text-align: center; }
.takeAction .takeActionOpening .grid-row-text h2 { margin-bottom: var(--gap-20); font-size: var(--fs-108); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-108); color: var(--black); text-align: center; }
.takeAction .takeActionOpening .grid-row-text h2 span { color: var(--blue); }
.takeAction .takeActionOpening .grid-row-text h3 { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: center; }
.takeAction .takeActionOpening .grid-row-text p { font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.takeAction .takeActionOpening .grid-row-text p:empty { display: none; }
.takeAction .takeActionOpening .grid-row-text .grid-row-button { margin-top: var(--gap-20); position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); background: var(--blue); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; text-decoration: none; width: fit-content; }
.takeAction .takeActionOpening .grid-row-text .grid-row-button::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.takeAction .takeActionOpening .grid-row-text .grid-row-button::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }

.takeAction .takeActionSupport { clear: both; background: var(--greynew); padding: var(--gap-120) var(--gap-346) var(--gap-120) var(--gap-264); display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--gap-120); }
.takeAction .takeActionSupport .moreText { width: calc(40% - var(--gap-60)); background: var(--white); border: 1px solid var(--stroke); border-radius: 6px; box-shadow: 0 12px 22.6px -5px rgba(0, 37, 157, 0.12); overflow: hidden; }
.takeAction .takeActionSupport .moreText iframe { width: 100%; border: 0; display: block; }
.takeAction .takeActionSupport .grid-text { width: calc(60% - var(--gap-60)); margin: 0; color: var(--gray-text); }
.takeAction .takeActionSupport .section-title { margin: 0; }
.takeAction .takeActionSupport .section-title h2 { font-size: var(--fs-56); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-56); color: var(--black); text-align: start; padding-bottom: var(--gap-40); }
.takeAction .takeActionSupport .grid-text-content h3 { font-size: var(--fs-19); margin: var(--gap-32) 0; color: var(--black); }
.takeAction .takeActionSupport .grid-text-content ul { list-style: none; margin: var(--gap-20) 0; padding: 0; display: flex; flex-direction: column; gap: var(--gap-2); }
.takeAction .takeActionSupport .grid-text-content ul li { display: flex; gap: var(--gap-16); font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: start; }
.takeAction .takeActionSupport .grid-text-content ul li::before { content: ""; width: var(--gap-10); aspect-ratio: 10/7.71; background: url('https://media.getmood.io/warehouse/dynamic/790047.svg') no-repeat; background-size: contain; background-position: 0 var(--gap-8); flex-shrink: 0; }
.takeAction .takeActionSupport .grid-text-content a { display: flex; gap: var(--gap-8); color: var(--black); font-weight: 500; }
.takeAction .takeActionSupport .grid-text-content a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787306.svg') center / contain no-repeat; flex-shrink: 0; }

.takeAction .takeActionSupport .grid-text-buttons { display: flex; flex-wrap: wrap; gap: var(--gap-12); }
.takeAction .takeActionSupport .grid-text-buttons p { margin: 0; }
.takeAction .takeActionSupport .grid-text-buttons p a { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); text-align: center; text-decoration: none; }
.takeAction .takeActionSupport .grid-text-buttons p a::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }
.takeAction .takeActionSupport .grid-text-buttons p:first-child a { background: var(--blue); color: var(--white); }
.takeAction .takeActionSupport .grid-text-buttons p:first-child a::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.takeAction .takeActionSupport .grid-text-buttons p:nth-child(2) a { background: var(--white); color: var(--black); box-shadow: 0 1px 4px 0 rgba(0, 37, 157, 0.06), 0 5px 15px -5px rgba(0, 37, 157, 0.06); }
.takeAction .takeActionSupport .grid-text-buttons p:nth-child(2) a:hover { color: var(--white); }

.takeAction .gallery-container { clear: both; }
.takeAction .gallery-container .gallery-cubes { display: flex; flex-flow: wrap; gap: 1px; }
.takeAction .gallery-container .gallery-cubes > div { width: calc(20% - 2px); padding-right: 0px; padding-left: 0px; }
.takeAction .gallery-container .gallery-cubes .boxes-images-outer-image { border-radius: 0 !important; width: 100%; height: auto; aspect-ratio: 1 !important; }

.takeAction .takeActionUnique { clear: both; }
.takeAction .takeActionUnique .section-title { margin: 0 var(--gap-120); padding: var(--gap-96) 0 var(--gap-40) 0; }
.takeAction .takeActionUnique .section-title h2 { font-size: var(--fs-80); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-80); color: var(--black); text-align: center; }
.takeAction .takeActionUnique .section-topText p { max-width: var(--gap-640); margin: 0 auto; padding: 0 0 var(--gap-40) 0; font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }
.takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-title h3 { text-align: center; }
.takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: center; }
.takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: center; }
.takeAction .takeActionUnique .grid-boxes { padding-inline: var(--gap-120) !important; gap: var(--gap-36); justify-content: center; }
.takeAction .takeActionUnique .grid-boxes .grid-box { flex: 1 1 0; width: auto; display: flex; flex-direction: column; align-items: center; gap: var(--gap-24); padding-inline: var(--gap-32); padding-bottom: var(--gap-120); }
.takeAction .takeActionUnique .grid-boxes .grid-box :is(.grid-box-title, .grid-box-fulltext) { margin: 0; padding: 0; }
.takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-image { width: var(--gap-36); margin-inline: auto; }
.takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-image img { width: 100%; height: auto; display: block; }
.takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-fulltext p { margin: 0; }
.takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-fulltext p:not(:first-child) { display: none; }



@media(min-width:1025px) {
    .takeAction .takeActionOpening .grid-row-text .grid-row-button:hover::after { transform: none; }
    .takeAction .takeActionSupport .grid-text-buttons p a:hover::after { transform: none; }
}


@media(max-width:1024px) {
    .takeAction .takeActionUnique { padding: 48px 20px !important; }
    .takeAction .takeActionUnique .section-title { margin: 0 0 10px; padding: 0; }
    .takeAction .takeActionUnique .section-title h2 { font-size: var(--fs-32); font-family: var(--font-3); line-height: 1; letter-spacing: -0.32px; text-align: center; }
    .takeAction .takeActionUnique .section-topText p { max-width: none; padding: 0 0 48px; font-size: var(--fs-17); font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.34px; text-align: center; }
    .takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-title h3 a { font-size: var(--fs-17); font-family: var(--font-3); line-height: 1.1; letter-spacing: -0.17px; text-align: center; }
    .takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-fulltext p { font-size: var(--fs-17); font-family: var(--font-1); line-height: 1.35; letter-spacing: -0.34px; text-align: center; }
    .takeAction .takeActionUnique .howworks-swiper { position: relative; overflow: hidden; width: 100%; padding-bottom: 56px; }
    .takeAction .takeActionUnique .grid-boxes { flex-wrap: nowrap; overflow: visible; gap: 0; padding-inline: 0 !important; width: fit-content; border-block: none; }
    .takeAction .takeActionUnique .grid-boxes .grid-box { flex: none; width: 100%; border-inline-start: none; padding-inline: 0; padding-top: 8px; padding-bottom: 0; gap: 8px; height: auto; }
    .takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-title h3 a { display: block; }
    .takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-image { width: auto; }
    .takeAction .takeActionUnique .grid-boxes .grid-box .grid-box-image img { width: 36px; height: 36px; margin-bottom: 16px; }
    .takeAction .takeActionUnique .howworks-swiper .swiper-pagination { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; line-height: 0; }
    .takeAction .takeActionUnique .howworks-swiper .swiper-pagination span.swiper-pagination-bullet { width: 8px; height: 8px; margin: 0; border: none; border-radius: 50%; background: var(--stroke) !important; opacity: 1; transition: 0.3s ease all; }
    .takeAction .takeActionUnique .howworks-swiper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; background: var(--red) !important; }
    .takeAction .takeActionUnique .grid-boxes::-webkit-scrollbar { display: none; }

    .takeAction .takeActionOpening .grid-rows .grid-row { flex-direction: column; align-items: stretch; }
    .takeAction .takeActionOpening .grid-row-cell.grid-row-cell-text { order: 1; flex: none; width: 100%; padding: calc(var(--gap-140) + var(--headerHeight)) 20px 48px 20px;; }
    .takeAction .takeActionOpening .grid-row-cell.flexslider-box { order: 2; flex: none; width: 100%; }
    .takeAction .takeActionOpening .grid-row-text { align-items: flex-start; text-align: left; gap: 16px; }
    .takeAction .takeActionOpening .grid-row-text h2 { margin-bottom: 0; font-size: var(--fs-56); letter-spacing: -1.68px; line-height: 100%; text-align: left; }
    .takeAction .takeActionOpening .grid-row-text h3 { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: -0.34px; text-align: left; }
    .takeAction .takeActionOpening .grid-row-text p { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: -0.34px; text-align: left; }
    .takeAction .takeActionOpening .grid-row-text .grid-row-button { gap: 8px; }
    .takeAction .takeActionOpening .grid-row-text .grid-row-button { margin-top: 9px; padding: 15px 24px 15px 16px; font-size: var(--fs-15); line-height: var(--lh-125percent); letter-spacing: -0.15px; }
    .takeAction .takeActionOpening .grid-row-text .grid-row-button::before { width: var(--gap-56); }

    .takeAction .takeActionSupport { flex-direction: column; align-items: center; padding: 0; gap: 0; }
    .takeAction .takeActionSupport .moreText { width: 335px; margin-top: 48px; }
    .takeAction .takeActionSupport .grid-text { width: 100%; padding: 48px 20px; gap: 16px; }
    .takeAction .takeActionSupport .section-title h2 { font-size: var(--fs-32); letter-spacing: -0.32px; line-height: var(--lh-100percent); }
    .takeAction .takeActionSupport .grid-text-content { gap: 16px; }
    .takeAction .takeActionSupport .grid-text-content p { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: -0.34px; }
    .takeAction .takeActionSupport .grid-text-content ul li { font-size: var(--fs-17); line-height: var(--lh-135percent); letter-spacing: -0.34px; }
    .takeAction .takeActionSupport .grid-text-content ul li::before { width: var(--gap-32); background-position: 0 var(--gap-24); }
    .takeAction .takeActionSupport .grid-text-content a { gap: var(--gap-16); }
    .takeAction .takeActionSupport .grid-text-content a::before { width: var(--gap-32); }
    .takeAction .takeActionSupport .grid-text-buttons { flex-direction: column; gap: 8px; }
    .takeAction .takeActionSupport .grid-text-buttons p { width: 100%; }
    .takeAction .takeActionSupport .grid-text-buttons p a { width: 100%; padding: 15px 24px 15px 16px; font-size: 15px; line-height: var(--lh-125percent); letter-spacing: -0.15px; }

    .takeAction .takeActionGallery { padding: 48px 0 0; }
    .takeAction .takeActionGallery .gallery-container .gallery-cubes { flex-flow: row nowrap; gap: 20px; padding-inline: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; }
    .takeAction .takeActionGallery .gallery-container .gallery-cubes::-webkit-scrollbar { display: none; }
    .takeAction .takeActionGallery .gallery-container .gallery-cubes > div { flex: 0 0 100%; width: 100%; scroll-snap-align: start; }
    .takeAction .takeActionGallery .gallery-container .gallery-cubes .boxes-images-outer-image { height: 335px; aspect-ratio: auto !important; border-radius: 6px !important; }
    .takeAction .takeActionGalleryDots { display: flex; justify-content: center; gap: 8px; padding: 20px 0 0; }
    .takeAction .takeActionGalleryDots span { width: 8px; height: 8px; border-radius: 50%; background: var(--stroke); transition: 0.3s ease all; }
    .takeAction .takeActionGalleryDots span.active { background: var(--red); }
}

/*------------------------------------------/*
 CONTACT
/*------------------------------------------*/

.contact #lobbyview { display: none !important; }
.contact .grid-form-section .gridFormImgContainer { position: sticky; top: 0; max-height: 100vh; }

/*------------------------------------------/*
 GRID FORM SECTION
/*------------------------------------------*/

.grid-form-section { border-top: 1px solid var(--stroke); }
.grid-form-section .form-container-wide.gridFormWithImg { display: flex; align-items: stretch; }
.grid-form-section .gridFormImgContainer { flex: 1 1 50%; align-self: stretch; overflow: hidden; }
.grid-form-section .gridFormImgContainer img { width: 100%; height: 100%; object-fit: cover; display: block; }

.grid-form-section #DynamicFormObject { flex: 1 1 50%; display: flex; flex-direction: column; align-items: center; gap: var(--gap-32); padding: calc(var(--headerHeight) + var(--gap-120)) 0 var(--gap-120) 0; background: var(--bg); border: none; }
.grid-form-section #DynamicFormObject::after { display: none; }
.grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText { order: 1; padding: 0; width: 100%; }
.grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; }
.grid-form-section #DynamicFormObject .dynamicFormEndText { order: 2; display: flex; flex-direction: column; align-items: center; gap: var(--gap-8); width: 100%; }
.grid-form-section #DynamicFormObject .dynamicFormObjectFields { order: 3; }

.grid-form-section .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-108); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-108); color: var(--black); text-align: center; }
.grid-form-section .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle span { color: var(--blue); }

.grid-form-section .dynamicFormEndText ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--gap-4); list-style: none; margin: 0; padding: 0; }
.grid-form-section .dynamicFormEndText ul li { font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); }
.grid-form-section .dynamicFormEndText ul li:not(:last-child)::after { content: "·"; margin-inline-start: var(--gap-4); }
.grid-form-section .dynamicFormEndText ul li a { color: inherit; text-decoration: none; }
.grid-form-section .dynamicFormEndText p { max-width: var(--gap-580); margin: 0; font-size: var(--fs-19); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--gray-text); text-align: center; }

.grid-form-section .dynamicFormObjectFields { width: var(--gap-600); max-width: 100%; margin: 0; padding: var(--gap-64) var(--gap-80); display: flex; flex-direction: column; gap: var(--gap-32); background: var(--white); border: 1px solid var(--stroke); border-radius: 8px; box-shadow: 0 5px 15px -5px rgba(0, 37, 157, 0.06), 0 1px 4px 0 rgba(0, 37, 157, 0.06); }
.grid-form-section .dynamicFormObjectFields .top-form { margin: 0; font-size: var(--fs-19); font-family: var(--font-2); line-height: var(--lh-140percent); letter-spacing: var(--ls-19); color: var(--black); text-align: center; }
.grid-form-section .dynamicFormObjectFields .top-form:not(:has(*)) { display: none; }
.grid-form-section .dynamicFormObjectFields form { width: 100%; }
.grid-form-section .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; gap: var(--gap-16); border: none; margin: 0; padding: 0; min-width: 0; }
.grid-form-section .dynamicFormObjectFields form fieldset legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.grid-form-section .dynamicFormObjectField { width: 100%; margin: 0; padding: 0; float: none; }

.grid-form-section .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) { position: relative; display: flex; padding: var(--gap-14) var(--gap-12); background: var(--white); border: 1px solid var(--fieldstrokes); border-radius: 2px; }
.grid-form-section .dynamicFormObjectField .textarea-wrapper { padding: var(--gap-12) var(--gap-16); }
.grid-form-section .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select) { width: 100%; margin: 0; padding: 0; border: none; border-radius: 0; background: none; box-shadow: none; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--gray-text); text-align: start; }
.grid-form-section .dynamicFormObjectField :is(input, textarea, select):focus { box-shadow: none; outline: none; }
.grid-form-section .dynamicFormObjectField :is(input, textarea)::placeholder { color: rgba(64, 66, 89, 0.6); }
.grid-form-section .dynamicFormObjectField textarea { height: var(--gap-120); resize: none; }
.grid-form-section .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper).must::after { content: "*"; position: absolute; top: var(--gap-14); inset-inline-end: var(--gap-12); color: var(--red); font-size: var(--fs-17); line-height: var(--lh-140percent); pointer-events: none; }
.grid-form-section .dynamicFormObjectField .select-wrapper.must::after { inset-inline-end: var(--gap-32); }
.grid-form-section .dynamicFormObjectField .select-wrapper select { appearance: none; -webkit-appearance: none; padding-inline-end: var(--gap-20); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23404259' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center; cursor: pointer; }

.grid-form-section .dynamicFormObjectField.checkboxField { display: flex; align-items: flex-start; gap: var(--gap-10); }
.grid-form-section .dynamicFormObjectField.checkboxField input[type="checkbox"] { appearance: none; -webkit-appearance: none; flex-shrink: 0; width: var(--gap-20); height: var(--gap-20); margin: 0; border: 2px solid rgba(93, 96, 107, 0.5); border-radius: 3px; background: var(--white); cursor: pointer; transition: 0.3s ease all; }
.grid-form-section .dynamicFormObjectField.checkboxField input[type="checkbox"]:checked { border-color: var(--blue); background: var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5L4.5 8.5L11 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }
.grid-form-section .dynamicFormObjectField.checkboxField label { margin: 0; font-size: var(--fs-15); font-family: var(--font-1); line-height: var(--lh-130percent); letter-spacing: var(--ls-15); color: rgba(93, 96, 107, 0.7); font-weight: unset; }

.grid-form-section .dynamicFormObjectSubmit { width: 100%; margin-top: var(--gap-4); padding: 0; float: none; display: flex; align-items: center; gap: var(--gap-10); }
.grid-form-section .dynamicFormObjectSubmit .form-submit { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); width: var(--gap-144); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); border: none; border-radius: 65px; background: var(--blue); transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; }
.grid-form-section .dynamicFormObjectSubmit .form-submit::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.grid-form-section .dynamicFormObjectSubmit .form-submit::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }
.grid-form-section .dynamicFormObjectSubmit .spinner { display: flex; align-items: center; }

@media(min-width:1025px) {
    .grid-form-section .dynamicFormObjectSubmit .form-submit:hover::after { transform: none; }
}

@media(max-width:1024px) {

    .grid-form-section .form-container-wide.gridFormWithImg { flex-direction: column; }
    .grid-form-section .gridFormImgContainer { display: none; }
    .grid-form-section #DynamicFormObject { padding: calc(var(--gap-140) + var(--headerHeight)) 20px 48px 20px; gap: 16px; }
    .grid-form-section #DynamicFormObject .dynamicFormEndText { gap: 15px; padding-bottom: var(--gap-120); }
    .grid-form-section .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: var(--fs-56); letter-spacing: -1.68px; line-height: 100%; }
    .grid-form-section .dynamicFormEndText ul { gap: 0 4px; }
    .grid-form-section .dynamicFormEndText ul li { font-size: 17px; letter-spacing: -0.34px; }
    .grid-form-section .dynamicFormEndText ul li:not(:last-child)::after { margin-inline-start: 4px; }
    .grid-form-section .dynamicFormEndText p { font-size: 17px; letter-spacing: -0.34px; line-height: 135%; max-width: none; }
    .grid-form-section .dynamicFormObjectFields { width: 100%; padding: 24px; gap: 20px; border-radius: 12px; box-shadow: 0 5px 20px -5px rgba(4, 0, 107, 0.06), 0 1px 6px 0 rgba(4, 0, 107, 0.05); }
    .grid-form-section .dynamicFormObjectFields .top-form { font-size: 17px; letter-spacing: -0.476px; line-height: 135%; }
    .grid-form-section .dynamicFormObjectFields form fieldset { gap: 16px; }
    .grid-form-section .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select) { font-size: 17px; letter-spacing: -0.34px; }
    .grid-form-section .dynamicFormObjectField.checkboxField { gap: var(--gap-30); }
    .grid-form-section .dynamicFormObjectField.checkboxField input[type="checkbox"] { width: 24px; height: 24px; }
    .grid-form-section .dynamicFormObjectField.checkboxField label { font-size: 15px; letter-spacing: -0.15px; line-height: 125%; color: var(--fghjh); }
    .grid-form-section .dynamicFormObjectSubmit .form-submit { width: 100%; padding: 15px 24px 15px 16px; gap: 8px; font-size: 15px; letter-spacing: -0.15px; }
    .grid-form-section .dynamicFormObjectSubmit .form-submit::before { width: var(--gap-80); }
}

/*------------------------------------------/*
 TEXT PAGE
/*------------------------------------------*/

.textPage #text1, #text2 { text-align: left !important; }
.textPage #text1 p { margin-bottom: 12px; }

.textPage #text1 p:has(a.tiny-btn) { text-align: center; }
.textPage #text1 p a.tiny-btn { position: relative; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: var(--gap-10); padding: var(--gap-14) var(--gap-32) var(--gap-14) var(--gap-20); background: var(--blue); border-radius: 65px; transition: 0.3s ease all; font-size: var(--fs-17); font-family: var(--font-1); line-height: var(--lh-140percent); letter-spacing: var(--ls-17); color: var(--white); text-align: center; text-decoration: none; width: fit-content; border: 0; }
.textPage #text1 p a.tiny-btn::before { content: ""; width: var(--gap-14); aspect-ratio: 14/12; background: url('https://media.getmood.io/warehouse/dynamic/787307.svg') center / contain no-repeat; flex-shrink: 0; }
.textPage #text1 p a.tiny-btn::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--red); border-radius: 65px; transform: translateX(-101%); transition: 0.3s ease all; }

.textPage #text1 h2 { margin-bottom: 12px; font-size: var(--fs-40); }
.textPage #text2 p { margin-bottom: 12px; }
.textPage #text2 h2 { margin-bottom: 12px; font-size: var(--fs-40); }
.textPage #ContentRegularModule { text-align: right !important; max-width: var(--gap-800); margin: 0 auto; }
.textPage #SiteGridContainer { display: flex; align-items: center; }
.textPage #SiteGrid { width: 100%; }
.textPage #GridContent { padding-top: calc(var(--headerHeight) + var(--gap-120)); padding-bottom: var(--gap-160); padding-inline: 10.5208vw; }
.textPage #GridContent h1 { font-size: var(--fs-108); font-family: var(--font-3); line-height: var(--lh-100percent); letter-spacing: var(--ls-108); color: var(--black); text-align: center; padding-bottom: var(--gap-40); }
.textPage #GridContent h1 span { color: var(--blue); }
.textPage #subheadline h2 { font-family: var(--font-1) !important; font-size: var(--fs-18) !important; font-weight: bold; margin-bottom: 1.4%; text-align: center; }
.textPage :is(#text1, #text2) * { color: var(--gray-text); line-height: 1.4; font-size: var(--fs-19); font-family: var(--font-1); }
.textPage :is(#text1, #text2) :is(h2,h3,h4,h5,h6) { color: var(--black) !important; font-family: var(--font-2); }

@media(max-width: 1024px) {
    .textPage #ContentRegularModule { max-width: none; }
    .textPage #GridContent { padding: 100px 24px; }
    .textPage #GridContent h1 { font-size: var(--fs-56); }
    .textPage #text1 h2 { padding-top: 4px; }
    .textPage #text2 { max-width: none; }
    .textPage #text2 h2 { padding-top: 4px; }
    .textPage #headline { margin-bottom: 10px; }
    .textPage #subheadline h2 { margin-bottom: 10px; }
}

/*------------------------------------------/*
 ANIMATIONS
/*------------------------------------------*/
@keyframes pulseWidth {
    0% { transform: scale(1); }
    80% { transform: scale(1.5); }
    100% { transform: scale(1); }
}

@keyframes pulseWidth2 {
    0% { transform: scale(1); }
    20% { transform: scale(1.5); }
    100% { transform: scale(1); }
}

@keyframes scrollText {
    0% { transform: translateX(0); }
    100% { transform: translateX(100%); }
}

iframe#jgive-iframe { border-radius: var(--Radius, 6px); border: 1px solid var(--Stroke, rgba(218, 224, 242, 0.80)); background: var(--WHITE, #FFF); box-shadow: 0 12px 22.6px -5px rgba(0, 37, 157, 0.12); min-height: 75vh; }
.home-page iframe#jgive-iframe { position: absolute; z-index: 3; right: 120px; bottom: 10vh; width: 20.6vw; height: 75vh; }
.page-30197 iframe#jgive-iframe { position: unset; margin: 20vh auto 15vh; border: 1px solid; z-index: 0; width: 20.6vw; height: 75vh }
.page-30197 #SiteContainer #GridContent { display: none; }
.page-30197 { display: flex; flex-direction: column; }


@media(min-width:1025px) and (-webkit-min-device-pixel-ratio: 1.45) {
    .home-page iframe#jgive-ifram, .page-30197 iframe#jgive-ifram {width:30vw}
}
@media(max-width:1024px){
    .cookies-disclaimer { width: calc(100% - 10px); }

    .cookies-disclaimer .disclaimer-wrapper button { width: 100%; height: 42px; }

    .home-page iframe#jgive-iframe { bottom: auto; top: 75%; width: calc(100% - 40px); right: 20px; padding-inline: 20px; height: 250px; min-height: 690px; }

    .page-30197 iframe#jgive-iframe { min-height: 660px; width: 100%; margin-block: var(--headerHeight) 0px; border: 0; }
}