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

.accordion { width:100%; float:left; margin:22px 0 0;}
.accordion h3 { width:100%; float:left; background:none; border-bottom:1px solid rgba(28,28,28,0.2); cursor:pointer; padding:22px 7% 22px 0; position:relative; z-index:9;}
.accordion h3:before { content:""; width:16px; height:16px; position:absolute; top:50%; transform:translateY(-50%); right:0; background:url(../images/faq-arrow2.svg) no-repeat center / cover;}
.accordion h3.active:before { background:url(../images/faq-arrow1.svg) no-repeat center / cover;}
.accordion h3.active { border:none;}
.accordion .content { width:100%; float:left; padding:4px 0 10px; border-bottom:1px solid rgba(28,28,28,0.2);}

.fees-col1 .accordion { width:100%; float:left; margin:88px 0 0;}
.fees-col1 .accordion h3 { border:2px solid #6a9206; border-radius:30px; padding:10px 25px 10px 30px;}
.fees-col1 .accordion h3:before { content:""; width:8px; height:5px; position:absolute; top:50%; transform:translateY(-50%); right:25px; background:url(../images/fees-arrow1.svg) no-repeat center / cover;}
.fees-col1 .accordion h3.active:before { width:5px; height:8px; background:url(../images/fees-arrow2.svg) no-repeat center / cover;}
.fees-col1 .accordion .content { width:100%; float:left; padding:10px 25px 24px 30px; border-bottom:none;}

.faqs-wrapp .accordion { width:100%; float:left; margin:0 0 40px;}
.faqs-wrapp .accordion h3 { border:2px solid #3c6502; background:#3c6502; border-radius:30px; padding:13px 29px 13px 36px;}
.faqs-wrapp .accordion h3:before { content:""; width:10px; height:9px; position:absolute; top:50%; transform:translateY(-50%); right:25px; background:url(../images/faqs-arrow1.svg) no-repeat center / cover;}
.faqs-wrapp .accordion h3.active:before { width:8px; height:3px; background:url(../images/faqs-arrow2.svg) no-repeat center / cover;}
.faqs-wrapp .accordion .content { width:100%; float:left; padding:28px 25px 10px 30px; border-bottom:none;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.fees-col1 .accordion h3 { padding:10px 8% 10px 5%;}
.fees-col1 .accordion h3:before { right:5%;}
.fees-col1 .accordion .content { padding:10px 5% 24px;}

.faqs-wrapp .accordion h3 { padding:13px 8% 13px 5%;}
.faqs-wrapp .accordion h3:before { right:5%;}
.faqs-wrapp .accordion .content { padding:28px 5% 10px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.fees-col1 .accordion h3 { padding:10px 8% 10px 5%;}
.fees-col1 .accordion h3:before { right:5%;}
.fees-col1 .accordion .content { padding:10px 5% 24px;}

.faqs-wrapp .accordion h3 { padding:13px 8% 13px 5%;}
.faqs-wrapp .accordion h3:before { right:5%;}
.faqs-wrapp .accordion .content { padding:28px 5% 10px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.fees-col1 .accordion h3 { padding:10px 8% 10px 5%;}
.fees-col1 .accordion h3:before { right:5%;}
.fees-col1 .accordion .content { padding:10px 5% 24px;}

.faqs-wrapp .accordion h3 { padding:13px 8% 13px 5%;}
.faqs-wrapp .accordion h3:before { right:5%;}
.faqs-wrapp .accordion .content { padding:28px 5% 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) {

}