.elementor-5882 .elementor-element.elementor-element-f66f17d{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-5882 .elementor-element.elementor-element-bd3cae4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5882 .elementor-element.elementor-element-8f61658 > .elementor-widget-container{margin:041px 0px 0px 0px;}.elementor-widget-button .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 );}.elementor-5882 .elementor-element.elementor-element-ad8e833 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(90deg, #22C55E 0%, #60A5FA 100%);box-shadow:0px 12px 26px 0px #22C55E;border-style:none;border-radius:050px 050px 050px 050px;padding:014px 28px 014px 028px;}.elementor-5882 .elementor-element.elementor-element-ad8e833 .elementor-button:hover, .elementor-5882 .elementor-element.elementor-element-ad8e833 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(90deg, #34D399 0%, #93C5FD 100%);box-shadow:0px 5px 10px 0px #60A5FA;}.elementor-5882 .elementor-element.elementor-element-ad8e833 > .elementor-widget-container:hover{--e-transform-scale:1.02;}.elementor-5882 .elementor-element.elementor-element-ad8e833 > .elementor-widget-container{margin:0px 0px 0px 08px;}.elementor-5882 .elementor-element.elementor-element-ad8e833 .elementor-button:hover svg, .elementor-5882 .elementor-element.elementor-element-ad8e833 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5882 .elementor-element.elementor-element-baca753 > .elementor-widget-container{margin:030px 0px 0px 010px;padding:0px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-740b40c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-5882 .elementor-element.elementor-element-27bd67d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:05px 0px;--row-gap:05px;--column-gap:0px;}.elementor-5882 .elementor-element.elementor-element-9227db8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:05px 0px;--row-gap:05px;--column-gap:0px;}.elementor-5882 .elementor-element.elementor-element-22938b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:060px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5882 .elementor-element.elementor-element-5cce361 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-5882 .elementor-element.elementor-element-89ab399 > .elementor-widget-container{margin:060px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-19108d1 > .elementor-widget-container{margin:060px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-e69f88e > .elementor-widget-container{margin:060px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-522acd5 > .elementor-widget-container{margin:060px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-0ddabb7 > .elementor-widget-container{margin:060px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-b33ca9d > .elementor-widget-container{margin:060px 0px 060px 0px;}.elementor-5882 .elementor-element.elementor-element-0c80716 > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-52b79dd{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5882 .elementor-element.elementor-element-7cb27a4{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5882 .elementor-element.elementor-element-355c3c3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-355c3c3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:800;}.elementor-5882 .elementor-element.elementor-element-55cdb23 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 07px;}.elementor-5882 .elementor-element.elementor-element-55cdb23 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-5882 .elementor-element.elementor-element-0347c0c{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:015px;--padding-right:0px;}@media(max-width:1024px){.elementor-5882 .elementor-element.elementor-element-7cb27a4{--margin-top:-664px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-5882 .elementor-element.elementor-element-f66f17d{--z-index:2;}.elementor-5882 .elementor-element.elementor-element-bd3cae4{--min-height:200px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;}.elementor-5882 .elementor-element.elementor-element-8f61658 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-ad8e833 .elementor-button{font-size:14px;}.elementor-5882 .elementor-element.elementor-element-baca753 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-740b40c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5882 .elementor-element.elementor-element-27bd67d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5882 .elementor-element.elementor-element-52b79dd{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5882 .elementor-element.elementor-element-7cb27a4{--gap:012px 012px;--row-gap:012px;--column-gap:012px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5882 .elementor-element.elementor-element-55cdb23 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5882 .elementor-element.elementor-element-0347c0c{--gap:010px 010px;--row-gap:010px;--column-gap:010px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-5882 .elementor-element.elementor-element-bd3cae4{--width:50%;}.elementor-5882 .elementor-element.elementor-element-740b40c{--width:16.6%;}.elementor-5882 .elementor-element.elementor-element-27bd67d{--width:16.6%;}.elementor-5882 .elementor-element.elementor-element-9227db8{--width:16.6%;}.elementor-5882 .elementor-element.elementor-element-52b79dd{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-bd3cae4 *//* ---------- Desktop (as-is) ---------- */
/* Reels pinned at right only on desktop/tablet */
#ylp-hero .ylp-reels{
  position:absolute; top:20px; right:2vw; z-index:1;
}
#column1{ width:auto; height:auto; max-height:none; } /* never crop text column */

/* ---------- Mobile portrait fixes ---------- */
@media (max-width: 767px){

  /* Stack everything inside column1: Text -> CTA -> Socials */
  #column1{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px;                 /* small breathing space */
  }

  /* Kill any absolute/float/transform leaks on CTA & Socials */
  #column1 .ylp-cta,
  #column1 .ylp-socials,
  #column1 .ylp-text{
    position: static !important;
    transform: none !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  /* Reels: not pinned on mobile, sit BELOW socials */
  #ylp-hero .ylp-reels{
    position: static !important;
    width: auto !important;
    margin: 16px auto 0 !important;
    justify-content: center !important;
    pointer-events: auto !important;
  }

  /* Phone-to-phone gap 7px on mobile */
  :root{ --img-gap: 7px; }
}

/* Column spacing tight like your 2nd screenshot */
:root{
  --col-overlap: -7px;   /* column "gap" (negative = overlap) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-740b40c *//* ===== YALPRO — Reels columns: zoom-stable (DESKTOP ONLY) ===== */
@media (min-width:1025px){
  :root{
    --col-w: 200px;      /* desktop column width */
    --overlap: -2px;    /* how much 3 & 4 should sit over previous */
  }

  /* Tray keeps layout stable; no gaps */
  #ylp-reels-tray{
    display:flex; gap:0; align-items:flex-start;
    overflow:visible;     /* allow overlap to show */
    contain: content;     /* isolate layout a bit (perf) */
  }

  /* Fix each column width so zoom won't push/wrap */
  #column2, #column3, #column4{
    flex:0 0 var(--col-w);
    max-width:var(--col-w);
    position:relative;
    margin:0 !important;          /* kill any theme/earlier margins */
    padding:0 !important;
  }

  /* Use transform (not margin) for overlap → zoom-safe */
  #column3, #column4{
    transform: translateX(var(--overlap));
    will-change: transform;
    backface-visibility:hidden;
  }

  /* Minor: crisper scroll + avoid subpixel jank */
  #column2 .reel, #column3 .reel, #column4 .reel{
    transform: translateZ(0);
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-355c3c3 *//* ===== Contact Us Gradient Heading ===== */
.ylp-heading-sheen{
  font-family:"Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight:800 !important;
  font-size: clamp(36px,6.4vw,72px) !important;
  line-height:1.05 !important;
  margin:0 0 10px 0 !important;

  /* gradient text */
  background: linear-gradient(90deg,#22c55e,#60a5fa) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  /* motion sheen */
  background-size:200% 100% !important;
  animation: ylpSheen 5.2s ease-in-out infinite alternate !important;

  /* glow */
  text-shadow:0 10px 34px rgba(96,165,250,.22) !important;
}

@keyframes ylpSheen{
  0%{ background-position:0% 50% }
  100%{ background-position:100% 50% }
}

@media (prefers-reduced-motion: reduce){
  .ylp-heading-sheen{ animation:none !important; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5cf3c51 *//* =========================
   Yalpro — Contact form (WPForms) – scoped to #contact
   ========================= */

/* Base wrapper */
#contact .wpforms-form{
  --bg:#0f1724;          /* field bg */
  --bg-2:#0b1220;        /* section bg (in case WP adds panels) */
  --line:rgba(255,255,255,.15);
  --line-soft:rgba(255,255,255,.10);
  --text:#eaf2ff;
  --muted:#c8d2e6;
  --accent1:#22c55e;
  --accent2:#60a5fa;

  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text);
}

/* Remove plugin defaults */
#contact .wpforms-field,
#contact .wpforms-field-row,
#contact .wpforms-field-container{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Grid & gaps */
#contact .wpforms-field-container{
  display: grid;
  gap: 12px;
}

/* Labels */
#contact .wpforms-field label.wpforms-field-label{
  color: var(--muted);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .04em;
  margin-bottom: 6px;
}

/* Inputs */
#contact .wpforms-form input[type="text"],
#contact .wpforms-form input[type="email"],
#contact .wpforms-form input[type="tel"],
#contact .wpforms-form input[type="url"],
#contact .wpforms-form input[type="number"],
#contact .wpforms-form textarea,
#contact .wpforms-form select{
  width: 100%;
  background: var(--bg);
  color: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  line-height: 1.4;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

/* Height tweaks */
#contact .wpforms-form input[type="text"],
#contact .wpforms-form input[type="email"],
#contact .wpforms-form input[type="tel"],
#contact .wpforms-form input[type="url"],
#contact .wpforms-form input[type="number"],
#contact .wpforms-form select{
  height: 44px;
}
#contact .wpforms-form textarea{
  min-height: 180px;
  resize: vertical;
}

/* Placeholder */
#contact .wpforms-form ::placeholder{ color: rgba(255,255,255,.55); }

/* Focus glow (blue→green) */
#contact .wpforms-form input:focus,
#contact .wpforms-form textarea:focus,
#contact .wpforms-form select:focus{
  border-color: transparent;
  box-shadow:
    0 0 0 1px transparent inset,
    0 0 0 2px rgba(96,165,250,.35),
    0 10px 26px rgba(34,197,94,.18);
  background:
    linear-gradient(var(--bg), var(--bg)) padding-box,
    linear-gradient(90deg,var(--accent2),var(--accent1)) border-box;
  border: 1px solid transparent;
}

/* Field descriptions / small text */
#contact .wpforms-field-description,
#contact .wpforms-field-hint{
  color: var(--muted);
  font-size: 12px;
  margin-top: 6px;
}

/* Checkboxes / radios */
#contact .wpforms-form input[type="checkbox"],
#contact .wpforms-form input[type="radio"]{
  accent-color: #22c55e;
}
#contact .wpforms-form .wpforms-field-checkbox li,
#contact .wpforms-form .wpforms-field-radio li{
  color: var(--muted);
}

/* Errors */
#contact .wpforms-error{
  color:#ff6b6b !important;
  font-weight:700;
  font-size:12px;
  margin-top:6px;
}
#contact .wpforms-has-error input,
#contact .wpforms-has-error textarea,
#contact .wpforms-has-error select{
  border-color:#ff6b6b !important;
  box-shadow:0 0 0 2px rgba(255,107,107,.25) !important;
}

/* Success / confirmation */
#contact .wpforms-confirmation-container-full{
  background: rgba(34,197,94,.10);
  border:1px solid rgba(34,197,94,.35);
  color:#d1fae5;
  border-radius:14px;
  padding:14px 16px;
}

/* --- Submit Button (gradient + motion; matches your CTA vibe) --- */
#contact .wpforms-submit-container{
  margin-top: 14px;
}
#contact .wpforms-submit{
  display:block;
  width: 160px;                  /* need full width? change to 100% */
  height: 46px;
  border-radius: 14px;
  border: 0;
  cursor: pointer;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: .01em;
  color: #0b1220;
  background: linear-gradient(90deg,#60a5fa,#22c55e);
  background-size: 120% 100%;
  animation: ylpSlide 7s ease-in-out infinite alternate;
  box-shadow:
    0 14px 30px rgba(34,197,94,.26),
    inset 0 1.5px 0 rgba(255,255,255,.35);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
#contact .wpforms-submit:hover{
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow:
    0 18px 40px rgba(34,197,94,.32),
    inset 0 2px 0 rgba(255,255,255,.4);
}
#contact .wpforms-submit:active{ transform: translateY(0); }

/* Optional: make button align left on big screens & full width on mobile */
#contact .wpforms-submit-container{ text-align:left; }
@media (max-width:640px){
  #contact .wpforms-submit{ width:100%; height:50px; font-size:17px; }
}

/* Animations reuse */
@keyframes ylpSlide{0%{background-position:0% 50%}100%{background-position:100% 50%}}/* End custom CSS */