.modal-content{
    text-align: center;
}

.donor_tab {
    border-bottom: none !important;
    display: flex;
    justify-content: center;
}

.modal-body {
    padding: 0;
}

.nrml_text{
    font-size: 24px; 
    margin-top:30px; 
    text-align: justify;
}

.cd_1{
    font-size: 40px; font-weight: bold; text-transform: uppercase; text-align: left; 
}

.cd_2{
    font-size: 30px; font-weight: bold; text-align: left;
}

.cd_3{
    font-size: 22px; font-weight: bold; text-align: left;
}

.cd_img{
    text-align: left;
    margin-top: 20px;
}

@media only screen and (max-width: 1366px){
    .donor_tab{
        padding-left: 28%;
    }

    @media only screen and (max-width: 600px) {
        .nrml_text{
            font-size: 21px; 
        }

        .cd_1{
            font-size: 30px;
            text-align: center;
        }

        .cd_2{
            font-size: 25px;
            text-align: center;
        }

        .cd_3{
            font-size: 20px;
            text-align: center;
        }

        .cd_img{
            text-align: center;
        }

        .modal {
            padding-top: 65vw; 
        }
    }

    @media only screen and (max-width: 480px){
        .modal-content {
            max-width: 300px;
            margin: 0 0 0 12vw;
        }

        .donor_tab{
            padding-left: 0;
        }
    }
}

@media only screen and (max-width: 375px){
    .modal-content {
        margin: 0 0 0 8vw;
    }
}