/* ============================================================
   Digiclouds — "Enterprise Glassmorphism" Premium Theme v5
   Additive stylesheet, loaded after style.css.
   ZERO JS hooks, form IDs, modal targets, data-bs-* attrs,
   or functional logic changed. Pure visual CSS overrides only.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap");

/* ============================================================
   1. DESIGN TOKENS
   ============================================================ */
:root {
  /* Brand */
  --dc-accent:        #fa9800;
  --dc-accent-2:      #ff5c00;
  --dc-violet:        #7a5cff;
  --dc-teal:          #0fb894;
  --dc-blue:          #3b82f6;

  /* Surface */
  --dc-bg:            #f8f9fc;
  --dc-bg-secondary:  #f8f9fc;
  --dc-surface:       #ffffff;
  --dc-surface-2:     #f2f4f8;
  --dc-border:        #e2e6ef;
  --dc-border-strong: #c8cedc;

  /* Text */
  --dc-text:          #0d0f1a;
  --dc-text-secondary:#4a5068;
  --dc-text-muted:    #8892a8;

  /* Shadows */
  --dc-shadow-sm:  0 2px 8px -2px rgba(13,15,26,.08);
  --dc-shadow-md:  0 8px 24px -8px rgba(13,15,26,.14);
  --dc-shadow-lg:  0 20px 50px -18px rgba(13,15,26,.22);
  --dc-shadow-xl:  0 30px 70px -24px rgba(13,15,26,.28);
  --dc-shadow:     0 20px 50px -18px rgba(13,15,26,.22);

  /* Glass */
  --dc-glass-bg:      rgba(255,255,255,0.72);
  --dc-glass-border:  rgba(255,255,255,0.55);
  --dc-glass-blur:    saturate(180%) blur(20px);

  /* Radius */
  --dc-r-sm:  8px;
  --dc-r-md:  14px;
  --dc-r-lg:  20px;
  --dc-r-xl:  28px;
  --dc-r-pill:999px;

  /* Spacing */
  --dc-section-py: 96px;
}

/* ============================================================
   2. GLOBAL BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background: var(--dc-bg) !important;
  color: var(--dc-text) !important;
  font-family: "Inter","Poppins",sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body::-webkit-scrollbar       { width: 6px; }
body::-webkit-scrollbar-track { background: var(--dc-bg); }
body::-webkit-scrollbar-thumb { background: linear-gradient(180deg,var(--dc-accent),var(--dc-violet)); border-radius: 999px; }

.services, .aboutus {
  background-color: var(--dc-bg) !important;
  padding-top: var(--dc-section-py) !important;
  padding-bottom: var(--dc-section-py) !important;
}

/* ============================================================
   3. ANIMATIONS
   ============================================================ */
@keyframes dc-fade-up   { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes dc-fade-in   { from{opacity:0} to{opacity:1} }
@keyframes dc-shimmer   { 0%{background-position:-400px 0} 100%{background-position:400px 0} }
@keyframes dc-pulse-ring{ 0%{box-shadow:0 0 0 0 rgba(250,152,0,.5)} 70%{box-shadow:0 0 0 10px rgba(250,152,0,0)} 100%{box-shadow:0 0 0 0 rgba(250,152,0,0)} }
@keyframes dc-drift-1   { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(55px,44px) scale(1.12)} }
@keyframes dc-drift-2   { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-44px,34px) scale(1.09)} }
@keyframes dc-drift-3   { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(34px,-34px) scale(1.14)} }

@media (prefers-reduced-motion:reduce) { .dc-blob{animation:none!important} }

/* ============================================================
   4. NAVBAR / HEADER
   ============================================================ */
header, .navbar {
  position: relative;
  z-index: 1050;
  background: rgba(12, 17, 30, 0.98) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  box-shadow: 0 4px 20px -2px rgba(0,0,0,.15);
  transition: background .3s ease, box-shadow .3s ease;
}
/* Ensure navbar never clips its children */
header, .navbar { overflow: visible !important; }

.navbar-brand {
  padding: 0 10px 0 4px !important;
  margin-right: 8px !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
}
.navbar .container-fluid { justify-content: space-between !important; }
.navbar-collapse { flex-grow: 1 !important; justify-content: flex-end !important; }
.navbar-nav { margin-left: auto !important; }

.navbar-brand img {
  max-height: 65px !important;
  max-width: 160px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform .3s ease;
}
.navbar-brand img:hover { transform: scale(1.05); }
body.dark-mode .navbar-brand { background: transparent !important; }

.navbar .nav-link, .navbar .nav-link-home, .navbar a {
  font-size: .875rem !important;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85) !important;
  padding: .5rem .85rem !important;
  border-radius: var(--dc-r-sm);
  transition: color .2s ease, background .2s ease;
  white-space: nowrap;
}
.navbar .nav-link:hover, .navbar .nav-link-home:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1);
}
.navbar .nav-link b { font-weight: 500; }
.navbar .nav-link b br, .navbar .nav-link-home b br { display: none; }
.navbar .nav-link b span { display: inline; margin: 0 !important; }
.navbar-brand { color: #ffffff !important; }

/* Hamburger toggler */
.navbar-toggler { border-color: rgba(255,255,255,0.4) !important; }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2C255%2C255%2C0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}/* Active home link */
.navbar .nav-link-home {
  color: var(--dc-accent) !important;
  font-weight: 600 !important;
  position: relative;
}
.navbar .nav-link-home::after {
  content:''; position:absolute;
  bottom:4px; left:.85rem; right:.85rem;
  height:2px;
  background: var(--dc-accent);
  border-radius: 999px;
}

/* Dropdown menus */
.dropdown-menu {
  border: 1px solid var(--dc-border) !important;
  border-radius: var(--dc-r-md) !important;
  box-shadow: var(--dc-shadow-md) !important;
  background: var(--dc-surface) !important;
  padding: .5rem !important;
  min-width: 210px;
  animation: dc-fade-in .18s ease;
}
.navbar .dropdown-menu .dropdown-item {
  border-radius: var(--dc-r-sm) !important;
  font-size: .85rem !important;
  padding: .55rem .9rem !important;
  color: var(--dc-text-secondary) !important;
  transition: background .18s ease, color .18s ease;
  display: flex; align-items: center; gap: 8px;
}
.navbar .dropdown-menu .dropdown-item i { color: var(--dc-accent); font-size: .95rem; }
.navbar .dropdown-menu .dropdown-item:hover {
  background: rgba(250,152,0,.09) !important;
  color: var(--dc-text) !important;
}
.dropdown-divider {
  background-color: var(--dc-border) !important;
  height: 1px !important;
  margin: .25rem 0 !important;
  opacity: .6;
  border: none !important;
}

/* Interested? / Contact us — pill */
a.nav-link.text-color[data-bs-toggle="modal"][data-bs-target="#contactModal"] {
  background: linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: .45rem 1.1rem !important;
  font-size: .82rem !important;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 6px 20px -6px rgba(250,152,0,.5);
  transition: transform .2s ease, box-shadow .2s ease;
  line-height: 1.3; text-align: center;
}
a.nav-link.text-color[data-bs-toggle="modal"][data-bs-target="#contactModal"] br { display: none; }
a.nav-link.text-color[data-bs-toggle="modal"][data-bs-target="#contactModal"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px -6px rgba(250,152,0,.6);
  color: #fff !important;
}

/* My Account */
.custom-account-dropdown {
  border-radius: 999px !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  padding: .42rem 1.1rem !important;
  background: linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  border: none !important;
  box-shadow: 0 6px 20px -6px rgba(250,152,0,.45) !important;
  transition: transform .2s ease !important;
}
.custom-account-dropdown:hover { transform: translateY(-1px) !important; }

/* Floating buttons */
.floating-buttons button {
  width: 44px !important; height: 44px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  box-shadow: var(--dc-shadow-md) !important;
  color: #fff !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.floating-buttons button:hover {
  transform: scale(1.1) translateY(-2px) !important;
  box-shadow: var(--dc-shadow-lg) !important;
}
#backToTopBtn > div {
  background: linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  border-radius: 50% !important; width:38px !important; height:38px !important;
  box-shadow: var(--dc-shadow-md) !important;
}

/* ============================================================
   5. HERO SECTION
   ============================================================ */
.herodigicloudsdigiclouds {
  position: relative; overflow: hidden;
  min-height: 92vh;
  display: flex; align-items: center; justify-content: center !important;
  padding: 140px 80px 80px 80px !important;
  background: var(--dc-surface) !important;
  color: var(--dc-text) !important;
  isolation: isolate; gap: 180px !important;
}

.dc-grid-bg {
  position: absolute; inset: 0; z-index: 0;
  background-image:
    linear-gradient(rgba(13,15,26,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13,15,26,.055) 1px, transparent 1px);
  background-size: 52px 52px;
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 20% 25%, #000 20%, transparent 75%);
  mask-image: radial-gradient(ellipse 80% 70% at 20% 25%, #000 20%, transparent 75%);
  pointer-events: none;
}
.dc-grain {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image: radial-gradient(rgba(13,15,26,.03) 1px, transparent 1px);
  background-size: 3px 3px;
}
.dc-vignette {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(ellipse at 25% 20%, rgba(255,255,255,0) 35%, #ffffff 95%);
}

/* Blobs */
.dc-blob { position:absolute; border-radius:50%; z-index:0; pointer-events:none; will-change:transform; }
.dc-blob-1 {
  width:620px; height:620px; top:-220px; left:-180px;
  filter:blur(110px); opacity:.40;
  background:radial-gradient(circle,var(--dc-violet) 0%,transparent 68%);
  animation: dc-drift-1 24s ease-in-out infinite;
}
.dc-blob-2 {
  width:680px; height:680px; top:-180px; right:-240px;
  filter:blur(115px); opacity:.38;
  background:radial-gradient(circle,var(--dc-accent) 0%,transparent 68%);
  animation: dc-drift-2 28s ease-in-out infinite;
}
.dc-blob-3 {
  width:520px; height:520px; bottom:-260px; left:35%;
  filter:blur(105px); opacity:.32;
  background:radial-gradient(circle,var(--dc-teal) 0%,transparent 68%);
  animation: dc-drift-3 20s ease-in-out infinite;
}

.herodigicloudsdigiclouds-text {
  position: relative; z-index: 3;
  max-width: 640px; flex: 1 1 360px;
}

.dc-badge {
  display:inline-flex; align-items:center; gap:8px;
  font-size:.78rem; font-weight:500;
  color:var(--dc-text-secondary);
  background:var(--dc-surface);
  border:1px solid var(--dc-border);
  box-shadow:var(--dc-shadow-sm);
  padding:6px 16px; border-radius:999px; margin-bottom:28px;
}
.dc-badge-dot {
  width:7px; height:7px; border-radius:50%;
  background:var(--dc-teal); box-shadow:0 0 8px var(--dc-teal);
  animation: dc-pulse-ring 2s infinite;
}

.herodigicloudsdigiclouds-text h1 {
  font-family:"Space Grotesk","Inter",sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.035em;
  font-size: clamp(2.6rem, 5vw, 4rem) !important;
  line-height:1.06 !important;
  color:var(--dc-text) !important;
  margin-bottom:24px !important;
}
.dc-grad-text {
  background:linear-gradient(105deg,var(--dc-accent) 0%,#ff5c8a 45%,var(--dc-violet) 90%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.herodigicloudsdigiclouds-text p {
  font-size:1.08rem !important;
  line-height:1.75 !important;
  color:var(--dc-text-secondary) !important;
  max-width:500px; margin-bottom:36px !important;
}

.dc-hero-ctas { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:44px; }

.dc-btn-primary {
  padding:14px 32px; border-radius:var(--dc-r-md);
  font-weight:600; font-size:.95rem;
  background:linear-gradient(135deg,var(--dc-accent) 0%,var(--dc-accent-2) 100%);
  color:#fff; text-decoration:none;
  box-shadow:0 12px 32px -10px rgba(250,152,0,.6);
  transition:transform .25s ease,box-shadow .25s ease;
  display:inline-block; position:relative; overflow:hidden;
}
.dc-btn-primary::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);
  background-size:400px 100%;
  animation:dc-shimmer 3s infinite linear; opacity:0; transition:opacity .3s;
}
.dc-btn-primary:hover {
  transform:translateY(-3px);
  box-shadow:0 18px 40px -10px rgba(250,152,0,.7);
  color:#fff;
}
.dc-btn-primary:hover::after { opacity:1; }

.dc-btn-secondary {
  padding:14px 30px; border-radius:var(--dc-r-md);
  font-weight:600; font-size:.95rem;
  background:var(--dc-surface); border:1px solid var(--dc-border);
  color:var(--dc-text); text-decoration:none;
  box-shadow:var(--dc-shadow-sm);
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
  display:inline-block;
}
.dc-btn-secondary:hover {
  background:var(--dc-surface-2); border-color:var(--dc-border-strong);
  transform:translateY(-2px); color:var(--dc-text);
}

.dc-stats-row { display:flex; gap:14px; flex-wrap:wrap; }
.dc-stat-pill {
  background:var(--dc-glass-bg);
  border:1px solid var(--dc-border);
  box-shadow:var(--dc-shadow-sm);
  border-radius:var(--dc-r-md); padding:14px 22px; min-width:130px;
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  transition:transform .25s ease,box-shadow .25s ease;
}
.dc-stat-pill:hover { transform:translateY(-3px); box-shadow:var(--dc-shadow-md); }
.dc-stat-num {
  font-family:"Space Grotesk",sans-serif; font-size:1.45rem; font-weight:700;
  background:linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.dc-stat-lbl { font-size:.74rem; color:var(--dc-text-muted); margin-top:3px; font-weight:500; }

/* Hero video */
.floating-video {
  position:relative; z-index:3;
  flex:1 1 500px; max-width:850px !important; width:100% !important;
  aspect-ratio:16/10;
  border-radius:var(--dc-r-xl) !important;
  box-shadow:var(--dc-shadow-xl);
  border:1px solid var(--dc-border);
  overflow:hidden;
}
.floating-video video { width:100%; height:100%; object-fit:cover; display:block; }

@media (max-width:992px) {
  .herodigicloudsdigiclouds {
    flex-direction:column; padding:130px 24px 60px !important;
    min-height:auto; gap:32px;
  }
  .herodigicloudsdigiclouds-text { max-width:100%; }
  .herodigicloudsdigiclouds-text h1 { font-size:clamp(2.1rem,6vw,3rem) !important; }
  .floating-video { max-width:100% !important; aspect-ratio:16/9; }
  .dc-stats-row { gap:10px; }
}

/* ============================================================
   6. SECTION HEADINGS
   ============================================================ */
.heading-decor h2, .heading-decor h3 {
  font-family:"Space Grotesk","Inter",sans-serif !important;
  font-weight:700 !important; letter-spacing:-.025em !important;
  color:var(--dc-text) !important;
}
.heading-decor h2 { font-size:clamp(1.7rem,3.5vw,2.4rem) !important; }

.divider1, .divider-aboutUs, .divider3 {
  border:none !important; height:3px !important; width:64px !important;
  background:linear-gradient(90deg,var(--dc-accent),var(--dc-accent-2)) !important;
  border-radius:999px !important; margin:16px auto 28px !important; display:block;
}

/* ============================================================
   7. SERVICE CARDS (AWS / Azure / GCP / DCS)
   ============================================================ */
.CardView .custom-card {
  border-radius:var(--dc-r-lg) !important;
  border:1px solid var(--dc-border) !important;
  overflow:hidden;
  box-shadow:var(--dc-shadow-md) !important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease !important;
  background:var(--dc-surface) !important;
}
.CardView .custom-card:hover { transform:translateY(-8px) !important; box-shadow:var(--dc-shadow-xl) !important; }
.CardView .col-lg-3:nth-child(1) .custom-card-header { background:linear-gradient(145deg,#0f2027 0%,#f59e0b 120%) !important; }
.CardView .col-lg-3:nth-child(2) .custom-card-header { background:linear-gradient(145deg,#1e3a5f 0%,#3b82f6 120%) !important; }
.CardView .col-lg-3:nth-child(3) .custom-card-header { background:linear-gradient(145deg,#0d3349 0%,#10b981 120%) !important; }
.CardView .col-lg-3:nth-child(4) .custom-card-header { background:linear-gradient(145deg,#1a0533 0%,var(--dc-accent) 120%) !important; }
.custom-card-header {
  height:170px !important; padding:24px !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  position:relative; overflow:hidden;
}
.cloud-name {
  font-size:1rem !important; font-weight:700 !important;
  letter-spacing:.04em; text-transform:uppercase;
  color:rgba(255,255,255,.95) !important;
}
.price {
  font-size:.82rem !important; font-weight:500 !important;
  color:rgba(255,255,255,.8) !important;
  background:rgba(0,0,0,.18); padding:3px 12px;
  border-radius:999px; margin-top:4px;
}
.custom-card-body { padding:1.25rem !important; }
.cardfeature {
  font-size:.875rem !important; font-weight:500 !important;
  padding:10px 12px !important;
  border-bottom:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-sm);
  display:flex; align-items:center; gap:8px;
  color:var(--dc-text-secondary);
}
.cardfeature::before { content:'\2713'; color:var(--dc-teal); font-weight:700; font-size:.8rem; flex-shrink:0; }
.free_trial {
  font-size:.85rem !important; font-weight:600 !important;
  color:var(--dc-teal) !important;
  background:rgba(15,184,148,.09);
  border-radius:var(--dc-r-sm); padding:8px 12px;
  text-align:center; margin-top:6px;
  border:1px dashed rgba(15,184,148,.3);
}
.btn-custom, .btn-primary, .btn-warning, [class*="btn-orange"] {
  background:linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  border:none !important; color:#fff !important; font-weight:600 !important;
  border-radius:var(--dc-r-md) !important;
  box-shadow:0 8px 22px -8px rgba(250,152,0,.5) !important;
  transition:transform .22s ease,box-shadow .22s ease !important;
  width:100%;
}
.btn-custom { font-size:.85rem !important; padding:.65rem 1.4rem !important; letter-spacing:.03em; }
.btn-custom:hover, .btn-primary:hover, .btn-warning:hover, [class*="btn-orange"]:hover {
  transform:translateY(-2px) !important;
  box-shadow:0 14px 30px -8px rgba(250,152,0,.65) !important;
  color:#fff !important;
}

/* ============================================================
   8. ABOUT US CARDS
   ============================================================ */
.section-aboutus .card-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:24px;
}
.section-aboutus .card-wrapper .card {
  border:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-lg) !important;
  background:var(--dc-surface) !important;
  box-shadow:var(--dc-shadow-sm) !important;
  overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease; height:100%;
}
.section-aboutus .card-wrapper .card:hover { transform:translateY(-6px); box-shadow:var(--dc-shadow-lg) !important; }
.section-aboutus .card-wrapper .card img { width:100%; height:200px; object-fit:cover; transition:transform .4s ease; }
.section-aboutus .card-wrapper .card:hover img { transform:scale(1.04); }
.section-aboutus .card-title {
  font-family:"Space Grotesk",sans-serif !important;
  font-size:1.2rem !important; font-weight:700 !important;
  color:var(--dc-text) !important; padding:0 1.25rem !important;
}
.section-aboutus .card-text { font-size:.875rem !important; color:var(--dc-text-secondary) !important; line-height:1.7 !important; }
.more-info {
  display:inline-flex; align-items:center; gap:5px;
  font-size:.82rem !important; font-weight:600;
  color:var(--dc-accent) !important; text-decoration:none !important;
  margin-top:8px; transition:gap .2s ease,color .2s ease;
}
.more-info::after { content:'\2192'; transition:transform .2s ease; }
.more-info:hover { color:var(--dc-accent-2) !important; }
.more-info:hover::after { transform:translateX(4px); }

/* ============================================================
   9. ABOUT US (intro / dc-bg-dots)
   ============================================================ */
#aboutus.aboutus { background-color:var(--dc-surface) !important; }
.dc-bg-dots {
  position:relative;
  background-color:var(--dc-surface) !important;
  background-image:radial-gradient(circle,#d0d5e0 1.2px,transparent 1.2px) !important;
  background-size:28px 28px !important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 50%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 50%,transparent 100%);
}
.aboutus-text, .service-text {
  font-size:.93rem !important; color:var(--dc-text-secondary) !important;
  line-height:1.8 !important; max-width:820px; margin:0 auto;
}

/* ============================================================
   10. WHY CHOOSE US
   ============================================================ */
.choose1-text {
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(1.8rem,3vw,2.6rem) !important;
  font-weight:700 !important; letter-spacing:-.03em !important;
  color:var(--dc-text) !important; line-height:1.1 !important;
}
.choose-section-text .mobile-friendly-text {
  font-size:.93rem !important; color:var(--dc-text-secondary) !important; line-height:1.8 !important;
}
.feature-card {
  background:var(--dc-glass-bg) !important;
  border:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-lg) !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:var(--dc-shadow-sm) !important;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease !important;
  position:relative; overflow:hidden;
}
.feature-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--dc-accent),var(--dc-violet));
  border-radius:var(--dc-r-lg) var(--dc-r-lg) 0 0; opacity:0; transition:opacity .3s ease;
}
.feature-card:hover { transform:translateY(-6px) !important; box-shadow:var(--dc-shadow-lg) !important; border-color:rgba(250,152,0,.25) !important; }
.feature-card:hover::before { opacity:1; }
.feature-icon-glow {
  width:56px; height:56px;
  background:linear-gradient(135deg,rgba(250,152,0,.12),rgba(122,92,255,.12));
  border-radius:var(--dc-r-md);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px; transition:background .3s ease,transform .3s ease;
}
.feature-icon-glow i { font-size:1.6rem; color:var(--dc-accent); transition:color .3s ease,transform .3s ease; }
.feature-card:hover .feature-icon-glow { background:linear-gradient(135deg,rgba(250,152,0,.22),rgba(122,92,255,.22)); transform:scale(1.08); }
.feature-card:hover .feature-icon-glow i { transform:scale(1.1); color:var(--dc-accent-2); }
.feature-card .fw-bold { color:var(--dc-text) !important; font-weight:600 !important; }
.feature-card .text-muted { color:var(--dc-text-secondary) !important; font-size:.84rem !important; }

/* ============================================================
   11. USER SUPPORT 3-COL
   ============================================================ */
.dc-user-support {
  background:linear-gradient(135deg,#f0f4ff 0%,#fff8f0 100%) !important;
  border-top:1px solid var(--dc-border); border-bottom:1px solid var(--dc-border);
}
.dc-user-support .support-box > div > div {
  background:var(--dc-surface) !important;
  border:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-lg) !important;
  padding:28px !important; height:100%;
  box-shadow:var(--dc-shadow-sm);
  border-left:4px solid var(--dc-accent) !important;
  transition:transform .3s ease,box-shadow .3s ease;
}
.dc-user-support .support-box > div > div:hover { transform:translateY(-4px); box-shadow:var(--dc-shadow-md) !important; }
.dc-user-support .support-box > div > div b {
  font-size:.95rem !important; color:var(--dc-text) !important;
  font-weight:700 !important; display:block; margin-bottom:8px;
}
.dc-user-support .support-box > div > div p {
  font-size:.85rem !important; color:var(--dc-text-secondary) !important; line-height:1.7 !important;
}
.dc-user-support .btn-custom { width:auto !important; padding:.5rem 1.4rem !important; }

/* ============================================================
   12. TESTIMONIALS
   ============================================================ */
.clients-container { padding:60px 0; }
.testimonial-wrapper {
  border-radius:var(--dc-r-lg) !important; overflow:hidden;
  background:linear-gradient(135deg,var(--dc-surface),var(--dc-surface-2));
  border:1px solid var(--dc-border); box-shadow:var(--dc-shadow-md); padding:12px;
}
.clients-container .header-container h1 {
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(1.4rem,2.5vw,2rem) !important;
  font-weight:700 !important; letter-spacing:-.025em !important;
  color:var(--dc-text) !important; text-transform:uppercase;
  position:relative; display:inline-block;
}
.clients-container .header-container h1::after {
  content:''; position:absolute; bottom:-6px; left:0;
  width:50px; height:3px;
  background:linear-gradient(90deg,var(--dc-accent),var(--dc-accent-2));
  border-radius:999px;
}
.clients-container .lead { font-size:1.05rem !important; color:var(--dc-text-secondary) !important; line-height:1.75 !important; font-style:italic; }
.slide-imgsLast {
  border-radius:50% !important; width:52px !important; height:52px !important;
  object-fit:cover; border:3px solid var(--dc-accent) !important;
}
.slide-imgsLast.default {
  box-shadow:0 0 0 3px rgba(250,152,0,.2);
}
.star-rating i { color:var(--dc-accent) !important; }
.clients-container .carousel-control-prev,
.clients-container .carousel-control-next {
  position:static !important;
  display:inline-flex; align-items:center; justify-content:center;
  width:44px !important; height:44px !important; border-radius:50% !important;
  background:var(--dc-surface) !important; border:2px solid var(--dc-accent) !important;
  box-shadow:var(--dc-shadow-sm) !important; margin-top:16px; margin-left:8px; margin-right:8px;
  transition:background .2s ease,box-shadow .2s ease;
}
.clients-container .carousel-control-prev:hover,
.clients-container .carousel-control-next:hover { background:var(--dc-accent) !important; box-shadow:0 6px 16px rgba(250,152,0,.4) !important; }
.clients-container .carousel-control-prev-icon,
.clients-container .carousel-control-next-icon { 
  filter:invert(0.6) sepia(1) saturate(5) hue-rotate(350deg) !important; /* Make icon orange-ish initially */
  width:20px !important; height:20px !important; 
  background-size: 100% 100% !important;
  border: none !important; box-shadow: none !important; display: inline-block !important;
}
.clients-container .carousel-control-prev:hover .carousel-control-prev-icon,
.clients-container .carousel-control-next:hover .carousel-control-next-icon {
  filter:brightness(0) invert(1) !important; /* White on hover */
}
/* Disable the broken ::before content from style.css */
.clients-container .carousel-control-prev-icon::before,
.clients-container .carousel-control-next-icon::before {
  content: "" !important; display: none !important;
}

/* ============================================================
   13. FAQ ACCORDION
   ============================================================ */
.Accordions .accordion-item {
  border:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-md) !important; overflow:hidden;
  background:var(--dc-surface) !important;
  box-shadow:var(--dc-shadow-sm) !important;
  border-left:4px solid var(--dc-accent) !important;
  margin-bottom:0 !important;
}
.Accordions .accordion-item.mt-3 { margin-top:14px !important; }
.accordion-button {
  font-size:.93rem !important; font-weight:600 !important;
  color:var(--dc-text) !important; background:var(--dc-surface) !important;
  padding:1.1rem 1.4rem !important; border-radius:0 !important;
  border:none !important; box-shadow:none !important;
  transition:background .2s ease,color .2s ease;
  display:flex; align-items:center; justify-content:space-between;
}
.accordion-button:not(.collapsed) {
  color:var(--dc-accent) !important;
  background:rgba(250,152,0,.05) !important;
  box-shadow:none !important;
}
.accordion-button::after {
  filter:none !important;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fa9800'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  transition:transform .25s ease !important;
}
.accordion-button:not(.collapsed)::after { transform:rotate(-180deg) !important; }
.accordion-button .icon { display:none; }
.accordion-body {
  font-size:.875rem !important; color:var(--dc-text-secondary) !important;
  line-height:1.8 !important; padding:1rem 1.4rem 1.4rem !important;
  background:var(--dc-surface) !important;
}

/* ============================================================
   14. CONTACT FORM
   ============================================================ */
.contactus-sectionm { padding:60px 0; }
.contactus-wrapper {
  background:var(--dc-surface) !important;
  border:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-xl) !important; padding:48px !important;
  box-shadow:var(--dc-shadow-lg) !important;
  position:relative; overflow:hidden;
}
.contactus-wrapper::before {
  content:''; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--dc-accent),var(--dc-violet),var(--dc-teal));
  border-radius:var(--dc-r-xl) var(--dc-r-xl) 0 0;
}
.contactus-title {
  font-family:"Space Grotesk",sans-serif !important;
  font-size:clamp(1.5rem,3vw,2rem) !important; font-weight:700 !important;
  color:var(--dc-text) !important; letter-spacing:-.025em; margin-bottom:28px !important;
}
.contactus-form .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.contactus-form input, .contactus-form .form-select {
  background:var(--dc-surface-2) !important;
  border:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-md) !important;
  color:var(--dc-text) !important; font-size:.875rem !important;
  padding:.7rem 1rem !important; transition:border-color .2s ease,box-shadow .2s ease; outline:none;
}
.contactus-form input:focus, .contactus-form .form-select:focus {
  border-color:var(--dc-accent) !important;
  box-shadow:0 0 0 3px rgba(250,152,0,.12) !important;
  background:var(--dc-surface) !important;
}
.contactus-form input::placeholder { color:var(--dc-text-muted) !important; }
.radio-item { display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.radio-item input[type="radio"] { accent-color:var(--dc-accent); width:16px; height:16px; }
.form-warning { font-size:.8rem !important; color:#e05; }
.form-consent span, .form-note { font-size:.8rem !important; color:var(--dc-text-muted) !important; }
.submit-container button, .btn-submit {
  background:linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  border:none !important; color:#fff !important; font-weight:700 !important;
  font-size:.95rem !important; border-radius:var(--dc-r-md) !important;
  padding:.85rem 2.5rem !important;
  box-shadow:0 10px 28px -8px rgba(250,152,0,.55) !important;
  transition:transform .22s ease,box-shadow .22s ease !important; letter-spacing:.03em;
}
.submit-container button:hover, .btn-submit:hover { transform:translateY(-2px) !important; box-shadow:0 16px 36px -8px rgba(250,152,0,.65) !important; }
@media (max-width:600px) {
  .contactus-form .form-grid { grid-template-columns:1fr; }
  .contactus-wrapper { padding:28px 20px !important; }
}

/* ============================================================
   15. CERTIFICATIONS & PARTNER LOGOS
   ============================================================ */
.CompanyNames { padding:40px 0; }
.homeCompanies-logo {
  filter: none;
  opacity: 1;
  transition: transform .3s ease, opacity .3s ease;
  max-height: 75px !important; width: auto !important; object-fit: contain;
}
.homeCompanies-container:hover .homeCompanies-logo {
  transform: scale(1.08);
  opacity: 1;
}
.homeCompanies-container p { font-size:.78rem !important; color:var(--dc-text-secondary) !important; font-weight:600; margin-top:12px !important; letter-spacing:.02em; }
.partners-container {
  background:var(--dc-surface) !important; border:1px solid var(--dc-border) !important;
  border-radius:var(--dc-r-lg) !important; padding:16px 12px !important;
  display:flex; flex-direction:column !important; align-items:center; justify-content:center;
  width: 100% !important; max-width: 160px !important; height: 130px !important; margin: 0 auto;
  box-shadow:var(--dc-shadow-sm) !important;
  transition:box-shadow .2s ease,transform .2s ease;
}
.partners-container:hover { box-shadow:var(--dc-shadow-md) !important; transform:translateY(-2px); }
.partners-container .partnerImage-container {
  width: 100% !important;
  height: 65px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.partnerImage-container img {
  max-height: 65px !important; max-width: 100% !important; width: auto !important; object-fit: contain;
  filter: none;
  opacity: 1;
  transition: transform .3s ease;
}
.partners-container:hover .partnerImage-container img { transform: scale(1.08); }
.partners-container p { font-size:.85rem !important; color:var(--dc-text) !important; font-weight:600 !important; margin:8px 0 0 !important; }
.partnergif { max-height:60px !important; }

/* ============================================================
   16. FOOTER
   ============================================================ */
.footer.bg-dark {
  background:#080b12 !important; position:relative;
  border-top:1px solid rgba(255,255,255,.06);
}
.footer.bg-dark::before {
  content:''; position:absolute; top:-1px; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--dc-accent),var(--dc-violet),var(--dc-teal),var(--dc-accent));
  background-size:300% 100%;
  animation:dc-shimmer 6s infinite linear;
}
.footer.bg-dark p { color:#f0f2f7; font-weight:600; font-size:.88rem; letter-spacing:.03em; margin-bottom:16px; }
.footer.bg-dark .footer-links a,
.footer.bg-dark ul.list-unstyled a,
.footer.bg-dark li,
.footer.bg-dark .contact-link {
  color:#7b8799 !important; font-size:.84rem;
  transition:color .2s ease,padding-left .2s ease; text-decoration:none !important;
}
.footer.bg-dark .footer-links a:hover, .footer.bg-dark .contact-link:hover { color:var(--dc-accent) !important; padding-left:4px; }
.footer.bg-dark hr { border-color:rgba(255,255,255,.07); }
.footer.bg-dark .bi { color:var(--dc-accent); }
.footer.bg-dark small, .footer.bg-dark .text-muted { color:#4a5465 !important; }

/* ============================================================
   17. MODALS
   ============================================================ */
.modal-content {
  border-radius:var(--dc-r-lg) !important;
  border:1px solid var(--dc-border) !important;
  box-shadow:var(--dc-shadow-xl) !important;
  overflow:hidden;
}
.modal-header {
  border-bottom:1px solid var(--dc-border) !important;
  background:var(--dc-surface-2) !important;
  padding:1.2rem 1.5rem !important;
}
.modal-title { font-family:"Space Grotesk",sans-serif !important; font-weight:700 !important; font-size:1.1rem !important; color:var(--dc-text) !important; }
.modal-body { padding:1.5rem !important; }
.modal-body .form-control {
  border-radius:var(--dc-r-md) !important; border-color:var(--dc-border) !important; font-size:.875rem !important;
}
.modal-body .form-control:focus { border-color:var(--dc-accent) !important; box-shadow:0 0 0 3px rgba(250,152,0,.1) !important; }
.custom-login-btn {
  background:linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  border:none !important; color:#fff !important; font-weight:600 !important;
  border-radius:var(--dc-r-md) !important; padding:.65rem 1.4rem !important;
  box-shadow:0 8px 22px -8px rgba(250,152,0,.5) !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
.custom-login-btn:hover { transform:translateY(-2px) !important; box-shadow:0 14px 30px -8px rgba(250,152,0,.62) !important; color:#fff !important; }
.send-btn {
  background:linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  color:#fff !important; border-radius:var(--dc-r-md) !important; border:none !important; font-weight:600 !important;
}

/* ============================================================
   18. DARK MODE
   ============================================================ */
body.dark-mode {
  background:#080b12 !important; color:#e8ecf2 !important;
  --dc-bg:#080b12; --dc-surface:#0e1118; --dc-surface-2:#141820;
  --dc-border:rgba(255,255,255,.09); --dc-border-strong:rgba(255,255,255,.16);
  --dc-text:#e8ecf2; --dc-text-secondary:#8f9bb3; --dc-text-muted:#5a6478;
  --dc-glass-bg:rgba(14,17,24,0.8);
}
body.dark-mode header, body.dark-mode .navbar {
  background: #0e1118 !important;
  border-bottom: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 4px 16px -4px rgba(0,0,0,.4);
}
body.dark-mode .navbar-toggler { border-color: rgba(255,255,255,0.4) !important; }
body.dark-mode .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2C255%2C255%2C0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
body.dark-mode .navbar .nav-link, body.dark-mode .navbar .nav-link-home,
body.dark-mode .navbar a, body.dark-mode .navbar-brand { color:var(--dc-text) !important; }
body.dark-mode .herodigicloudsdigiclouds { background:#080b12 !important; color:var(--dc-text) !important; }
body.dark-mode .herodigicloudsdigiclouds-text h1 { color:#fff !important; }
body.dark-mode .herodigicloudsdigiclouds-text p { color:var(--dc-text-secondary) !important; }
body.dark-mode .dc-vignette { background:radial-gradient(ellipse at 25% 20%,transparent 35%,#080b12 95%); }
body.dark-mode .dc-grid-bg {
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
}
body.dark-mode .dc-grain { background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px); }
body.dark-mode .dc-badge { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); color:var(--dc-text-secondary); box-shadow:none; }
body.dark-mode .dc-stat-pill { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); box-shadow:none; }
body.dark-mode .dc-stat-num { color:#fff; }
body.dark-mode .dc-stat-lbl { color:var(--dc-text-muted); }
body.dark-mode .dc-btn-secondary { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); color:var(--dc-text); }
body.dark-mode .dc-btn-secondary:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.25); }
body.dark-mode .floating-video { border-color:rgba(255,255,255,.1); }
body.dark-mode .dc-blob { opacity:.55; }
body.dark-mode .services, body.dark-mode .aboutus { background-color:#080b12 !important; }
body.dark-mode .dc-bg-dots {
  background-color:#0e1118 !important;
  background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.2px,transparent 1.2px) !important;
}
body.dark-mode .dropdown-menu { background:#0e1118 !important; border-color:rgba(255,255,255,.1) !important; }
body.dark-mode .dropdown-item { color:var(--dc-text-secondary) !important; }
body.dark-mode .dropdown-item:hover { background:rgba(250,152,0,.1) !important; color:var(--dc-text) !important; }
body.dark-mode .CardView .custom-card { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.09) !important; color:var(--dc-text) !important; }
body.dark-mode .cardfeature { color:var(--dc-text-secondary); border-bottom-color:rgba(255,255,255,.1) !important; }
body.dark-mode .feature-card { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.09) !important; }
body.dark-mode .feature-card .fw-bold { color:var(--dc-text) !important; }
body.dark-mode .feature-card .text-muted { color:var(--dc-text-secondary) !important; }
body.dark-mode .section-aboutus .card-wrapper .card { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.09) !important; }
body.dark-mode .section-aboutus .card-title { color:var(--dc-text) !important; }
body.dark-mode .section-aboutus .card-text { color:var(--dc-text-secondary) !important; }
body.dark-mode .dc-user-support { background:linear-gradient(135deg,#0c1020 0%,#10100c 100%) !important; }
body.dark-mode .dc-user-support .support-box > div > div { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.09) !important; }
body.dark-mode .dc-user-support .support-box > div > div b { color:var(--dc-accent) !important; }
body.dark-mode .dc-user-support .support-box > div > div p { color:var(--dc-text-secondary) !important; }
body.dark-mode .clients-container .testimonial-wrapper { background:linear-gradient(135deg,#0e1118,#141820); border-color:rgba(255,255,255,.09); }
body.dark-mode .clients-container .lead { color:var(--dc-text-secondary) !important; }
body.dark-mode .card-content.default h1 { color:var(--dc-text) !important; }
body.dark-mode .card-content.new p { color:var(--dc-text-secondary) !important; }
body.dark-mode .clients-container .carousel-control-prev,
body.dark-mode .clients-container .carousel-control-next { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }
body.dark-mode .Accordions .accordion-item { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.09) !important; }
body.dark-mode .accordion-button { background:transparent !important; color:var(--dc-text) !important; }
body.dark-mode .accordion-button:not(.collapsed) { color:var(--dc-accent) !important; background:rgba(250,152,0,.06) !important; }
body.dark-mode .accordion-body { background:transparent !important; color:var(--dc-text-secondary) !important; }
body.dark-mode .contactus-wrapper { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.09) !important; }
body.dark-mode .contactus-title { color:var(--dc-text) !important; }
body.dark-mode .contactus-form input, body.dark-mode .contactus-form .form-select {
  background:rgba(255,255,255,.07) !important; border-color:rgba(255,255,255,.12) !important; color:var(--dc-text) !important;
}
body.dark-mode .contactus-form input::placeholder { color:var(--dc-text-muted) !important; }
body.dark-mode .radio-item { color:var(--dc-text-secondary) !important; }
body.dark-mode .form-consent span, body.dark-mode .form-note { color:var(--dc-text-muted) !important; }
body.dark-mode .homeCompanies-logo { filter: none; opacity: .9; }
body.dark-mode .homeCompanies-container:hover .homeCompanies-logo { opacity: 1; transform: scale(1.08); }
body.dark-mode .homeCompanies-container p { color:var(--dc-text-muted) !important; }
body.dark-mode .partners-container { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.08) !important; }
body.dark-mode .partners-container p { color:var(--dc-text-muted) !important; }
body.dark-mode .partnerImage-container img { filter: none; opacity: .9; }
body.dark-mode .modal-content { background:#0e1118 !important; border-color:rgba(255,255,255,.1) !important; }
body.dark-mode .modal-header { background:#141820 !important; border-color:rgba(255,255,255,.07) !important; }
body.dark-mode .modal-title { color:var(--dc-text) !important; }
body.dark-mode .modal-body .form-control { background:rgba(255,255,255,.07) !important; border-color:rgba(255,255,255,.12) !important; color:var(--dc-text) !important; }
body.dark-mode .modal-body p, body.dark-mode .modal-body label { color:var(--dc-text-secondary) !important; }
body.dark-mode .choose1-text { color:var(--dc-text) !important; }
body.dark-mode .mobile-friendly-text { color:var(--dc-text-secondary) !important; }
body.dark-mode .card-body { background-color:#0e1118; color:#e8ecf2; }
body.dark-mode .services .card, body.dark-mode .aboutus .card { background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.09) !important; color:var(--dc-text) !important; }

/* ============================================================
   19. MISC UTILITIES
   ============================================================ */
.search-input {
  border-radius:999px !important; border:1px solid var(--dc-border) !important;
  font-size:.82rem !important; padding:.4rem 1rem !important;
}
.search-input:focus { border-color:var(--dc-accent) !important; box-shadow:0 0 0 3px rgba(250,152,0,.1) !important; }
.countdown {
  background:linear-gradient(135deg,var(--dc-accent),var(--dc-accent-2)) !important;
  color:#fff !important; border-radius:var(--dc-r-md); box-shadow:var(--dc-shadow-md);
}
.text-color { color:var(--dc-accent) !important; }
a.nav-link.text-color:not([data-bs-toggle="modal"]) { font-weight:600 !important; font-size:.85rem !important; color:var(--dc-accent) !important; }