.img_now {
    
filter: drop-shadow(0px 5px 5px grey);
    /* position: absolute; */
}
.secondbtn {
    display: flex;
    padding: 13px 38px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: var(--XXL, 40px);
    border: 2px solid var(--Secondary-Bright-Yellow, #FFCF06);
    background: var(--Secondary-Bright-Yellow, white);
    color: var(--Primary-Off-Black, #FFCF06);
    text-align: center;
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
    text-transform: capitalize;
    margin-top: 24px;
    width: 100%;
}
.secondbtn:hover {
    display: flex;
    padding: 13px 38px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: var(--XXL, 40px);
    border: 2px solid var(--Secondary-Bright-Yellow, #FFCF06);
    background: var(--Secondary-Bright-Yellow, white);
    color: var(--Primary-Off-Black, #231F1C);
    text-align: center;
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
    text-transform: capitalize;
}

.desktop_none {
    display: none;
}
.mobile_none {
    display: block;
}
.fm_sec1 {
    padding-top: 230px;
    padding-bottom: 80px;
    background: url(../img/sec1_bg_main.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.pot_air {
    position: absolute;
    top: 250px;
}
.top_air {
    position: absolute;
    width: 80.398px;
    height: 90.641px;
    top: 32px;
    left: 72px;
}

.in_sec1 {
    display: flex;
    flex-direction: row;
    gap: 68px;
    justify-content: center;
}
.sec1_tt {
    color: var(--Primary-Off-Black, #231F1C);

    /* H/H1 */
    font-family: Manrope;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 67.2px */
    text-transform: capitalize;
    align-self: stretch;
    margin-bottom: 0;
}

.sec1_pp {
    color: var(--Primary-Vibrant-Purple, #6A0DAD);

    /* P/Standard */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    align-self: stretch;
    margin-bottom: 0;
}
.sec1_textsec {
    display: flex;
    width: 599px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--L, 24px);
    justify-content: center;
}

/* sec4 start */

.fm_sec4 {
    padding: 104px 0px 40px 0px;
    background: url(../img/sec4_bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.in_sec4 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}
.sec4_top {
    display: flex;
    width: 635px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.sec4_tt {
    color: var(--Primary-Off-Black, #231F1C);
    text-align: center;
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 56px */
    text-transform: capitalize;
    align-self: stretch;
    margin-bottom: 0;
}

.sec4_pp {
    color: var(--Primary-Vibrant-Purple, #6A0DAD);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; 
    align-self: stretch;
    margin-bottom: 0;
}


.sec4_middle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 72px;
    align-self: stretch;
}

.sec4_left {
    display: flex;
    width: 451px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.left_each {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.each_tt {
    color: var(--Primary-Off-Black, #231F1C);
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    text-transform: capitalize;
    align-self: stretch;
    margin-bottom: 0;
}

.each_pp {
    color: var(--Primary-Vibrant-Purple, #6A0DAD);

    /* P/Small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; 
    align-self: stretch;
    margin-bottom: 0;
}
/* sec4 end */

/* sec2 start */

.fm_sec2 {
    background: url(../img/gens_sec2bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.mainin_sec2 {
        display: flex;
        flex-direction: row;
        gap: 92px;
        justify-content: center;
}

.in_sec2 {
    display: flex;
    width: 525px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--L, 24px);
    justify-content: center;
}

.sec2_tt {
    color: var(--Primary-Off-Black, #231F1C);

    /* H/H2 */
    font-family: Manrope;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 56px */
    text-transform: capitalize;
    margin-bottom: 0;
    align-self: stretch;
}

.sec2_pp {
    color: var(--Primary-Vibrant-Purple, #6A0DAD);

    /* P/Standard */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */
    margin-bottom: 0;
    align-self: stretch;
}

/* sec2 end */




@media only screen and (max-width: 600px) {
    .mobile_none {
        display: none;
    }
    .desktop_none {
        display: block;
    }
    /* sec4 start */
    .in_sec4 {
        align-items: stretch;
    }
    .fm_sec4 {
        padding: 67px 24px 32px 24px;
        background: url(../img/mob_gens_sec4bg.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .sec4_tt {
        color: var(--Primary-Off-Black, #231F1C);
        text-align: center;

        /* H/MH1 */
        font-family: Manrope;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 44.8px */
        text-transform: capitalize;
    }

    .sec4_pp {
        color: var(--Primary-Vibrant-Purple, #6A0DAD);
        text-align: center;
        
        /* P/Standard */
        font-family: Manrope;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 25.6px */
    }
    .each_tt  {
        color: var(--Primary-Off-Black, #231F1C);
        text-align: center;

        /* H/H3 */
        font-family: Manrope;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 33.6px */
        text-transform: capitalize;
    }
    .each_pp {
        color: var(--Primary-Vibrant-Purple, #6A0DAD);
        text-align: center;
        font-family: Manrope;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%; /* 25.2px */
    }

    .sec4_top {
        gap: 16px;
        width: auto;
    }

    .sec4_left {
        width: auto;
    }

    .sec4_middle {
        gap: 32px;
        flex-direction: column;
    }
    /* sec4 end */

    /* sec2 start */
    .fm_sec2 {
        padding: 0px 24px 72px 24px;
        background: url(../img/final_bg_phone.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .sec2_tt {
        color: var(--Primary-Off-Black, #231F1C);

        /* H/MH1 */
        font-family: Manrope;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 44.8px */
        text-transform: capitalize;
    }
    
    .sec2_pp {
        color: var(--Primary-Vibrant-Purple, #6A0DAD);

        /* P/Standard */
        font-family: Manrope;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 25.6px */
    }
    .in_sec2 {
        gap: 16px;
        width: auto;
        align-items: stretch;
    }
    .mainin_sec2 {
        flex-direction: column;
        gap: 0;
    }
    .btn_wid {
        width: 100%;
    }

    /* sec2 end */
    .fm_sec1 {
        padding: 128px 24px 32px 24px;
        background: url(../img/mob_sec1.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    
    .sec1_tt {
        color: var(--Primary-Off-Black, #231F1C);
        text-align: center;
        
        /* H/MH1 */
        font-family: Manrope;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 44.8px */
        text-transform: capitalize;
    }
    .sec1_pp {
        color: var(--Primary-Vibrant-Purple, #6A0DAD);
        text-align: center;
        
        /* P/Standard */
        font-family: Manrope;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 25.6px */
    }
    .sec1_textsec {
        gap: 16px;
        width: auto;
        align-items: stretch;
    }
    .in_sec1 {
            flex-direction: column-reverse;
            gap: 24px;
    }
    .only_this {
        margin-bottom: 16px;
    }


}


@media only screen and (min-width: 1200px) and (max-width:1348px) {
        .mainin_sec2 {
            gap: 58px;
        }
        .pot_air {
            position: absolute;
            top: 250px;
            left: -106px;
        }
        .in_sec1 {
            gap: 18px;
        }
        .sec1_textsec {
            width: 490px;
        }

        .top_air {
            top: -3px;
            left: 11px;
        }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .pot_air {
        position: absolute;
        top: 250px;
        left: -121px;
    }
    .in_sec1 {
        gap: 18px;
    }
    .top_air {
        top: -3px;
        left: 11px;
    }
    
}
@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .pot_air {
        position: absolute;
        top: 250px;
        left: -85px;
    }
    .in_sec1 {
        gap: 18px;
    }
    .top_air {
        left: 12px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .pot_air {
        position: absolute;
        top: 250px;
        left: -41px;
    }
    .in_sec1 {
        gap: 18px;
    }
    .top_air {
        left: 35px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .pot_air {
        position: absolute;
        top: 250px;
        left: -41px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {
    
}