.elementor-301 .elementor-element.elementor-element-3b91384:not(.elementor-motion-effects-element-type-background), .elementor-301 .elementor-element.elementor-element-3b91384 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunlights.in/wp-content/uploads/2026/05/Agriculture-Irrigationbanner.png");background-position:0px -5px;background-repeat:no-repeat;background-size:cover;}.elementor-301 .elementor-element.elementor-element-3b91384 > .elementor-container{min-height:813px;}.elementor-301 .elementor-element.elementor-element-3b91384{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-80px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-301 .elementor-element.elementor-element-3b91384 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-301 .elementor-element.elementor-element-ba84dfc{z-index:1;}.elementor-301 .elementor-element.elementor-element-06c40b2:not(.elementor-motion-effects-element-type-background), .elementor-301 .elementor-element.elementor-element-06c40b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F2F2;}.elementor-301 .elementor-element.elementor-element-06c40b2 > .elementor-container{min-height:184px;}.elementor-301 .elementor-element.elementor-element-06c40b2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-301 .elementor-element.elementor-element-06c40b2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-301 .elementor-element.elementor-element-63b2b5f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-301 .elementor-element.elementor-element-63b2b5f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-301 .elementor-element.elementor-element-240b801{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-301 .elementor-element.elementor-element-240b801 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-c8745ad );}.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-301 .elementor-element.elementor-element-b266b07{text-align:start;color:var( --e-global-color-c8745ad );}.elementor-301 .elementor-element.elementor-element-6c5a766{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-301 .elementor-element.elementor-element-6c5a766 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-301 .elementor-element.elementor-element-4aaf17b img{border-radius:7px 7px 7px 7px;}.elementor-301 .elementor-element.elementor-element-9c68ee4 img{border-radius:7px 7px 7px 7px;}.elementor-301 .elementor-element.elementor-element-c54b9c6 img{border-radius:7px 7px 7px 7px;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-301 .elementor-element.elementor-element-3b91384:not(.elementor-motion-effects-element-type-background), .elementor-301 .elementor-element.elementor-element-3b91384 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-301 .elementor-element.elementor-element-3b91384:not(.elementor-motion-effects-element-type-background), .elementor-301 .elementor-element.elementor-element-3b91384 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-301 .elementor-element.elementor-element-3b91384:not(.elementor-motion-effects-element-type-background), .elementor-301 .elementor-element.elementor-element-3b91384 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunlights.in/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-31-at-6.19.01-AM.jpeg");background-position:-800px 0px;}.elementor-301 .elementor-element.elementor-element-3b91384 > .elementor-container{min-height:820px;}.elementor-301 .elementor-element.elementor-element-ba84dfc{margin:-190px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -27px;}.elementor-301 .elementor-element.elementor-element-4aaf17b img{border-radius:7px 7px 7px 7px;}.elementor-301 .elementor-element.elementor-element-9c68ee4 img{border-radius:7px 7px 7px 7px;}.elementor-301 .elementor-element.elementor-element-c54b9c6 img{border-radius:7px 7px 7px 7px;}}/* Start custom CSS for html, class: .elementor-element-ba84dfc *//* MOBILE */

@media(max-width:991px){

.sl-hero-heading-wrap{

    left:20px;
    right:20px;

    top:50%;

    transform:
    translateY(-50%);
}

}

.sl-hero-heading-wrap{
    position:relative;
    z-index:999;
    max-width:920px;
}
.sl-hero-heading-wrap{
    position:relative;
    z-index:999;
    max-width:920px;

    margin-left:40px;
}
/* ==========================
PREMIUM TAG
========================== */

.sl-tech-badge{

    display:inline-flex;
    align-items:center;

    padding:16px 30px;

    border-radius:100px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.20),
        rgba(255,255,255,.08)
    );

    backdrop-filter:blur(18px);

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

    color:#fff;

    font-size:14px;
    font-weight:700;

    letter-spacing:1px;

    margin-bottom:24px;

    text-shadow:
    0 1px 3px
    rgba(0,0,0,.22);

    box-shadow:
    0 8px 25px
    rgba(0,0,0,.08);
}

/* ==========================
HEADING WRAP
========================== */

.sl-main-heading{
    margin:0;
    line-height:.96;
}

/* SMALL TEXT */

.sl-small-line{

    display:block;

    font-size:42px;
    font-weight:600;

    margin-bottom:12px;

    color:#fff;

    text-shadow:
    0 2px 10px
    rgba(0,0,0,.16);
}

/* ==========================
BIG PREMIUM TEXT
========================== */

.sl-big-line{

    display:block;

    position:relative;

    font-size:52px;
    font-weight:900;

    line-height:.98;
    letter-spacing:-2px;

    /* ORANGE EDGE */

    -webkit-text-stroke:
    1px rgba(241,110,37,.45);

    /* TEXT COLOR */

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f7f7f7 18%,
        #e6e6e6 38%,
        #ffffff 52%,
        #d7d7d7 72%,
        #ffffff 100%
    );

    background-size:
    100% 100%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    /* PREMIUM DEPTH */

    text-shadow:

    0 1px 0
    rgba(255,255,255,.10),

    0 2px 8px
    rgba(0,0,0,.08),

    0 6px 16px
    rgba(0,0,0,.08);

    filter:
    drop-shadow(
    0 0 10px
    rgba(241,110,37,.08));
}

/* ==========================
TEXT-ONLY SHINE
(INSIDE TEXT ONLY)
========================== */

.sl-shine{

    background:
    linear-gradient(
        120deg,

        #ffffff 0%,
        #efefef 18%,
        #d8d8d8 38%,
        #ffffff 50%,
        #f7af2a 52%,
        #ffffff 58%,
        #d7d7d7 72%,
        #ffffff 100%
    );

    background-size:
    250% auto;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:
    sunlightPremiumShine
    9s linear infinite;
}

/* ==========================
MODEL CHIP
========================== */

.sl-model-chip{

    display:inline-flex;
    align-items:center;
    gap:14px;

    margin-top:28px;

    padding:18px 28px;

    border-radius:24px;

    background:
    linear-gradient(
        135deg,
        rgba(6,21,62,.88),
        rgba(241,110,37,.18)
    );

    backdrop-filter:
    blur(18px);

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

    box-shadow:
    0 8px 20px
    rgba(0,0,0,.12);
}

.sl-model-label{

    color:#F16E25;

    font-size:18px;
    font-weight:700;
}

.sl-model-name{

    color:#fff;

    font-size:18px;
    font-weight:600;
}



@keyframes sunlightPremiumShine{

    0%{
        background-position:
        -250% center;
    }

    100%{
        background-position:
        250% center;
    }
}

/* ==========================
MOBILE
========================== */

@media(max-width:991px){

.sl-small-line{
    font-size:24px;
}

.sl-big-line{
    font-size:48px;
    line-height:1.03;
}

.sl-tech-badge{
    font-size:12px;
    padding:13px 18px;
}

.sl-model-chip{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
}

}

@media(max-width:480px){

.sl-big-line{
    font-size:40px;
}

.sl-model-chip{
    padding:16px 18px;
}

.sl-model-name{
    font-size:15px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-519f2d5 *//* ==========================
COMPACT FEATURES GRID
========================== */

.ci-features-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:14px;
}

/* CARD */

.ci-card{

    position:relative;

    padding:18px;

    border-radius:18px;

    background:#fff;

    border:1px solid
    rgba(10,26,58,.06);

    box-shadow:
    0 8px 20px
    rgba(0,0,0,.05);

    transition:.35s ease;

    overflow:hidden;
}

.ci-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:4px;
    height:100%;

    background:
    linear-gradient(
    180deg,
    #ff7a00,
    #ff5100);
}

.ci-card:hover{

    transform:
    translateY(-5px);

    box-shadow:
    0 16px 28px
    rgba(0,0,0,.08);
}

.ci-card h3{

    margin:0 0 6px;

    font-size:18px;
    font-weight:700;

    color:#0a1a3a;

    line-height:1.3;
}

.ci-card p{

    margin:0;

    font-size:13px;

    color:#6b7280;

    line-height:1.5;
}

/* MOBILE */

@media(max-width:767px){

.ci-features-grid{

    grid-template-columns:1fr;
}

.ci-card{

    padding:16px;
}

.ci-card h3{

    font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-63b2b5f */.main-hero{
transition:all .8s ease;
position:relative;
overflow:hidden;
background:#f8f9fb;
}

.main-hero::before{
content:"";
position:absolute;
inset:0;
opacity:0;
transition:.8s ease;
z-index:1;
}

.main-hero > *{
position:relative;
z-index:2;
}

.main-hero.hero-street{
background:linear-gradient(135deg,#07142c,#0a1f47,#091222);
}

.main-hero.hero-street::before{
opacity:1;
background:
radial-gradient(circle at 20% 35%, rgba(238,116,38,.18), transparent 28%),
radial-gradient(circle at 80% 60%, rgba(255,180,0,.10), transparent 25%);
}

.main-hero.hero-street *{
color:#fff !important;
}

.main-hero.hero-street img{
opacity:.35 !important;
filter:brightness(.8);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb55462 *//* =====================================
PREMIUM METRICS BAR
===================================== */

.ci-metrics-bar{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:20px 28px;

    border-radius:24px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.92),
        rgba(248,251,255,.96)
    );

    border:
    1px solid
    rgba(8,27,75,.06);

    box-shadow:
    0 12px 30px
    rgba(0,0,0,.05);

    margin-top:24px;
}

/* ITEM */

.ci-metric{

    flex:1;

    text-align:center;
}

/* NUMBER */

.ci-metric h3{

    margin:0 0 4px;

    font-size:30px;
    font-weight:800;

    color:#F16E25;

    line-height:1;
}

/* LABEL */

.ci-metric span{

    display:block;

    font-size:13px;
    font-weight:500;

    color:#667085;

    line-height:1.4;
}

/* DIVIDER */

.ci-divider{

    width:1px;
    height:42px;

    background:
    rgba(8,27,75,.10);
}


/* HOVER */

.ci-metric{

    transition:.35s ease;
}

.ci-metric:hover{

    transform:
    translateY(-4px);
}

/* TABLET */

@media(max-width:991px){

.ci-metrics-bar{

    gap:10px;
    padding:18px;
}

.ci-metric h3{

    font-size:24px;
}

}


/* MOBILE */

@media(max-width:767px){

.ci-metrics-bar{

    flex-wrap:wrap;

    row-gap:20px;
}

.ci-divider{

    display:none;
}

.ci-metric{

    min-width:45%;
}

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6c5a766 */.main-hero{
transition:all .8s ease;
position:relative;
overflow:hidden;
background:#f8f9fb;
}

.main-hero::before{
content:"";
position:absolute;
inset:0;
opacity:0;
transition:.8s ease;
z-index:1;
}

.main-hero > *{
position:relative;
z-index:2;
}

.main-hero.hero-street{
background:linear-gradient(135deg,#07142c,#0a1f47,#091222);
}

.main-hero.hero-street::before{
opacity:1;
background:
radial-gradient(circle at 20% 35%, rgba(238,116,38,.18), transparent 28%),
radial-gradient(circle at 80% 60%, rgba(255,180,0,.10), transparent 25%);
}

.main-hero.hero-street *{
color:#fff !important;
}

.main-hero.hero-street img{
opacity:.35 !important;
filter:brightness(.8);
}/* End custom CSS */