/* Override the font-family to use Inter instead of OpenSans */
:root {
  --font-family: 'Inter', sans-serif !important;
}

/* Target specific elements instead of using the universal selector */
body, 
h1, h2, h3, h4, h5, h6,
p, div, a, button, input, textarea, select, option {
  font-family: 'Inter', sans-serif !important;
}

/* Exclude Font Awesome icons from font override */
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-duotone,
.fa-brands {
  font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'FontAwesome' !important;
}

.footer * {
    color: #ffffff !important; /* Ensure all text inside footer is white */
}

/* Override other text elements */
.footer a, 
.footer p, 
.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6, 
.footer span {
    color: #ffffff !important;
}


.footer {
    position: relative;
    z-index: 0;
    background: linear-gradient(to right, #0c1a2b, #15212a); /* Dark navy gradient */
    background-position: center;
    border: none;
    padding: 40px 0;
    color: #ffffff !important; /* Force white text */
}

.footer * {
    color: #ffffff !important; /* Ensure all text inside footer is white */
}

/* Override other text elements */
.footer a, 
.footer p, 
.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6, 
.footer span {
    color: #ffffff !important;
}

/* Ensure links follow the white color */
.footer a {
    text-decoration: none;
    color: #ffffff !important;
    transition: color 0.3s ease-in-out;
}

.footer a:hover {
    color: #fdd700 !important; /* Gold hover effect */
}

/* Ensure copyright text follows the correct color */
.footer .copyright {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff !important;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 30px;
    text-align: center;
}

/* Social Icons */
.footer .soc-icons i {
    background-color: rgba(20, 20, 20, 0.8) !important;
    color: #ffffff !important;
    display: grid;
    align-items: center;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 8px 0 rgba(62, 62, 79, 0.15);
    border-radius: 50%;
}

.footer .soc-icons i:hover {
    background-color: #fdd700 !important;
    color: #101820 !important;
}

/* Logo Sizes */
.logo-menu {
  width: auto;
  max-width: 200px;
  height: auto;
}

@media (max-width: 768px) {
  .logo-menu {
    max-width: 150px;
  }
}

@media (max-width: 480px) {
  .logo-menu {
    max-width: 120px;
  }
}

.logo-footer {
  width: auto;
  max-width: 300px;
  height: auto;
}

@media (max-width: 768px) {
  .logo-footer {
    max-width: 150px;
  }
}

@media (max-width: 480px) {
  .logo-footer {
    max-width: 120px;
  }
}

/* Datacenter Map Positioning */
.maping .datacenters.tokyo { top: 44%; left: 87%; }
.maping .datacenters.frankfurt { top: 40%; left: 53%; }
.maping .datacenters.oregon { top: 40%; left: 12%; }
.maping .datacenters.iowa { top: 42%; left: 20%; }
.maping .datacenters.virginia { top: 48%; left: 23%; }
.maping .datacenters.lasvegas { top: 29.91%; left: 18.02%; }
.maping .datacenters.losangeles { top: 31.08%; left: 17.15%; }
.maping .datacenters.columbusohio { top: 27.75%; left: 26.94%; }
.maping .datacenters.southcarolina { top: 31.20%; left: 27.53%; }
.maping .datacenters.torontoontario { top: 25.75%; left: 27.95%; }
.maping .datacenters.telaviv { top: 32.18%; left: 59.66%; }
.maping .datacenters.dammam { top: 35.29%; left: 63.83%; }
.maping .datacenters.berlin { top: 20.82%; left: 53.72%; }
.maping .datacenters.hamina { top: 16.40%; left: 57.72%; }
.maping .datacenters.melbourne { top: 71.01%; left: 90.27%; }
.maping .datacenters.osaka { top: 30.73%; left: 87.64%; }
.maping .datacenters.johannesburg { top: 64.56%; left: 57.79%; }

/* Slick Clients */
.slick #clients div {
  display: block;
  margin: 0 30px;
}

.slick .almalinux { background-image: url("../../assets/img/partners/almalinux.svg"); background-repeat: no-repeat; height: 50px; }
.slick .magento { background-image: url("../../assets/img/partners/magento.svg"); background-repeat: no-repeat; height: 50px; }
.slick .joomla { background-image: url("../../assets/img/partners/joomla.svg"); background-repeat: no-repeat; height: 50px; }
.slick .centos { background-image: url("../../assets/img/partners/centos.svg"); background-repeat: no-repeat; height: 50px; }
.slick .drupal { background-image: url("../../assets/img/partners/drupal.svg"); background-repeat: no-repeat; height: 50px; }
.slick .cpanel { background-image: url("../../assets/img/partners/logo-cpanel.png"); background-repeat: no-repeat; height: 50px; }
.slick .plesk { background-image: url("../../assets/img/partners/logo-plesk.svg"); background-repeat: no-repeat; height: 50px; }
.slick .lamp { background-image: url("../../assets/img/partners/lamp.svg"); background-repeat: no-repeat; height: 50px; }
.slick .rocky-linux { background-image: url("../../assets/img/partners/rocky_linux_logo.png"); background-repeat: no-repeat; height: 50px; }
.slick .cloudlinux { background-image: url("../../assets/img/partners/logo-cloudlinux.svg"); background-repeat: no-repeat; height: 50px; }
.slick .ubuntu { background-image: url("../../assets/img/partners/logos-ubuntu.svg"); background-repeat: no-repeat; height: 50px; }
.slick .wordpress { background-image: url("../../assets/img/partners/wordpress.svg"); background-repeat: no-repeat; height: 50px; }
.slick .ibm { background-image: url("../../assets/img/partners/logo-ibm.svg"); background-repeat: no-repeat; height: 50px; }
.slick .google-cloud { background-image: url("../../assets/img/partners/googlecloud-wordmark.svg"); background-repeat: no-repeat; height: 50px; }
.slick .amazon-web-services { background-image: url("../../assets/img/partners/logos-aws.svg"); background-repeat: no-repeat; height: 50px; }
.slick .oracle { background-image: url("../../assets/img/partners/logos-oracle.svg"); background-repeat: no-repeat; height: 50px; }

/* Button Styles */
.btn { text-transform: lowercase; }

[data-color="green"] .bg-purple, [data-color="green"] .btn-default-purple-fill {
  background-color: #067340 !important;
}

[data-background="light"] .box-container .menu-wrap.fixed {
  background: #ffffff !important;
}

a {
  color: #fd720d;
  text-decoration: underline;
}

.sec-grad-yellow-to-black-right {
  background: linear-gradient(90deg, #1d078f 70%, #004efd 10%) !important;
}