/*

    PykMc 2024. Code by uikamil (https://dribbble.com/uikamil)
    ------------
    Version 0.1.24

*/

/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Scrollbar */
::-webkit-scrollbar {
    width: 4px;
    height: 0;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0);
    border-radius: 0px;
    background: #FFD84E;
}

::-webkit-scrollbar-thumb {
    background-color: var(--background);
    border-radius: 15px;
}

/* Animation AOS */
[data-aos] {
    pointer-events: none;
}
.aos-animate {
    pointer-events: auto;
}
.aos-init[data-aos][data-aos].aos-animate {
    transform: unset;
}

/* Container */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0rem;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}

@media (max-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1000px;
    }
}

.container-fluid--header{
    max-width: 100%;
    overflow-x: hidden;
}

@media (min-width: 1600px) {
    .container-fluid--header {
        max-width: 1920px;
    }
}

/* Website style */
* {
    padding: 0;
    margin: 0;
}

html {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    overflow: initial;
}

body {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    height: 100%;
    overflow-x: hidden;
    background-color: white;
}

a{
    text-decoration: none;
}

.alert{
    background-color: rgba(255, 132, 132, 0.44) !important;
    color: rgb(140, 14, 14);
    font-weight: 500;
}

.alert[type="success"]{
    background-color: rgba(202, 255, 132, 0.44) !important;
    color: rgb(14, 140, 14);
    font-weight: 500;
}