.pays{ padding-top: 100px;}

.ac-container{ padding-bottom:20px; clear:both}
.ac-container .data{ display:none}
.ac-container .item-title{ margin-bottom:10px;}
.ac-container .item-title .title{ padding:20px 10px; width:100%;   position:relative;   cursor:pointer; box-sizing:border-box; margin-bottom:5px;
    border: 1px solid var(--color3); background: rgb(0 0 0 / 70%); }
.ac-container-2 .item-title .title{ }
.ac-container .item-title .title:hover{  }
.ac-container .item-title.is-open .title{ background:var(--color3); color: #fff}
.ac-container-2 .item-title.is-open .title{ background:#f9f3f1; color: #000}
.ac-container .item-title .title:after{ content:"\203A"; display:block;  width:24px; height:24px; position:absolute; top:0; bottom:0; right:10px; box-sizing:border-box;   margin:auto; font-size: 24px; transform: rotate(90deg); text-align: center;line-height: 19px;transition: all 0.3s ease; }


.ac-container .item-title.is-open .title:after{transform: rotate(-90deg)}
.ac-container .item-content-wrap {  padding-bottom: 15px; }

.ac-container .item-title .item-data{ padding-bottom:15px; display:none}
.ac-container-2 .item-content-wrap { padding: 10px; padding-bottom: 15px; overflow: auto  }
.ac-container .item-content-wrap .title{ font-size:16px; padding:10px 20px;}
.ac-container > .item-content-wrap{ padding:10px}
.ac-container .item-content-wrap p{ margin: 5px 0; line-height: 1.5em;}
.ac-container .item-content-wrap ul, .ac-container .item-content-wrap ol{ margin-left:30px;}
.ac-container .item-content-title{ font-weight: bold; font-size: 16px; margin-bottom: 10px;}

.ac-container-2 table{ width: 100%; background: #fff  }
.ac-container-2 .item-data{    }
.ac-container-2 table th{  font-weight: bold; font-size: 0.8em; line-height: 1.3em;}
.ac-container-2 table tr:hover{ background: #e8e8dd}
.ac-container-2 table td, .ac-container-2 table th{ font-size: 0.8em; line-height: 1em; border-collapse: collapse;   padding: 5px 10px}

.ac-container-2 .button-wrap{ padding: 10px 0}
.ac-container-2 .button-wrap .button{ margin: 0}

.pays ul { margin: auto !important; text-align: left !important; max-width: 640px}

.table{box-sizing: border-box; overflow-x: auto; margin:0 -15px; padding: 0 15px;}
.table table{border-collapse: collapse;  }
.table table td, .table table th{   border: 1px solid var(--color-light) }
.table table th{ font-size: 12px; font-weight: normal; background: rgb(239 234 215 / 14%)}
.table table th p{ font-weight: normal;}
.table table td{ font-size: 12px; min-width: 120px; padding: 5px  }
.table table td span{ font-size: 14px; font-weight: bold}

@media only screen and (min-width: 768px) {


    .data-1 > div {
        width: 50%
    }

    .data-3 > div {width: 33.33%}
    .data-3 > div > div{height: 100%;  box-sizing: border-box;}
}
@media only screen and (min-width: 1024px) {

    .pays{ padding-top: 120px;}

    .ac-container > .titles{  display: flex;justify-content: center;}
    .ac-container > .titles > .item-title{ display:inline-block; margin:0 10px; width: calc(33.33% - 20px)}
    .ac-container > .titles > .item-data{ display:none; margin:0;}
    .ac-container > .titles >.item-title .title { padding:10px 20px; margin:0;  -webkit-box-shadow: none; box-shadow:none;     }


    .ac-container .item-title .title:after{ display: none}
    .ac-container .item-title.is-open .title {      }


    .ac-container .item-title .item-data { display:none}
    .ac-container .data{ display:block}
    .ac-container .data .item-content{ display:none}
    .ac-container .item-content-wrap{ padding:20px 0;}
    .ac-container-2 .item-title.is-open .title {      color: #000;       }
    .ac-container-2 .item-data .item-content-wrap{ padding: 10px; padding-bottom: 20px;  }


    .ac-container-2 table th{ font-size: 1em; line-height: 1.3em }
    .ac-container-2 table td, .ac-container-2 table th{ font-size: 1em; line-height: 1.3em}



    .pays .content-box{ max-width: 960px; margin: auto; font-size: 1.2em}

    .table table th{ font-size: 14px;}
    .table table td{ font-size: 14px;  min-width: unset  }
    .table table td span{ font-size: 16px;  }
}
