/* Coded with love by Mutiullah Samim */


.user_card {
    height: 420px;
    width: 350px;
    margin-top: auto;
    margin-bottom: auto; 
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 10px; 
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    border-radius: 5px;
}

.brand_logo_container {
    position: absolute;
    height: 150px;
    width: 150px;
    top: -70px;
    border-radius: 50%;
    background: linear-gradient(119.54deg,#000046 0%,#1CB5E0 100%);
    padding: 10px;
    text-align: center;
}

.brand_logo {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    border: 1px solid white;
}

.form_container {
    margin-top: 100px;
}


#accordion .panel {
    border-radius: 0;
    border: 0;
    margin-top: 0px;
}

#accordion a {
    display: block;
    padding: 10px 15px;
   
    text-decoration: none;
    margin: 15px 0px;
}

#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
    background-color: #;
    transition: all 0.2s ease-in;
}

    #accordion .panel-heading a.collapsed:hover::before,
    #accordion .panel-heading a.collapsed:focus::before {
        color: black;
    }

#accordion .panel-heading {
    padding: 0;
    border-radius: 0px;
    text-align: center;
    width: 100%;
}

    #accordion .panel-heading a:not(.collapsed) {
        color: white;
        background-image: linear-gradient(to right, #213b44, #14aee5);
        transition: all 0.2s ease-in;
    }


    /* Add Indicator fontawesome icon to the left */
    #accordion .panel-heading .accordion-toggle::before {
        font-family: 'FontAwesome';
        content: '\f00d';
        float: left;
        color: white;
        font-weight: lighter;
        transform: rotate(0deg);
        transition: all 0.2s ease-in;
    }

    #accordion .panel-heading .accordion-toggle.collapsed::before {
        color: #444;
        transform: rotate(-135deg);
        transition: all 0.2s ease-in;
    }
.subaccordion {
    color: white;
    background-image: linear-gradient(to right, #aaa, #aaa) !important;
    transition: all 0.2s ease-in;
}