.elementor-kit-4{--e-global-color-primary:#000000;--e-global-color-secondary:#F6F6F6;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF7200;--e-global-color-38d61f2:#FFFFFF;--e-global-color-179da15:#FDFCFC;--e-global-color-bfe63c3:#009EFF;--e-global-color-b136f2c:#C21515;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-179da15 );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-38d61f2 );}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-b136f2c );color:var( --e-global-color-38d61f2 );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-primary );}.elementor-kit-4 a:hover{color:var( --e-global-color-b136f2c );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================= */
/* WRAPPER */
/* ================================= */

.cards-wrapper{
max-width:800px;
margin:auto;
position:relative;

--stack-offset:14px;
--hover-offset:22px;
}

/* ================================= */
/* BASE CARD */
/* ================================= */

.stack-card{
border-radius:18px;
padding:28px;
cursor:pointer;
transition:all .45s cubic-bezier(.4,0,.2,1);
overflow:hidden;
position:relative;
z-index:1;
margin-top:22px;

background-clip:padding-box;

/* support very light cards */

border:1px solid rgba(0,0,0,0.05);

/* base shadow */

box-shadow:
0 10px 24px rgba(0,0,0,0.12),
0 4px 10px rgba(0,0,0,0.08);

/* dynamic stacking */

margin-left:calc(var(--stack-level) * var(--stack-offset));
}

/* stacked overlap */

.stack-card + .stack-card{
margin-top:-18px;
}

/* ================================= */
/* STACK SPREAD ON HOVER */
/* ================================= */

.cards-wrapper:hover .stack-card{
margin-left:calc(var(--stack-level) * var(--hover-offset));
}

/* ================================= */
/* VERTICAL SLIDE */
/* ================================= */

.stack-card:hover ~ .stack-card{
transform:translateY(6px);
}

/* hover lift */

.stack-card:hover{
transform:translateY(-4px);
z-index:20;
}

/* ================================= */
/* TACTILE PRESS */
/* ================================= */

.stack-card:active{
transform:scale(.98);
transition:transform .1s ease;
}

/* ================================= */
/* HEADER MICRO MOVEMENT */
/* ================================= */

.stack-card h1,
.stack-card h2,
.stack-card h3,
.stack-card h4{
transition:transform .35s ease;
}

.stack-card.active h1,
.stack-card.active h2,
.stack-card.active h3,
.stack-card.active h4{
transform:translateY(-3px);
}

/* ================================= */
/* HIDDEN CONTENT */
/* ================================= */

.stack-content{
max-height:0 !important;
opacity:0;
overflow:hidden;

transition:
max-height .55s cubic-bezier(.4,0,.2,1),
opacity .35s ease,
transform .35s ease;

transform:translateY(-10px);
}

.stack-card.active .stack-content{
max-height:600px !important;
opacity:1;
margin-top:16px;
transform:translateY(0);
}

/* ================================= */
/* INACTIVE CARDS */
/* ================================= */

.cards-wrapper.has-active .stack-card:not(.active){

filter:brightness(.85) blur(.8px);

transform:scale(.97);

transition:
filter .35s ease,
transform .35s ease;

}

/* ================================= */
/* ACTIVE CARD */
/* ================================= */

.stack-card.active{

filter:brightness(1.06) saturate(1.08) contrast(1.05);

transform:scale(1.03);

box-shadow:
0 24px 56px rgba(0,0,0,0.25),
0 10px 22px rgba(0,0,0,0.14);

outline:1px solid rgba(255,255,255,0.08);

z-index:50;
}

/* ================================= */
/* DEPTH GRADIENT */
/* ================================= */

.stack-card::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-12px;
height:20px;

background:linear-gradient(
to bottom,
rgba(0,0,0,0.15),
rgba(0,0,0,0)
);

pointer-events:none;
opacity:.35;
}

.stack-card.active::after{
opacity:0;
}

/* ================================= */
/* LIGHT SWEEP */
/* ================================= */

.stack-card::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:60%;
height:100%;

background:linear-gradient(
120deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.35) 50%,
rgba(255,255,255,0) 100%
);

transform:skewX(-20deg);
pointer-events:none;
opacity:0;
}

.stack-card.active::before{
animation:cardSweep .6s ease forwards;
opacity:.8;
}

@keyframes cardSweep{

0%{ left:-120%; }

100%{ left:140%; }

}

/* ================================= */
/* PERFORMANCE */
/* ================================= */

.stack-card,
.stack-content{
will-change:transform, filter, box-shadow;
}

.stack-content > *{
margin-top:0;
}/* End custom CSS */