.elementor-19090 .elementor-element.elementor-element-709cc41{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:3%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;--z-index:1;}.elementor-19090 .elementor-element.elementor-element-709cc41:not(.elementor-motion-effects-element-type-background), .elementor-19090 .elementor-element.elementor-element-709cc41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-19090 .elementor-element.elementor-element-bb912bd{--display:flex;--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19090 .elementor-element.elementor-element-8d5ff03{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap: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-19090 .elementor-element.elementor-element-dde1b21{width:auto;max-width:auto;}.elementor-19090 .elementor-element.elementor-element-dde1b21 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:60px;font-weight:700;text-decoration:none;letter-spacing:-5px;color:#FFFFFF;}.elementor-19090 .elementor-element.elementor-element-82e556a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}.elementor-19090 .elementor-element.elementor-element-82e556a{text-align:start;}.elementor-19090 .elementor-element.elementor-element-82e556a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:300;color:#AAAAAA;}.elementor-19090 .elementor-element.elementor-element-e5e60d8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19090 .elementor-element.elementor-element-7aede9f > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-19090 .elementor-element.elementor-element-7aede9f{left:0px;}body.rtl .elementor-19090 .elementor-element.elementor-element-7aede9f{right:0px;}.elementor-19090 .elementor-element.elementor-element-7aede9f{top:0px;z-index:9;}.elementor-19090 .elementor-element.elementor-element-41f8123{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0%;--padding-bottom:8%;--padding-left:9%;--padding-right:9%;--z-index:1;}.elementor-19090 .elementor-element.elementor-element-41f8123:not(.elementor-motion-effects-element-type-background), .elementor-19090 .elementor-element.elementor-element-41f8123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-19090 .elementor-element.elementor-element-fd5a560{--display:flex;}.elementor-19090 .elementor-element.elementor-element-87b4fb5 > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-19090 .elementor-element.elementor-element-87b4fb5{left:1px;}body.rtl .elementor-19090 .elementor-element.elementor-element-87b4fb5{right:1px;}.elementor-19090 .elementor-element.elementor-element-87b4fb5{top:0px;z-index:9;}.elementor-19090 .elementor-element.elementor-element-3f2eaa0{--display:flex;}body.elementor-page-19090:not(.elementor-motion-effects-element-type-background), body.elementor-page-19090 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}body.elementor-page-19090{padding:0% 0% 0% 0%;}@media(max-width:1024px){.elementor-19090 .elementor-element.elementor-element-dde1b21 .elementor-heading-title{font-size:60px;}.elementor-19090 .elementor-element.elementor-element-82e556a .elementor-heading-title{font-size:15px;}}@media(max-width:767px){.elementor-19090 .elementor-element.elementor-element-709cc41{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-19090 .elementor-element.elementor-element-bb912bd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19090 .elementor-element.elementor-element-8d5ff03{--padding-top:20px;--padding-bottom:15px;--padding-left:20px;--padding-right:0px;}.elementor-19090 .elementor-element.elementor-element-dde1b21 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-19090 .elementor-element.elementor-element-dde1b21 .elementor-heading-title{font-size:32px;line-height:1em;letter-spacing:-2.5px;}.elementor-19090 .elementor-element.elementor-element-82e556a > .elementor-widget-container{margin:-5px 0px 0px 0px;padding:0px 0px 0px 5px;}.elementor-19090 .elementor-element.elementor-element-82e556a .elementor-heading-title{font-size:8px;}.elementor-19090 .elementor-element.elementor-element-e5e60d8{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19090 .elementor-element.elementor-element-41f8123{--padding-top:0px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-19090 .elementor-element.elementor-element-8d5ff03{--width:50%;}.elementor-19090 .elementor-element.elementor-element-e5e60d8{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-dde1b21 */.s-style{
    font-size: 18px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid white;
    text-align: center;
    line-height: 1;
    padding:2px 10px 2px 6px;
    margin: -10px 0px 0px 0px !important;
}

.workfolio-heading-a a{
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd5a560 */#workfolio-content > .elementor {
  display: contents;
}/* End custom CSS */
/* Start custom CSS */.lightbox-info-text {
    position: absolute;
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 6px 12px;
    border-radius: 16px;
    border: 1px solid #1BD15E;
    font-size: 12px;
    font-family: sans-serif;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    font-family: 'DM Sans', Sans-Serif !important;
}


.elementor-popup {
    display: block !important; 
}
.df-bg{
    background-color:white !important;
}
.df-lite {
    width: 100% !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.flipbook-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
#page .site-content{
    background-color: black !important;
}
.elementor-lightbox .e-eicon-share-arrow {
  display: none !important;
}


.df-lite{
    height:90vh !important;
}
.workfolio-card {
    cursor: pointer ;
}
button *{
    cursor: pointer ;
}



/*a[class*="eael-wrapper-link"] {*/
/*  position: absolute !important;*/
/*  inset: 0;*/
/*  display: none;*/
/*  z-index: 5;*/
/*}*/

/* 🔥 Make every EAEL card / element a positioning context */
.tabs-guard-sec .elementor-element {
  position: relative;
}


/*a[class*="eael-wrapper-link"] {*/
/*  position: absolute !important;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  display: none;*/
/*  pointer-events: auto;*/
/*  z-index: 5;*/
/*}*/
@media(max-width:767px){
    .overlay-textservices{
        opacity:0 !important;
    }
    .lightbox-info-text{
        font-size: 10px;
        padding: 6px 12px;
        border-radius: 100px;
        width: 70%;
    }
}


.workfolio-card {
  position: relative;
}

/* only EA wrapper INSIDE logo-card */
/*.workfolio-card > a[class*="eael-wrapper-link"] {*/
/*  position: absolute !important;*/
/*  inset: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  z-index: 5;*/
/*}*/

/* Overlay must be above EA wrapper */
.overlay-textservices {
  position: relative;
  z-index: 10;
}

.overlay-textservices {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Detect hover on the card itself */
.workfolio-card:hover .overlay-textservices {
  opacity: 1;
}

/* Move background on hover */
.workfolio-card:hover .bg-textservices {
  transform: translateY(-20px);
}

.bg-textservices {
  transition: transform 0.3s ease-in-out;
}


/*.elementor-element.e-con {*/
/*  position: relative;*/
/*}*/







/* Initial state: section scaled down */
.bg-textservices {
  transform: scale(0.9);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: center center;
  position: relative; /* ensure ::before positions correctly */
  overflow: hidden;   /* hide excess background zoom */
}

/* Section scroll-in */
.bg-textservices.scroll-in {
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ::before background starts zoomed at 1.2, settles to 1 */
.bg-textservices::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 200%; /* starts slightly zoomed */
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transition: background-size 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* smooth zoom-out */
}

/* Scroll-in: zoom background to normal 100% */
.bg-textservices.scroll-in::before {
  background-size: 100%; /* final size */
}
.elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row-reverse !important;
}
.elementor-icon-box-title a {
    color: black !important;
}






.bg-textservices:hover .overlay-textservices{ 
    opacity: 1 !important;
    transition: all 0.3s ease-in-out; }/* End custom CSS */