.purple-gradient {
    background: linear-gradient(40deg,
            #ff6ec4,
            #7873f5) !important;
}

.blue-gradient {
    background: linear-gradient(40deg,
            #45cafc,
            #303f9f) !important;
}

.aqua-gradient {
    background: linear-gradient(40deg,
            #2096ff,
            #05ffa3) !important;
}

.peach-gradient {
    background: linear-gradient(40deg,
            #ffd86f,
            #fc6262) !important;
}

/* ---- Below having shadow -- */

.z-depth-1-half {
    -webkit-box-shadow: 5px 8px 15px 0 rgba(0, 0, 0, 0.20), 5px 7px 15px 0 rgba(0, 0, 0, 0.20) !important;
    box-shadow: 5px 8px 15px 0 rgba(0, 0, 0, 0.20), 5px 7px 15px 0 rgba(0, 0, 0, 0.20) !important;
}

.warm-flame-gradient {
    background-image: linear-gradient(45deg,
            #ff9a9e 0%, #fad0c4 99%,
            #fad0c4 100%);
}

.night-fade-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a18cd1), to(#fbc2eb));
    background-image: linear-gradient(to top,
            #a18cd1 0%,
            #fbc2eb 100%);
}

.spring-warmth-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fad0c4), to(#ffd1ff));
    background-image: linear-gradient(to top,
            #fad0c4 0%,
            #ffd1ff 100%);
}

.juicy-peach-gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f));
    background-image: linear-gradient(to right,
            #ffecd2 0%,
            #fcb69f 100%);
}

.young-passion-gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
    background-image: linear-gradient(to right,
            #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%,
            #b12a5b 100%);
}

.rainy-ashville-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a6c1ee));
    background-image: linear-gradient(to top,
            #fbc2eb 0%,
            #a6c1ee 100%);
}

.sunny-morning-gradient {
    background-image: linear-gradient(120deg,
            #f6d365 0%,
            #fda085 100%);
}

.lady-lips-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));
    background-image: linear-gradient(to top,
            #ff9a9e 0%, #fecfef 99%,
            #fecfef 100%);
}

.winter-neva-gradient {
    background-image: linear-gradient(120deg,
            #a1c4fd 0%,
            #c2e9fb 100%);
}

.frozen-dreams-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fdcbf1), color-stop(1%, #fdcbf1), to(#e6dee9));
    background-image: linear-gradient(to top,
            #fdcbf1 0%, #fdcbf1 1%,
            #e6dee9 100%);
}

.dusty-grass-gradient {
    background-image: linear-gradient(120deg,
            #d4fc79 0%,
            #96e6a1 100%);
}

.tempting-azure-gradient {
    background-image: linear-gradient(120deg,
            #84fab0 0%,
            #8fd3f4 100%);
}

.heavy-rain-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
    background-image: linear-gradient(to top,
            #cfd9df 0%,
            #e2ebf0 100%);
}

.amy-crisp-gradient {
    background-image: linear-gradient(40deg,
            #a6c0fe 0%,
            #f68084 100%);
}

.mean-fruit-gradient {
    background-image: linear-gradient(120deg,
            #fccb90 0%,
            #d57eeb 100%);
}

.deep-blue-gradient {
    background-image: linear-gradient(120deg,
            #e0c3fc 0%,
            #8ab1d8 100%);
}

.ripe-malinka-gradient {
    background-image: linear-gradient(120deg,
            #f093fb 0%,
            #f5576c 100%);
}

.cloudy-knoxville-gradient {
    background-image: linear-gradient(120deg,
            #fdfbfb 0%,
            #ebedee 100%);
}

.morpheus-den-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867));
    background-image: linear-gradient(to top,
            #30cfd0 0%,
            #330867 100%);
}

.rare-wind-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
    background-image: linear-gradient(to top,
            #a8edea 0%,
            #fed6e3 100%);
}

.near-moon-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: linear-gradient(120deg,
            #5ee7df 0%,
            #b490ca 100%);
}

.pinky-blush-gradient {
    background: linear-gradient(to bottom right, #ff66cc 0%, #ccccff 100%);
}

.red-sunset-gradient {
    background: linear-gradient(to bottom right, #ff3300 0%, #ccffcc 100%);
}

.sweet-chocolate-gradient {
    background: linear-gradient(to bottom right, #993300 0%, #ffccff 100%);
}

.green-leaf-gradient {
    background: linear-gradient(to bottom right, #009933 0%, #99ffcc 100%);
}

/* -- Mouse Hover effects --- */

/* .overlay .mask {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}

.view {
    cursor: default;
}

.view img, .view video {
    position: relative;
    display: block;
}
.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .video-fluid {
    max-width: 100%;
    height: auto;
}
img {
    vertical-align: middle;
    border-style: none;
}

.view {
    position: relative;
    overflow: hidden;
    cursor: default;
}

*, ::before, ::after {
    box-sizing: border-box;
} */