/* layout 1*/
.wpbs-faq-block-layout-one{
    margin-top: 80px;
    margin-bottom: 80px;
}
.wpbs-faq-layout-one {
    display: flex;
    gap: 40px;
    flex-direction: column;
    max-width: 768px;
    margin: auto;
}
.wpbs-faq-layout-one .faq-details{
    margin-top: 24px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}
.wpbs-faq-layout-one .faq-header,
.wpbs-faq-layout-one .faq-footer {
    text-align: center;
}
.wpbs-faq-layout-one .faq-footer-title{
    margin-bottom: 16px;
}
.wpbs-faq-layout-one .faq-footer-details {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}
.wpbs-faq-layout-one .faq-button {
    border: 1px solid #000000;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
}
.wpbs-faq-layout-one .accordion{
    font-size: 18px;
    line-height: 150%;
    font-weight: 700;
    position: relative;
    padding-top: 22.5px;
    transition: padding-bottom 0.5s ease;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}
.wpbs-faq-layout-one .accordion.active{
     padding-bottom: 22.5px
}

.wpbs-faq-layout-one .accordion::before {
    content: "";
    position: absolute;
    background: url("../images/arrow-down.svg");
    width: 15.44px;
    height: 8.88px;
    right: 8.26px;
    cursor: pointer;
}
.wpbs-faq-layout-one .accordion.active::before{
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.wpbs-faq-layout-one .panel{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.wpbs-faq-layout-one .accordion-item {
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0px 24px 0px;
}
@media (max-width:1024px){
   .wpbs-faq-layout-one {
        max-width: 100%;
        gap: 48px;
    } 
}
@media (max-width:767px){
    .wpbs-faq-block-layout-one{
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .wpbs-faq-layout-one .faq-details{
        margin-top: 20px;
        font-size: 16px;
    }
    .wpbs-faq-layout-one .accordion{
        font-size: 16px;
        padding-top: 20px;
        transition: padding-bottom 0.5s ease;
        padding-bottom: 0px;
    }
    .wpbs-faq-layout-one .accordion.active{
        padding-bottom: 20px
    }
    .wpbs-faq-layout-one .accordion-item {
        padding: 0 0px 20px 0px;
    }
    .wpbs-faq-layout-two .accordion-item:first-child{
        border-top: 1px solid #CCCCCC;
    }
}
/* layout 2*/
.wpbs-faq-block-layout-two{
    margin-top: 80px;
    margin-bottom: 80px;
}
.wpbs-faq-layout-two {
    display: flex;
    gap: 80px;
    flex-direction: column;
}
.wpbs-faq-layout-two .faq-details{
    margin-top: 24px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    max-width: 768px;
}
.wpbs-faq-layout-two .faq-footer-title{
    margin-bottom: 16px;
}
.wpbs-faq-layout-two .faq-footer-details {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}
.wpbs-faq-layout-two .faq-button {
    border: 1px solid #000000;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
}
.wpbs-faq-layout-two .accordion{
    font-size: 18px;
    line-height: 150%;
    font-weight: 700;
    position: relative;
    padding-top: 22.5px;
    transition: padding-bottom 0.5s ease;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}
.wpbs-faq-layout-two .accordion.active{
     padding-bottom: 22.5px;
}
.wpbs-faq-layout-two .accordion::before {
    content: "";
    position: absolute;
    background: url("../images/arrow-down.svg");
    width: 15.44px;
    height: 8.88px;
    right: 8.26px;
    cursor: pointer;
}
.wpbs-faq-layout-two .accordion.active::before{
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.wpbs-faq-layout-two .panel{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
    max-width: 768px;
}
.wpbs-faq-layout-two .accordion-item {
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0px 24px 0px;
}
.wpbs-faq-layout-two .accordion-item:first-child{
     border-top: 1px solid #CCCCCC;
}
@media (max-width:767px){
    .wpbs-faq-layout-two {
        gap: 48px;
    } 
    .wpbs-faq-layout-two .faq-details{
        margin-top: 20px;
        font-size: 16px;
    }
    .wpbs-faq-block-layout-two{
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .wpbs-faq-layout-two .accordion{
        font-size: 16px;
        padding-top: 20px;
        transition: padding-bottom 0.5s ease;
        padding-bottom: 0px;
    }
    .wpbs-faq-layout-two .accordion.active{
        padding-bottom: 20px
    }
    .wpbs-faq-layout-two .accordion-item {
        padding: 0 0px 20px 0px;
    }
}
/* layout 3*/
.wpbs-faq-block-layout-three{
    margin-top: 80px;
    margin-bottom: 80px;
}
.wpbs-faq-layout-three {
    display: flex;
    gap: 80px;
    flex-direction: column;
    max-width: 768px;
    margin: auto;
}
.wpbs-faq-layout-three .faq-details{
    margin-top: 24px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}
.wpbs-faq-layout-three .faq-header,
.wpbs-faq-layout-three .faq-footer {
    text-align: center;
}
.wpbs-faq-layout-three .faq-footer-title{
    margin-bottom: 16px;
}
.wpbs-faq-layout-three .faq-footer-details {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
}
.wpbs-faq-layout-three .faq-button {
    border: 1px solid #000000;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
}
.wpbs-faq-layout-three .accordion{
    font-size: 18px;
    line-height: 150%;
    font-weight: 700;
    position: relative;
    padding-top: 20px;
    transition: padding-bottom 0.5s ease;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}
.wpbs-faq-layout-three .accordion.active{
    padding-bottom: 20px;
}
.wpbs-faq-layout-three .accordion::before {
    content: "";
    position: absolute;
    background: url("../images/arrow-down.svg");
    width: 15.44px;
    height: 8.88px;
    right: 8.26px;
    cursor: pointer;
}
.wpbs-faq-layout-three .accordion.active::before{
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.wpbs-faq-layout-three .panel{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.wpbs-faq-layout-three .accordion-wrap{
    display: flex;
    gap: 16px;
    flex-direction: column;
}
.wpbs-faq-layout-three .accordion-item {
    border: 1px solid #000000;
    padding: 0 24px 24px 24px;
}
@media (max-width:1024px){
   .wpbs-faq-layout-three {
        max-width: 100%;
        gap: 48px;
    } 
}
@media (max-width:767px){
    .wpbs-faq-layout-three .faq-details{
        margin-top: 20px;
        font-size: 16px;
    }
    .wpbs-faq-block-layout-three{
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .wpbs-faq-layout-three .accordion{
        font-size: 16px;
        padding-top: 16px;
        transition: padding-bottom 0.5s ease;
        padding-bottom: 0px;
    }
    .wpbs-faq-layout-three .accordion.active{
        padding-bottom: 16px
    }
    .wpbs-faq-layout-three .accordion-item {
        padding: 0 20px 20px 20px;
    }
}