ol{
  list-style:decimal;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}
.tpl-faq-page .banner-default-page{
  margin-bottom:90px;
}
.acc_faq{
  margin-top:120px;
}
.acc_faq .item, .acc_faq .item-last{
  position:relative;
  border-top:1px solid #ededed;
  border-bottom:1px solid #ededed;
}
.acc_faq .item:last-child, .acc_faq .item-last:last-child{
  border-top:unset;
}
.acc_faq .item .title, .acc_faq .item-last .title{
  margin:0;
  cursor:pointer;
  position:relative;
  padding:35px 85px 35px 0px;
  display:flex;
  align-items:center;
}
.acc_faq .item .title:hover .icon, .acc_faq .item-last .title:hover .icon{
  border-color:#bdbdbd;
}
.acc_faq .item .title.active .icon svg, .acc_faq .item-last .title.active .icon svg{
  transform:rotate(180deg);
}
.acc_faq .item .title .icon, .acc_faq .item-last .title .icon{
  position:absolute;
  top:50%;
  transform:translate(0, -50%);
  right:24px;
  border-radius:8px;
  border:2px solid #e5e5e5;
  background:#FFF;
  display:inline-flex;
  width:45px;
  height:45px;
  justify-content:center;
  align-items:center;
  transition:all 0.3s ease;
}
.acc_faq .item .title .icon svg, .acc_faq .item-last .title .icon svg{
  transition:all 0.3s ease;
}
.acc_faq .item .info, .acc_faq .item-last .info{
  display:none;
}
.acc_faq .item .info .container, .acc_faq .item-last .info .container{
  padding:3px 0px 19px 0px;
  width:100%;
  max-width:710px;
}
.acc_faq .item .info .container p, .acc_faq .item-last .info .container p{
  font-size:16px;
  padding:0;
  margin-bottom:20px;
}
.faq-content .flex-wrapper{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.faq-content .flex-wrapper .category-faq{
  display:flex;
  flex-direction:column;
  border-radius:8px;
  border:1px solid #ededed;
  max-width:350px;
  width:100%;
  margin-right:50px;
}
.faq-content .flex-wrapper .category-faq h3{
  font-size:20px;
  padding:20px 23px;
  position:relative;
  margin:0;
}
.faq-content .flex-wrapper .category-faq h3:after{
  content:"";
  width:100%;
  height:1px;
  background-color:#ededed;
  position:absolute;
  left:0;
  bottom:0;
}
.faq-content .flex-wrapper .category-faq h3:before{
  content:"";
  width:16px;
  height:9px;
  position:absolute;
  right:5%;
  top:50%;
  transform:translate(0, -50%);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  transition:0.3s all ease;
  background-image:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3852 2.61546L8.61575 9.38494C8.27587 9.72482 7.72482 9.72482 7.38494 9.38494C7.04506 9.04506 7.04506 8.494 7.38494 8.15412L14.1544 1.38464C14.4943 1.04476 15.0454 1.04476 15.3852 1.38464C15.7251 1.72452 15.7251 2.27558 15.3852 2.61546Z' fill='%2376B128'/%3E%3Cpath d='M8.61506 9.38494C8.27518 9.72482 7.72413 9.72482 7.38425 9.38494C7.04437 9.04506 7.04437 8.494 7.38425 8.15412C7.72413 7.81424 8.27518 7.81424 8.61506 8.15412C8.95494 8.494 8.95494 9.04506 8.61506 9.38494Z' fill='%2376B128'/%3E%3Cpath d='M7.38454 9.38328L0.615062 2.6138C0.275181 2.27392 0.275181 1.72287 0.615061 1.38299C0.954941 1.04311 1.506 1.04311 1.84588 1.38299L8.61536 8.15246C8.95524 8.49234 8.95524 9.0434 8.61536 9.38328C8.27548 9.72316 7.72442 9.72316 7.38454 9.38328Z' fill='%2376B128'/%3E%3C/svg%3E%0A");
  display:none;
}
.faq-content .flex-wrapper .category-faq h3.act:before{
  transform:translate(0, -50%) rotate(180deg);
}
.faq-content .flex-wrapper .category-faq .list-cat{
  display:flex;
  flex-direction:column;
  border-radius:8px;
  border:1px solid #ededed;
  border-top:none;
}
.faq-content .flex-wrapper .category-faq a{
  padding:15px 23px;
  text-transform:uppercase;
  font-weight:500;
  color:#76b128;
  position:relative;
  border-bottom:0;
}
.faq-content .flex-wrapper .category-faq a.active{
  pointer-events:none;
  color:#8ac43d;
  background:#f3f9eb;
}
.faq-content .flex-wrapper .category-faq a.active:before{
  background:#f3f9eb;
}
.faq-content .flex-wrapper .category-faq a:after{
  content:"";
  width:100%;
  height:1px;
  background-color:#ededed;
  position:absolute;
  left:0;
  bottom:0;
}
.faq-content .flex-wrapper .category-faq a:last-child:after{
  display:none;
}
.faq-content .flex-wrapper .acc_faq{
  margin:0;
  padding-right:129px;
  max-width:992px;
  width:100%;
}
.faq-content .flex-wrapper .acc_faq .item, .faq-content .flex-wrapper .acc_faq .item-last{
  margin-bottom:20px;
  border-radius:8px;
  border:1px solid #ededed;
  padding:0 24px;
  width:100%;
}
.faq-content .flex-wrapper .acc_faq .item .title, .faq-content .flex-wrapper .acc_faq .item-last .title{
  font-size:22px;
  padding-top:16px;
  padding-bottom:16px;
  width:100%;
  min-height:100px;
}
.faq-content .flex-wrapper .acc_faq .item .title span, .faq-content .flex-wrapper .acc_faq .item-last .title span{
  right:0;
}
.faq-content .flex-wrapper .acc_faq .item-last{
  display:flex;
  align-items:center;
  min-height:100px;
  justify-content:space-between;
}
.faq-content .flex-wrapper .acc_faq .item-last h2{
  padding-right:20px;
  flex:1;
  margin:0;
  font-size:20px;
  font-weight:600;
}
.faq-content .flex-wrapper .acc_faq .item-last .btn-green{
  max-width:225px;
  border-bottom:unset;
  width:100%;
}
.faq-content .flex-wrapper .acc_faq .item-last .btn-green:hover{
  color:#fff;
}
@media (max-width: 1920px){
  .faq-content .flex-wrapper .acc_faq{
    padding-right:calc(100vw - 1791px);
  }
}
@media (max-width: 1140px){
  .acc_faq{
    margin-top:80px;
  }
}
@media (max-width: 992px){
  .faq-content .flex-wrapper{
    flex-direction:column;
  }
  .faq-content .flex-wrapper .category-faq{
    max-width:100%;
    margin-right:0;
    margin-bottom:40px;
  }
}
@media (max-width: 768px){
  .tpl-faq-page .banner-default-page{
    padding:50px 0 25px;
    margin-bottom:0;
  }
  .tpl-faq-page .banner-default-page .flex-wrapper{
    flex-direction:column;
    align-items:flex-start;
  }
  .tpl-faq-page .banner-default-page .flex-wrapper .left-content{
    margin-bottom:20px;
  }
  .faq-content .flex-wrapper .category-faq{
    max-width:100vw;
    border:none;
    width:100vw;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
  }
  .faq-content .flex-wrapper .category-faq h3{
    padding:15px 5%;
    font-size:16px;
    line-height:206%;
    color:#76b128;
    text-transform:uppercase;
  }
  .faq-content .flex-wrapper .category-faq h3:after{
    left:50%;
    width:100vw;
    transform:translate(-50%, 0);
  }
  .faq-content .flex-wrapper .category-faq h3:before{
    display:block;
  }
  .faq-content .flex-wrapper .category-faq .list-cat{
    display:none;
    border:none;
  }
  .faq-content .flex-wrapper .category-faq a{
    padding:15px 5%;
    border-bottom:1px solid #ededed;
  }
  .faq-content .flex-wrapper .category-faq a.active:after, .faq-content .flex-wrapper .category-faq a.active:before{
    width:100vw;
  }
  .faq-content .flex-wrapper .category-faq a:after{
    display:none;
  }
}
@media (max-width: 576px){
  .tpl-faq-page .banner-default-page .flex-wrapper .btn-green{
    max-width:100%;
  }
  .acc_faq{
    margin-top:60px;
  }
  .acc_faq .item .title, .acc_faq .item-last .title{
    padding:32px 22% 32px 0px;
    font-size:24px;
  }
  .acc_faq .item .title .icon, .acc_faq .item-last .title .icon{
    right:0;
  }
  .acc_faq .item .info .container, .acc_faq .item-last .info .container{
    padding:3px 0px 20px 0px;
  }
  .faq-content .flex-wrapper .category-faq{
    border:none;
  }
  .faq-content .flex-wrapper .category-faq h3{
    padding:13.5px 4.2%;
  }
  .faq-content .flex-wrapper .category-faq h3:before{
    right:4.2%;
  }
  .faq-content .flex-wrapper .category-faq a{
    padding:15px 4.2%;
  }
  .faq-content .flex-wrapper .acc_faq .item, .faq-content .flex-wrapper .acc_faq .item-last{
    padding:0 20px;
  }
  .faq-content .flex-wrapper .acc_faq .item .title, .faq-content .flex-wrapper .acc_faq .item-last .title{
    font-size:18px;
  }
  .faq-content .flex-wrapper .acc_faq .item-last{
    flex-direction:column;
    padding:20px;
    align-items:flex-start;
  }
  .faq-content .flex-wrapper .acc_faq .item-last h2{
    padding-right:0;
    padding-bottom:10px;
  }
  .faq-content .flex-wrapper .acc_faq .item-last .btn-green{
    max-width:100%;
  }
}
@media (any-hover: hover){
  .faq-content .flex-wrapper .category-faq a:hover, .faq-content .flex-wrapper .category-faq a:active{
    border-color:transparent;
    color:#8ac43d;
    background:#f3f9eb;
  }
}
/*# sourceMappingURL=faq.css.map */