.elementor-288 .elementor-element.elementor-element-cfd3328 > .elementor-container{min-height:0px;}.elementor-288 .elementor-element.elementor-element-cfd3328{margin-top:-29px;margin-bottom:0px;}.elementor-288 .elementor-element.elementor-element-fb2817c{--e-image-carousel-slides-to-show:3;}.elementor-288 .elementor-element.elementor-element-fb2817c .swiper-pagination-bullet{width:5px;height:5px;background:#030266;}.elementor-288 .elementor-element.elementor-element-fb2817c .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FFFFFF;opacity:1;}.elementor-288 .elementor-element.elementor-element-fb2817c .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-288 .elementor-element.elementor-element-2a3f84c{--e-image-carousel-slides-to-show:6;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3bdd7cf *//* ==========================
   GOOGLE FONT
========================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap');


/* ==========================
   RIGHT SIDE FLOATING BADGES
========================== */

/* SOLAR INNOVATION */

.card-3{
    top: 180px !important;
    right: 120px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999 !important;
}

/* EMPLOYEE GROWTH */

.card-4{
    top: 270px !important;
    right: 40px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999 !important;
}

/* PREMIUM FLOAT */

.card-3,
.card-4{
    animation: premiumFloat 5s ease-in-out infinite;
}

@keyframes premiumFloat{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-12px);
    }

    100%{
        transform: translateY(0px);
    }

}

/* ==========================
   FLOATING CARD FIX
========================== */

.floating-card{
    z-index: 999 !important;
}

/* LEFT TOP CARD (EMPLOYEE CELEBRATIONS) */

.card-1{
    top: 135px !important;
    left: 35px !important;
}

/* TAGLINE UPPER SPACE */

.tagline-box{
    margin-top: 30px;
    position: relative;
    z-index: 99;
}

/* HERO CONTENT ABOVE EVERYTHING */

.sunlife-left{
    position: relative;
    z-index: 20;
}

/* HEADER OVERLAP FIX */

.sunlife-container{
    padding-top: 40px;
}
.sunlife-hero{
    position: relative;
    overflow: hidden;
    background:
    radial-gradient(circle at top left,
    rgba(241,110,37,0.15),
    transparent 35%),

    radial-gradient(circle at bottom right,
    rgba(241,110,37,0.12),
    transparent 35%),

    #06153E;

    padding: 120px 5%;
    font-family: 'Roboto', sans-serif;
}

/* GRID EFFECT */

.grid-overlay{
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size:40px 40px;
    pointer-events:none;
}

/* CONTAINER */

.sunlife-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
    position:relative;
    z-index:3;
}

/* LEFT */

.sunlife-left{
    width:55%;
}

.tagline-box{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:14px 22px;
    border-radius:100px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(20px);
    margin-bottom:35px;
}

.tagline-box span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#F16E25;
    box-shadow:0 0 20px #F16E25;
}

.tagline-box p{
    color:#fff;
    font-size:14px;
    letter-spacing:2px;
    margin:0;
    font-weight:600;
}

.hero-heading{
    font-size:78px;
    line-height:1.1;
    font-weight:800;
    color:#fff;
    margin-bottom:25px;
}

.hero-heading span{
    color:#F16E25;
    display:block;
    text-shadow:0 0 40px rgba(241,110,37,.35);
}

/* TEXT CAROUSEL */

.hero-carousel-wrapper{
    height:55px;
    overflow:hidden;
    margin-bottom:30px;
}

.hero-carousel{
    display:flex;
    flex-direction:column;
    animation:textSlider 18s infinite;
}

.hero-carousel span{
    height:55px;
    display:flex;
    align-items:center;
    font-size:28px;
    font-weight:700;
    color:#F16E25;
}

@keyframes textSlider{
    0%{transform:translateY(0);}
    15%{transform:translateY(0);}
    20%{transform:translateY(-55px);}
    35%{transform:translateY(-55px);}
    40%{transform:translateY(-110px);}
    55%{transform:translateY(-110px);}
    60%{transform:translateY(-165px);}
    75%{transform:translateY(-165px);}
    80%{transform:translateY(-220px);}
    100%{transform:translateY(0);}
}

.hero-description{
    color:rgba(255,255,255,.75);
    font-size:21px;
    line-height:1.9;
    font-weight:600;
    max-width:700px;
    margin-bottom:40px;
}

/* BUTTONS */

.hero-btns{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:55px;
}

.hero-btn-primary,
.hero-btn-secondary{
    text-decoration:none;
    padding:18px 34px;
    border-radius:18px;
    font-size:18px;
    font-weight:700;
    transition:.4s ease;
}

.hero-btn-primary{
    background:#F16E25;
    color:#fff;
    box-shadow:0 20px 40px rgba(241,110,37,.25);
}

.hero-btn-primary:hover{
    transform:translateY(-6px);
}

.hero-btn-secondary{
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(18px);
}

.hero-btn-secondary:hover{
    background:#fff;
    color:#06153E;
}

/* STATS */

.hero-stats{
    display:flex;
    gap:22px;
    flex-wrap:wrap;
}

.stat-box{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(20px);
    border-radius:28px;
    padding:28px;
    min-width:180px;
}

.stat-box h3{
    color:#F16E25;
    font-size:40px;
    margin:0 0 10px;
}

.stat-box p{
    color:#fff;
    margin:0;
    font-size:17px;
}

/* RIGHT */

.sunlife-right{
    width:45%;
    position:relative;
}

.hero-image-wrapper{
    position:relative;
}

.hero-main-image{
    width:100%;
    border-radius:40px;
    position:relative;
    z-index:2;
    border:1px solid rgba(255,255,255,.15);
}

.hero-orange-circle{
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:#F16E25;
    filter:blur(120px);
    opacity:.22;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

/* GLASS CARDS */

.hero-glass-card{
    position:absolute;
    z-index:5;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:26px;
    padding:25px;
    width:260px;
}

.hero-glass-card h4{
    color:#fff;
    margin-bottom:10px;
}

.hero-glass-card p{
    color:rgba(255,255,255,.75);
    margin:0;
}

.top-card{
    top:-30px;
    right:-30px;
}

.bottom-card{
    left:-30px;
    bottom:30px;
}

/* FLOATING BADGES */

.floating-card{
    position:absolute;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(20px);
    color:#fff;
    padding:14px 24px;
    border-radius:100px;
    z-index:2;
    animation:floaty 5s infinite ease-in-out;
}

.card-1{top:10%;left:5%;}
.card-2{top:18%;right:8%;}
.card-3{bottom:25%;left:8%;}
.card-4{bottom:12%;right:10%;}

@keyframes floaty{
    50%{
        transform:translateY(-12px);
    }
}

/* MARQUEE */

.bottom-marquee{
    margin-top:90px;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:24px 0;
}

.marquee-track{
    display:flex;
    width:max-content;
    gap:50px;
    animation:marqueeMove 25s linear infinite;
}

.marquee-track span{
    color:#fff;
    font-weight:700;
    font-size:20px;
}

@keyframes marqueeMove{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

/* MOBILE */

@media(max-width:991px){

    .sunlife-container{
        flex-direction:column;
    }

    .sunlife-left,
    .sunlife-right{
        width:100%;
    }

    .hero-heading{
        font-size:50px;
    }

    .hero-description{
        font-size:18px;
    }

    .hero-glass-card{
        position:relative;
        width:100%;
        margin-top:20px;
    }

    .top-card,
    .bottom-card{
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
    }

    .floating-card{
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e787eed *//* ==========================
SUNLIFE CULTURE V2
========================== */

.sunlife-culture-v2{
    padding:110px 6%;
    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f9fbff);
}

.sl-container{
    max-width:1450px;
    margin:auto;
}

/* TOP */

.sl-top-content{
    text-align:center;
    max-width:760px;
    margin:auto auto 60px;
}

.sl-mini-tag{
    display:inline-block;
    padding:12px 22px;
    border-radius:100px;
    background:
    rgba(241,110,37,.08);

    color:#F16E25;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:18px;
}

.sl-heading{
    font-size:44px;
    color:#06153E;
    font-weight:700;
    margin-bottom:18px;
    line-height:1.2;
}

.sl-subtext{
    font-size:18px;
    line-height:1.9;
    color:#667085;
}

/* CARD ROW */

.sl-card-row{
    display:grid;
    grid-template-columns:
    repeat(4,1fr);

    gap:24px;
    margin-bottom:70px;
}

.sl-card{
    background:#fff;
    border-radius:30px;
    padding:38px 30px;
    text-align:center;

    border:1px solid
    rgba(0,0,0,.05);

    box-shadow:
    0 10px 35px
    rgba(0,0,0,.05);

    transition:.4s ease;
}

.sl-card:hover{
    transform:
    translateY(-8px);

    box-shadow:
    0 20px 45px
    rgba(0,0,0,.08);
}

.sl-icon{
    width:78px;
    height:78px;
    border-radius:24px;
    margin:auto auto 24px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    rgba(241,110,37,.10);

    font-size:34px;
}

.sl-card h4{
    font-size:22px;
    color:#06153E;
    margin-bottom:12px;
    font-weight:600;
}

.sl-card p{
    font-size:16px;
    color:#667085;
    line-height:1.8;
}

/* IMAGE STRIP */

.sl-gallery-strip{
    display:grid;
    grid-template-columns:
    1fr 1.2fr 1fr;

    gap:22px;
}

.sl-image-card{
    height:320px;
    border-radius:34px;
    overflow:hidden;
    position:relative;
}

.sl-image-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s ease;
}

.sl-image-card:hover img{
    transform:scale(1.08);
}

.sl-image-card.active{
    transform:translateY(-18px);
}

/* MOBILE */

@media(max-width:991px){

    .sl-card-row{
        grid-template-columns:1fr;
    }

    .sl-gallery-strip{
        grid-template-columns:1fr;
    }

    .sl-heading{
        font-size:34px;
    }

    .sl-image-card{
        height:260px;
    }

}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2a3f84c */.sl-team-carousel{
    position:relative;
}


/* SLIDE */

.sl-team-carousel .swiper-slide{

    display:flex;
    align-items:center;
    justify-content:center;

    padding:12px;
    height:auto !important;
}


/* IMAGE */

.sl-team-carousel
.elementor-image-carousel-wrapper img{

    width:100% !important;

    /* RECTANGULAR SIZE */
    height:280px !important;
    min-height:280px !important;
    max-height:280px !important;

    object-fit:cover !important;
    object-position:center center;

    border-radius:24px;

    border:
    1px solid
    rgba(255,255,255,.14);

    box-shadow:
    0 14px 38px
    rgba(0,0,0,.10);

    transition:
    transform .35s ease,
    box-shadow .35s ease;

    overflow:hidden;
}


/* HOVER */

.sl-team-carousel
.elementor-image-carousel-wrapper img:hover{

    transform:
    translateY(-5px)
    scale(1.01);

    box-shadow:
    0 22px 50px
    rgba(0,0,0,.14);
}


/* ACTIVE SLIDE */

.sl-team-carousel
.swiper-slide-active img{

    transform:
    scale(1.015);
}


/* DOTS */

.sl-team-carousel .swiper-pagination{

    margin-top:18px;
}


.sl-team-carousel
.swiper-pagination-bullet{

    width:10px;
    height:10px;

    background:
    rgba(11,29,77,.22);

    opacity:1;
}


.sl-team-carousel
.swiper-pagination-bullet-active{

    width:26px;

    border-radius:30px;

    background:
    linear-gradient(
        135deg,
        #F7AF2A,
        #F16E25
    );
}


/* PREMIUM ARROWS */

.sl-team-carousel
.elementor-swiper-button{

    width:50px;
    height:50px;

    border-radius:50%;

    background:
    rgba(255,255,255,.94);

    backdrop-filter:
    blur(16px);

    box-shadow:
    0 10px 24px
    rgba(0,0,0,.10);

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.3s ease;
}


.sl-team-carousel
.elementor-swiper-button:hover{

    transform:
    scale(1.08);

    background:#fff;
}


/* TABLET */

@media(max-width:991px){

.sl-team-carousel
.elementor-image-carousel-wrapper img{

    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;

    border-radius:20px;
}

}


/* MOBILE */

@media(max-width:767px){

.sl-team-carousel
.elementor-image-carousel-wrapper img{

    height:180px !important;
    min-height:180px !important;
    max-height:180px !important;

    border-radius:18px;
}

.sl-team-carousel .swiper-slide{
    padding:8px;
}

}/* End custom CSS */