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

.accordion { width:100%; float:left;}
.accordion h3 { 
    color: #3e3e3f;
    line-height: 1.56;
    letter-spacing: 4.08px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    float: left;
    cursor: pointer;
    background: none;
    border: 1px solid #f9bd3f;
    padding: 14px 23px 13px;
    margin: 0 0 17px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
}
.accordion h3:after { content:""; width:8px; height:8px; position:absolute; top:50%; transform:translateY(-50%); right:23px; 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:6px 23px 0;}
.feeser-wrapp .accordion .content { padding: 6px 23px 8px;}

.faqs-wrapp .accordion .content { width:100%; float:left; padding:16px 23px 0;}

.accordion .content .div-content-outter span{display: inline-block;font-size: 12px;font-weight: 500;color: #3e3e3f;line-height: 1.5;letter-spacing: 2.08px;text-transform: uppercase;
margin: 0 0 0;}
.accordion .content .div-content-outter{width: 100%;}
.accordion .content .div-content-outter span:first-child{width: 37%;}
.accordion .content .div-content-outter span:nth-child(2){text-align: center;width: 62%;}

.blogin-wrapp .accordion { margin: 0 0 24px;}

/*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% 0;overflow-x: auto; }

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

.accordion .content .div-content-outter span { font-size: 9px; letter-spacing: 1px; line-height: normal;  padding: 0 0 5px;}
.accordion .content .div-content-outter span:nth-child(2) { text-align: right;}


}

@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% 0; overflow-x: auto; margin-bottom: 0;}

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

.accordion .content .div-content-outter span { font-size: 10px; letter-spacing: 1.08px; line-height: normal; padding: 0 0 5px;}
.accordion .content .div-content-outter span:nth-child(2) {  text-align: right;}


}

@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% 0;}

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

@media screen and (min-width:768px) and (max-width:900px) {
.faqs-wrapp .accordion h3 { padding:16px 60px 16px 23px;}
}

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

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