.elementor-3 .elementor-element.elementor-element-f9c6b4e{--display:flex;--min-height:420px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-f9c6b4e:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-f9c6b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4dd8e36 );}.elementor-3 .elementor-element.elementor-element-f9c6b4e::before, .elementor-3 .elementor-element.elementor-element-f9c6b4e > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-f9c6b4e > .e-con-inner > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-f9c6b4e > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-f9c6b4e > .e-con-inner > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-f9c6b4e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3 .elementor-element.elementor-element-f9c6b4e.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-3 .elementor-element.elementor-element-a42cd1a{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 20px;--row-gap:15px;--column-gap:20px;--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-3 .elementor-element.elementor-element-f5ad215{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3 .elementor-element.elementor-element-f5ad215 .elementor-heading-title{font-size:54px;}.elementor-3 .elementor-element.elementor-element-6c87f07{--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;--justify-content:center;--overlay-opacity:1;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-6c87f07::before, .elementor-3 .elementor-element.elementor-element-6c87f07 > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-6c87f07 > .e-con-inner > .elementor-background-video-container::before, .elementor-3 .elementor-element.elementor-element-6c87f07 > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-6c87f07 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3 .elementor-element.elementor-element-6c87f07 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("/wp-content/themes/hello-theme-child-master/assets/images/blue-heroe-btm.svg");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;}.elementor-3 .elementor-element.elementor-element-6c87f07.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3 .elementor-element.elementor-element-8af6082{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 70px;text-align:center;}.elementor-3 .elementor-element.elementor-element-8af6082:not( .elementor-widget-image ), .elementor-3 .elementor-element.elementor-element-8af6082.elementor-widget-image img{-webkit-mask-image:url( https://www.telarus.com/wp-content/plugins/elementor/assets/images/placeholder.png );-webkit-mask-size:contain;-webkit-mask-position:center right;-webkit-mask-repeat:no-repeat;}.elementor-3 .elementor-element.elementor-element-8af6082 img{width:100%;max-width:100%;opacity:0.8;}.elementor-3 .elementor-element.elementor-element-eb3818f{--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:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-a42cd1a{--width:60%;}.elementor-3 .elementor-element.elementor-element-6c87f07{--width:40%;}.elementor-3 .elementor-element.elementor-element-eb3818f{--content-width:860px;}}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-f9c6b4e{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-6c87f07{--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;}.elementor-3 .elementor-element.elementor-element-6c87f07.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-3 .elementor-element.elementor-element-8af6082{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3 .elementor-element.elementor-element-8af6082:not( .elementor-widget-image ), .elementor-3 .elementor-element.elementor-element-8af6082.elementor-widget-image img{-webkit-mask-size:500px;-webkit-mask-position:custom;-webkit-mask-position-x:0px;-webkit-mask-position-y:44%;-webkit-mask-repeat:no-repeat;}.elementor-3 .elementor-element.elementor-element-8af6082 img{height:100%;object-fit:cover;object-position:top center;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-f9c6b4e{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-a42cd1a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-f5ad215{padding:2px 2px 2px 2px;}.elementor-3 .elementor-element.elementor-element-f5ad215 .elementor-heading-title{font-size:28px;}.elementor-3 .elementor-element.elementor-element-6c87f07{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-6c87f07 */.hero-content-column,
.img-mask-column {
  padding: 0 !important;
  margin: 0 !important;
}

.img-mask-container {
  position: relative;
  overflow: visible;
}



/* Large screens >1315px: fully break out of container */
@media (min-width: 1316px) {
  .img-mask-column {
    position: relative;
    left: calc((100vw - 1316px) / 2);
    width: auto;
    max-width: none;
  }

  .img-mask-column img {
    max-height: 430px;
    width: 100%;
    object-fit: cover;
    display: block;
  }

  .masked-image-shape {
    transform: none;
  }
}


/* Tablet layout: image takes 50%, mask scales, no left shift */
@media (min-width: 768px) and (max-width: 1315px) {
  .img-mask-container {
    flex-direction: row !important;
    align-items: stretch;
    flex-wrap: nowrap;
  }

  .img-mask-column {
    position: relative;
    left: 30px; /* ✅ push right */
    width: 45%;
    height: 500px;
    max-width: none;
  }

  .img-mask-column img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    max-height: 500px;
  }


  .masked-image-shape {
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;

    /* ✅ scale the mask only */

    transform-origin: left center;
  }

  .masked-image-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
    display: block;
  }
}





/* Mobile layout: image overflows off right intentionally */
@media (max-width: 767px) {
  .img-mask-container {
    position: relative;
    overflow-x: visible;
    flex-direction: column;
  }

  .img-mask-column {
    position: relative;
    width: 100vw;
    left: 1rem;
    height: auto;
    max-width: none;
    overflow: visible;
  }

  .img-mask-column img {
    width: 100%;
    object-fit: cover;
    display: block;
    max-height: 350px;
    
  }

  .masked-image-shape {
    transform-origin: left center;
  }

  .masked-image-shape img {
    transform: none;
  }
}


@media (max-width: 1315px) {
  .img-mask-column {
    margin: 0 !important;
  }
}

/* Default: Desktop (≥1316px) */
.masked-image-shape img {
  -webkit-mask-image: url('/wp-content/themes/hello-theme-child-master/assets/images/img-mask.svg') !important;
  -webkit-mask-size: 750px !important;
  -webkit-mask-position: top left !important;
  -webkit-mask-repeat: no-repeat !important;

  mask-image: url('/wp-content/themes/hello-theme-child-master/assets/images/img-mask.svg') !important;
  mask-size: 750px !important;
  mask-position: top left !important;
  mask-repeat: no-repeat !important;
}


/* Tablet: 768–1315px */
@media (max-width: 1315px) {
  .masked-image-shape img {
    -webkit-mask-size: 750px !important;
    mask-size: 750px !important;
  }
}

/* Mobile: ≤767px */
@media (max-width: 767px) {
  .masked-image-shape img {
    -webkit-mask-size: 520px !important;
    mask-size: 520px !important;
    margin-top:50px
  }
}/* End custom CSS */