
.thankyou_body{
    width:100%;
    background:#fff;
    padding:80px 15px;
    text-align:center
    }
.thankyou_body h4{
    margin:20px 0 5px;
    font-weight:600;
    font-size:24px
}
.thankyou_body p{
    line-height:1.7
}
.thankyou_body .readmore_btn{
    padding-top:10px
}
.thankyou_body .readmore_btn a{
    padding:8px 35px 10px;
    border-radius:4px;
    display:inline-block;
    font-size:16px
}
.thankyou_body .readmore_btn a.gotohomebtn{
    background:#20AD96;
    color:#fff;
    margin-right:10px
}
.thankyou_body .readmore_btn a.gotohomebtn:hover{
    background:#3F3A64;
    color:#fff
}
.thankyou_body .readmore_btn a.back_btn{
    background:#EBEFF5;
    color:#3F3A64
}
.thankyou_body .readmore_btn a.back_btn:hover{
    background:#3F3A64;
    color:#fff
}
.checkmark__circle{
    stroke-dasharray:166;
    stroke-dashoffset:166;
    stroke-width:2;
    stroke-miterlimit:10;
    stroke:#20AD96;
    fill:none;
    -webkit-animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}
.checkmark{
    width:56px;
    height:56px;
    border-radius:50%;
    display:block;
    stroke-width:2;
    stroke:#20AD96;
    stroke-miterlimit:10;
    margin:0 auto;
    -webkit-box-shadow:inset 0px 0px 0px #20AD96;
    box-shadow:inset 0px 0px 0px #20AD96;
    -webkit-animation:fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation:fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}
.checkmark__check{
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    stroke-dasharray:48;
    stroke-dashoffset:48;
    -webkit-animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    animation:stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}
@-webkit-keyframes stroke{100%{stroke-dashoffset:0}}
@keyframes stroke{100%{stroke-dashoffset:0}}
@-webkit-keyframes scale{0%, 100%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}}
@keyframes scale{0%, 100%{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}}
@-webkit-keyframes fill{100%{-webkit-box-shadow:inset 0px 0px 0px 30px #fff;box-shadow:inset 0px 0px 0px 30px #fff}}
@keyframes fill{100%{-webkit-box-shadow:inset 0px 0px 0px 30px #fff;box-shadow:inset 0px 0px 0px 30px #fff}}
@media (max-width: 400px){
    .thankyou_body .readmore_btn a{
        display:block
    }
    .thankyou_body .readmore_btn a.gotohomebtn{
        margin-right:0;
        margin-bottom:10px
    }
    .thankyou_body{
        padding:50px 15px
    }
}

