.elementor-kit-320{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#626262;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFC300;--e-global-color-2350b42:#FFC300;--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;--e-global-typography-0c75eaf-font-family:"Poppins";--e-global-typography-0c75eaf-font-size:32px;--e-global-typography-0c75eaf-font-weight:400;--e-global-typography-0c75eaf-letter-spacing:1px;--e-global-typography-d9d93a5-font-size:0.7rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */html, body {
  height: 100%;
}

.scrollbar-track {
  opacity: 0 !important;
  pointer-events: none !important;
}

.primary-text{
    color : white !important;
    
}

.secondary-text{
    color : #626262 !important;
}

h1,h2,h3,h4,h5,h6,p,span,a {
    font-family: 'Poppins' !important;
}

/* FONT SCALE — Golden Ratio (Responsive, Base 70px) */

.font-1 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: 104px !important;
}

.font-2 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(26px, 3.6vw, 40px) !important;
}

.font-3 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(19px, 2.7vw, 27px) !important;
}

.font-4 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(16px, 2.0vw, 17px) !important;
}

.font-5 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(14px, 1.6vw, 11px) !important;
}

.font-6 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(12px, 1.3vw, 7px) !important;
}

.font-7 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(10px, 1.1vw, 4px) !important;
}


/* ===============================
   BASE — HIDDEN SAFELY
   =============================== */

.mp-reveal-text {
  visibility: hidden;      /* hide without layout shift */
  overflow: hidden;
}

/* Line wrapper */
.mp-reveal-text .mp-line {
  display: inline-block;
  overflow: hidden;
}

/* Characters */
.mp-reveal-text .mp-char {
  display: inline-block;
  transform: translateY(120%);
  will-change: transform;
}

/* READY → show text but still masked */
.mp-reveal-text.is-ready {
  visibility: visible;
}

/* ANIMATE IN */
.mp-reveal-text.is-visible .mp-char {
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}



/* =====================================
   TALK BUTTON — SVG ARROW (FINAL)
   ===================================== */

.mp-talk-btn .elementor-button {
  position: relative;
  overflow: hidden;
  width: 200px !important;
  padding: 16px 28px;
  border-radius: 6px;
  transition: box-shadow 0.3s ease;
}

/* TEXT */
.mp-talk-btn .elementor-button-text {
  display: inline-block;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ARROW — SVG MASK */
/* ARROW — SVG (BIGGER + PERFECTLY CENTERED) */
.mp-talk-btn .elementor-button::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 55%;

  width: 18px;   /* ⬅ increased size */
  height: 18px;  /* ⬅ increased size */

  background-color: #000;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3C/svg%3E")
    no-repeat center / contain;

  transform: translate(-0px, -50%) scale(0.6);
  opacity: 0;

  transition:
    opacity 0.25s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* HOVER */
.mp-talk-btn:hover .elementor-button {
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

/* TEXT MOVE */
.mp-talk-btn:hover .elementor-button-text {
  transform: translateX(-12px);
}

/* ARROW REVEAL */
.mp-talk-btn:hover .elementor-button::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}




/* ===============================
   BLUR → CLEAR TEXT REVEAL (ONCE)
   =============================== */

.mp-blur-reveal-first,
.mp-blur-reveal-second,
.mp-blur-reveal-third {
  filter: blur(12px);
  opacity: 0;
  will-change: filter, opacity;
}

.mp-blur-reveal-first.is-visible {
  animation: mpBlurToClear 2s ease-out forwards;
  animation-delay: 0.2s;
}

.mp-blur-reveal-second.is-visible {
  animation: mpBlurToClear 2s ease-out forwards;
  animation-delay: 0.6s;
}

.mp-blur-reveal-third.is-visible {
  animation: mpBlurToClear 2s ease-out forwards;
  animation-delay: 1s;
}


/* Keyframes */
@keyframes mpBlurToClear {
  0% {
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}



@media screen and (max-width: 768px) {
    
.font-1 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(50px, 5vw, 68px) !important;
}

.font-2 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(25px, 3.6vw, 42px) !important;
}

.font-3 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(20px, 2.7vw, 30px) !important;
}

.font-4 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(16px, 2vw, 22px) !important;
}

.font-5 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(14px, 1.6vw, 18px) !important;
}

.font-6 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(12px, 1.3vw, 16px) !important;
}

.font-7 :is(h1,h2,h3,h4,h5,h6,p,a) {
  font-size: clamp(10px, 1.1vw, 14px) !important;
}

    
}/* End custom CSS */