.popup_10s {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 65%;
    height: auto;
    background-color: #fff;
    z-index: 11;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 10px 10px 22px 0 rgba(0,0,0,.75);
    box-shadow: 10px 10px 22px 0 rgba(0,0,0,.75)
}

.popup_10s .right button.link-2 {
    margin-top: 20px;
    cursor: pointer
}

.left_img {
    display: flex;
    justify-content: center;
    align-items: center
}

.bg_10s {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(5px);
    z-index: 10
}

.popup_10s .left {
    width: 40%;
    height: auto;
    background-color: #f2e5df;
    clip-path: polygon(100% 17%,95% 13%,100% 9%,100% 0,0 0,0 100%,100% 100%);
    display: flex;
    justify-content: center;
    align-items: center
}

.popup_10s .right {
    width: 60%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    padding: 50px 0
}

.popup_10s .right h1 {
    font-size: 35px!important;
    text-transform: uppercase;
    color: #ffb200;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

.popup_10s .right p {
    font-size: 16px!important;
    text-align: center;
    font-weight: 500
}

.popup_10s .right img {
    border-bottom: 3px solid #000;
    padding: 0 30px 15px 30px;
    margin-bottom: 30px
}

.img-fluid {
    width: 100%;
    height: auto
}

.popup_10s .leafright {
    content: url("../images/img64.webp");
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}

.popup_10s .leafleft {
    content: url("../images/img63.webp");
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.popup_10s strong {
    font-weight: 900
}

.popup_10s p span {
    text-transform: uppercase;
    color: #40a629;
    font-weight: 700
}

.popup_10s .right button {
    border: none;
    background-color: #fff;
    margin: 5px 0;
    font-size: 16px;
    padding: 0;
    margin-bottom: 0;
    cursor: pointer
}

.popup_10s .right button.link-2 {
    border: none;
    margin-top: 15px;
    color: #000;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer
}

button .link-2 {
    background-color: none!important;
    color: #000!important;
    font-size: 16px!important
}

.popup_10s .right .link-2:hover {
    background-color: transparent!important;
    color: #000!important
}

.popup_10s .right button.btn {
    background-color: #40a629;
    border: none;
    font-size: 24px!important;
    color: #fff;
    padding: 20px 30px;
    border-radius: 15px;
    margin-top: 50px;
    font-weight: 700;
    -webkit-box-shadow: 0 9px 0 0 #11491c;
    -moz-box-shadow: 0 9px 0 0 #11491c;
    box-shadow: 0 9px 0 0 #11491c
}

.popup_10s .decline {
    text-decoration: none;
    margin-top: 20px;
    font-size: 18px!important;
    color: #666
}

.popup_10s a.decline:hover {
    color: #666;
    text-decoration: none;
    cursor: pointer
}

.d-none {
    display: none
}

.popup_10s button a {
    color: #fff;
    text-decoration: none
}

.popup_10s button a:hover {
    color: #fff;
    text-decoration: none
}

.red {
    color: red
}

@media(max-width:1235px) {
    .popup_10s {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 80%;
        height: 100%;
        background-color: #fff;
        z-index: 11;
        display: flex;
        flex-wrap: wrap
    }

    .d-none {
        display: none
    }

    .bg_10s {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        backdrop-filter: blur(5px);
        z-index: 10
    }

    .popup_10s .left {
        display: none
    }

    .popup_10s .right {
        width: 100%;
        height: 80%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        flex-direction: column;
        padding: 0 0
    }

    .popup_10s .right h1 {
        text-transform: uppercase;
        color: #ffb200;
        margin-top: 20px;
        margin-bottom: 0;
        font-weight: 700
    }

    .popup_10s .right p {
        text-align: center;
        font-weight: 500
    }

    .popup_10s .right img {
        border-bottom: 3px solid #000;
        padding: 0 30px 30px 30px
    }

    .img-fluid {
        max-width: 100%;
        height: auto
    }

    .popup_10s .leafright {
        display: none;
        content: url("../images/img64.webp");
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    .popup_10s .leafleft {
        display: none;
        content: url("../images/img63.webp");
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    .popup_10s .bar {
        color: #fff;
        background-color: #000;
        width: 100%;
        padding: 15px 0;
        margin-top: 15px
    }

    .popup_10s .bar p {
        color: #fff
    }

    .popup_10s .bar strong {
        color: #fff
    }

    .popup_10s strong {
        font-weight: 900
    }

    .popup_10s p span {
        text-transform: uppercase;
        color: #40a629;
        font-weight: 700
    }

    .popup_10s .right button {
        border: none;
        background-color: #fff;
        margin: 5px 0
    }

    .popup_10s .right button.btn {
        background-color: #40a629;
        border: none;
        color: #fff;
        padding: 20px 30px;
        border-radius: 15px;
        margin-top: 50px;
        font-weight: 700;
        -webkit-box-shadow: 0 9px 0 0 #11491c;
        -moz-box-shadow: 0 9px 0 0 #11491c;
        box-shadow: 0 9px 0 0 #11491c
    }

    .popup_10s .decline {
        text-decoration: none;
        padding: 10px 0;
        color: #666
    }

    .popup_10s a.decline:hover {
        color: #666;
        text-decoration: none;
        cursor: pointer
    }
}