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

.accordion { width:100%; float:left; margin:0 0 26px;}
.accordion h2 { padding:13px 24px 13px; margin:0 0 16px; background-color:#00b286; transition: all 0.25s ease-out 0s; position:relative; cursor:pointer;}
.accordion h2:after { content:""; width:26px; height:26px; position:absolute; top:50%; transform:translateY(-50%); right:26px; background:url(../images/feeser-icon1.svg) no-repeat center / cover;}
.accordion h2.active:after { background:url(../images/feeser-icon2.svg) no-repeat center / cover;}
.accordion .content { width:100%; float:left; padding:5px 0 5px;}

.faqs-wrapp .accordion h2 { padding:18px 24px 18px; margin:0 0 16px; background-color:#00b286; transition: all 0.25s ease-out 0s; position:relative; cursor:pointer; border-radius: 17px;}
.faqs-wrapp .accordion h2:after { content:""; width:26px; height:26px; position:absolute; top:50%; transform:translateY(-50%); right:26px; background:url(../images/feeser-icon1.svg) no-repeat center / cover;}
.faqs-wrapp .accordion h2.active:after { background:url(../images/feeser-icon2.svg) no-repeat center / cover;}
.faqs-wrapp .accordion .content { width:100%; float:left; padding:5px 0 5px;}



.abouter-wrapp .accordion h2 { padding:18px 24px 18px; margin:0 0 16px; background-color:#00b286; transition: all 0.25s ease-out 0s; position:relative; cursor:pointer; border-radius: 17px;}
.abouter-wrapp .accordion h2:after { content:""; width:26px; height:26px; position:absolute; top:50%; transform:translateY(-50%); right:26px; background:url(../images/feeser-icon1.svg) no-repeat center / cover;}
.abouter-wrapp .accordion h2.active:after { background:url(../images/feeser-icon2.svg) no-repeat center / cover;}
.abouter-wrapp .accordion .content { width:100%; float:left; padding:5px 0 5px;}


/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion h2 { background-position:97% center; padding:13px 5% 13px;}
.accordion h2.active { background-position:97% center;}
.accordion .content { padding:6px 0 3px;}

.feeser-wrapp .accordion { width:100%;}
.feeser-wrapp .accordion h2 { background-position:97% center; padding:13px 5% 13px;}
.feeser-wrapp .accordion h2.active { background-position:97% center;}

.faqs-wrapp .accordion h2 { padding: 18px 60px 18px 25px;}


}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion h2 { background-position:97% center; padding:13px 5% 13px;}
.accordion h2.active { background-position:97% center;}
.accordion .content { padding:6px 0 3px;}

.feeser-wrapp .accordion { width:100%;}
.feeser-wrapp .accordion h2 { background-position:97% center; padding:13px 5% 13px;}
.feeser-wrapp .accordion h2.active { background-position:97% center;}

.faqs-wrapp .accordion h2 { padding:18px 55px 18px 30px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion h2 { background-position:97% center; padding:13px 5% 13px;}
.accordion h2.active { background-position:97% center;}
.accordion .content { padding:6px 0 3px;}
	
.feeser-wrapp .accordion { width:100%;}
.feeser-wrapp .accordion h2 { background-position:97% center; padding:13px 5% 13px;}
.feeser-wrapp .accordion h2.active { background-position:97% center;}
	
.faqs-wrapp .accordion h2 { padding:18px 50px 18px 30px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.feeser-wrapp .accordion { width:100%;}
.faqs-wrapp .accordion h2 { padding:18px 45px 18px 30px;}
	
}

@media screen and (min-width:901px) and (max-width:1024px) {
.feeser-wrapp .accordion { width:100%;}
.faqs-wrapp .accordion h2 { padding:18px 40px 18px 30px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.feeser-wrapp .accordion { width:100%;}
.faqs-wrapp .accordion h2 { padding:18px 25px 18px 30px;}
}



.abouter-wrapp .accordion h2 {
    padding: 18px 24px 18px;
    margin: 0 0 16px;
    background-color: #00b286;
    transition: all 0.25s ease-out 0s;
    position: relative;
    cursor: pointer;
    border-radius: 17px;

    font-size: 13px;
    color: #ffffff;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 0.63px;
    font-weight: 400;
}


.abouter-wrapp .faqs-col1 {
    width: 100%;
    float: left;
    margin: 0 0 0;
    text-align: left;
}

.faqs-wrapp h4 {
    font-size: 16px;
    color: #00b286;
    line-height: 24px;
    margin: 0 0 0;
    font-weight: 500;
}

.abouter-wrapp .faqs-row1 {
    width: 100%;
    float: left;
    padding: 10px 29px 0;
}


@media screen and (min-width: 1025px) and (max-width: 1240px) {
    .abouter-wrapp .accordion h2  {
        padding: 18px 25px 18px 30px;
    }
}

@media screen and (min-width: 901px) and (max-width: 1024px) {
    .abouter-wrapp .accordion p{
        font-size: 13px;
        margin: 0 auto 26px;
    }

   

    .abouter-wrapp .accordion h2 {
        padding: 18px 40px 18px 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    .abouter-wrapp .accordion p{
        font-size: 12px;
        margin: 0 auto 22px;
    }

    .abouter-wrapp .accordion h2  {
        padding: 18px 45px 18px 30px;
    }
}

@media screen and (max-width: 767px) {
    .abouter-wrapp .accordion p{
        font-size: 12px !important;
        margin: 0 0 18px !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .abouter-wrapp .accordion h2 {
        padding: 18px 50px 18px 30px;
    }
}

@media screen and (max-width: 600px) {
    .faqs-wrapp .accordion h2 {
        padding: 18px 55px 18px 30px;
    }

}