:root {
            --primary-color: #0066ff;
            --accent-color: #00c9a7;
            --text-color: #303030;
            --bg-color: #ffffff;
            --bg-light:#f5f7fc;
        }
        .bg-c-primary {background-color:var(--primary-color);}
        .bg-c-secondary {background-color:var(--accent-color) !important;}
        .c-secondary {color:var(--accent-color) !important;}
        .btn-custom-primary {
            background-color: var(--primary-color);
            color: #fff;
        }

        .btn-custom-primary:hover {
            background-color: #004fcc;
        }

        .btn-gradient-primary {
            background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
            color: white;
            border: none;
        }

        .btn-gradient-primary:hover {
            opacity: 0.9;
        }

        body {
            font-family: 'Segoe UI', sans-serif !important;
            background-color: var(--bg-light) !important;
            color: var(--text-color) !important;
        }

        a {
            color: var(--primary-color) !important;
        }
          .feature-box {
    background-color: #fff;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
  }

  .feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.1);
  }
  .upload_logo {background:#f5f5f5; width:50%; height:100px; position: relative;  display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .upload_logo p {position:absolute;text-align: center;}
  #logoPreview {
    position: relative;
    display: inline-block;
}

#closePreview {
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 20px;
    color: var(--accent-color);
    font-weight: bold;
}

@media only screen and (max-width: 767px)
{
    .upload_logo {background:#f5f5f5; width:100%; height:60px; position: relative;  display: flex; justify-content: center; align-items: center; cursor: pointer;}
    .item_section {border:2px solid var(--accent-color); border-radius:10px; padding:10px; margin-bottom:15px;}
}
/* Hide spinner in Chrome, Safari, Edge */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spinner in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}