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

.accordion { width:100%; float:left; margin:20px 0 0;}
.accordion h3 { width:100%; float:left; cursor:pointer; background:#b2906b; padding:19px 26px 18px; margin:0 0 9px; position:relative; border-radius:30px;}
.accordion h3:after { content:""; width:18px; height:18px; position:absolute; top:50%; transform:translateY(-50%); right:26px; background:url("../images/feeser-icon1.svg") center / cover;}
.accordion h3.active:after { background:url("../images/feeser-icon2.svg") center / cover;}
.accordion .content { width:100% !important; float:left; padding:14px 23px 25px !important;}

.faqs-wrapp .accordion .content { width:100%; float:left; padding:30px 23px 9px !important;}

.recruitment-wrapp2 .accordion h3 { padding:19px 37px 18px;}
.recruitment-wrapp2 .accordion .content { width:100%; float:left; padding:24px 37px 18px !important;}

.about-faqs-col1 h3{
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.24px;
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
}
.about-faqs-row1{
    text-align: left;
}
.about-faqs-row1 .about-about-btn a{
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 21.5px;
    transition: all 0.25s ease-out 0s;
    display: inline-block;
    position: relative;
    float: none;
    color: #ffffff;
    background: #b2906b;
    border-color: #b2906b;
    margin: 10px 0 0;
    padding: 14px 30px 14px 30px 
}
.about-faqs-row1 .about-about-btn a:hover{
    color: #b2906b;
    background: rgba(0,0,0,0);
    border-color: rgba(178,144,107,0.5);
}
/*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 !important;}

.recruitment-wrapp2 .accordion h3 { padding:16px 13% 16px 5%;}
.recruitment-wrapp2 .accordion .content { width:100%; float:left; padding:24px 5% 18px !important;}

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

}

@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 !important;}

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

.recruitment-wrapp2 .accordion h3 { padding:16px 13% 16px 5%;}
.recruitment-wrapp2 .accordion .content { width:100%; float:left; padding:24px 5% 18px !important;}
}

@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 !important;}

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

.recruitment-wrapp2 .accordion h3 { padding:16px 13% 16px 5%;}
.recruitment-wrapp2 .accordion .content { width:100%; float:left; padding:24px 5% 18px !important;}
}

@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) {
}