/* prettier-ignore */
@import url('../fonts/fonts.css');
:root {
  --primary:#D7F240;
  --secondary:#98826D;
  --secondaryLight:#E6E2D3;
  --shades01:#FFFFFF;
  --shades02:#000000;
  --primary-rgb:215, 242, 64;
  --secondary-rgb:152, 130, 109;
  --secondaryLight-rgb: 230, 226, 211;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
}

/*
font-family: 'Druk';
font-family: 'TTNormsPro';
*/

/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: 'TTNormsPro'; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 16px; line-height: 1.2; color: var(--shades01); background:var(--shades02);position: relative; z-index: 0; overflow-x: hidden;}
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
*,::after,::before{box-sizing: border-box;}
a {color:var(--shades01); text-decoration: none;transition: all 0.3s ease;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
p { margin: 0 0 0.625rem; }
hr{margin-top: 1.25rem; margin-bottom: 1.25rem; border: 0; border-top: 1px solid var(--c4dee4);}
button{cursor: pointer; font-family: inherit;transition: all 0.3s ease;}
section{position:relative;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
.relative{position: relative;}
.checkbox{position: relative;padding-left: 30px;margin: 3px 0;display: inline-block;}
.checkbox .checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;margin: 0;}
.checkbox .checkbox-label{position: relative;margin: 0;line-height: 20px;font-size: 14px;}
.checkbox .checkbox-label:before{content: '';position: absolute;width: 20px;height: 20px;background: rgba(var(--primary-rgb),0.5);border: 1px solid var(--primary);top: 50%;left: -30px;transform: translateY(-50%);border-radius: 4px;box-shadow: inset rgba(var(--shades02-rgb), 1) 0 0 0 4px; transition:all 0.3s ease}
.checkbox .checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top: 50%;left: -30px;transform: translateY(-50%);font-weight: 600;font-size: 16px;color: var(--color02);text-align: center;color: var(--shades02);border-radius: 4px;opacity: 0; visibility: hidden; transition:all 0.3s ease}
.checkbox .checkbox-input:checked ~ .checkbox-label:after{opacity: 1; visibility: visible;}
.checkbox .checkbox-input:checked ~ .checkbox-label:before{background: var(--primary);border-color: var(--primary); box-shadow: none;}
/* ********|| INITIALIZATION ENDS ||******** */

/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--shades02); color:var(--shades01)}
::-moz-selection{ background-color:var(--shades02); color:var(--shades01)}
::-webkit-selection{ background-color:var(--shades02); color:var(--shades01)}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--shades02) !important;text-shadow: 0 0 0 var(--shades01);}
select:-moz-focusring {color: var(--shades02) !important;text-shadow: 0 0 0 var(--shades01);}
select:focusring {color: var(--shades02) !important; text-shadow: 0 0 0 var(--shades01);}
::input-placeholder{ color:var(--shades02) !important;}
::-moz-input-placeholder{ color:var(--shades02) !important;}
::-webkit-input-placeholder{ color:var(--shades02) !important;}
/* ********|| PSEUDO ELEMENTS ENDS ||******** */

/* ********|| BOOTSTRAP FIX STARTS ||******** */
.container{width:100%;max-width: none; margin-left:auto; margin-right: auto; padding: 0 16px;}
@media (min-width: 576px){
	.container{width:100%;max-width: none; margin-left:auto; margin-right: auto;}
	.modal-dialog{max-width: 1000px;}
	.modal-md{max-width: 600px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
	.container{width:100%;max-width: 740px; margin-left:auto; margin-right: auto;}
}
@media (min-width: 992px){
	.container{width:100%;max-width: 960px; margin-left:auto; margin-right: auto;}
}
@media (min-width: 1200px){
	.container{width:100%;max-width: 1170px; margin-left:auto; margin-right: auto;}
}
@media (min-width: 1400px){
	.container{width:100%;max-width: 1280px; margin-left:auto; margin-right: auto;}
}
@media (min-width: 1600px){
	.container{width:100%;max-width: 1440px; margin-left:auto; margin-right: auto;}
}
@media (min-width: 1900px){
	.container{width:100%;max-width: 1680px; margin-left:auto; margin-right: auto;}
}
/* ********|| BOOTSTRAP FIX ENDS ||******** */

/* ********|| MAIN STRUCTURE START ||******** */
.viewport{width:calc(100% + 1px);;margin: 0 auto; display: flex;;}
.SmoothScroll{position: fixed;left: 50%;transform: translateX(-50%);}
.main{position: relative;width: 100vw;}
.loader{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 11;overflow: hidden; opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center;}
.loader.active{opacity: 1; visibility: visible;}
.loader .loader-inner{width: 100px;aspect-ratio: 1 / 1; position: relative; z-index: 12;}
.loader .loader-logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 12;width: 100px;aspect-ratio: 1 / 1;}
.loader .loader-logo img{width: 100%; height: 100%; object-fit: contain;-webkit-animation: dimmed 2s ease-out;-webkit-animation-iteration-count: 2;transition: all 0.3s ease-in-out;}
.loader .loader-ring{position: absolute; top: 10px; left: 10px; width: 80px; height: 80px; border:var(--shades01) solid; border-width: 50px; border-radius: 50%;box-shadow: var(--shades01) 0 0 10px 2px, inset var(--shades01) 0 0 10px 2px;transform: scale(0.1, 0.1); opacity: 0;}
.loader .loader-ring.active{-webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: 1;}
.loader .keyhole-element{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(var(--size));width: 100%;aspect-ratio: 1 / 1;background-image: url(../images/keyhole.svg);background-repeat: no-repeat;background-position: center;background-size: 101%;box-shadow: var(--shades02) 0 0 0 1000000px;transform-origin: center 50%;}
@-webkit-keyframes pulsate {
	0% {transform:scale(0.1, 0.1); opacity: 0.0;border-width: 50px;}
	50% {opacity: 0.5;}
	100% {transform:scale(3,3); opacity: 0.0;border-width: 1px;}
}
@-webkit-keyframes dimmed {
	0% {transform:scale(1,1); opacity: 1;}
	50% {transform: scale(1.1, 1.1);opacity: 0.5;}
	100% {transform:scale(1,1); opacity: 1;}
}
/* ********|| MAIN STRUCTURE ENDS ||******** */

/* ********|| HEADER START ||******** */
header{position: fixed;top: 0;left: 0;width: 100%;height: 80px;z-index: 9;background-color: var(--shades02);display: flex;align-items: center;transition: all 0.3s ease; transform: translateY(-100%);}
header.visible{position: absolute;transform: translateY(0%);}
header .container{display: flex; justify-content: space-between;align-items: center;}
header .brand{position: relative; height: 28px;}
header .brand .logo{display: flex; width: 100%; height: 100%;}
header .brand .logo img{width: 100%;height: 100%;object-fit: contain;object-position: left;}
header .header-options{position: relative; display: flex; align-items: center; justify-content: flex-end; margin-left: auto; gap: 20px;}
header .stores{display: flex;align-items: center;gap: 10px;}
header .stores .store{display: flex; height: 40px;}
header .stores .store img{width: 100%;height: 100%;object-fit: contain;}
header .btn-action{display: flex;align-items: center;justify-content: center;height: 52px;background-color: var(--primary); border:2px solid var(--primary); color: var(--shades02);font-size: 18px;font-weight: 500;text-transform: uppercase;padding: 0 24px;border-radius: 6px;line-height: 1;}
/* header .btn-action:hover{box-shadow: 0 0 5px rgba(var(--primary-rgb),0.5), 0 0 20px rgba(var(--primary-rgb),0.5), 0 0 40px rgba(var(--primary-rgb),0.5), 0 0 20px rgba(var(--primary-rgb),0.5); background-color: rgba(var(--primary-rgb), 0.95);} */
header .btn-action:hover{background-color: var(--shades01);border-color: var(--shades01);}
body.scroll-down header{transform: translateY(0%)}
/* ********|| HEADER ENDS ||******** */


/* ********|| BANNER START ||******** */
.section-banner{position: relative; padding: 80px 0; z-index: 0; aspect-ratio: 144/175;background-color: var(--shades02);}
.section-banner .banner-image{position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.section-banner .banner-image:after{content:'';position: absolute;bottom: 0; left: 0; width: 100%; height: 60vh; z-index:1; background: linear-gradient(to top, var(--shades02), transparent);}
.section-banner .banner-image img{width: 100%; height: 100%; object-fit: cover; object-position: top;}
.section-banner .banner-content{position: relative;}
.section-banner .banner-content .brand{position: relative; height: 28px;margin: 0 auto; max-width: 260px;transform: translateY(80px); opacity: 0;}
.section-banner .banner-content .brand .logo{display: flex; width: 100%; height: 100%; }
.section-banner .banner-content .brand .logo img{width: 100%;height: 100%;object-fit: contain;}
.section-banner .banner-content .banner-title{display: flex;justify-content: center;margin: 0 auto; padding: 50px 0;transform: translateY(80px); opacity: 0;}
.section-banner .banner-content .banner-title .title{font-family: 'Druk';font-weight: 500;margin: 0;font-size: 170px;text-transform: uppercase;color: var(--shades01);/*max-width: 720px;*/ max-width: 800px; text-align: center;line-height: 1;letter-spacing: 2px; }
.section-banner .banner-content .banner-actions{display: flex; justify-content: center; transform: translateY(80px); opacity: 0;}
.section-banner .banner-content .btn-action{display: flex;align-items: center;justify-content: center;height: 52px;background-color: var(--primary); border:2px solid var(--primary); color: var(--shades02);font-size: 18px;font-weight: 500;text-transform: uppercase;padding: 0 24px;border-radius: 6px;line-height: 1;}
/* .section-banner .banner-content .btn-action:hover{box-shadow: 0 0 5px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5), 0 0 40px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5); background-color: rgba(var(--primary-rgb), 0.95);} */
.section-banner .banner-content .btn-action:hover{background-color: var(--shades01);border-color: var(--shades01);}

/* -------- Banner Elements -------- */
.section-banner .banner-elements{position: absolute;z-index: -1;bottom: 0;left: 0;width: 100%;height: 100%;}
.section-banner .banner-elements.inactive{opacity: 0; visibility: hidden;}
.section-banner .banner-elements .element{position: absolute;z-index: 1;}
.section-banner .banner-elements .element .element-scale{position: absolute;bottom: 0;left: 4px;height: 0;border-left: 2px solid var(--shades01); z-index: 1;}
.section-banner .banner-elements .element .element-image{width: 100px; height: 100px; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%;position: absolute;top: -50px;left: -50px; border:4px solid var(--shades01);}
.section-banner .banner-elements .element .element-image img{width: 100%; height: 100%; object-fit: cover;}
.section-banner .banner-elements .element .element-image.sm{width: 60px; height: 60px; aspect-ratio: 1/1;top: -30px;left:-30px;}
.section-banner .banner-elements .element .element-card{width: 340px; aspect-ratio: 85/32; overflow: hidden; position: absolute;top: -65px;left: -170px;border-radius: 16px;}
.section-banner .banner-elements .element .element-card img{width: 100%; height: 100%; object-fit: cover;}
.section-banner .banner-elements .element .element-card.sm{width: 260px; aspect-ratio: 13/4;top: -40px;left:-130px;border-radius: 8px;}
.section-banner .banner-elements .element .element-point{width: 10px; aspect-ratio: 1/1; background-color: var(--shades01); border-radius: 50%;}
.section-banner .banner-elements .element-01{bottom: 58%; left: 8%;}
.section-banner .banner-elements .element-02{bottom: 42%; left: 14%;}
.section-banner .banner-elements .element-03{bottom: 24%; right: 40%;}
.section-banner .banner-elements .element-04{bottom: 16%; right: 12%;}
.section-banner .banner-elements .element-05{bottom: 30%; left: 34%}
.section-banner .banner-elements .element-06{bottom: 47%; right: 41%;}
.section-banner .banner-elements .element-07{bottom: 47%; right: 15%;}
/* ********|| BANNER ENDS ||******** */

/* ********|| SERVICES START ||******** */
.section-service{position: relative; padding: 80px 0;background-color: var(--shades02);}
.section-service .section-title{position: relative; text-align: center;}
.section-service .section-title .title{font-family: 'Druk';font-weight: 500;margin: 0 auto;font-size: 120px;text-transform: uppercase;color: var(--shades01);max-width: 1080px;text-align: center;line-height: 1;letter-spacing: 1px;}
.section-service .section-title .subtitle{font-size: 18px;color: var(--shades01);}
.section-service .services{display: flex;align-items: center;justify-content: center;margin: 80px 0 12px;}
.section-service .services span{ position: relative; font-size: 18px;display: inline-flex;color: var(--primary);text-transform: uppercase;padding: 0 16px;}
.section-service .services span+span:before{content:''; position: absolute;width: 4px;aspect-ratio: 1 / 1;background-color: var(--primary);border-radius: 50%;bottom: 3px;left: -2px;}
.section-service .service-content{position: relative;margin: 100px 0 0;padding: 0 0 280px;z-index: 0;}
.section-service .service-content .service-image{position: relative;width: 100%;aspect-ratio: 5 / 3;overflow: hidden;border-radius: 16px;}
.section-service .service-content .service-image img{width: 100%; height: 100%; object-fit: cover;}

/* -------- Service Elements -------- */
.section-service .service-elements{position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 100%;}
.section-service .service-elements .element{position: absolute;z-index: 1;}
.section-service .service-elements .element .element-responsive{display: none;}
.section-service .service-elements .element .element-scale{position: absolute;bottom: 0;left: 4px;height: 0;border-left: 2px solid var(--shades01); z-index: 1;}
.section-service .service-elements .element .element-image{width: 420px; aspect-ratio:21/13; overflow: hidden; border-radius: 36px;position: absolute;bottom: 0; left: -210px;}
.section-service .service-elements .element .element-image img{width: 100%; height: 100%; object-fit: cover;}
.section-service .service-elements .element .element-card{width: 340px; aspect-ratio: 85/32; overflow: hidden; position: absolute;top: -65px;left: -170px;border-radius: 16px;}
.section-service .service-elements .element .element-card img{width: 100%; height: 100%; object-fit: cover;}
.section-service .service-elements .element .element-point{width: 10px; aspect-ratio: 1/1; background-color: var(--shades01); border-radius: 50%;}
.section-service .service-elements .element-01{bottom: 10%; left: 16%;}
.section-service .service-elements .element-02{bottom: 48%; right: 16%;}
.section-service .service-elements .element-03{bottom: 0; left: 50%;}
.section-service .service-elements .element-03 .element-image{width: 375px;aspect-ratio: 375/812;top: auto; bottom: 0;left: -187.5px;}
/* ********|| SERVICES ENDS ||******** */

/* ********|| SECTION COMMON START ||******** */
.section .section-count{display: flex;align-items: center; gap: 8px;margin: 0 0 10px;}
.section .section-count .section-count-value{display: flex;align-items: center;justify-content: center;width: 24px;aspect-ratio: 1 / 1;background-color: var(--secondaryLight);color: var(--shades02);border-radius: 50%;font-size: 14px;font-weight: 500;}
.section .section-count .section-count-label{font-size: 20px;text-transform: uppercase;color: var(--secondaryLight);line-height: 1;display: inline-flex;}
.section .section-title{position: relative;margin: 0 0 40px;}
.section .section-title .title{font-family: 'Druk';font-weight: 500;margin: 0;font-size: 120px;text-transform: uppercase;color: var(--shades01);line-height: 1;letter-spacing: 1px;}
.section .section-description{font-size: 20px;line-height: 1.4;font-weight: 400;}
.section .section-action{display: flex;align-items: center;margin: 30px 0 0;}
.section .section-action .btn-action{display: flex; align-items: center; justify-content: center; height: 52px; background-color: transparent; border: 1px solid var(--shades01); color: var(--shades01); padding: 0 24px; border-radius: 6px; line-height: 1; gap: 8px;}
.section .section-action .btn-action i{font-size: 24px;}
.section .section-action .btn-action span{font-size: 16px; font-weight: 500; text-transform: uppercase;}
/* .section .section-action .btn-action:hover{box-shadow: 0 0 5px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5), 0 0 40px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5);background-color: rgba(var(--primary-rgb), 0.95); border-color: var(--primary); color: var(--shades02);} */
.section .section-action .btn-action:hover{background-color: var(--shades01);border-color: var(--shades01);color: var(--shades02);}
.section .section-action .btn-action:hover i{font-weight: 600;}
/* ********|| SECTION COMMON ENDS ||******** */

/* ********|| SECTION REFER START ||******** */
.section-refer{position: relative; padding: 80px 0 120px;}
.section-refer .refer-wrapper{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;margin: 0 auto 80px;max-width: 1400px;}
.section-refer .refer-content{width: 100%;max-width: 40%;}
.section-refer .section-title{margin: 0 0 160px;}
.section-refer .section-description{margin: 0 0 20px;max-width: 440px;}
.section-refer .refer-image{position: relative;width: 100%; overflow: hidden;}
.section-refer .refer-image img{width: 100%;}

/* -------- Refer Elements -------- */
.section-refer .refer-elements{position: absolute;z-index: 1;bottom: -80px;left: 0;width: 100%;height: 100%;}
.section-refer .refer-elements .element{position: absolute;z-index: 1;}
.section-refer .refer-elements .element .element-image{width: 390px; aspect-ratio:75/176; overflow: hidden; border-radius: 12px;position: absolute;bottom: 0;left: -195px;}
.section-refer .refer-elements .element .element-image img{width: 100%; height: 100%; object-fit: cover;}
.section-refer .refer-elements .element-01{bottom: -40px; left: 24%;}
.section-refer .refer-elements .element-02{bottom: 0; right: 24%;}
.section-refer .refer-elements .element-02 .element-image{width: 300px;aspect-ratio: 15/17;left: -150px;}
/* ********|| SECTION REFER ENDS ||******** */

/* ********|| SECTION COLLABORATE START ||******** */
.section-collaborate{position: relative; padding:80px 0; }
.section-collaborate .section-count{margin: 0 auto 30px;justify-content: center;}
.section-collaborate .section-title{display: flex; justify-content: center;}
.section-collaborate .section-description{text-align: center;max-width: 520px;margin: 0 auto 20px;}
.section-collaborate .section-action{justify-content: center;margin: 80px auto 0;}
.section-collaborate .collaborate-content{position: relative; margin: 100px 0 0; z-index: 0;}
.section-collaborate .collaborate-content:after{ content: ''; position: absolute; height: calc(50% + 102px); width: 1000%; top: 50%; left:-50%; transform: translateX(-50%); background-color: var(--secondaryLight); z-index: -1;}
.section-collaborate .collaborate-image{position: relative;width: 100%;aspect-ratio: 9/5;overflow: hidden;border-radius: 16px;}
.section-collaborate .collaborate-image img{width: 100%; height: 100%; object-fit: cover;}
.section-collaborate .collaborate-content-inner{position: absolute;overflow: hidden;border-radius: 16px; top: 0; left: 0; width: 100%; height: 100%;}
.section-collaborate .collaborate-image-data{position: absolute;top: 30px;left: 30px;background-color: rgba(var(--shades02-rgb), 0.5);padding: 30px;border-radius: 12px;z-index: 2;}
.section-collaborate .collaborate-image-data .image-category{font-size: 12px;text-transform: uppercase;font-weight: 300;}
.section-collaborate .collaborate-image-data .image-title{font-size: 40px;font-weight: 500;line-height: 1;margin: 16px 0;}
.section-collaborate .collaborate-image-data .image-info{font-size: 14px;}

/* -------- Collaborate Elements -------- */
.section-collaborate .collaborate-elements{position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 100%;}
.section-collaborate .collaborate-elements .element{position: absolute;z-index: 1;}
.section-collaborate .collaborate-elements .element .element-image{overflow: hidden; border-radius: 12px;width: 500px;}
.section-collaborate .collaborate-elements .element .element-image img{width: 100%; height: 100%; object-fit: cover;}
.section-collaborate .collaborate-elements .element-01{bottom: 30px; left: 30px;}
.section-collaborate .collaborate-elements .element-02{bottom: 30px; right: 30px;}
.section-collaborate .collaborate-elements .element-02 .element-image{width: 384px;}
/* ********|| SECTION COLLABORATE ENDS ||******** */

/* ********|| SECTION CURATE START ||******** */
.section-curate{position: relative; padding: 80px 0;background-color: var(--secondaryLight);}
.section-curate .curate-wrapper{display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;}
.section-curate .curate-content{width: 100%;max-width: 42%;}
.section-curate .section-count{margin: 0 0 40px;}
.section-curate .section-count .section-count-value{background-color: var(--shades02); color: var(--secondaryLight);}
.section-curate .section-count .section-count-label{color: var(--shades02); font-weight: 500;}
.section-curate .section-title{margin: 0;}
.section-curate .section-title .title{margin: 0;color: var(--shades02); font-size: 140px;}
.section-curate .section-description{margin: 0 0 20px; color: var(--shades02);max-width: 440px;}
.section-curate .curate-content+.curate-content{max-width: 560px;}
.section-curate .section-action .btn-action{border-color: var(--shades02); color: var(--shades02);}
/* .section-curate .section-action .btn-action:hover{box-shadow: 0 0 5px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5), 0 0 40px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5);background-color: rgba(var(--primary-rgb), 0.95); border-color: var(--primary); color: var(--shades02);} */
.section-curate .section-action .btn-action:hover{background-color: var(--shades02);border-color: var(--shades02);color: var(--shades01);}
/* ********|| SECTION CURATE ENDS ||******** */

/* ********|| INVITATION STARTS ||******** */
.section-invitation{position: relative; padding: 120px 0;background-color: var(--shades02);}
.section-invitation .section-header{}
.section-invitation .logo{width: 120px;aspect-ratio: 1 / 1;margin: 0 auto;}
.section-invitation .logo img{width: 100%; height: 100%; object-fit: contain;}
.section-invitation .section-title{position: relative;display: flex;justify-content: center;margin: 40px 0 80px;}
.section-invitation .section-title .title{font-size: 40px;font-weight: 400;text-align: center;margin: 0;line-height: 1;}
.section-invitation .invitation-content{position: relative;width: 100%;max-width: 990px;margin: 0 auto;}
.section-invitation .form{position: relative;}
.section-invitation .invitation-field{position: relative;height: 100px;background-color: var(--shades01);border-radius: 12px;overflow: hidden;padding: 8px;display: flex;gap: 10px;}
.section-invitation .invitation-field .wpcf7-form-control-wrap{display: flex;width: 100%;position: relative;}
.section-invitation .invitation-field .wpcf7-form-control-wrap .wpcf7-not-valid-tip{position: absolute;bottom: 0;left: 20px;font-size: 12px;font-weight: 500;color: #F44336;}
.section-invitation .invitation-field .input{width: 100%;border: 0;background-color: transparent;padding: 0 20px;font-size: 20px;color: var(--shades02);}
.section-invitation .invitation-field .btn-action{font-size: 16px;text-transform: uppercase;font-weight: 500;background-color: var(--shades02);border: 2px solid var(--shades02);color: var(--primary);padding: 0 24px;border-radius: 10px;margin-left: auto;flex-shrink: 0;cursor: pointer;transition: all 0.3s ease;}
/* .section-invitation .invitation-field .btn-action:hover{box-shadow: 0 0 5px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5), 0 0 40px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5); background-color: rgba(var(--primary-rgb), 0.95); border-color: var(--primary); color: var(--shades02);} */
.section-invitation .invitation-field .btn-action:hover{background-color: var(--shades01);border-color: var(--shades02);color: var(--shades02);}
.section-invitation .acceptance-field{position: relative;padding: 40px 0 6px;}
.section-invitation .acceptance-field .wpcf7-list-item{margin: 0;}
.section-invitation .acceptance-field .wpcf7-list-item label{position: relative;padding-left: 30px;margin: 3px 0;display: inline-block;}
.section-invitation .acceptance-field .wpcf7-list-item label input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;margin: 0;}
.section-invitation .acceptance-field .wpcf7-list-item label .wpcf7-list-item-label{position: relative;margin: 0;line-height: 20px;font-size: 18px;}
.section-invitation .acceptance-field .wpcf7-list-item label .wpcf7-list-item-label:before{content: '';position: absolute;width: 20px;height: 20px;background: rgba(var(--primary-rgb),0.5);border: 1px solid var(--primary);top: 50%;left: -30px;transform: translateY(-50%);border-radius: 4px;box-shadow: inset rgba(var(--shades02-rgb), 1) 0 0 0 4px; transition:all 0.3s ease}
.section-invitation .acceptance-field .wpcf7-list-item label .wpcf7-list-item-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top: 50%;left: -30px;transform: translateY(-50%);font-weight: 600;font-size: 16px;color: var(--color02);text-align: center;color: var(--shades02);border-radius: 4px;opacity: 0; visibility: hidden; transition:all 0.3s ease}
.section-invitation .acceptance-field .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:before{background: var(--primary);border-color: var(--primary); box-shadow: none;}
.section-invitation .acceptance-field .wpcf7-list-item label input:checked ~ .wpcf7-list-item-label:after{opacity: 1; visibility: visible;}
.section-invitation .acceptance-field .acceptance-text{font-size: 16px;max-width: 440px;line-height: 1.6;}
.section-invitation .acceptance-field .acceptance-text a{color: var(--primary);}
.section-invitation .acceptance-field .acceptance-text a:hover{color: var(--shades01); text-decoration: underline;}
.section-invitation .form .wpcf7-spinner{position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);right: 0px;background-color: rgba(var(--secondary-rgb), 0.9);}
.section-invitation .form .wpcf7-spinner:before{background-color: var(--shades02);}
.section-invitation .form .wpcf7-response-output{width: auto;max-width: 600px;margin: 0;position: absolute;bottom: -30px;left: 0;border: 0;padding: 6px 10px;background-color: rgb(244 67 54 / 50%);font-size: 12px;font-weight: 300;letter-spacing: 0.5px;border-radius: 4px;}
.section-invitation .form .wpcf7 form.sent .wpcf7-response-output{background-color: var(--primary); color: var(--shades02);font-weight: 500;letter-spacing: 0;}
.section-invitation .stores{display: flex;align-items: center;gap: 10px;position: absolute;right: 0;bottom: 18px;z-index: 1;}
.section-invitation .stores .store{display: flex; height: 40px;}
.section-invitation .stores .store img{width: 100%;height: 100%;object-fit: contain;}

.section-invitation .mc4wp-response{position: absolute;bottom: 60px;left: 0;width: 100%;}
.section-invitation .mc4wp-response .mc4wp-alert{font-size: 16px;font-weight: 500;}
.section-invitation .mc4wp-response .mc4wp-alert p{margin:0}
.section-invitation .mc4wp-response .mc4wp-alert.mc4wp-notice{color:#03a9f4}
.section-invitation .mc4wp-response .mc4wp-alert.mc4wp-success{color: var(--primary);}
.section-invitation .mc4wp-response .mc4wp-alert.mc4wp-error{color:#ef5350;}
/* ********|| INVITATION ENDS ||******** */

/* ********|| FAQ STARTS ||******** */
.section-faq{position: relative; padding: 80px 0;background-color: var(--shades02); border-top:1px solid var(--shades01);}
.section-faq .container{max-width: 1280px;}
.section-faq .section-title{position: relative;display: flex;margin:0 0 40px; }
.section-faq .section-title .title{font-size: 30px;font-weight: 400;margin: 0;line-height: 1;}
.section-faq .faq-content{max-width: 900px; margin: 0 0 0 auto;}
.section-faq .faq-action{display: flex;margin: 40px 0 0;}
.section-faq .faq-action .btn-action{display: flex;align-items: center;padding: 0;background-color: transparent;border: 0;color: rgba(var(--shades01-rgb), 0.5);text-transform: uppercase;font-size: 16px;gap: 12px;line-height: 1;height: 36px;}
.section-faq .faq-action .btn-action i{color: var(--primary);}
.section-faq .faq-action .btn-action:hover{color: var(--primary);}

/* -------- FAQ Accordion -------- */
.accordion{position: relative;}
.accordion .accordion-item{position: relative;}
.accordion .accordion-item+.accordion-item{border-top:1px solid rgba(var(--shades01-rgb), 0.25);}
.accordion .accordion-item .accordion-header{position: relative;}
.accordion .accordion-item .accordion-toggle{position: relative;width: 100%;display: flex;align-items: center;padding: 24px 48px 24px 0;background-color: transparent;border: none;color: var(--shades01);gap: 20px;text-align: left;}
.accordion .accordion-item .accordion-toggle:before{content:''; position: absolute;width: 16px;height: 2px;background-color: var(--primary);right: 10px;top: 34px;}
.accordion .accordion-item .accordion-toggle:after{content:''; position: absolute;width: 16px;height: 2px;background-color: var(--primary);right: 10px;top: 34px;transform-origin: center;transform: rotate(90deg);transition: all 0.3s ease;}
.accordion .accordion-item .accordion-number{width: 20px;aspect-ratio: 1 / 1;background-color: var(--secondaryLight);color: var(--shades02);display: flex;align-items: center;justify-content: center;font-weight: 500;border-radius: 50%;line-height: 1;flex-shrink: 0;}
.accordion .accordion-item .accordion-title{font-size: 18px;font-weight: 300;}
.accordion .accordion-item .accordion-content{overflow: hidden; max-height: 0; position: relative; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.accordion .accordion-item .accordion-inner-content{padding: 20px 0 20px 40px;font-size: 18px;line-height: 1.4;font-weight: 300;max-width: 700px;}
.accordion .accordion-item.active .accordion-toggle:after{transform: rotate(0deg);}
.accordion .accordion-item.active .accordion-content{opacity: 1; visibility: visible;max-height: 2000px;}
/* ********|| FAQ ENDS ||******** */

/* ********|| FOOTER STARTS ||******** */
footer{position: relative; background-color: var(--shades02);}
footer .upper-footer{position: relative;}
footer .footer-container{display: flex;align-items: center;justify-content: space-between; padding: 30px 0;}
footer .footer-container+.footer-container{border-top: 1px solid var(--shades01);}
footer .logo{height: 36px; margin: 0 auto 0 0; flex-shrink: 0;}
footer .logo img{width: 100%; height: 100%; object-fit: contain; object-position: center left;}
footer .connections{margin: 0 0 0 auto;display: flex;width: 100%;max-width: 50%;}
footer .connections .connection{display: flex;align-items: center;width: 100%;max-width: 50%;padding: 0 24px; gap: 20px;border-left: 1px solid var(--shades01);}
footer .connections .connection .connection-label{font-size: 18px;font-weight: 300;}
footer .connections .connection .connection-content{display: flex;align-items: center;gap: 10px;}
footer .connections .connection .connection-content .item{display: flex; align-items: center;gap: 10px;}
footer .connections .connection .connection-content .item .item-icon{display: flex;align-items: center;justify-content: center;width: 36px;aspect-ratio: 1 / 1;border: 1px solid rgba(var(--shades01-rgb), 0.5);border-radius: 4px; transition: all 0.3s ease;}
footer .connections .connection .connection-content .item .item-data{font-size: 18px;font-weight: 300;transition: all 0.3s ease;}
/* footer .connections .connection .connection-content .item:hover .item-icon{ box-shadow: 0 0 5px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5), 0 0 40px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5); background-color: rgba(var(--primary-rgb), 0.95); border-color: var(--primary); color: var(--shades02);} */
footer .connections .connection .connection-content .item:hover .item-icon{ background-color: var(--shades01);border-color: var(--shades01);color: var(--shades02);}
/* footer .connections .connection .connection-content .item:hover .item-data{ color: var(--primary);} */
footer .footer-action{display: flex; margin: 0 auto 0 0;flex-shrink: 0;}
footer .footer-action .btn-action{font-size: 13px;text-transform: uppercase;font-weight: 500;background-color: var(--shades02);color: var(--primary);border: 1px solid var(--primary);padding: 0 24px;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 6px;}
/* footer .footer-action .btn-action:hover{box-shadow: 0 0 5px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5), 0 0 40px rgba(var(--primary-rgb), 0.5), 0 0 20px rgba(var(--primary-rgb), 0.5); background-color: rgba(var(--primary-rgb), 0.95); border-color: var(--primary); color: var(--shades02);} */
footer .footer-action .btn-action:hover{background-color: var(--shades01);border-color: var(--shades01);color: var(--shades02);}
footer .footer-navigation{margin: 0 0 0 auto;}
footer .navigation-menu{display: flex;align-items: center;padding: 0;list-style: none;margin: 0;gap: 40px;}
footer .navigation-menu > li .menu-link{font-size: 18px;font-weight: 600;text-transform: uppercase;line-height: 1;}
footer .navigation-menu > li .menu-link:hover{color: var(--primary);}
footer .lower-footer{position: relative;padding: 20px 0;background-color: var(--shades01);}
footer .lower-footer .copyright{color: var(--shades02);text-align: center;font-size: 16px;font-weight: 400;line-height: 1;}
/* ********|| FOOTER ENDS ||******** */

/* ********|| MODAL STARTS ||******** */
.modal{position: fixed;inset: 0;display: flex;flex-direction: column;background-color: rgba(var(--shades02-rgb), 0.5);z-index: 99;overflow: auto; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.modal.active{opacity: 1;visibility: visible;}
.modal .modal-dialog{position: relative;padding: 50px 0;margin: 0 auto;display: flex;flex: 1;width: 100%;}
.modal .modal-content{margin: auto;width: 100%;background-color: var(--shades02);border-radius: 16px;overflow: hidden;position: relative;box-shadow: 0 0 200px rgba(var(--primary-rgb), 0.2); transform: scale(0.2);opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.modal.active .modal-content{transform: scale(1);opacity:1; visibility: visible;}
.modal .modal-header{padding: 20px;position: relative;}
.modal .modal-title{margin: 0;font-family: 'Druk';font-weight: 500;font-size: 40px;line-height: 1;letter-spacing: 1px;text-transform: uppercase;text-align: center;}
.modal .modal-text{font-size: 16px;text-align: center;margin: 20px auto 0;font-weight: 300;line-height: 1.4;max-width: 400px;}
.modal .modal-close{position: absolute;top: 10px;right: 10px;padding: 0;border: 1px solid var(--shades01);border-radius: 50%;width: 40px;aspect-ratio: 1 / 1;background-color: transparent;color: var(--shades01);font-size: 24px;line-height: 1;cursor: pointer;}
.modal .modal-body{position: relative;padding: 20px;}

.initial-form-content{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;padding: 0 40px 40px;}
.initial-form-content .form-field{position: relative;}
.initial-form-content .form-field.span-2{grid-column: span 2 / span 2;}
.initial-form-content .input{width: 100%;height: 44px;border: 2px solid transparent;border-radius: 6px;background-color: var(--shades01);padding: 0 12px;font-size: 16px;color: var(--shades02);}
.initial-form-content .btn-action{font-size: 16px;text-transform: uppercase;font-weight: 600;background-color: var(--primary);border: 1px solid var(--primary);color: var(--shades02);padding: 0 24px;border-radius: 6px;margin-left: auto;cursor: pointer;width: 100%;height: 52px;transition: all 0.3s ease;}
.initial-form-content .btn-action:hover{background-color: var(--shades01);border-color: var(--shades01);color: var(--shades02);}
.initial-form-content .wpcf7-spinner{position: absolute;margin: 0;top: 14px;right: 10px;}
.initial-form-content .wpcf7-not-valid-tip{font-size: 13px;line-height: 1.6;font-weight: 500;}
.initial-form-content .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label{position: relative;padding-left: 30px;margin: 3px 0;display: inline-block;}
.initial-form-content .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;margin: 0;}
.initial-form-content .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label span{position: relative;margin: 0;line-height: 20px;font-size: 18px; display: block;}
.initial-form-content .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label span:before{content: '';position: absolute;width: 20px;height: 20px;background: rgba(var(--primary-rgb),0.5);border: 1px solid var(--primary);top: 50%;left: -30px;transform: translateY(-50%);border-radius: 4px;box-shadow: inset rgba(var(--shades02-rgb), 1) 0 0 0 4px; transition:all 0.3s ease}
.initial-form-content .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label span:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top: 50%;left: -30px;transform: translateY(-50%);font-weight: 600;font-size: 16px;color: var(--color02);text-align: center;color: var(--shades02);border-radius: 4px;opacity: 0; visibility: hidden; transition:all 0.3s ease}
.initial-form-content .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label input:checked ~ span:before{background: var(--primary);border-color: var(--primary); box-shadow: none;}
.initial-form-content .mc4wp-checkbox.mc4wp-checkbox-contact-form-7 label input:checked ~ span:after{opacity: 1; visibility: visible;}

#initialModal .acceptance-field{padding: 0 0 20px;}
#initialModal .acceptance-field .acceptance-text{font-size: 16px;max-width: 440px;line-height: 1.6;text-align: center;margin: 0 auto;}
#initialModal .acceptance-field .acceptance-text a{color: var(--primary);}
#initialModal .acceptance-field .acceptance-text a:hover{color: var(--shades01); text-decoration: underline;}
#initialModal .wpcf7-response-output{width: auto;max-width: 600px;margin: 0;border: 0;padding: 8px 10px;background-color: #f44336;font-size: 13px;font-weight: 300;letter-spacing: 0.5px;border-radius: 4px;text-align: center;}
#initialModal .wpcf7 form.sent .wpcf7-response-output{background-color: var(--primary); color: var(--shades02);font-weight: 500;letter-spacing: 0;}
/* ********|| MODAL ENDS ||******** */

/* ********|| CONTACT PAGE STARTS ||******** */
.background-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.background-image:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background: linear-gradient(to top, var(--shades02), rgba(var(--shades02-rgb),0.5));}
.background-image img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.section-getintouch{position: relative;min-height: 100vh;display: flex;align-items: center;padding: 160px 0;}
.section-getintouch .getintouch-content{position: relative;padding: 60px;background-color: var(--shades02);border-radius: 40px;width: 100%;max-width: 660px;margin: auto;}
.section-getintouch .getintouch-content .title{margin: 0;font-family: 'Druk';font-weight: 500;font-size: 40px;line-height: 1;letter-spacing: 1px;text-transform: uppercase;text-align: center;}
.section-getintouch .getintouch-content .description{font-size: 16px;text-align: center;margin: 20px auto 0;font-weight: 300;line-height: 1.4;max-width: 400px;}
.section-getintouch .getintouch-content .form-container{margin: 40px 0 0;}
.section-getintouch .getintouch-content .initial-form-content{padding: 0 0 40px;}
.section-getintouch .getintouch-content .acceptance-field{padding: 0 0 20px;}
.section-getintouch .getintouch-content .acceptance-field .acceptance-text{font-size: 16px;max-width: 440px;line-height: 1.6;text-align: center;margin: 0 auto;}
.section-getintouch .getintouch-content .acceptance-field .acceptance-text a{color: var(--primary);}
.section-getintouch .getintouch-content .acceptance-field .acceptance-text a:hover{color: var(--shades01); text-decoration: underline;}
.section-getintouch .getintouch-content .wpcf7-response-output{width: auto;max-width: 600px;margin: 0;border: 0;padding: 8px 10px;background-color: #f44336;font-size: 13px;font-weight: 300;letter-spacing: 0.5px;border-radius: 4px;text-align: center;}
.section-getintouch .getintouch-content .wpcf7 form.sent .wpcf7-response-output{background-color: var(--primary); color: var(--shades02);font-weight: 500;letter-spacing: 0;}
/* ********|| CONTACT PAGE ENDS ||******** */

/* ********|| DEFAULT PAGE STARTS ||******** */
.sec-default-content{position: relative;padding: 160px 0;}
.sec-default-content .default-content{position: relative;}
.sec-default-content .default-content .dc-title{font-family: 'Druk';text-transform: uppercase;font-weight: 500;font-size: 80px;margin: 0 0 40px;}
.sec-default-content .default-content .dc-wrap{font-size: 16px;font-weight: 300;line-height: 1.5;}
.sec-default-content .default-content .dc-wrap h1{font-size: 36px;}
.sec-default-content .default-content .dc-wrap h2{font-size: 30px;}
.sec-default-content .default-content .dc-wrap h3{font-size: 24px;}
.sec-default-content .default-content .dc-wrap h4{font-size: 20px;}
.sec-default-content .default-content .dc-wrap h5{font-size: 16px;}
.sec-default-content .default-content .dc-wrap h6{font-size: 14px;}
/* ********|| DEFAULT PAGE ENDS ||******** */

/* ********|| RESPONSIVE STARTS ||******** */
@media screen and (max-width: 1600px) {
.section-curate .curate-content{max-width: 54%;}
.section-curate .curate-content + .curate-content{max-width: 480px;}
}

@media screen and (max-width: 1400px) {
  header .brand{height: 24px;}
  header .btn-action{height: 44px;font-size: 16px;padding: 0 16px;}
  .section-banner .banner-content .banner-title{padding: 30px 0;}
  .section-banner .banner-content .banner-title .title{font-size: 150px;/*new*/max-width: 720px;}
  .section-banner .banner-content .btn-action{height: 44px;font-size: 16px;padding: 0 16px;}
  .section-banner .banner-elements .element .element-image{width: 80px;height:80px;top: -40px; left: -41px;}
  .section-banner .banner-elements .element .element-card{width: 280px;top: -50px;left: -140px;border-radius: 6px;}
  .section-banner .banner-elements .element .element-card.sm{width: 220px;top: -35px;left: -110px;border-radius: 6px;}
  .section-service .section-title .title{font-size: 100px;}
  .section-service .services{margin: 60px 0 12px;}
  .section-service .service-content{margin: 60px 0 0;padding: 0 0 220px;}
  .section-service .service-elements .element .element-image{width: 320px;left: -160px;border-radius: 16px;}
  .section-service .service-elements .element .element-card{width: 280px;top: -55px;left: -140px;border-radius: 8px;}
  .section-service .service-elements .element-03 .element-image{width: 320px;left: -160px;}
  .section .section-title .title{font-size: 100px;}
  .section .section-action .btn-action{height: 44px;padding: 0 16px;}
  .section .section-action .btn-action span{font-size: 14px;}
  .section-refer .section-title{max-width: 400px;}
  .section-refer .section-description{max-width: 400px;}
  .section-refer .refer-elements .element .element-image{width: 320px;left: -160px;}
  .section-refer .refer-elements .element-02 .element-image{width: 260px;left: -130px;}
  .section-collaborate .collaborate-image-data .image-title{font-size: 32px;}
  .section-collaborate .collaborate-elements .element .element-image{width: 400px;}
  .section-collaborate .collaborate-elements .element-02 .element-image{width: 320px;}
  .section-curate .curate-content{max-width: 44%;}
  .section-curate .section-title{max-width: 480px;}
  .section-invitation .logo{width: 100px;}
  .section-invitation .section-title .title{font-size: 32px;}
  .section-invitation .invitation-field{height: 80px;}
  .section-faq .container{max-width: 1170px;}
  footer .logo{height: 28px;}
  footer .connections .connection .connection-label{font-size: 16px;}
  footer .connections .connection .connection-content .item .item-data{font-size: 16px;}
  footer .navigation-menu > li .menu-link{font-size: 16px;}
}

@media screen and (max-width: 1024px) {
  header .btn-action{font-size: 14px;}
  .section-banner{aspect-ratio: 144 / 216;}
  .section-banner .banner-content .brand{height: 24px;}
  .section-banner .banner-content .banner-title .title{/*font-size: 120px;max-width: 600px;*//*new*/font-size: 120px;max-width: 6700px;}
  .section-banner .banner-elements .element .element-image{width: 70px;height: 70px;top: -35px;left: -35px;}
  .section-banner .banner-elements .element .element-image.sm{width: 50px;height: 50px;top: -25px;left: -25px;}
  .section-banner .banner-elements .element .element-card{width: 240px;top: -45px;left: -120px;}
  .section-banner .banner-elements .element .element-card.sm{width: 180px;top: -30px;left: -90px;}
  .section-service{padding: 60px 0;}
  .section-service .section-title .title{font-size: 80px;}
  .section-service .services{margin: 40px 0 12px;}
  .section-service .services span{font-size: 16px;}
  .section-service .section-title .subtitle{font-size: 16px;}
  .section-service .service-content{margin: 40px 0 0;padding: 0 0 120px;}
  .section-service .service-elements .element .element-image{width: 260px;left: -130px;}
  .section-service .service-elements .element .element-card{width: 240px;top: -45px;left: -120px;}
  .section-service .service-elements .element-01{bottom: 5%;}
  .section-service .service-elements .element-02{bottom: 42%;}
  .section-service .service-elements .element-03 .element-image{width: 260px;left: -130px;}
  .section .section-title .title{font-size: 80px;}
  .section-refer{padding: 40px 0 100px;}
  .section-refer .refer-wrapper{margin: 0 auto 60px;}
  .section-refer .section-title{max-width: 320px;}
  .section-refer .section-description{max-width: 320px; font-size: 16px;}
  .section-refer .refer-elements .element .element-image{width: 280px;left: -140px;}
  .section-refer .refer-elements .element-01{left: 20%;}
  .section-refer .refer-elements .element-02{right: 20%;}
  .section-refer .refer-elements .element-02 .element-image{width: 220px;left: -110px;}
  .section-collaborate{padding: 60px 0;}
  .section-collaborate .section-action{margin: 60px auto 0;}
  .section-collaborate .collaborate-content{margin: 60px 0 0;}
  .section-collaborate .collaborate-image-data{top: 20px;left: 20px;padding: 20px;}
  .section-collaborate .collaborate-image-data .image-title{font-size: 24px;}
  .section-collaborate .collaborate-elements .element .element-image{width: 320px;}
  .section-collaborate .collaborate-elements .element-01{bottom: 20px;left: 20px;}
  .section-collaborate .collaborate-elements .element-02{bottom: 20px;right: 20px;}
  .section-collaborate .collaborate-elements .element-02 .element-image{width: 280px;}
  .section-curate{padding: 60px 0;}
  .section-curate .curate-content{max-width: 44%;}
  .section-curate .curate-content + .curate-content{max-width: 400px;}
  .section-invitation{padding: 80px 0;}
  .section-invitation .section-title{margin: 40px 0 60px;}
  .section-invitation .section-title .title{font-size: 24px;}
  .section-invitation .invitation-content{max-width: 800px;}
  .section-invitation .invitation-field{height: 60px;padding: 8px;}
  .section-invitation .invitation-field .btn-action{font-size: 14px;padding: 0 20px;border-radius: 8px;}
  .section-invitation .acceptance-field .wpcf7-list-item label .wpcf7-list-item-label{font-size: 14px;} 
  .section-faq .container{max-width: 960px;}
  .section-faq .faq-content{max-width: 800px;}
  footer .footer-container{padding: 20px 0;}
  footer .logo{height: 24px;}
  footer .connections .connection .connection-content .item .item-icon{width: 32px;}
  footer .navigation-menu{gap: 30px;}
  footer .lower-footer{padding: 15px 0;}
  .sec-default-content .default-content .dc-title{font-size: 60px;}
}


@media screen and (max-width: 990px) {
  .section-banner{aspect-ratio: 1 / 1.75;}
  /*new*/.section-banner .banner-content .banner-title .title{font-size: 100px;max-width: 520px;}
  .section-banner .banner-elements .element .element-card{width: 200px;top: -35px;left: -100px;}
  .section-banner .banner-elements .element-01{bottom: 62%;left: 8%;}
  .section-banner .banner-elements .element-06{bottom: 46%;right: 36%;}
  .section-banner .banner-elements .element-07{bottom: 53%;right: 14%;}
  .section-service .service-content{padding: 0 0 100px;}
  .section-service .service-content .service-image{aspect-ratio: 5 / 4;}
  .section-service .service-elements .element .element-image{width: 200px;left: -100px;}
  .section-service .service-elements .element .element-card{width: 140px;top: -30px;left: -70px;}
  .section-service .service-elements .element-03 .element-image{width: 200px;left: -100px;}
  .section-refer .refer-content{max-width: 45%;}
  .section-refer .refer-elements .element .element-image{width: 220px;left: -110px;}
  .section-refer .refer-elements .element-02 .element-image{width: 180px;left: -90px;}
  .section-collaborate .collaborate-image{aspect-ratio: 9 / 7;}
  .section-curate .curate-content{max-width: 55%;}
  .section-curate .curate-content + .curate-content{max-width: 300px;}
  .section-invitation .invitation-content{max-width: 600px;}
  .section-invitation .acceptance-field{display: flex; justify-content: center;padding:20px 0 50px;}
  .section-invitation .acceptance-field .acceptance-text{text-align: center;}
  .section-invitation .form .wpcf7-response-output{left: 50%;transform: translateX(-50%);bottom: 0;max-width: 420px;width: 100%;text-align: center;}
  .section-invitation .stores{position: relative;justify-content: center;margin: 20px 0 0;}
  .section-invitation .mc4wp-response{text-align: center;bottom: 10px;}
  .section-faq .container{max-width: 740px;}
  footer .connections{max-width: none; width: auto;}
  footer .connections .connection{max-width: none; width: auto;}
  footer .connections .connection:last-child{display: none;}
  footer .navigation-menu{gap: 10px;}
  footer .navigation-menu > li .menu-link{font-size: 14px;}
}

@media screen and (max-width: 640px) {
  header .brand{height: 18px;}
  header .stores{gap: 4px;}
  header .stores .store{height: 24px;}
  header .btn-action{display: none;}
  .section-banner{aspect-ratio: 1 / 2.5;padding: 60px 0;}
  .section-banner .banner-image:after{height: 20vh;}
  .section-banner .banner-content .brand{/*opacity: 1; transform: none;*/height: 20px;}
  /*.section-banner .banner-content .banner-title{opacity: 1; transform: none;}*/
  .section-banner .banner-content .banner-title .title{/*font-size: 80px;*/ /*new*/ font-size: 65px;max-width: 360px;}
  /*.section-banner .banner-content .banner-actions{opacity: 1; transform: none;}*/
  /*.section-banner .banner-elements.inactive{opacity: 1;visibility: visible;}*/
  .section-banner .banner-elements .element .element-point{width: 8px;}
  .section-banner .banner-elements .element .element-scale{/*height: 80px;*/ border-width: 1px;}
  .section-banner .banner-elements .element .element-image{width: 60px;height:60px;top: -30px;left: -30px;}
  .section-banner .banner-elements .element .element-card{width: 120px;top: -25px;left: -60px;}
  .section-banner .banner-elements .element .element-card.sm{width: 90px;top: -25px;left: -45px;}
  .section-banner .banner-elements .element-01{bottom: 39%;right: 8%;left: auto;}
  .section-banner .banner-elements .element-02{bottom: 31%;left: 9%;}
  .section-banner .banner-elements .element-03{bottom: 12%;right: 44%;}
  .section-banner .banner-elements .element-04{bottom: 20%;right: 13%;}
  .section-banner .banner-elements .element-05{bottom: 21%;left: 31%;}
  .section-banner .banner-elements .element-06{bottom: 33%;right: 31%;}
  .section-banner .banner-elements .element-07{bottom: 42%;left: 24%; right: auto;}
  .section-service{padding: 40px 0;}
  .section-service .section-title .title{font-size: 66px;}
  .section-service .service-content{padding: 160px 0 60px; margin: 0 -16px;}
  .section-service .service-content .service-image{aspect-ratio: 4/5; border-radius: 0;}
  .section-service .service-elements .element .element-image{width: 200px;left: -100px;border-radius: 10px;}
  .section-service .service-elements .element .element-nonresponsive{display: none;}
  .section-service .service-elements .element .element-responsive{display: block;}
  .section-service .service-elements .element-01{bottom: auto;top:200px;left: 50%;}
  .section-service .service-elements .element-01 .element-image{aspect-ratio: 489 / 193;width: 240px;left: -120px;}
  .section-service .service-elements .element-02{bottom: 29%;right: 12%;}
  .section-service .service-elements .element-02 .element-card{width: 80px;aspect-ratio: 161 / 229;left: -40px;top: -80px;}
  .section-service .service-elements .element-03{bottom: 0;left: 100px; right: auto;}
  .section-service .service-elements .element-03 .element-image{width: 180px;left: -90px;}
  .section .section-title .title{font-size: 90px;}
  .section .section-action .btn-action{height: 52px;padding: 0 24px;}
  .section .section-action .btn-action span{font-size: 16px;}
  .section-refer{padding: 40px 0 120px;}
  .section-refer .refer-wrapper{flex-wrap: wrap;margin: 0 0 160px;}
  .section-refer .refer-content{max-width: 100%;}
  .section-refer .section-title{margin: 0 0 40px;max-width: none;}
  .section-refer .section-description{max-width: 90%;font-size: 20px;}
  .section-refer .refer-image{aspect-ratio: 2/3;}
  .section-refer .refer-image img{width: 100%; height: 100%; object-fit: cover;object-position: 40% center;}
  .section-refer .refer-elements .element .element-image{width: 160px;left: -100px;border-radius: 8px;}
  .section-refer .refer-elements .element-01{bottom: auto;top: 200px;left: 110px;}
  .section-refer .refer-elements .element-02{right: auto;left: 50%;bottom: -100px;}
  .section-refer .refer-elements .element-02 .element-image{width: 320px;left: -160px;aspect-ratio: 2 / 1.65;}
  .section-refer .refer-elements .element-02 .element-image img{object-position: top;}
  .section-collaborate{padding: 160px 0 60px;}
  .section-collaborate .section-count{justify-content: flex-start;margin: 0 auto 20px;}
  .section-collaborate .section-description{text-align: left;max-width: 90%;}
  .section-collaborate .section-action{justify-content: flex-start;margin: 40px auto 0;}
  .section-collaborate .collaborate-content{margin: 60px -16px 0;}
  .section-collaborate .collaborate-image{aspect-ratio: 4/5; border-radius: 0; }
  .section-collaborate .collaborate-content-inner{overflow: unset;}
  .section-collaborate .collaborate-image-data{padding: 16px;border-radius: 8px; background-color: var(--shades01); color: var(--shades02);}
  .section-collaborate .collaborate-image-data .image-category{font-size: 10px;font-weight: 500;}
  .section-collaborate .collaborate-image-data .image-title{font-size: 20px;margin: 10px 0 6px;font-weight: 600;}
  .section-collaborate .collaborate-image-data .image-info{font-size: 12px;font-weight: 500;}
  .section-collaborate .collaborate-elements .element .element-image{width: 100%;}
  .section-collaborate .collaborate-elements .element-01{bottom: 0;left: 50%;transform: translate(-50%, 50%);width: 100%;padding: 0 20px;}
  .section-collaborate .collaborate-elements .element-02{display: none;}
  .section-curate .curate-wrapper{flex-wrap: wrap;gap: 40px;}
  .section-curate .curate-content, .section-curate .curate-content + .curate-content{max-width: 100%;}
  .section-curate .section-title .title{font-size: 88px;}
  .section-curate .section-description{max-width: 90%;}
  .section-invitation .section-title .title{font-size: 20px;}
  .section-invitation .logo{width: 80px;}
  .section-invitation .invitation-field{gap: 0;border-radius: 8px;}
  .section-invitation .invitation-field .input{font-size: 16px;padding: 0 8px;}
  .section-invitation .invitation-field .btn-action{font-size: 12px;padding: 0 10px;border-radius: 6px;}
  .section-invitation .acceptance-field .wpcf7-list-item label .wpcf7-list-item-label{font-size: 16px;}
  .section-invitation .invitation-field .wpcf7-form-control-wrap .wpcf7-not-valid-tip{bottom: -4px;left: 8px;}
  .section-invitation .stores .store{height: 44px;}
	.section-invitation .mc4wp-response .mc4wp-alert{font-size:14px}
  .section-faq{padding: 60px 0;}
  .section-faq .container{padding: 0 16px 0 32px;}
  .accordion .accordion-item .accordion-toggle{align-items:flex-start}
  .accordion .accordion-item .accordion-number{margin: 4px 0 0;}
  .accordion .accordion-item .accordion-inner-content{padding: 10px 20px 10px 40px;font-size: 16px;}
  footer .footer-container{flex-wrap: wrap;gap: 20px; position: relative;}
  footer .footer-container + .footer-container{border:none}
  footer .logo{height: 32px;margin: 0 auto 20px;}
  footer .connections{margin: 0;width: 100%;padding: 20px 0 0;border-top: 1px solid var(--shades01);}
  footer .connections .connection{border: 0;padding: 0;}
  footer .footer-action{position: absolute;top: -56px;right: 0;}
  footer .navigation-menu{ flex-wrap: wrap;gap: 10px;margin: 0 0 30px;}
  footer .navigation-menu > li{ width: 50%; max-width: calc(50% - 15px);}
  footer .navigation-menu > li .menu-link{font-size: 14px;font-weight: 500;}
  footer .lower-footer .copyright{font-size: 14px;font-weight: 500; letter-spacing: -0.5px;}
  .section-getintouch .getintouch-content{padding: 60px 20px;}
  .sec-default-content .default-content .dc-wrap h1{font-size: 32px;}
  .sec-default-content .default-content .dc-wrap h2{font-size: 26px;}
  .sec-default-content .default-content .dc-wrap h3{font-size: 20px;}
  .sec-default-content .default-content .dc-wrap h4{font-size: 18px;}
  .sec-default-content .default-content .dc-wrap h5{font-size: 16px;}
  .sec-default-content .default-content .dc-wrap h6{font-size: 14px;}
  .initial-form-content{padding: 0 0px 40px;}
}

@media screen and (max-width: 480px) {
  
  
}
/* ********|| RESPONSIVE ENDS ||******** */