@charset "utf-8";
/* CSS Document */

.accordion { width:100%; float:left; margin:50px 0 60px;}
.accordion h2 { width:100%; float:left; cursor:pointer; background:#4d9e8d; padding:19px 31px 19px 28px; position:relative;}
.accordion h2:after { content:""; width:8px; height:8px; position:absolute; top:50%; transform:translateY(-50%); right:15px; background:url("../images/feeser-icon1.svg") center / cover;}
.accordion h2.active:after { background:url("../images/feeser-icon2.svg") center / cover;}
.accordion .content { width:100% !important; float:left; padding:18px 31px 34px !important;}

.faqs-wrapp .accordion { margin:0 0 40px;}
.faqs-wrapp .accordion .content { width:100% !important; float:left; padding:33px 31px 11px !important;}

.about-wrapp .accordion1 {width: 100%; float: left; margin: 50px 0 60px;}
.about-wrapp .accordion1 h3 {width: 100%; float: left; cursor: pointer; background: #4d9e8d; padding: 19px 31px 19px 28px; position: relative; font-size: 14px; font-weight: 600; color: #ffffff; text-transform: uppercase; line-height: normal; margin: 0 0 16px; font-family: 'Montserrat', sans-serif;}
.about-wrapp .accordion1 h3:after {content: ""; width: 8px; height: 8px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; background: url(../images/feeser-icon1.svg) center / cover; left: inherit;}
.about-wrapp .accordion1 h3.active:after {background: url(../images/feeser-icon2.svg) center / cover;}
.about-wrapp .accordion1 .content {width: 100% !important; float: left; padding: 18px 31px 34px !important;}
.about-wrapp .accordion1 .jobs-col1 {width: 100%; display: block;}
.about-wrapp .accordion1 .jobs-col1 .jobs-row1 {width: 100%; display: block; float: left;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion { width:100%; margin:20px 0 50px;}
.accordion h2 {background-position:95% center;padding: 19px 25px 19px 5%;}
.accordion h2.active {background-position: 91% center;}
.accordion .content { width:100%; float:left; padding:18px 5% 34px 5% !important;}

.faqs-wrapp .accordion h2 { padding:19px 13% 19px 5%;}
.faqs-wrapp .accordion .content { width:100%; float:left; padding:35px 5% 15px !important;}

.about-wrapp .accordion1 {width:100%; margin:20px 0 50px;}
.about-wrapp .accordion1 h3 {background-position:95% center;padding: 19px 25px  19px 5%;}
.about-wrapp .accordion1 h3.active {background-position:95% center;}
.about-wrapp .accordion1 .content {width:100% !important; float:left; padding:18px 5% 34px 5% !important;}

.accordion h2:after { right:10px;}

.about-wrapp .accordion1 h3:after {right:10px;}

}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion { width:100%; margin:20px 0 50px;}
.accordion h2 {background-position:95% center;padding: 19px 25px  19px 5%;}
.accordion h2.active { background-position:95% center;}
.accordion .content { width:100%; float:left; padding:18px 5% 34px 5%;}

.faqs-wrapp .accordion h2 { padding:19px 13% 19px 5%;}
.faqs-wrapp .accordion .content { width:100%; float:left; padding:35px 5% 15px !important;}

.about-wrapp .accordion1 {width:100%; margin:20px 0 50px;}
.about-wrapp .accordion1 h3 {background-position:95% center;padding: 19px 25px  19px 5%;}
.about-wrapp .accordion1 h3.active {background-position:95% center;}
.about-wrapp .accordion1 .content {width:100% !important; float:left; padding:18px 5% 34px 5% !important;}

.accordion h2:after { right:10px;}

.about-wrapp .accordion1 h3:after {right:10px;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion { width:100%; margin:20px 0 50px;}
.accordion h2 {background-position:95% center;padding: 19px 25px  19px 5%;}
.accordion h2.active { background-position:95% center;}
.accordion .content { width:100%; float:left; padding:18px 5% 34px 5% !important;}

.faqs-wrapp .accordion h2 { padding:19px 13% 19px 5%;}
.faqs-wrapp .accordion .content { width:100%; float:left; padding:35px 5% 15px !important;}

.about-wrapp .accordion1 {width:100%; margin:20px 0 50px;}
.about-wrapp .accordion1 h3 {background-position:95% center;padding: 19px 25px  19px 5%;}
.about-wrapp .accordion1 h3.active {background-position:95% center;}
.about-wrapp .accordion1 .content {width:100% !important; float:left; padding:18px 5% 34px 5% !important;}

.accordion h2:after { right:10px;}

.about-wrapp .accordion1 h3:after {right:10px;}

}

@media screen and (min-width:768px) and (max-width:900px) {

}

@media screen and (min-width:901px) and (max-width:1024px) {

}

@media screen and (min-width:1025px) and (max-width:1240px) {

}