.btn-light {
    width: 150px !important;
}

.p1 {
    cursor: pointer;
    border-radius: 10px;
}

    .p1:hover {
        cursor: pointer;
        transition: 0.3s ease-in;
        background-color: #c1c3c5;
    }

    .p1.active {
        background-color: #c1c3c5;
        color: black;
        border-radius: 10px;
        transition: transform 0.3s ease, color 0.3s ease;
    }

.form-control[readonly] {
    background-color: white !important;
    font-weight: bolder;
    font-size: larger
}


#fixed {
    position: sticky;
    height: fit-content;
    top: 0px;
}
.dropdown-menu-layout{
    left:-40px !important;
}

@media (max-width:600px) and (max-width:1024px) {
    .btn-light {
        width: 120px !important;
        font-size: 15px !important;
    }

    .heading {
        font-size: larger;
    }
}