html {
    height: 100%;
}
body {
    font-family: "Poppins", sans-serif;
    height: 100%;
    margin: 0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3975d5), to(#4384ea));
    background-image: -webkit-linear-gradient(#4384ea, #3975d5);
    background-image: -moz-linear-gradient(#4384ea, #3975d5);
    background-image: -o-linear-gradient(#4384ea, #3975d5);
    background-image: linear-gradient(#4384ea, #3975d5);
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.wrapper {
    background:#fff;
    border-radius:10px;
    margin-top:30px;
    margin-bottom:30px;
    padding:40px;
    -webkit-box-shadow: 10px 10px 12px -4px rgba(35,91,179,.49);
    -moz-box-shadow: 10px 10px 12px -4px rgba(35,91,179,.49);
    box-shadow: 10px 10px 12px -4px rgba(35,91,179,.89);
}
.header {
    padding: 20px;
    border: 1px solid #ededed;
    border-radius:10px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#fbfbfb));
    background-image: -webkit-linear-gradient(#fbfbfb, #ececec);
    background-image: -moz-linear-gradient(#fbfbfb, #ececec);
    background-image: -o-linear-gradient(#fbfbfb, #ececec);
    background-image: linear-gradient(#fbfbfb, #ececec);
    background-repeat: no-repeat;
}
.app_content {
    font-family:  Abhaya Libre,Noto Sans Sinhala,Verdana;
    font-size:15px;
}
.app_content>div {
    padding:15px;
}
.app_content img {
    max-width:180px;
    border-radius:15px;
    -webkit-box-shadow: 10px 10px 5px -4px rgb(0 0 0 / 34%);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,.34);
    box-shadow: 10px 10px 5px -4px rgb(0 0 0 / 34%)
}
.btn-download {
    font-family: "Poppins", sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 700;
    padding: 12px 40px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 1px 0 #ffee96;
    color: #673500!important;
    background: #ffca5e;
    background: -webkit-linear-gradient(#ffd972,#ffba49);
    background: linear-gradient(#ffd972,#ffba49);
    box-shadow: 0 1px 2px 0 #460731;
}
.btn-active {
    font-family: "Poppins", sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 700;
    padding: 12px 40px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 1px 0 #065651;
    color: #fff!important;
    background: #14b0a6;
    background: -webkit-linear-gradient(#19bfb5,#14b0a6);
    background: linear-gradient(#19bfb5,#14b0a6);
    box-shadow: 0 1px 2px 0 #011f1d;
}

.btn-active:hover,.btn-active:focus{text-decoration: none;outline:none;background:#19bfb5;background:-webkit-linear-gradient(#23d6cb,#16b7ad);background:linear-gradient(#23d6cb,#16b7ad)}

.app_content h2 {
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
}

.btn-download:hover,.btn-download:focus{text-decoration: none;outline:none;background:#ffca5e;background:-webkit-linear-gradient(#fde5a2,#ffc15c);background:linear-gradient(#fde5a2,#ffc15c)}


@media (max-width:576px){
    .order-xs-first {
        -ms-flex-order:-1;order:-1
    }
    .wrapper {
        padding:15px;
    }
    .header img {
        height:80px;
    }
    .header h3 {
        font-size:16px;
    }
    .header .col.p-4 {
        padding:0 10px 10px 20px !important;
    }
    .text-align-center {
        text-align:center;
    }
    .app_content h2 {
        font-size:18px;
    }
}