.conference-track .card h5 {

    margin-top: 10px;

    padding: 5px;

    text-align: center;

    width: 100%;

}



.conference-track h3 {

    font-weight: bold;

    margin-block: 10px;

    color: #0089cd;

    font-size: 25px;

    text-transform: uppercase;

    text-align: center;

    animation: fadeup 1s ease-in;

}



.conference-track {

    min-width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 100%;

    background: #e6ecf0;

}



.conference-track .card {

    padding: 3px;

    margin-top: 10px;

    min-width: 300px;

    border: none;

    background: #c7f5b5;

    width: 100%;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.conference-track .card p {

    margin-bottom: 8px;

}



.conference-track .container,

.conference-track .row {

    min-width: 100%;

    width: 100%;

    margin: 0;

    padding: 0;
    display: flex;
    justify-content: center;
    
}



.conference-track .left,

.conference-track .right {
    width: 50%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* align-items: center; */
    border: 2px solid linear-gradient(to right, #e6ecf0, rgb(39, 124, 62), #e6ecf0);

}



.conference-track h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-size: 38px;

    margin-top: 30px;

    color: #0e1b4d;

    text-align: center;

    width: 100%;

    padding: 7px;

    animation: fadeup 0.8s ease-in;

}



.conference-track .line {

    height: 3px;

    width: 100px;

    background: rgb(23, 102, 40);

}



.conference-track .card {

    margin-bottom: 7px;

    background: #cbe0ea;

    border-radius: 0px;

    animation: fade 1.5s ease-in;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* min-height: 50vh; */
    max-height: fit-content;
}



.conference-track .container {

    margin-bottom: 10px;

}



@keyframes fade {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@keyframes fadeup {

    0% {

        opacity: 0;

        transform: scale(1.2);

    }

    100% {

        opacity: 1;

        transform: scale(1);

    }

}



.conference-track .civil {

    margin-top: 40px;

}



.conference-track .card {

    width: 80%;

    justify-content: flex-start;

    align-items: flex-start;

    padding: 5px;

    padding-left: 10px;

}



.conference-track ul {

    padding-left: 60px;

}



.conference-track .civilline {

    margin-top: 40px;

}



@media only screen and (max-width: 800px) {

    .conference-track h5 {

        text-align: left;

    }

    .conference-track .card {

        padding: 20px;

        justify-content: center;

        align-items: center;

    }

    .conference-track ul {

        padding: 30px;

        justify-content: center;

        align-items: center;

    }

}



@media only screen and (max-width: 500px) {

    .conference-track ul {

        padding-block: 0px;

    }

    .conference-track h2 {

        font-size: 28px;

    }

    .conference-track h3 {

        font-size: 22px;

    }

    .conference-track .card {

        width: 93%;

        padding: 0;

    }

    .conference-track .card h5 {

        font-weight: bold;

        text-align: center;

        display: flex;

        justify-content: center;

        font-size: 20px;

    }

}



@media only screen and (max-width: 300px) {

    .card {

        width: 60%;

    }

}



.conference-track .card {

    transition: 0.2s all ease-in-out;

}



.conference-track .card:hover {

    transform: scale(1.01);

}



.conference-track .card {

    text-align: left;

}



.conference-track .textx {

    text-align: center;

    width: 100%;

}



.conference-track .card h5 {

    float: right;

    font-weight: bold;

    text-align: left;

    display: flex;

    justify-content: flex-start;

    padding-left: 15px;

}



.card-last {

    max-width: fit-content;

}



.card-last ul {

    margin-right: 10px;

    padding-right: 10px;

}