.offcanvas-contents {
    width: auto !important;
    min-width: 400px !important;
    box-shadow: 0 0 15px -5px #000 !important;
}

.offcanvas-contents .accordion, .accordion-item {
    border: none !important;
}

.offcanvas-contents .accordion-button:not(.collapsed) {
    background-color: #fff;
    a {
        color: darkred !important;
        font-weight: 600;
    }
}

// .for-body-grid.sub-body1{
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     column-gap: 10px;
//     max-width: 500px;
//     padding-left: 10px !important;
// }

// .for-body-grid.sub-body2{
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     column-gap: 10px;
//     max-width: 600px;
//     padding-left: 20px!important;
// }

// .for-body-grid.sub-body3{
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     column-gap: 10px;
//     max-width: 700px;
//     padding-left: 30px!important;
// }

// .for-body-grid.sub-body4{
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     column-gap: 10px;
//     max-width: 800px;
//     padding-left: 40px!important;
// }

// .for-body-grid.sub-body5{
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     column-gap: 10px;
//     max-width: 900px;
//     padding-left: 50px!important;
// }

// .for-body-grid.sub-body6{
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     column-gap: 10px;
//     max-width: 1000px;
//     padding-left: 60px!important;
// }

// .for-body-grid.sub-body7{
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     column-gap: 10px;
//     max-width: 1000px;
//     padding-left: 70px!important;
// }

.sub-body1{
    width: auto;
    max-width: 1000px;
    padding-left: 10px !important;
}

.sub-body2{
    width: auto;
    max-width: 1000px;
    min-width: 400px;
    padding-left: 20px!important;
}

.sub-body3{
    width: auto;
    max-width: 800px;
    padding-left: 30px!important;
}

.sub-body4{
    width: auto;
    max-width: 800px;
    padding-left: 40px!important;
}

.sub-body5{
    width: auto;
    max-width: 900px;
    padding-left: 50px!important;
}

.sub-body6{
    width: auto;
    max-width: 1000px;
    padding-left: 60px!important;
}

.sub-body7{
    width: auto;
    max-width: 1000px;
    padding-left: 70px!important;
}

.offcanvas-header {
    border-bottom: 1px solid #0000004d;
    color: #00000099 !important;
}