/* styles.css */

.animated-element {
    color: red; /* Change the color as needed */
    font-size: 20px; /* Change the font size as needed */
    /* Add any other styles you want to apply */
}

.custom-aos-section {
    color: yellow; /* Change the color as needed for the specific section */
    font-size: 24px; /* Change the font size as needed for the specific section */
    /* Add any other styles for the specific section */
}

/* Add this to your style.css file */
.icon-links {
    display: flex;
    justify-content: space-between;
    margin: 10px; /* Adjust margin as needed */
}

.icon-links a {
    text-decoration: none;
    margin-right: 30px; /* Add margin between links */
}

.icon-links img {
    width: 20px; /* Adjust the width of the icons as needed */
    height: auto; /* Maintain aspect ratio */
}


/* SGV-Added 01/19/2024  Highlight pricing*/
/* styles.css */

/*.highlight {
    border: 2px solid #ffcc00;
    background-color: #ffffcc;
    transition: all 0.3s ease;
  }
*/

/* Add a class to highlight the section on hover */
.section-highlight {
    border: 2px solid #c8e6c9; /* Yellow border when highlighted */
    background-color: #c8d6e6; /* Add background color as needed */
}
    
  }
  
  /* Transition effect for a smooth highlight */
  .box {
    transition: border 0.3s ease-in-out;
  }
  

 /* End SGV-Added 01/19/2024  Highlight pricing*/