.elementor-1523 .elementor-element.elementor-element-0f756d1{--display:flex;--min-height:380px;--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;--overlay-opacity:1;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1523 .elementor-element.elementor-element-0f756d1:not(.elementor-motion-effects-element-type-background), .elementor-1523 .elementor-element.elementor-element-0f756d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aosysfoundation.lk/wp-content/uploads/2026/10/WORKSHOPS-aosys-foundation-sri-lanka.webp");background-position:center center;background-size:cover;}.elementor-1523 .elementor-element.elementor-element-0f756d1::before, .elementor-1523 .elementor-element.elementor-element-0f756d1 > .elementor-background-video-container::before, .elementor-1523 .elementor-element.elementor-element-0f756d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1523 .elementor-element.elementor-element-0f756d1 > .elementor-background-slideshow::before, .elementor-1523 .elementor-element.elementor-element-0f756d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1523 .elementor-element.elementor-element-0f756d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-60de218 ) 33%, #04346000 100%);}.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-1523 .elementor-element.elementor-element-f2187a7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1523 .elementor-element.elementor-element-f2187a7.elementor-element{--align-self:flex-start;}.elementor-1523 .elementor-element.elementor-element-f2187a7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;color:var( --e-global-color-a35cf30 );}.elementor-1523 .elementor-element.elementor-element-79c5deb{width:var( --container-widget-width, 39.835% );max-width:39.835%;--container-widget-width:39.835%;--container-widget-flex-grow:0;}.elementor-1523 .elementor-element.elementor-element-79c5deb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1523 .elementor-element.elementor-element-79c5deb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-9ed2f6c );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-1523 .elementor-element.elementor-element-beffa3c{width:var( --container-widget-width, 33.95% );max-width:33.95%;--container-widget-width:33.95%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-4574b16 );}.elementor-1523 .elementor-element.elementor-element-beffa3c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1523 .elementor-element.elementor-element-c831d83{--display:flex;--min-height:491px;--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;--padding-top:040px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-1523 .elementor-element.elementor-element-c831d83:not(.elementor-motion-effects-element-type-background), .elementor-1523 .elementor-element.elementor-element-c831d83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fedd17f );}.elementor-1523 .elementor-element.elementor-element-66c8c69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1523 .elementor-element.elementor-element-66c8c69.elementor-element{--align-self:center;}.elementor-1523 .elementor-element.elementor-element-66c8c69 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;color:var( --e-global-color-92984b6 );}.elementor-1523 .elementor-element.elementor-element-71c75fa{width:var( --container-widget-width, 77.717% );max-width:77.717%;--container-widget-width:77.717%;--container-widget-flex-grow:0;text-align:center;}.elementor-1523 .elementor-element.elementor-element-71c75fa.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1523 .elementor-element.elementor-element-71c75fa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-60de218 );}.elementor-1523 .elementor-element.elementor-element-b983d6f.elementor-element{--align-self:center;}.elementor-1523 .elementor-element.elementor-element-b983d6f{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-60de218 );}.elementor-1523 .elementor-element.elementor-element-ed6bf86{--display:flex;--min-height:356px;--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;}.elementor-1523 .elementor-element.elementor-element-d56326a{--display:flex;border-style:none;--border-style:none;--border-radius:38px 38px 38px 38px;--padding-top:30px;--padding-bottom:020px;--padding-left:40px;--padding-right:40px;}.elementor-1523 .elementor-element.elementor-element-d56326a:not(.elementor-motion-effects-element-type-background), .elementor-1523 .elementor-element.elementor-element-d56326a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4574b16 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1523 .elementor-element.elementor-element-f285f43 img{border-radius:18px 18px 18px 18px;}.elementor-1523 .elementor-element.elementor-element-d0ab901{padding:0px 0px 0px 0px;}.elementor-1523 .elementor-element.elementor-element-d0ab901 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-60de218 );}.elementor-1523 .elementor-element.elementor-element-e7261d1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-60de218 );}.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-1523 .elementor-element.elementor-element-0fbbce4 .elementor-button{background-color:var( --e-global-color-60de218 );font-family:"Instrument Sans", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-4574b16 );color:var( --e-global-color-4574b16 );border-style:none;border-radius:50px 50px 50px 50px;}.elementor-1523 .elementor-element.elementor-element-0fbbce4 .elementor-button:hover, .elementor-1523 .elementor-element.elementor-element-0fbbce4 .elementor-button:focus{background-color:var( --e-global-color-a35cf30 );color:var( --e-global-color-4574b16 );border-color:var( --e-global-color-60de218 );}.elementor-1523 .elementor-element.elementor-element-0fbbce4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1523 .elementor-element.elementor-element-0fbbce4 .elementor-button .elementor-button-content-wrapper{gap:25px;}.elementor-1523 .elementor-element.elementor-element-0fbbce4 .elementor-button:hover svg, .elementor-1523 .elementor-element.elementor-element-0fbbce4 .elementor-button:focus svg{fill:var( --e-global-color-4574b16 );}.elementor-1523 .elementor-element.elementor-element-b309746{--display:flex;border-style:none;--border-style:none;--border-radius:38px 38px 38px 38px;--padding-top:30px;--padding-bottom:020px;--padding-left:40px;--padding-right:40px;}.elementor-1523 .elementor-element.elementor-element-b309746:not(.elementor-motion-effects-element-type-background), .elementor-1523 .elementor-element.elementor-element-b309746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4574b16 );}.elementor-1523 .elementor-element.elementor-element-41a9105 img{border-radius:18px 18px 18px 18px;}.elementor-1523 .elementor-element.elementor-element-e13218f{padding:0px 0px 0px 0px;}.elementor-1523 .elementor-element.elementor-element-e13218f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;color:var( --e-global-color-60de218 );}.elementor-1523 .elementor-element.elementor-element-777822e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-60de218 );}.elementor-1523 .elementor-element.elementor-element-0e159b3 .elementor-button{background-color:var( --e-global-color-60de218 );font-family:"Instrument Sans", Sans-serif;font-size:14px;font-weight:500;fill:var( --e-global-color-4574b16 );color:var( --e-global-color-4574b16 );border-style:none;border-radius:50px 50px 50px 50px;}.elementor-1523 .elementor-element.elementor-element-0e159b3 .elementor-button:hover, .elementor-1523 .elementor-element.elementor-element-0e159b3 .elementor-button:focus{background-color:var( --e-global-color-a35cf30 );color:var( --e-global-color-4574b16 );border-color:var( --e-global-color-60de218 );}.elementor-1523 .elementor-element.elementor-element-0e159b3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1523 .elementor-element.elementor-element-0e159b3 .elementor-button .elementor-button-content-wrapper{gap:25px;}.elementor-1523 .elementor-element.elementor-element-0e159b3 .elementor-button:hover svg, .elementor-1523 .elementor-element.elementor-element-0e159b3 .elementor-button:focus svg{fill:var( --e-global-color-4574b16 );}.elementor-1523 .elementor-element.elementor-element-4424c6a{--display:flex;border-style:none;--border-style:none;--border-radius:38px 38px 38px 38px;--padding-top:30px;--padding-bottom:020px;--padding-left:40px;--padding-right:40px;}.elementor-1523 .elementor-element.elementor-element-4424c6a:not(.elementor-motion-effects-element-type-background), .elementor-1523 .elementor-element.elementor-element-4424c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fedd17f );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1523 .elementor-element.elementor-element-0f756d1{--content-width:1440px;}.elementor-1523 .elementor-element.elementor-element-c831d83{--content-width:1440px;}}@media(max-width:1024px){.elementor-1523 .elementor-element.elementor-element-0f756d1{--min-height:163px;--padding-top:060px;--padding-bottom:060px;--padding-left:020px;--padding-right:020px;}.elementor-1523 .elementor-element.elementor-element-79c5deb{width:var( --container-widget-width, 472.906px );max-width:472.906px;--container-widget-width:472.906px;--container-widget-flex-grow:0;}.elementor-1523 .elementor-element.elementor-element-79c5deb .elementor-heading-title{font-size:32px;}.elementor-1523 .elementor-element.elementor-element-beffa3c{width:var( --container-widget-width, 426.641px );max-width:426.641px;--container-widget-width:426.641px;--container-widget-flex-grow:0;}.elementor-1523 .elementor-element.elementor-element-71c75fa .elementor-heading-title{font-size:32px;}.elementor-1523 .elementor-element.elementor-element-b983d6f{font-size:14px;}}@media(max-width:767px){.elementor-1523 .elementor-element.elementor-element-0f756d1{--min-height:192px;--padding-top:050px;--padding-bottom:50px;--padding-left:020px;--padding-right:020px;}.elementor-1523 .elementor-element.elementor-element-79c5deb{width:var( --container-widget-width, 345.844px );max-width:345.844px;--container-widget-width:345.844px;--container-widget-flex-grow:0;}.elementor-1523 .elementor-element.elementor-element-79c5deb .elementor-heading-title{font-size:26px;}.elementor-1523 .elementor-element.elementor-element-beffa3c{width:var( --container-widget-width, 338px );max-width:338px;--container-widget-width:338px;--container-widget-flex-grow:0;font-size:14px;}.elementor-1523 .elementor-element.elementor-element-71c75fa{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;}.elementor-1523 .elementor-element.elementor-element-71c75fa .elementor-heading-title{font-size:28px;}.elementor-1523 .elementor-element.elementor-element-b983d6f{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-b309746 */.involve-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}

/* Soft glow */
.involve-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    top: -90px;
    right: -70px;
    background: rgba(0, 166, 255, 0.18);
    filter: blur(70px);
    border-radius: 50%;
    opacity: 0.35;
    pointer-events: none;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Bottom light */
.involve-card::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    left: 15%;
    bottom: 0;
    background: rgba(0, 166, 255, 0.35);
    filter: blur(2px);
    opacity: 0.3;
    transition: opacity 0.4s ease;
}

/* Hover */
.involve-card:hover {
    transform: translateY(-7px);
    background: rgba(255, 255, 255, 0.065);
    border-color: rgba(0, 166, 255, 0.35);
    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.18),
        0 0 30px rgba(0, 166, 255, 0.08);
}

.involve-card:hover::before {
    opacity: 0.7;
    transform: scale(1.15);
}

.involve-card:hover::after {
    opacity: 0.8;
}


/* Keep content above effects */
.involve-card > * {
    position: relative;
    z-index: 2;
}


/* Mobile */
@media (max-width: 767px) {
    .involve-card {
        transition:
            border-color 0.35s ease,
            box-shadow 0.35s ease;
    }

    .involve-card:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4424c6a */.involve-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}

/* Soft glow */
.involve-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    top: -90px;
    right: -70px;
    background: rgba(0, 166, 255, 0.18);
    filter: blur(70px);
    border-radius: 50%;
    opacity: 0.35;
    pointer-events: none;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Bottom light */
.involve-card::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    left: 15%;
    bottom: 0;
    background: rgba(0, 166, 255, 0.35);
    filter: blur(2px);
    opacity: 0.3;
    transition: opacity 0.4s ease;
}

/* Hover */
.involve-card:hover {
    transform: translateY(-7px);
    background: rgba(255, 255, 255, 0.065);
    border-color: rgba(0, 166, 255, 0.35);
    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.18),
        0 0 30px rgba(0, 166, 255, 0.08);
}

.involve-card:hover::before {
    opacity: 0.7;
    transform: scale(1.15);
}

.involve-card:hover::after {
    opacity: 0.8;
}


/* Keep content above effects */
.involve-card > * {
    position: relative;
    z-index: 2;
}


/* Mobile */
@media (max-width: 767px) {
    .involve-card {
        transition:
            border-color 0.35s ease,
            box-shadow 0.35s ease;
    }

    .involve-card:hover {
        transform: none;
    }
}/* End custom CSS */