.congrats,.modal-btn,.modal-wrapper,.modal-wrapper p {
    text-align:center
}
.modal-wrapper {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.3s;
    background-color:rgba(0,0,0,.7490196078)
}
.clr-black {
    color:#000!important
}
.modal-wrapper .modal-content {
    z-index:1;
    opacity:0;
    transition:opacity;
    position:relative;
    overflow-x:hidden;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.2117647059);
    border-radius:46px;
    background-color:#fff;
    color:#4e4e4e;
    overflow-y:auto;
    max-width:814px;
    width:95%;
    height:auto;
    font-size:18px;
    padding:10px 40px 20px
}
.modal-wrapper p {
    font-size:1rem;
    color:#999;
    margin-bottom:15px
}
.offer-img {
    max-width:450px;
    margin:20px 0
}
.modal-btn {
    background-color: #7bc57f;
    padding: 12px;
    display: block;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    margin-bottom: 10px;
    transition: all 0.2s linear;
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 0px auto 10px;
}
a.modal-btn:hover {
    background-color: #406c42; 
    
} 
a.no-thnks {
    background: none;
    color: grey;
    font-size: 14px ;
}
a.no-thnks:hover{
    text-decoration:underline;
    color:#1a1a1a;
}
.blue-backg {
    background-color:#5487b4!important
}
.modal-wrapper.active {
    opacity:1.2;
    visibility:visible;
    pointer-events:auto;
    z-index:999;
    overflow:scroll
}
.modal-wrapper.active .modal-content {
    opacity:1
}
.img-wrapper img {
    width:100%
}
.modal-wrapper .modal-content .close-btn01:not(a) {
    outline:0;
    border:none;
    border-radius:50%;
    color:#2b2b2b;
    background-color:transparent;
    padding:15px;
    cursor:pointer;
    position:absolute;
    right:2%;
    top:0;
    opacity:.6;
    transition:.2s ease-in-out;
    font-size:28px
}
.congrats {
    text-transform:uppercase;
    padding:20px 0 0;
    color:red;
    font-weight:800;
    font-size:3rem
}
.modal-wrapper h4 {
    font-size:1.7rem;
    margin-top:16px;
    line-height:1.1;
    width:100%;
    color:#156f91
}
@media(max-width:1256px) {
    .offer-img {
        max-width:360px
    }
    .congrats {
        font-size:2.5rem
    }
    .modal-wrapper h4 {
        font-size:1.3rem;
        margin-top:16px;
        line-height:1.2;
        padding:0 69px
    }
    .modal-btn {
        padding:9px;
        font-size:18px
    }
    .modal-wrapper .modal-content {
        max-width:759px
    }
}
@media(max-width:768px) {
    .modal-wrapper h4 {
        padding:0 45px
    }
    .modal-wrapper .modal-content {
        border-radius:12px
    }
}
@media(max-width:500px) {
    .congrats {
        font-size:2rem
    }
    .modal-wrapper h4 {
        padding:0 10px;
        margin-top:5px
    }
    .offer-img {
        max-width:270px
    }
    .modal-btn {
        padding:7px;
        font-size:16px;
        margin-bottom:8px
    }
}
@media(max-width:390px) {
    .congrats {
        font-size:1.7rem
    }
    .modal-btn {
        padding:7px;
        font-size:11px;
        margin-bottom:8px
    }
    .modal-wrapper h4 {
        font-size:1.1rem
    }
    .offer-img {
        max-width:215px
    }
}