/********************************/
/* Show dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

/* Optional fade-in effect */
.dropdown-menu {
  transition: opacity 0.2s ease;
  opacity: 0;
  visibility: hidden;
}

.nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}

/*****************************/
html {
  scroll-behavior: smooth;
}

body {
  background-color: #FAFAFE;/*#ffffff #fafafa#F6F6F6 #f7f7ff;*/
}
.IQborder-light-gray{
    border-color: #d6d6d6 !important;
}
.IQicon-style {
  width: 100px !important;               /* Icon-style size */
  max-width: 100%;
  height: auto;
  border: 1px solid #d6d6d6;  /* Light grey border */
  border-radius: 12px;        /* Rounded corners */
  padding: 8px;               /* Space inside border */
  background-color: #fff;     /* Optional: white background inside border */
}
.IQMarkText {
  color: black;
  font-weight: 250;
  font-size: 1rem;
  margin-bottom: 10px;
}
.IQLogoText {
  color: rgba(8, 3, 3);//IQ svg is 255,0,102
  font-family:  'Segoe UI', sans-serif;
  font-weight: 350;
  font-size: 2rem;
  margin-bottom: 10px;
}
.IQHeroImg { 
  /*max-width: 75%; /* Shrinks image by 25% */
  background-color: #ffffff;
  height: auto;
}
.bordered-20-grey{
  border: 20px solid #4D4D4D;
}
.padded-lr-20-grey{
  padding: 0px 25px;
}
.bordered-20-pink{
  border: 20px solid hotpink !important;
}

/*.svg-bordered {
  border: 2px solid #000;   /* Set border width and color */
  border-radius: 8px;       /* Optional: rounded corners */
  padding: 4px;             /* Optional: spacing between image and border 
}*/

/*a THIS MAKES ALL LINKS PINK {
  color: #ff007f !important;
} */
.IQbtn {
  background-color: #FF0066;/* rgb(255,0,102)*/
}
.iqPinkText{
   color: #FF0066 !important;/* #B52EDA rgb(255,0,102)*/
}
.iqPdarkText{
  font-weight:350 !important;
  color:black !important; 
}
a:hover {
  color: #cc0066 !important;/* Optional: darker pink on hover */
}

/*START - SERVICES SECTION STYLES:*/
    .IQbody {
      font-family: 'Segoe UI', sans-serif;
      background-color: #f8f9fa;
      color: #212529;
    }

    .IQhero-section {
      background-color: #ffffff;
      padding: 4rem 1rem;
      border-bottom: 1px solid #dee2e6;
    }

    .IQhero-title {
      font-size: 2.5rem;
      font-weight: 600;
    }

    .IQservice-content h3 {
      margin-top: 2rem;
      font-weight: 600;
    }

    .IQsidebar {
      position: sticky;
      top: 2rem;
      padding: 2rem;
      background: #ffffff;
      border: 1px solid #dee2e6;
      border-radius: 0.5rem;
    }

    .IQbtn-primary {
      background-color: #0056b3;
      border: none;
    }

    .IQbtn-primary:hover {
      background-color: #003d80;
    } 
/*
   body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #f8f9fa;
    }
    .hero {
      background-color: #001f3f;
      color: white;
      padding: 6rem 2rem;
    }
    .hero h1 {
      font-size: 3rem;
      font-weight: 700;
    }
    .hero p.lead {
      font-size: 1.25rem;
      margin-bottom: 2rem;
    }
    .btn-primary {
      background-color: hotpink; // #00b894;
      border: none;
    }
    .btn-secondary {
      background-color: #0984e3;
      border: none;
    }
    .brand-logos img {
      max-height: 40px;
      margin: 0 1rem;
      opacity: 0.8;
    }

.intro{
  display: flex;
  justify-content: center;
  align-items: center;

}
.gradient-background {
  background: linear-gradient(300deg, #00bfff, #ff4c68, #ef8172);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.profile-img {
  height: 100px;
  border-radius: 50%;
}
*/