@charset "utf-8";

/* Margin */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

/* Margin Top */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

/* Margin Bottom */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* Margin Left / Right */
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }

/* Padding */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* Padding Top */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Padding Bottom */
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }


/* Text alignment */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

/* Text styles */
.text-bold { font-weight: 700 !important; }
.text-medium { font-weight: 500 !important; }
.text-light { font-weight: 300 !important; }

.text-muted { color: #777 !important; }
.text-primary { color: #ff8a50 !important; }
.text-dark { color: #111 !important; }
.text-danger { color:#FF0000 !important;}
.text-success { color:#00CC00 !important;}
.text-info { color:#FF9900 !important;}
/* Display */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-flex { display: flex !important; }

/* Flex helpers */
.flex-column { flex-direction: column !important; }
.flex-row { flex-direction: row !important; }

.justify-start { justify-content: flex-start !important; }
.justify-center { justify-content: center !important; }
.justify-between { justify-content: space-between !important; }

.align-start { align-items: flex-start !important; }
.align-center { align-items: center !important; }
.align-end { align-items: flex-end !important; }

/* Width */
.w-100 { width: 100% !important; }
.w-75 { width: 75% !important; }
.w-50 { width: 50% !important; }
.w-25 { width: 25% !important; }

/* Max width helpers */
.max-w-1200 { max-width: 1200px; margin: auto; }
.max-w-900 { max-width: 900px; margin: auto; }
.max-w-600 { max-width: 600px; margin: auto; }

/* Border */
.border { border: 1px solid #e5e7eb !important; }
.border-0 { border: 0 !important; }

/* Radius */
.rounded { border-radius: 6px !important; }
.rounded-md { border-radius: 10px !important; }
.rounded-lg { border-radius: 16px !important; }
.rounded-full { border-radius: 999px !important; }

.shadow-sm {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

.shadow {
  box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
}

.shadow-lg {
  box-shadow: 0 20px 50px rgba(0,0,0,0.18) !important;
}



