/* ==========================================
   Download App Modal
========================================== */

.download-app-modal .modal-dialog {
    max-width: 550px;
}

.download-app-modal .modal-content {
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Gradient Border */

.download-app-modal .download-app-modal-wrapper {
    position: relative;
    padding: 2px;
    border-radius: 14px;
    background: linear-gradient(
        90deg,
        #3710d8 0%,
        #ff0099 100%
    );
}

/* White Box */

.download-app-modal .download-app-modal-body {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    text-align: center;
    padding: 18px 30px 25px;
}

/* Close */

.download-app-modal .download-app-modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    border: none;
    background: transparent;
    font-size: 20px;
    color: #2d2d2d;
    cursor: pointer;
    z-index: 10;
    transition: .3s;
}

.download-app-modal .download-app-modal-close:hover {
    color: #ff008c;
    transform: rotate(90deg);
}

/* Title */

.download-app-modal .download-app-modal-title {
    margin: 0;
    color: #342942;
    font-size: 25px;
    font-weight: 700;
}

/* Subtitle */

.download-app-modal .download-app-modal-subtitle {
    margin: 12px 0 22px;
    color: #666;
    font-size: 18px;
    font-weight: 400;
}

/* Button */

.download-app-modal .download-app-modal-btn {
    min-width: 170px;
    height: 48px;
    border: none;
    border-radius: 40px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
    background: linear-gradient(
        90deg,
        #32138d 0%,
        #ff1493 100%
    );
    transition: .3s;
}

.download-app-modal .download-app-modal-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(255,20,147,.30);
}

/* Backdrop Blur */

.download-app-modal.fade .modal-dialog {
    transform: scale(.95);
}

.download-app-modal.show .modal-dialog {
    transform: scale(1);
}

.download-app-modal + .modal-backdrop,
.modal-backdrop.show {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background: rgba(0,0,0,.25);
}

/* Mobile */

@media (max-width:767px){

.download-app-modal .modal-dialog{
    margin:15px;
}

.download-app-modal .download-app-modal-body{
    padding:20px 15px;
}

.download-app-modal .download-app-modal-title{
    font-size:26px;
}

.download-app-modal .download-app-modal-subtitle{
    font-size:15px;
    margin:10px 0 18px;
}

.download-app-modal .download-app-modal-btn{
    width:150px;
    height:42px;
    font-size:18px;
}

.download-app-modal .download-app-modal-close{
    font-size:18px;
}

}