.hsec2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 76px;


}

.hsec2 h3 {
    text-align: center;
    font: normal normal normal 13px/20px Poppins;
    letter-spacing: 0px;
    color: #135E9E;
    text-transform: uppercase;
    opacity: 1;
}

.hsec2 h1 {
    text-align: center;
    font: normal normal bold 38px/44px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 10px;
    margin-top: 10px;
}

.hsec2 p {
    text-align: center;
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    width: 536px;
    margin-bottom: 20px;

}

.slide-btn {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 194px;
    height: 50px;
    background: #135E9E 0% 0% no-repeat padding-box;
    border-radius: 67px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 13px / 20px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    transition: ease 0.3s;
    border: 1px solid #135E9E;
}

.slide-btn:hover {
    color: #135E9E;
    background: #FFFFFF;
}

.sec3h {
    display: flex;
    gap: 60px;
    margin-top: 94px;
    margin-bottom: 94px;
}

.abt-pic-right {
    width: 577px;
    height: 689px;
}

#onlinecrs1 {
    width: 577px;
    height: 799px;
}

#onlinecrs3 {
    width: 577px;
    height: 555px;
}

#onlinecrs4 {
    width: 577px;
    height: 604px;
}

#onlinecrs5 {
    width: 577px;
    height: 585px;
}

#onlinecrs6 {
    width: 577px;
    height: 320px;
}

.abt-pic-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abt-h-left {
    width: 522px;
}

.sec3-h1-1 {
    text-align: left;
    font: normal normal bold 28px/42px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;

}

.sec3-h1-1copy {
    text-align: left;
    font: normal normal bold 28px/42px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 32px;

}

.sec3-h1-2 {
    text-align: left;
    font: normal normal bold 22px/33px Poppins;
    letter-spacing: -0.44px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin-top: 28px;
    margin-bottom: 13px;
}

.sec3-h1-3 {
    text-align: left;
    font: normal normal 600 16px/25px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 13px;
}

.sec3-h1-4 {
    text-align: left;
    font: normal normal bold 28px/35px Poppins;
    letter-spacing: -0.84px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 15px;
}

.abth1 {
    text-align: left;
    font: normal normal bold 14px/21px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 7px;
}

.abt-list {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.toptitle1 {
    display: flex;
    flex-direction: column;
}

.sec4phil {
    display: flex;
    gap: 60px;
}

.sec4phil .left {
    width: 577px;
    height: 523px;
}

.sec4phil .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.sec4phil .right {
    width: 529px;
    display: flex;
    flex-direction: column;
}

#online2crsright {
    width: 508px;
}

#online2crsright2 {
    width: 508px;
}

.phil-list2 {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.philh1 {
    text-align: left;
    font: normal normal bold 28px/42px Poppins;
    letter-spacing: -0.84px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 20px;
}

.servp {
    text-align: left;
    font: normal normal 300 14px / 21px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.abth1 {
    margin: 0px;
    text-align: left;
    font: normal normal bold 14px / 21px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.sec4phil77 {
    display: flex;
    gap: 60px;
    margin-top: 94px;
    margin-bottom: 94px;
}

.sec4phil77 .left {
    width: 577px;
    height: 557px;
}

.sec4phil77 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.sec4phil77 .right {
    width: 529px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}


.phil-list23 {
    display: flex;


}

.phil-list23 .leftt {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.phil-list23 .rightt {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.philh1 {
    text-align: left;
    font: normal normal bold 28px/42px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;

}

.servp {
    text-align: left;
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.dotts-wraps {
    display: flex;
    flex-direction: column;
}

.dott1 {
    display: flex;
    gap: 11px;
    margin-bottom: 6px;
    align-items: center;
}

.dott1>div {
    width: 9px;
    height: 9px;
    background: #00BF0F 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 35px;
}

#sec4phil99 {
    margin-top: 94px;
}

.grn-dot {
    display: flex;
    gap: 11px;
    margin-bottom: 6px;
    align-items: center;

}

.grn-dot>div {
    width: 9px;
    height: 9px;
    background: #00BF0F 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 35px;

}

@media (max-width:1160px) {
    #onlinecrs1 {
        height: 840px;
    }

    .sec4phil .left {

        height: 553px;
    }

    #onlinecrs3 {

        height: 575px;
    }

    #onlinecrs5 {

        height: 663px;
    }

    #onlinecrs6 {

        height: 337px;
    }

    .sec4phil77 .left {
        height: 611px;
    }

}



@media (max-width:993px) {


    #onlinecrs1 {
        height: 904px;
    }

    .sec4phil .left {
        height: 625px;
    }

    #onlinecrs3 {
        height: 615px;
    }

    #onlinecrs4 {

        height: 625px;
    }

    #onlinecrs5 {
        height: 705px;
    }

    .sec4phil77 {
        gap: 34px;
    }

    .phil-list23 {
        gap: 8px;
    }

    .sec4phil77 .left {
        height: 681px;

    }

}

@media(max-width:870px) {



    #onlinecrs1 {
        height: 1002px;
    }

    .sec4phil .left {
        height: 641px;
    }

    #onlinecrs3 {
        height: 726px;
    }

    #onlinecrs4 {
        height: 709px;
    }

    #onlinecrs5 {
        height: 761px;
    }

    .sec4phil77 .left {
        height: 730px;
    }
}

@media (max-width:760px) {

    .hsec2 p {
        width: 100%;
    }

    .sec3h {
        flex-direction: column;
    }

    .abt-pic-right {
        width: 100%;
        height: auto;
    }

    .abt-h-left {
        width: 100%;
    }

    .sec4phil {
        flex-direction: column-reverse;
    }

    #sec4phil99 {
        flex-direction: column;
        margin-top: 55px;
    }

    .sec4phil .left {
        width: 100%;
        height: 350px;
    }

    .sec4phil .right {
        width: 100%;

    }

    #onlinecrs1 {
        width: 100%;
        height: 350px;
    }


    #onlinecrs3 {
        width: 100%;
        height: 350px;
    }

    #onlinecrs4 {
        width: 100%;
        height: 350px;
    }

    #onlinecrs5 {
        width: 100%;
        height: 350px;
    }

    #onlinecrs6 {
        width: 100%;
        height: 350px;
    }

    #online2crsright {
        width: 100%;
    }

    #online2crsright2 {
        width: 100%;
    }

    .sec3h {

        gap: 40px;
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .sec4phil {

        gap: 40px;
    }

    .phil-list23 {
        gap: 30px;
        flex-direction: column;
    }

    .sec4phil77 {
        flex-direction: column;
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .sec4phil77 .left {
        width: 100%;
        height: 350px;
    }

    .sec4phil77 .right {
        width: 100%;

    }
}