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

.accordion { width:100%; float:left; margin:-32px 2.98% 0 0;}
.accordion h4 { width:100%; float:left; border-bottom:1px solid rgba(121,122,129,0.3); cursor:pointer; padding:27px 27px 27px 0; position:relative; z-index:9;}
/* .accordion h4.active:before { background:url(../images/down-right-pompeius-blue-white-circle-arrow.svg) no-repeat bottom / 100%;} */
.accordion .content { width:100%; float:left; border-bottom:1px solid rgba(121,122,129,0.3); padding:30px 5% 13px 0;}
.accordion h4:after, .accordion h4:before { transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%;}

.fees-wrapp .accordion h4 { background:#000b3d; border:1px solid #000b3d; padding:14px 27px 14px; border-radius:70px;}
.fees-wrapp .accordion .content { border:none; padding:12px 27px 24px;}

.accordion1 { width:100%; float:left; margin:0 0 55px;}
.accordion1 h4 { width:100%; float:left; background:#000b3d; border:1px solid #000b3d; cursor:pointer; padding:15px 36px 15px; border-radius:70px; position:relative; z-index:9;}
/* .accordion1 h4.active:before { background:url(../images/down-right-pompeius-blue-white-circle-arrow.svg) no-repeat bottom / 100%;} */
.accordion1 .content { width:100%; float:left; border:none; padding:30px 36px 24px;}
.accordion1 h4:after, .accordion1 h4:before { transform:translateY(-50%); transition:all 0.25s ease-out 0s; margin:0 0 0; position:absolute; top:50%;}
.accordion1 h4 {padding-left: 52px;}

.service-faqs-wrapp .accordion{
float: none;
margin: 0 auto 0;
max-width: 975px;
}


.service-faqs-wrapp .accordion h4 {
    float: none;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 11px;
    width: 100%;
    float: left;
    background: #000b3d;
    border: 1px solid #000b3d;
    cursor: pointer;
    padding: 15px 48px 15px 36px;
    border-radius: 70px;
    position: relative;
    z-index: 9;
}
.service-faqs-wrapp .accordion .content{
padding: 30px 36px 24px; border-bottom: none;
}


.service-faqs-wrapp .accordion h4 .circle-effect{right: 24px;}

.fees-wrapp .fees-row1.accordion h4 {
    padding: 14px 88px 14px 27px;
}







/*Smartphone css*/
@media screen and (max-width: 480px) {
.accordion { width:100%; margin:-38px 0 40px;}
.accordion h4 { width:100%; padding:16px 8% 16px;}
.accordion .content { width:100%; padding: 16px 8% 16px;}

/* .fees-wrapp .accordion h4 { padding:14px 5% 14px;} */

.accordion1 h4 { padding:15px 10% 15px 5%;}
.accordion1 .content { padding:30px 5% 24px;}
.fees-wrapp .fees-row1 .fees-row3 .price-from { font-size: 14px;}
.fees-wrapp .fees-row1.accordion h4 {
    padding: 14px 39px 14px 27px;
}
}

@media screen and (min-width:481px) and (max-width:600px) {
.accordion { width:100%; margin:-38px 0 40px;}
.accordion h4 { width:100%; padding:16px 8% 16px;}
.accordion .content { width:100%; padding: 16px 8% 16px;}

.fees-wrapp .accordion h4 { padding:14px 5% 14px;}

.accordion1 h4 { padding:15px 10% 15px 5%;}
.accordion1 .content { padding:30px 5% 24px;}
.fees-wrapp .fees-row1 .fees-row3 .price-from { font-size: 14px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.accordion { width:100%; margin:-38px 0 40px;}
.accordion h4 { width:100%; padding:16px 8% 16px;}
.accordion .content { width:100%; padding: 16px 8% 16px;}

.fees-wrapp .accordion h4 { padding:14px 5% 14px;}

.accordion1 h4 { padding:15px 10% 15px 5%;}
.accordion1 .content { padding:30px 5% 24px;}
.fees-wrapp .fees-row1 .fees-row3 .price-from { font-size: 14px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.accordion { margin:-26px 2.98% 0 0;}
.accordion h4 { padding:21px 21px 21px 0;}
.accordion .content { padding:24px 5% 7px 0;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.accordion { margin:-29px 2.98% 0 0;}
.accordion h4 { padding:24px 24px 24px 0;}
.accordion .content { padding:27px 5% 10px 0;}
}

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

}