.accordion-block {
    background-color: var(--color-white);
    border-radius: var(--rounded);
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
    overflow: hidden;
}

.acc-head {
    padding: 30px;
    position: relative;
    cursor: pointer;
}

.acc-head:hover,
.acc-head:focus,
.acc-head:active,
.acc-head.active {
    background: linear-gradient(180deg, #0A85F6 0%, #6FAEE8 99%, #D9D9D9 100%);
    color: var(--color-white);
    box-shadow: 0 5px 5px rgb(1 1 1 / 21%);
}

.acc-head:hover.feather,
.acc-head:focus .feather,
.acc-head:active .feather,
.acc-head.active .feather {
    transform: rotate(180deg);
    transition: .3s;
    color: var(--color-white);
}

.acc-head:hover .feather {
    color: var(--color-white);
}

.acc-head span {
    font-weight: bold;
}

.acc-content {
    padding: 30px;
    display: none;
    background-color: #EFF8FF;
}

.acc-content p,
.acc-content span {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .acc-head {
        padding: 20px;
    }
    .acc-content {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    /* .acc-head {
        padding: 25px 15px;
    } */
}

@media (max-width: 375px) {
    .accordion-block .acc {
        zoom: 90%;
    }
}

@media (max-width: 320px) {
    .accordion-block .acc {
        zoom: 80%;
    }
}