/* * {
    font-family: Itim;
} */

.image-item {
    position: relative;
    overflow: hidden;
}

.image-item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.delete-button {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #53BCB8;
    color: white;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.white-icon {
    fill: white;
    /* or color: white; depending on the structure of your SVG */
}

.bg-green {
    background-color: #53BCB8;
}

.bg-LightGreen {
    background-color: #56BFB5;
}

.bg-black {
    background-color: #051007;
}

.bg-gray {
    background-color: #CBDDC3;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-login {
    background: linear-gradient(190deg, #53BCB8, #000000);
    height: 100vh; /* Ensures it covers the entire viewport height */
    font-family: Arial, sans-serif;
  }


.text-black {
    color: #1E1E1E;
}

.text-green {
    color: #53BCB8;
}

.btn-green {
    color: #fff;
    background-color: #53BCB8;
    border-color: #53BCB8;
}

.btn-green:hover {
    color: #fff;
    background-color: #53BCB8;
    border-color: #53BCB8;
}

.btn-check:focus+.btn-green,
.btn-green:focus {
    color: #fff;
    background-color: #53BCB8;
    border-color: #53BCB8;
    box-shadow: 0 0 0 0.25rem rgba(14, 14, 14, 0.5);
}

.btn-check:checked+.btn-green,
.btn-check:active+.btn-green,
.btn-green:active,
.btn-green.active,
.show>.btn-green.dropdown-toggle {
    color: #fff;
    background-color: #53BCB8;
    border-color: #53BCB8;
}

.btn-check:checked+.btn-green:focus,
.btn-check:active+.btn-green:focus,
.btn-green:active:focus,
.btn-green.active:focus,
.show>.btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(14, 14, 14, 0.5);
}

.btn-green:disabled,
.btn-green.disabled {
    color: #fff;
    background-color: #53BCB8;
    border-color: #53BCB8;
}



/* .btn-black {
color: #fff;
background-color: #1E1E1E;
border-color: #1E1E1E;
}
.btn-black:hover {
color: #fff;
background-color: #1E1E1E;
border-color: #1E1E1E;
}
.btn-check:focus + .btn-black, .btn-black:focus {
color: #fff;
background-color: #1E1E1E;
border-color: #1E1E1E;
box-shadow: 0 0 0 0.25rem rgba(14, 14, 14, 0.5);
}
.btn-check:checked + .btn-black, .btn-check:active + .btn-black, .btn-black:active, .btn-black.active, .show > .btn-black.dropdown-toggle {
color: #fff;
background-color: #1E1E1E;
border-color: #1E1E1E;
}
.btn-check:checked + .btn-black:focus, .btn-check:active + .btn-black:focus, .btn-black:active:focus, .btn-black.active:focus, .show > .btn-black.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(14, 14, 14, 0.5);
}
.btn-black:disabled, .btn-black.disabled {
color: #fff;
background-color: #131212;
border-color: #131212;
} */