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

.accordion { width:100%; float:left;}
.accordion h3 { width:100%; float:left; cursor:pointer; background:#0b4439; border:1px solid #0b4439; padding:16px 31px 16px; margin:0 0 10px !important; border-radius:80px; position:relative;}
.accordion h3:after { content:""; width:8px; height:8px; position:absolute; top:50%; transform:translateY(-50%); right:31px; background:url("../images/feeser-icon1.svg") center / cover;}
.accordion h3.active:after { background:url("../images/feeser-icon2.svg") center / cover;}
.accordion .content { width:100%; float:left; padding:3px 31px 14px;}

.faqs-wrapp .accordion .content { width:100%; float:left; padding:20px 31px 10px;}


.accordion1 { width:100%; float:left;}
.accordion1 h3 { width:100%; float:left; cursor:pointer; background:#0b4439; border:1px solid #0b4439; padding:16px 31px 16px; margin:0 0 10px !important; border-radius:80px; position:relative;font-size: 15px !important;color: #ffffff !important;line-height: 1 !important;font-weight: 500 !important;font-family: 'Jost', sans-serif !important;}
.accordion1 h3:after { content:""; width:8px; height:8px; position:absolute; top:50%; transform:translateY(-50%); right:31px; background:url("../images/feeser-icon1.svg") center / cover;}
.accordion1 h3.active:after { background:url("../images/feeser-icon2.svg") center / cover;}
.accordion1 .content { width:100%; float:left; padding:3px 31px 14px;}

.faqs-wrapp .accordion1 .content { width:100%; float:left; padding:20px 31px 10px;}



.accordion2 { width:100%; float:left;}
.accordion2 h3 { width:100%; float:left; cursor:pointer; background:#0b4439; border:1px solid #0b4439; padding:16px 31px 16px; margin:0 0 10px !important; border-radius:80px; position:relative;font-size: 15px !important;color: #ffffff !important;line-height: 1 !important;font-weight: 500 !important;font-family: 'Jost', sans-serif !important;}
.accordion2 h3:after { content:""; width:8px; height:8px; position:absolute; top:50%; transform:translateY(-50%); right:31px; background:url("../images/feeser-icon1.svg") center / cover;}
.accordion2 h3.active:after { background:url("../images/feeser-icon2.svg") center / cover;}
.accordion2 .content { width:100%; float:left; padding:3px 31px 14px;}

.faqs-wrapp .accordion2 .content { width:100%; float:left; padding:20px 31px 10px;}


.accordion3 { width:100%; float:left;}
.accordion3 h3 { width:100%; float:left; cursor:pointer; background:#0b4439; border:1px solid #0b4439; padding:16px 31px 16px; margin:0 0 10px !important; border-radius:80px; position:relative;font-size: 15px !important;color: #ffffff !important;line-height: 1 !important;font-weight: 500 !important;font-family: 'Jost', sans-serif !important;}
.accordion3 h3:after { content:""; width:8px; height:8px; position:absolute; top:50%; transform:translateY(-50%); right:31px; background:url("../images/feeser-icon1.svg") center / cover;}
.accordion3 h3.active:after { background:url("../images/feeser-icon2.svg") center / cover;}
.accordion3 .content { width:100%; float:left; padding:3px 31px 14px;}

.faqs-wrapp .accordion3 .content { width:100%; float:left; padding:20px 31px 10px;}


.accordion4 { width:100%; float:left;}
.accordion4 h3 { width:100%; float:left; cursor:pointer; background:#0b4439; border:1px solid #0b4439; padding:16px 31px 16px; margin:0 0 10px !important; border-radius:80px; position:relative;font-size: 15px !important;color: #ffffff !important;line-height: 1 !important;font-weight: 500 !important;font-family: 'Jost', sans-serif !important;}
.accordion4 h3:after { content:""; width:8px; height:8px; position:absolute; top:50%; transform:translateY(-50%); right:31px; background:url("../images/feeser-icon1.svg") center / cover;}
.accordion4 h3.active:after { background:url("../images/feeser-icon2.svg") center / cover;}
.accordion4 .content { width:100%; float:left; padding:3px 31px 14px;}

.faqs-wrapp .accordion4 .content { width:100%; float:left; padding:20px 31px 10px;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion { width:100%;}

.accordion h3 { padding:16px 5% 16px;}
.accordion h3:after { right:5%;}
.accordion .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion .content { padding:20px 5% 10px;}

.accordion1 { width:100%;}

.accordion1 h3 { padding:16px 5% 16px;}
.accordion1 h3:after { right:5%;}
.accordion1 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion1 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion1 .content { padding:20px 5% 10px;}


.accordion2 { width:100%;}

.accordion2 h3 { padding:16px 5% 16px;}
.accordion2 h3:after { right:5%;}
.accordion2 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion2 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion2 .content { padding:20px 5% 10px;}


.accordion3 { width:100%;}

.accordion3 h3 { padding:16px 5% 16px;}
.accordion3 h3:after { right:5%;}
.accordion3 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion3 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion3 .content { padding:20px 5% 10px;}

.accordion4 { width:100%;}

.accordion4 h3 { padding:16px 5% 16px;}
.accordion4 h3:after { right:5%;}
.accordion4 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion4 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion4 .content { padding:20px 5% 10px;}

}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion { width:100%;}

.accordion h3 { padding:16px 5% 16px;}
.accordion h3:after { right:5%;}
.accordion .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion .content { padding:20px 5% 10px;}

.accordion1 { width:100%;}

.accordion1 h3 { padding:16px 5% 16px;}
.accordion1 h3:after { right:5%;}
.accordion1 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion1 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion1 .content { padding:20px 5% 10px;}


.accordion2 { width:100%;}

.accordion2 h3 { padding:16px 5% 16px;}
.accordion2 h3:after { right:5%;}
.accordion2 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion2 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion2 .content { padding:20px 5% 10px;}


.accordion3 { width:100%;}

.accordion3 h3 { padding:16px 5% 16px;}
.accordion3 h3:after { right:5%;}
.accordion3 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion3 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion3 .content { padding:20px 5% 10px;}

.accordion4 { width:100%;}

.accordion4 h3 { padding:16px 5% 16px;}
.accordion4 h3:after { right:5%;}
.accordion4 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion4 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion4 .content { padding:20px 5% 10px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion { width:100%;}

.accordion h3 { padding:16px 5% 16px;}
.accordion h3:after { right:5%;}
.accordion .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion .content { padding:20px 5% 10px;}

.accordion1 { width:100%;}

.accordion1 h3 { padding:16px 5% 16px;}
.accordion1 h3:after { right:5%;}
.accordion1 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion1 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion1 .content { padding:20px 5% 10px;}

.accordion2 { width:100%;}

.accordion2 h3 { padding:16px 5% 16px;}
.accordion2 h3:after { right:5%;}
.accordion2 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion2 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion2 .content { padding:20px 5% 10px;}

.accordion3 { width:100%;}

.accordion3 h3 { padding:16px 5% 16px;}
.accordion3 h3:after { right:5%;}
.accordion3 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion3 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion3 .content { padding:20px 5% 10px;}

.accordion4 { width:100%;}

.accordion4 h3 { padding:16px 5% 16px;}
.accordion4 h3:after { right:5%;}
.accordion4 .content { padding:3px 5% 14px;}

.faqs-wrapp .accordion4 h3 { padding:16px 13% 16px 5%;}
.faqs-wrapp .accordion4 .content { padding:20px 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) {
}