*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root{
    --hover-color : #13cdfe;
    --main-color :#faf7f7;
    --small-size : 13px;
}
body{
    background-color: var(--main-color);
}
#full_page{
    background-color: #fff;
}
#all_menu{
    width: 100%;
    background-color: #fff;
    /* box-shadow: 1px 1px 2px 0px grey; */
}
#info_layer{
    width: 100%;
    background:linear-gradient(90deg,rgb(6, 218, 242),rgb(77, 233, 77)) ;
    padding: 20px 0px;
}
#all_menu .menu{
    text-decoration: none;
    color: #000;
    border: 1px solid #fff;
    padding: 22px 20px;
    font-size: 15px;
}

#all_menu .menu:hover,
#all_menu .menu i:hover {
    background-color: var(--hover-color);
    color: #fff !important;
    border: 1px solid var(--hover-color);

    /* Transition */
    transition-property: background-color, color, border;
    transition-duration: 0.6s;
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
}
.actives{
    background-color: var(--hover-color);
    color:#fff
}
.side-border {
    border-left: 4px solid #0d9488; /* Tailwind's teal-600 */
}
#all_categories{
    margin: 20px 0px;
}
#all_categories .container .card{
    margin: 20px 0px;
}
.menu-list{
    list-style: none;
}
.menu-list a{
    font-size: var(--small-size);
    text-decoration: none;
    color: #fff;
}
.copyright{
    font-size: var(--small-size);
    background-color: rgb(23, 23, 23);
    padding: 15px 0px;
}
input::placeholder,textarea::placeholder{
    font-size: 13px;
}
input:focus,textarea:focus,select:focus{
    border: 2px solid green !important;
    box-shadow: none !important;
}
/* Hide default checkbox */
    .custom-checkbox input[type="radio"] {
      appearance: none;
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border: 2px solid #000;
      border-radius: 4px;
      margin-left:-20px; /* This adds internal spacing */
      position: relative;
      cursor: pointer;
      background-color: #fff;
    }
    .custom-checkbox input[type="radio"]:checked {
        background-color:#13cdfe;
    }
    /* Show custom checkmark */
    .custom-checkbox input[type="radio"]:checked::after {
      content: '';
      position: absolute;
      top: 0px;
      left: 4px;
      width: 8px;
      height: 12px;
      border: solid #000;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
    }

    /* Optional: align label properly */
    .custom-checkbox label {
      margin-left: 8px;
      user-select: none;
      cursor: pointer;
    }