:root {
    --Basic-black: #28284D;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style-type: none;
    text-decoration: none;
    outline: none;
}

.containerr {
    max-width: 1400px;
    width: 94%;
    margin: 0 auto;
}

.row {
    display: flex;
}

.gradient_green {
    background: linear-gradient(90deg, #59F3A5, #4254F4);
}

.gradient_green2 {
    background: linear-gradient(#4254F4, #59F3A5);
}

button:hover {
    opacity: 0.8;
}

.bg_linear {
    background: linear-gradient(140deg, #26294B, #14152C);
}

.bg_black {
    background: var(--Basic-black);
}

.box_shadow {
    box-shadow:  20px 20px 60px #201E3B,
             -20px -20px 60px #35325D;
             box-shadow:  16px 16px 32px #0f1020,
             -16px -16px 32px #272a52;
}

/* Laptop */
@media screen and (max-width: 1280px) {

}

/* Tablet */
@media screen and (max-width: 1024px) {
    .containerr {
        width: 96%;
    }

    .row {
        flex-direction: column;
        row-gap: 20px;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {
    .containerr {
        width: 92%;
    }
}