/*======================== Universal button area style reusable ============== */

.button_flex{
	
	display: inline-flex;
}
.first_button{
	position:relative;
	
    color: #03ff68;
    display: table;
    background: #099e44;
    padding: 15px 30px;
    font-size: 16px;
    position: relative;
    font-weight: 600;
    text-decoration: none;
}


.first_button a{
	text-decoration: none;
	color: #fff;
	cursor:pointer;
}
.first_button:hover a{
	color: #fff;
}
.first_button:hover{
	background:green;
}
.first_button{
	margin-right: 10px;
}

.first_button span{
	display: block;
}
/*======== Second button == */

.second_button{
	position:relative;
	
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
    display: table;
    
    padding: 15px 30px;
    font-size: 16px;
    position: relative;
    font-weight: 600;
    text-decoration: none;
}


.second_button a{
	text-decoration: none;
	    color: #fff;

	cursor:pointer;
}
.second_button:hover{
	background-color: #ea7826 ;
	color: #fff;
}
.second_button:hover a{
	color: #fff;
}
.second_button{
	margin-right: 10px;
}
.second_button span{
	display: block;
}
.third_button_radio {
        margin: 12px 10px;
}
/*==== Readio list == */
.radio_list{
	margin:0;
	padding:0;
}
.radio_list li {
    list-style-type: none;
    padding: 6px;
    cursor: pointer;
    display: inline;
    font-size: 20px;
}
.radio_list li a{
	text-decoration: none;
	color:#fff;
}
.active_button{
	color:black;
}
.active_button .fa-circle {
    background: #000000;
    border-radius: 50%;
     color: #000000;
    border: 3px solid #e62e38;
    font-size: 15px;
}
.divpanel{
    display: none;
}
/*========== Mobile Responsive Code =========== */

@media(max-width:767px){
.button_flex{
	flex-direction: column;
	display: table;
	margin:0 auto;
}
.first_button, .second_button{
	text-align: center;
}
.first_button, .second_button, .radio_list{
	margin-bottom: 15px;
}
}



/*======================== closed Universal button area style reusable ============== */