
h1 { font-size: clamp(2rem, 8rem, 10vw); line-height: 0.8 !important;}
h1.inner-heading { font-size: clamp(2rem, 6rem, 8vw); line-height: 1 !important;}
.black-bg { background: #000; padding: clamp(30px, 4rem, 4vw) !important; color: #FFF; }
.rounded { border-radius: 1rem !important; }
.black-bg:hover { cursor: none;}
.black-bg.rounded {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 1s ease-out,
    transform 1s ease-out;
  will-change: opacity, transform;
}

.black-bg.rounded.in-view { opacity: 1; transform: translateY(0); }



.blocks-list { width: 80%; max-width: 980px; margin: auto !important;}
.blocks-list .elementor-element { display: flex !important; flex: 1 1 calc(50% - 1.5rem); gap: 2rem; transition: 0.5s;}
.blocks-list > .elementor-element:first-child { margin-top: 50px;}
.blocks-list > .elementor-element:last-child { margin-bottom: 50px;}
.blocks-list > .elementor-element > .elementor-element:hover { transform: scale(0.98); }
.blocks-list > .elementor-element h2 { padding-bottom: 2rem; border-bottom: #FFFFFF44 solid 1px;}
.blocks-list > .elementor-element p { font-weight: 200 !important;}
.no-left-padding { padding-left: 0 !important;}
.rounded { border-radius: 2rem !important; padding: 2.5rem !important; }
.first-block { height: calc(100vh - 7rem) !important;}
button.rounded { border-radius: 5rem !important; padding: 1.2rem !important; }

.elementor > .elementor-element { width: calc(100vw - 10rem); padding: 4% 0 0 0 !important; }
header.elementor > .elementor-element { width: calc(100vw - 10rem); padding: 0% 0 !important; }

.empty-btn { border: #F00 solid 1px !important; background: none !important; color: #FFF !important; display: inline; width: auto; text-align: left !important; padding: 0 !important;}


.steps-block > .elementor-element:first-child{ border-radius: 2rem 0 0 2rem;}
.steps-block > .elementor-element:last-child{ border-radius: 0 2rem 2rem 0;}
.steps-block > .elementor-element { border: #EEE solid 1px;  border-right: none; transition: 0.5s; padding: 2.5rem !important; }
.steps-block > .elementor-element:last-child { border-right: #EEE solid 1px;} 
.steps-block > .elementor-element:hover .step-number { color: #000;}
.steps-block > .elementor-element:hover { color: #000 !important; background: #ffed00 !important;}
.steps-block .step-number { font-weight: 700; font-size: 8vw;  color: #EEE; transition: 0.5s; }

.b2b-blocks, .b2c-blocks { padding: 3rem; background: #ffed00 !important; padding: 2.5rem !important; border-radius: 2rem !important; }


.purpose-block > .elementor-element { border: #FFF solid 1px; background: #f6f6f6; padding: 2.5rem !important;}
.purpose-block .elementor-icon-wrapper { text-align: left !important;}
.purpose-block .elementor-icon-wrapper i { font-size: 6vw; color: #000;}

.elementor-widget-pp-faq { margin-top: 2rem;}
.pp-advanced-accordion { width: 600px !important;}
.pp-faq-item { border: #d4d4d4 solid 1px;  border-radius: 3rem; padding: 1rem 2rem; transition: 0.5s;}
.pp-accordion-item-active, .pp-faq-item:hover { background: #f6f6f6;}
.pp-accordion-item-active .pp-faq-question { font-weight: 600 !important;}

.sticky { position: sticky; top: 5px;}
 
.animate-words .word-wrap {
  display: inline-block;
  overflow: hidden;          /* clips the word as it slides in  */
  vertical-align: bottom;
  line-height: 1.1em;
  margin-bottom: -.05em;    /* prevent clipping descenders      */
}
 
.animate-words .word {
  display: inline-block;
  transform: translateY(110%);   /* start below the clip           */
  opacity: 0;
  transition:
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    opacity   0.55s ease;
}
 
/* State added by JS when element enters viewport */
.animate-words.words-visible .word {  transform: translateY(0); opacity: 1; }
 
/* Each word gets its delay via inline style (set by JS) */
 
/* Optional: add class "animate-words--fast" for tighter stagger */
.animate-words--fast .word {  transition-duration: 0.45s, 0.35s; }



@media screen and (max-width: 820px) { 

	.elementor > .elementor-element { width: calc(100vw - 2rem); padding: 4% 0 0 0 !important; }


}


