.modal-radio{
    position:absolute;
    visibility:hidden;
    opacity:0
}
.modal{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    overflow:hidden;
    opacity:0;
    transition:opacity .4s;
    z-index:99;
    backface-visibility:hidden;
    visibility:hidden
}
#modal-open:checked+.modal{
    opacity:1;
    visibility:visible
}
.overlay-modal{
    position:absolute;
    width:100%;
    height:100%;
    background:rgb(86 86 86 / 50%);
    top:0;
    left:0
}
.modal .mod-content{
    border-radius:.5rem;
    box-shadow:0 0 2rem 0 rgb(34 34 34 / 95%);
    padding:7rem 15rem;
    width:90%;
    height:95%;
    top:2.5%;
    left:5%;
    bottom:2.5%;
    right:5%;
    margin:auto;
    position:absolute;
    background:rgb(255 255 255 / 100%);
    overflow-y:scroll;
    max-width: 100rem;
}
.close-btn{
    position:absolute;
    width:3rem;
    height:3rem;
    top:2rem;
    right:2rem;
    border-radius:50%;
    border:2px solid #949494;
    cursor:pointer
}
.close-btn:after,.close-btn:before{
    content:"";
    position:absolute;
    width:70%;
    height:2px;
    background:#949494;
    left:16%;
    top:50%;
    top:calc(50% - 1px);
    transform-origin:50% 50%;
    transform:rotate(45deg)
}
.close-btn:before{
    transform:rotate(-45deg)
}
.action-btn{
    display:inline-block;
    padding:10px 20px;
    background:#4caf50;
    color:#fff;
    border-radius:15px
}
.tit-modale{
    font-size:2.5rem
}
.mod-content .txt {margin: 0 0 2rem;}
.modal .form__item:not(.check) label {display: none;}
.modal .form__item.check {display: flex; flex-direction: row-reverse; justify-content: flex-end; padding: 1rem; background: #ddd;}
.modal .form__item.check label {font-size: 1.6rem;}
.modal .form__item__input { font-size: 1.3rem; padding: 1rem 0;}
.modal .form {height: auto;}
.modal .form__item span {font-size: 1.3rem;line-height: 1.4;}
.modal .form__item span a {font-size: 1.3rem;line-height: 1.4;padding: 0;margin: 0;}
.modal .btn1 {border: none;}


@media screen and (max-width: 1024px) {
    .modal .mod-content{padding:7rem 4rem}
    
}
@media screen and (max-width: 580px) {
    .g-recaptcha{transform:scale(0.8)}
    
}

@media screen and (max-width: 400px) {
    .g-recaptcha{transform:scale(0.8) translateX(-60px)} 
}