.elementor-19 .elementor-element.elementor-element-76e8beb{--display:flex;--min-height:500px;--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;--gap:50px 050px;--row-gap:50px;--column-gap:050px;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:190px;--padding-right:080px;}.elementor-19 .elementor-element.elementor-element-76e8beb:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-76e8beb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;background-image:url("https://thisiswdi.com/wp-content/uploads/2025/03/stock-photo-portrait-of-successful-group-of-people-working-at-online-web-store-men-and-women-at-ecommerce-1402579832-4.png");}.elementor-19 .elementor-element.elementor-element-76e8beb::before, .elementor-19 .elementor-element.elementor-element-76e8beb > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-76e8beb > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-76e8beb > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-76e8beb > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-76e8beb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-bbc1c13{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-19 .elementor-element.elementor-element-bbc1c13 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-bbc1c13.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-bbc1c13 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:54px;font-weight:900;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-d927162{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;font-family:"Kanit", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-d927162 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-d927162.elementor-element{--align-self:flex-start;}.elementor-19 .elementor-element.elementor-element-781c921{--display:flex;--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:20px 0148px;--row-gap:20px;--column-gap:0148px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:80px;}.elementor-19 .elementor-element.elementor-element-d9a97f5{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-d9a97f5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-7e38663{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:190px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-9f33579{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-9f33579 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-9f33579.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-9f33579 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:54px;font-weight:900;color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-723a923{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;}.elementor-19 .elementor-element.elementor-element-723a923 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-f0a4545{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-5e2d420 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-5e2d420 img{width:100%;max-width:100%;height:500px;}.elementor-19 .elementor-element.elementor-element-31c47db{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-31c47db:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-31c47db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__area{background-color:#121212;padding:200px 0px 320px 0px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__text{color:#ffffff;top:-80px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__list-1{gap:30px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__column{gap:30px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__column.right-column{margin-top:550px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__item{border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__item img{border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__info{background-color:#00E1FF;padding:15px 15px 15px 15px;border-radius:5px 5px 5px 5px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__title{color:#1c1c1c;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__info p{color:#1c1c1c;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-d9a97f5{--width:60%;}.elementor-19 .elementor-element.elementor-element-f0a4545{--width:40%;}.elementor-19 .elementor-element.elementor-element-31c47db{--width:100%;}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-76e8beb{--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:20px 020px;--row-gap:20px;--column-gap:020px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-bbc1c13{width:var( --container-widget-width, 503px );max-width:503px;--container-widget-width:503px;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-bbc1c13 > .elementor-widget-container{padding:0px 0px 0px 119px;}.elementor-19 .elementor-element.elementor-element-bbc1c13 .elementor-heading-title{font-size:36px;line-height:1.2em;}.elementor-19 .elementor-element.elementor-element-d927162{width:var( --container-widget-width, 503px );max-width:503px;--container-widget-width:503px;--container-widget-flex-grow:0;font-size:16px;}.elementor-19 .elementor-element.elementor-element-d927162 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-d927162.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-781c921{--min-height:0px;--gap:20px 30px;--row-gap:20px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-19 .elementor-element.elementor-element-d9a97f5{--min-height:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-9f33579{width:var( --container-widget-width, 503px );max-width:503px;--container-widget-width:503px;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-9f33579 > .elementor-widget-container{padding:0px 0px 0px 119px;}.elementor-19 .elementor-element.elementor-element-9f33579 .elementor-heading-title{font-size:36px;line-height:1.2em;}.elementor-19 .elementor-element.elementor-element-723a923{font-size:14px;}.elementor-19 .elementor-element.elementor-element-f0a4545{--min-height:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-5e2d420 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-5e2d420 img{width:99%;max-width:100%;height:100%;}.elementor-19 .elementor-element.elementor-element-31c47db{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-76e8beb{--min-height:350px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-bbc1c13{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-bbc1c13 > .elementor-widget-container{padding:0px 0px 0px 90px;}.elementor-19 .elementor-element.elementor-element-bbc1c13 .elementor-heading-title{font-size:28px;}.elementor-19 .elementor-element.elementor-element-d927162 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 90px;}.elementor-19 .elementor-element.elementor-element-d927162{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:15px;}.elementor-19 .elementor-element.elementor-element-781c921{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-d9a97f5{--min-height:0px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:18px;}.elementor-19 .elementor-element.elementor-element-7e38663{--padding-top:0px;--padding-bottom:0px;--padding-left:90px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-9f33579{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-9f33579 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-9f33579 .elementor-heading-title{font-size:28px;}.elementor-19 .elementor-element.elementor-element-723a923 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-f0a4545{--padding-top:0px;--padding-bottom:050px;--padding-left:90px;--padding-right:18px;}.elementor-19 .elementor-element.elementor-element-5e2d420 img{width:100%;}.elementor-19 .elementor-element.elementor-element-31c47db{--padding-top:0px;--padding-bottom:0px;--padding-left:14px;--padding-right:7px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__area{padding:90px 12px 90px 70px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__text{font-size:35px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__list-1{gap:26px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__column{gap:26px;}.elementor-19 .elementor-element.elementor-element-ea2c9d3 .portfolio__column.right-column{margin-top:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-781c921{--width:100%;}.elementor-19 .elementor-element.elementor-element-d9a97f5{--width:66%;}.elementor-19 .elementor-element.elementor-element-f0a4545{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-d9a97f5 *//*Code for the onload load animation*/

/*Add this code in the container where you have your text and set 
the class on the text/heading widget */

.text {
    overflow: hidden;
}

/*Add this code under the custom CSS of the HTML widget you have your GSAP code. 
If you forget to add this, the effect will not work*/

.char {
    transform: translateY(175px);
    transition: transform .8s ;
}/* End custom CSS */
/* Start custom CSS for webfarus_portfolio, class: .elementor-element-ea2c9d3 */.portfolio__info {
    right: 78px!important;
}/* End custom CSS */