.bg-white-light-giki {
    background-color: #e8ecef;
}

.bg-light-gray-giki {
    background-color: #f3f2f8;
}

.bg-blue-giki {
    background-color: #363347;
}

.bg-yellow-giki {
    background-color: #f4b437;
}

.bg-green-giki {
    background-color: #91b422;
}

.bg-gray-giki {
    background-color: #71768d;
}

.bg-cian-giki {
    background-color: #1b7a9e;
}

.bg-pink-giki {
    background-color: #953370;
}

.text-pink-giki {
    color: #953370;
}

.text-gray-giki {
    color: #898da0;
}

.text-gray-2-giki {
    color: #6a6d7a;
}

.text-yellow-giki {
    color: #f4b437;
}

.text-green-giki {
    color: #91b422;
}

.text-cian-giki {
    color: #1b7a9e;
}

.btn-outline-pink_giki {
    background-color: #fff;
    border: 2px solid #af2f72;
    color: #af2f72;
}

.btn-outline-pink_giki:hover {
    background-color: #af2f72;
    border: 2px solid #af2f72;
    color: #fff;
}

.btn-pink-active_giki {
    background-color: #af2f72;
    border: 2px solid #fff;
    color: #fff;
}

.ulStyle {
    list-style: none;
    font-family: "Quicksand", Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    line-height: 1.2;
}

.ulStyle li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #85a32f; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
@media (min-width: 1024px) and (orientation: landscape) {
    .sticky {
        position: sticky;
        top: 60px;
        z-index: 2;
    }
}

.hoverGuaykipedia:hover {
    background-color: #af2f72 !important;
    color: #ffffff !important;
}

.border-bottom-guay {
    border-bottom: 5px solid #af2f72 !important;
}

.width-fit-content {
    width: fit-content;
}

.border-blue-sec-giki {
    border: 4px solid #363347 !important;
}

.border-cian-giki {
    border: 4px solid #1b7a9e !important;
}

.border-gray-giki {
    border: 4px solid #71768d !important;
}