.main-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #ececec, #d6d6d6) no-repeat;
    background-size: 100% 50%;
    /* Gradient covers half of the height */
    background-position: top;
    color: #333;
}

.section-supplier {
    text-align: center;
    max-width: 600px;
    padding: 50px 20px 75px;
    background-color: #ffffff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 80px auto;
}

.title {
    font-size: 48px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 10px;
}

.subtitle {
    font-size: 20px;
    color: #718096;
    margin-bottom: 40px;
}

.btn-register {
    display: inline;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
    color: #cd0000;
    background-color: #ffffff;
    border: 1px solid #cd0000;
    border-radius: 30px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0px 4px 6px rgba(49, 130, 206, 0.4);
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.btn-register:hover {
    background-color: #cd0000;
    box-shadow: 0px 6px 12px rgba(49, 130, 206, 0.5);
    transform: translateY(-2px);
    color: #ffffff;
}

h2.text-center {
    margin-bottom: 20px;
}

.my-90 {
    margin: 20px 0 10px;
}

.m-b90 {
    margin-bottom: 90px;
}

.whylistDiv-margin{
    margin: 20px 0;
}

.h2-mb {
    margin-bottom: 0 !important;
}

.p-mb {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    h2.h2-mb {
        font-size: 18px;
    }

    .my-90 {
        margin: 15px 0 10px;
    }

    .mil-mb-90 {
        margin-bottom: 10px !important;
    }

    .whylistDiv-margin{
        margin: 10px 0;
    }

    .h2-font{
        font-size: 18px;
    }

    h2.text-center {
        margin-bottom: 7px;
    }

    .mil-icon-frame {
        margin: 10 auto 15px;
    }

    .p-mb {
        line-height: 1.8 !important;
        margin-bottom: 14px !important;
        font-size: 1.5rem !important;
    }

    .mil-icon-frame {
        margin: 15px auto 15px !important;
    }

    .title {
        font-size: 30px;
    }

    .section-supplier {
        padding: 30px 20px 55px;
        margin: 40px auto;
    }

    .subtitle {
        font-size: 17px;
        color: #718096;
        margin-bottom: 30px;
    }

    .btn-register {
        padding: 8px 16px;
        font-size: 18px;
        box-shadow: 0px 4px 6px rgba(49, 130, 206, 0.4);
        transition: all 0.3sease;
    }

    .mission-h2{
        font-size: 19px !important;
    }

    .h5-font {
        font-size: 15px !important;
    }

    .p-font{
        font-size: 14px !important;
    }

    .mil-icon-bg {
        margin: 0px auto 15px !important;
    }

    .custom-divider {
        margin: 16px 0;
    }

}