html,
body {
    width: 100%;
    height: 100%;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.header {
    background: url('./images/rocks-desktop.webp'), linear-gradient(178.19deg, #252525 1.5%, #2D2C2C 20.79%, #404040 53.22%, #484646 63.42%, #525251 79.75%, #595A59 98.47%);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

nav {
    border-bottom: 1px solid #FFFFFF1F;
}

.educate-section {
    background: url('./images/BeSmartRock.webp'), #2c2a2a;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.strong-section {
    background: url('./images/BeStrongerCobble.webp'), #161616;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.confident-section {
    background: url('./images/be_confident_bg.webp'), #161616;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.focus-section {
    background: url('./images/focus.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.about-section {
    background: url('./images/about_desktop.webp');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.regulated-section {
    background: url('./images/regulated_image_desktop.webp'), linear-gradient(rgb(22, 22, 22), rgb(73, 193, 118));
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.global-section {
    background: url('./images/global_desktop.webp'), linear-gradient(rgb(23, 23, 23), rgb(45, 44, 44) 35.35%, rgb(64, 64, 64) 94.755%, rgb(72, 70, 70) 113.452%, rgb(82, 82, 81) 143.367%, rgb(89, 90, 89) 177.654%);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.active {
    display: block !important;
}

.error {
    display: block;
    color: red;
    font-size: 14px;
}

.alert {
    padding: 15px;
    color: #fff;
    border-radius: 5px;
}

.alert-danger {
    background: rgb(247, 74, 74);
}

.alert-success {
    background: rgb(7, 166, 78);
}

.alert-dark {
    background-color: rgb(54, 26, 26);
    color: #fff;
}