Sindbad~EG File Manager

 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
 :root, [data-bs-theme=light] {
    --bs-blue: #1F335B; /* Primary */
    --bs-indigo: #1F335B; /* Primary */
    --bs-purple: #7b697b; /* Accent2 */
    --bs-pink: #c6aaae; /* Accent3 */
    --bs-red: #f41400; /* Danger */
    --bs-orange: #f45800; /* Secondary */
    --bs-yellow: #FBB90E; /* Warning */
    --bs-green: #00a65e; /* Success */
    --bs-teal: #00a65e; /* Success */
    --bs-cyan: #00a65e; /* Success */
    --bs-black: #040500; /* Dark */
    --bs-white: #ffffff; /* White */
    --bs-gray: #dfe2db; /* Light */
    --bs-gray-dark: #040500; /* Dark */
    --bs-gray-100: #dfe2db; /* Light */
    --bs-gray-200: #dfe2db; /* Light */
    --bs-gray-300: #dfe2db; /* Light */
    --bs-gray-400: #dfe2db; /* Light */
    --bs-gray-500: #dfe2db; /* Light */
    --bs-gray-600: #dfe2db; /* Light */
    --bs-gray-700: #dfe2db; /* Light */
    --bs-gray-800: #dfe2db; /* Light */
    --bs-gray-900: #dfe2db; /* Light */
    --bs-primary: #1F335B; /* Primary */
    --bs-secondary: #5F6D84; /* Secondary */
    --bs-success: #00a65e; /* Success */
    --bs-info: #f0683f; /* Info */
    --bs-warning: #FBB90E; /* Warning */
    --bs-danger: #f41400; /* Danger */
    --bs-light: #dfe2db; /* Light */
    --bs-dark: #040500; /* Dark */
    --bs-primary-rgb: 178, 89, 0; /* Primary */
    --bs-secondary-rgb: 95, 109,132; /* Secondary */
    --bs-success-rgb: 0, 166, 94; /* Success */
    --bs-info-rgb: 240, 104, 63; /* Info */
    --bs-warning-rgb: 251, 185, 14; /* Warning */
    --bs-danger-rgb: 244, 20, 0; /* Danger */
    --bs-light-rgb: 223, 226, 219; /* Light */
    --bs-dark-rgb: 4, 5, 0; /* Dark */
    --bs-primary-text-emphasis: #B25900; /* Darker Primary */
    --bs-secondary-text-emphasis: #002a00; /* Darker Secondary */
    --bs-success-text-emphasis: #004d33; /* Darker Success */
    --bs-info-text-emphasis: #d04d2a; /* Darker Info */
    --bs-warning-text-emphasis: #b9a700; /* Darker Warning */
    --bs-danger-text-emphasis: #b30000; /* Darker Danger */
    --bs-light-text-emphasis: #003a1f; /* Darker Light */
    --bs-dark-text-emphasis: #003a1f; /* Darker Dark */
    --bs-primary-bg-subtle: #B25900; /* Darker Primary */
    --bs-secondary-bg-subtle: #5F6D84; /* Secondary */
    --bs-success-bg-subtle: #00a65e; /* Success */
    --bs-info-bg-subtle: #f0683f; /* Info */
    --bs-warning-bg-subtle: #FBB90E; /* Warning */
    --bs-danger-bg-subtle: #f41400; /* Danger */
    --bs-light-bg-subtle: #dfe2db; /* Light */
    --bs-dark-bg-subtle: #040500; /* Dark */
    --bs-primary-border-subtle: #1F335B; /* Primary */
    --bs-secondary-border-subtle: #5F6D84; /* Secondary */
    --bs-success-border-subtle: #00a65e; /* Success */
    --bs-info-border-subtle: #f0683f; /* Info */
    --bs-warning-border-subtle: #FBB90E; /* Warning */
    --bs-danger-border-subtle: #f41400; /* Danger */
    --bs-light-border-subtle: #dfe2db; /* Light */
    --bs-dark-border-subtle: #040500; /* Dark */
    --bs-white-rgb: 255, 255, 255; /* White */
    --bs-black-rgb: 4, 5, 0; /* Dark */
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* Font Family */
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* Font Family */
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); /* Gradient */
    --bs-body-font-family: var(--bs-font-sans-serif); /* Font Family */
    --bs-body-font-size: 1rem; /* Font Size */
    --bs-body-font-weight: 400; /* Font Weight */
    --bs-body-line-height: 1.5; /* Line Height */
    --bs-body-color: #040500; /* Dark */
    --bs-body-color-rgb: 4, 5, 0; /* Dark */
    --bs-body-bg: #ffffff; /* White */
    --bs-body-bg-rgb: 255, 255, 255; /* White */
    --bs-emphasis-color: #040500; /* Dark */
    --bs-emphasis-color-rgb: 4, 5, 0; /* Dark */
    --bs-secondary-color: rgba(4, 5, 0, 0.75); /* Dark */
    --bs-secondary-color-rgb: 4, 5, 0; /* Dark */
    --bs-secondary-bg: #5F6D84; /* Secondary */
    --bs-secondary-bg-rgb: 95, 109,132; /* Secondary */
    --bs-tertiary-color: rgba(4, 5, 0, 0.5); /* Dark */
    --bs-tertiary-color-rgb: 4, 5, 0; /* Dark */
    --bs-tertiary-bg: #dfe2db; /* Light */
    --bs-tertiary-bg-rgb: 223, 226, 219; /* Light */
    --bs-heading-color: inherit; /* Inherited Color */
    --bs-link-color: #1F335B; /* Primary */
    --bs-link-color-rgb: 178, 89, 0; /* Primary */
    --bs-link-decoration: underline; /* Underline */
    --bs-link-hover-color: #B25900; /* Darker Primary */
    --bs-link-hover-color-rgb: 0, 32, 96; /* Darker Primary */
    --bs-code-color: #7b697b; /* Accent2 */
    --bs-highlight-color: #040500; /* Dark */
    --bs-highlight-bg: #5F6D84; /* Secondary */
    --bs-border-width: 1px; /* Border Width */
    --bs-border-style: solid; /* Border Style */
    --bs-border-color: #dfe2db; /* Light */
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175); /* Translucent */
    --bs-border-radius: 0.375rem; /* Border Radius */
    --bs-border-radius-sm: 0.25rem; /* Small Border Radius */
    --bs-border-radius-lg: 0.5rem; /* Large Border Radius */
    --bs-border-radius-xl: 1rem; /* Extra Large Border Radius */
    --bs-border-radius-xxl: 2rem; /* Extra Extra Large Border Radius */
    --bs-border-radius-2xl: var(--bs-border-radius-xxl); /* Border Radius */
    --bs-border-radius-pill: 50rem; /* Pill Border Radius */
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Box Shadow */
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* Small Box Shadow */
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); /* Large Box Shadow */
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); /* Inset Box Shadow */
    --bs-focus-ring-width: 0.25rem; /* Focus Ring Width */
    --bs-form-valid-color: #28a745; /* Green */
    --bs-form-valid-border-color: #28a745; /* Green */
    --bs-form-invalid-color: #dc3545; /* Red */
    --bs-form-invalid-border-color: #dc3545; /* Red */
}



.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1F335B;
    --bs-btn-border-color: #1F335B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1F335B;
    --bs-btn-disabled-border-color: #1F335B;
}



body {
  font-family: "Open Sans", sans-serif; 
}
.custom-nav-link {
  color: #000 !important; /* Ensures the text color is white */
  font-weight:600;
}

.custom-nav-link:hover, .custom-nav-link:focus {
  color: #000 !important; /* Ensures the text color remains white on hover and focus */
}




.about-section .about-title {
    color: #1F335B;
    font-weight: bold;
}

.services-section .services-title {
    color: #1F335B;
    font-weight: bold;
}

.service-icon {
    font-size: 4rem;
}

.gallery-section .gallery-title {
    color: #1F335B;
    font-weight: bold;
}

.gallery-item img {
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.gallery-item img:hover {
    transform: scale(1.05);
}
.cta-section {
  background-color: #1F335B; /* Primary color */
}

.cta-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.cta-text {
  font-size: 1.125rem;
  margin-bottom: 2rem;
}

.btn-light {
  background-color: #ffffff;
  color: #1F335B; /* Primary color */
  border: none;
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
}

.btn-light:hover {
  background-color: #f0f0f0;
  color: #1a6db8; /* Darker shade of primary color */
}


.contact-us-section {
  background-color: #f9f9f9; /* Light background color */
}

.section-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.map-container {
  border-radius: 8px;
  overflow: hidden;
}

.map-container iframe {
  border: none;
}

.list-unstyled li {
  font-size: 1.125rem;
}

footer {
  background-color: #343a40; /* Dark background color */
}

footer h5 {
  color: #f8f9fa; /* Light text for headings */
}

footer a {
  color: #f8f9fa; /* Light text for links */
}

footer a:hover {
  text-decoration: underline;
}

footer .list-unstyled li {
  font-size: 1rem;
}

footer .fs-4 {
  font-size: 1.5rem;
}

footer .me-3 {
  margin-right: 1rem;
}