.text-blue-900{
    color: #1E3A8A;
}

body{
    background-color: #fff;
}

.main-bg{
    background-color: #5E9BBD;
}

.bg-slate{
    background-color: #FAFAFA;
}

.bg-blue-50{
    background-color:#3B82F6;
}

.text-blue-50{
    color:#3B82F6;
}

.bg-blue-10{
    background-color: #EFF6FF;
}

.bg-blue-20{
    background-color: #5E9BBD;
}


.text-blue-950{
    color: #0B4479;
}

.bg-blue-950{
    background-color: #0B4479;
    
}


.text-yellow{
    color: #FDE047;
}

.grayscale{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.bg-blue-gradient{
    background: linear-gradient(89.38deg, #06335D 0.49%, #0A4786 98.74%);
}

.bg-blue-30{
    background-color: rgb(147 197 253);
}


.bg-bulat {
    background-image: url("../assets/tentang/bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-origin: content-box;
}

.bg-sop {
    background-image: url("../assets/sop/bg-blue.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-origin: content-box;
}

.bg-contact {
    background-image: url("../assets/bg-contact.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}

.bg-lms {
    background-image: url("../assets/lms/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}

.bg-karir {
    background-image: url("../assets/karir/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: content-box;
}

.bg-waralaba {
    background-image: url("../assets/waralaba/bg1.png");
    background-repeat: no-repeat;
    background-size:contain;
    background-position:left;
    background-origin: content-box;
}


.bg-waralaba2 {
    background-image: url("../assets/waralaba/bg2.png");
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    background-origin: content-box;
}


.bg-blue-awan{
    background-color: #C7DAFC;
}


.checklist {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}

.checklist li {
    position: relative; /* Positioning context for pseudo-element */
    padding-left: 30px; /* Space for the checkmark */
    margin-bottom: 10px; /* Optional: add some space between items */
}

.checklist li::before {
    content: '✔'; /* Unicode for checkmark */
    position: absolute; /* Position it absolutely */
    left: 0; /* Position it to the left of the list item */
    color: blue; /* Change the color to blue */
    font-size: 1.2em; /* Optional: change the size of the checkmark */
    line-height: 1; /* Match the line-height of the list item */
}


.floating-whatsapp {
    z-index: 1000;
    padding: 40px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 120px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  
}

.floating-whatsapp img {
    width: 150px;
}

.floating-join {
    z-index: 1000;
    padding: 40px;
    position: fixed;
    bottom: 190px;
    right: 20px;
    width: 120px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s ease;
}

.floating-join:hover {
    transform: scale(1.1);
}

.floating-join img {
    width: 150px;
}