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

.accordion { width:100%; float:left; text-align:left; margin:1.6% 0 0;}
.accordion h3 { width:100%; float:left; background:#ffffff; border:1px solid #ffffff; border-radius:10px; cursor:pointer; padding:16px 3.4% 16px 3.4%; position:relative; z-index:9;}
.accordion .content { width:100%; float:left; padding:20px 3.4% 10px 3.4%;}

.faq1-wrapp .accordion { width:100%; float:left; margin:20px 0 0;}
.faq1-wrapp .accordion h3 { width:100%; float:left; background:none; border:none; border-bottom:1px solid #ffffff; border-radius:0; cursor:pointer; padding:27px 0 27px;}
.faq1-wrapp .accordion h3:after { width:32px; height:32px; content:""; position:absolute; top:54%; transform:translateY(-50%); right:0; background:url(../images/blue-down-arrow1.svg) no-repeat center / cover;}
.faq1-wrapp .accordion h3.active:after { background:url(../images/blue-left-arrow1.svg) no-repeat center / cover;}
.faq1-wrapp .accordion h3.active { border-bottom:none;}
.faq1-wrapp .accordion .content { width:100%; float:left; padding:10px 0 0;}

.fees-col1 .accordion { margin:24px 0 0;}
.fees-col1 .accordion h3 { background:#000000; border:1px solid #000000; border-radius:6px; padding:12px 20px 12px;}
.fees-col1 .accordion .content { width:100%; float:left; padding:6px 20px 16px;}

.faqs-wrapp .accordion { width:100%; float:left; margin:20px 0 40px;}
.faqs-wrapp .accordion h3 { width:100%; float:left; background:none; border:none; border-bottom:1px solid #abd4e0; border-radius:0; cursor:pointer; padding:16px 0 16px;}
.faqs-wrapp .accordion h3:after { width:22px; height:22px; content:""; position:absolute; top:54%; transform:translateY(-50%); right:0; background:url(../images/faqs-right-arrow.svg) no-repeat center / cover;}
.faqs-wrapp .accordion h3.active:after { background:url(../images/faqs-down-arrow.svg) no-repeat center / cover;}
.faqs-wrapp .accordion .content { width:100%; float:left; padding:30px 0 0;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion { width:100%; text-align:center; margin:26px 0 0;}
.accordion h3 { width:100%; padding:16px 10% 14px 10%;}
.accordion .content { width:100%; padding:8px 5% 14px 5%;}

.faq1-wrapp .accordion { text-align:left;}
.faq1-wrapp .accordion h3 { padding:27px 42px 27px 0;}

.fees-col1 .accordion { text-align:left;}

.faqs-wrapp .accordion h3 { padding:16px 31px 16px 0;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion { width:100%; text-align:center; margin:26px 0 0;}
.accordion h3 { width:100%; padding:16px 10% 14px 10%;}
.accordion .content { width:100%; padding:8px 5% 14px 5%;}

.faq1-wrapp .accordion { text-align:left;}
.faq1-wrapp .accordion h3 { padding:27px 42px 27px 0;}

.fees-col1 .accordion { text-align:left;}

.faqs-wrapp .accordion h3 { padding:16px 31px 16px 0;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion { width:100%; text-align:center; margin:26px 0 0;}
.accordion h3 { width:100%; padding:16px 10% 14px 10%;}
.accordion .content { width:100%; padding:8px 5% 14px 5%;}

.faq1-wrapp .accordion { text-align:left;}
.faq1-wrapp .accordion h3 { padding:27px 42px 27px 0;}

.fees-col1 .accordion { text-align:left;}

.faqs-wrapp .accordion h3 { padding:16px 31px 16px 0;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.accordion h3 { padding:12px 3.4% 12px 3.4%;}
.accordion .content { padding:16px 3.4% 6px 3.4%;}

.faq1-wrapp .accordion h3 { padding:27px 42px 27px 0;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.accordion h3 { padding:14px 3.4% 14px 3.4%;}
.accordion .content { padding:18px 3.4% 8px 3.4%;}
}

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

}