

.question {
    background-color:#fff;
    color:#777;
    position: relative;
    margin-top:7px;
    padding:0px 10px 10px 10px !important;
    border-radius:7px;cursor:pointer;
	border:1px solid #ddd;
}
.question h4{
	margin: 0;color:#007d9e;border-left:0px !important;
	padding:10px 5px 5px 5px;font-size:15px;font-weight:bold;text-align:left;
}
.question ul{margin:0px; padding:0px;}
.question ul li {
    position: relative;
    color:#777;
    padding-left: 20px;
    margin-bottom: 10px;
	font-size:16px;
	line-height:28px;
	margin-left:27px;
	list-style:none;
	text-align:left;
}
.question ul li::before {

    content: '';
    background: #6e4f8e;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    position: absolute;
    top: 9px;
    left: 0px;

}
.answer {
    background-color: #fff;margin-top:7px;
    display: none;border:1px solid #ddd;
    border-radius: 10px;padding:15px;
}
.answer h3{display:block; font-size:18px; line-height:24px; font-weight:bold; color:#3f3f3f; border-bottom:1px solid #ddd;margin-bottom:7px;padding-bottom:7px;}
.answer h5{display:block; font-size:18px; line-height:27px; font-weight:bold; color:#3f3f3f; border-bottom:1px solid #ddd;margin-bottom:12px;padding-bottom:17px;}
.answer h5 span{display:block; font-size:16px; color:#777; font-weight:100;}
.answer h3 span{display:block; font-size:16px; color:#777; font-weight:100;}
.pro-icon{
    background: url(education.html) top left no-repeat;
    padding-left:45px;
    background-size:32px;
    padding-bottom: 14px;
    margin-bottom: 7px;
}
.experience-icon{
    background: url(experience.html) top left no-repeat;
    padding-left:45px;
    background-size:32px;
    padding-bottom: 14px;
    margin-bottom: 7px;
}
.expertise-icon{
    background: url(expertise.html) top left no-repeat;
    padding-left:45px;
    background-size:32px;
    padding-bottom: 14px;
    margin-bottom: 7px;
}

.answer p {
    margin: 0;
    padding-bottom:7px;
    text-align: justify;
}
.answer strong{color:#007d9e;}
.arrow {
    background-image: url(arrow1.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 10px;
}

.arrow-active{
	transform: rotate(180deg);
}

