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

.button_flex{
	display: inline-flex;
}
.first_button{
	position:relative;
	font-size: 19px;
    background: #00C96E;
    color: #fff;
    display: table;
    padding: 10px 20px;
    border-radius: 3px;
    position: relative;
    font-weight: 600;
    text-decoration: none;
}

.first_button a:hover i{
 transition: all .65s;
  transform:rotateY(360deg);
}
.first_button a{
	text-decoration: none;
    color: #fff;

	cursor:pointer;
}
.first_button:hover{
	background:green;
}
.first_button{
	margin-right: 10px;
}

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

.second_button{
	position:relative;
	font-size: 18px;
    color: #fff;
    display: table;
    border: 1px solid red;
    background: #FF934F;
    padding: 10px 20px;
    border-radius: 3px;
    position: relative;
    font-weight: 600;
    text-decoration: none;
}
.second_button a:hover i{
    transition: all .65s;
  transform:rotateY(360deg);
}

.second_button a{
	text-decoration: none;
	color: #fff;
	cursor:pointer;
}
.second_button:hover{
	background:#ce7840;
	color:#fff;
}
.second_button:hover a{
	color: #fff;
}
.second_button{
	margin-right: 10px;
}
.second_button span{
	display: block;
}
.third_button_radio {
    margin: 5px 10px;}

/*==== Readio list == */
.radio_list{
	margin:0;
	padding:0;
}
.radio_list li {
    list-style-type: none;
    padding: 6px;
    cursor: pointer;
    display: inline;
    font-size: 25px;
}
.radio_list li a{
	text-decoration: none;
	color:#fff;
    display: table-cell;
}
.radio_list li a .fa-circle{
    border: 3px solid transparent;
     font-size: 15px;
}
.active_button{
	color:black;
}
.active_button .fa-circle {
    background: grey;
    border-radius: 50%;
    /* padding: 2px; */
    border: 3px solid grey;
   
}
.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 ============== */