.finer_details h3 {
    font-size: 36px;
    margin-top: 28px;
    margin-bottom: 0;
}

.finer_details_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    /* background-color: var(--white);
    border: 2px solid var(--border-grey);
    padding: 0 15px 15px; */
    box-sizing: border-box;
    margin-top: 10px;
}

.finer_details_container .button {
    margin-left: auto;
}


.finer_detail {
    border-bottom: solid 2px var(--border-grey);
    z-index: 5;
    position: relative;
    padding-bottom: 10px;
}

.finer_detail:last-of-type {
    margin-bottom: 30px;
}

.finer_detail h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0 5px;
}

.finer_detail h4 span {
    width: calc(100% - 50px);
}

.finer_detail h4 i {
    color: var(--gold);
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s all ease-in-out;
}

.finer_detail .detail_paragraph {
    height: 0;
    opacity: 0;
    transition: 0.1s all ease-in-out;
}

.finer_detail .detail_paragraph p {
    margin: 0 0 5px;
    transition: 0.1s all ease-in-out;
}

.finer_detail .active {
    height: max-content !important;
    opacity: 1 !important;
    transition: 0.2s all ease-in-out;
}

.finer_detail .rotated {
    transform:rotate(180deg); 
    -webkit-transform:rotate(180deg); 
    -moz-transform:rotate(180deg); 
    -o-transform:rotate(180deg);
    transition: 0.2s all ease-in-out;
}

@media (max-width: 600px) {
    .finer_details h3 {
        text-align: center;
    }
}