/* General Icon Item Styles */
.icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: #0056b3;
    padding: 20px; /* Add padding for better spacing */
    margin: 10px; /* Add margin to separate the items */
    flex: 1; /* Allow items to grow and shrink equally */
    max-width: 30%; /* Ensure all items have equal width */
    height: 200px; /* Set a fixed height for each item */
    box-sizing: border-box; /* Ensure padding and border are included in the total width and height */
    background-color: #f0f0f0; /* Optional: Add a background color for better visibility */
    border-radius: 10px; 
}

/* Specific Background Colors for Each Icon Item */
.icon-item:nth-child(1) {
    background: linear-gradient(130deg, #b50488 5%, #80005c 80%, #b5047d 110%, #c711a7 100%); /* Gradient for first icon */
}

.icon-item:nth-child(2) {
    background: linear-gradient(130deg, #8d04b5 5%, #700080 80%, #8b04b5 110%, #b811c7 100%); /* Background color for the second icon */
}

.icon-item:nth-child(3) {
    background: linear-gradient(130deg, #047BB5 5%, #005880 80%, #047BB5 110%, #118CC7 100%); /* Background color for the third icon */
}

/* Hover Effect */
.icon-item:hover {
    transform: translateY(-5px); /* Move icon up on hover */
}

/* Icon Styles */
.icon {
    font-size: 60px; /* Increase the icon size */
    color: white; 
}

/* Icon Label Styles */
.icon-label {
    margin-top: 10px;  
    font-size: 16px; 
    color: white;
}

/* Special Styling for the Video Icon */
.e-icons.e-video {
    font-size: 55px;
    font-weight: bold;
}

/* Social Icon Module Styles */
.module-social .social-icon {
    font-size: 24px;
    color: #FFFFFFA6;
    margin: 0 10px;
}

.module-social .social-icon:hover {
    color: #FFFFFF;
}

/* Icon Container Styles */
.icon-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* Increased width */
    margin: 0 auto; /* Center the container horizontally */
    margin-top: -10vh; /* Adjusted margin for positioning */
    padding: 20px; /* Add some padding for better appearance */
    padding-top: 80px;
}

/* Hover Effect */
.icon-item:hover {
    transform: translateY(-5px); /* Move icon up on hover */
}

/* Corrected the selector */
.e-icons.e-video {
    font-size: 55px;
    font-weight: bold;
}

.lqd-fancy-menu .reset-ul .items-center {
    transition: background-color 0.3s ease; /* Add smooth transition */
}

.lqd-fancy-menu .reset-ul .items-center:hover {
    background-color: #f0f0f0; /* Change background color on hover */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add box shadow on hover */
}

.lqd-fancy-menu .reset-ul .items-center:hover a {
    color: #000; /* Change text color on hover */
    transition: color 0.3s ease; /* Add smooth transition */
}

#site-footer {
    background-image: linear-gradient(130deg, #005880 70%, #047BB5 110%, #118CC7 100%);
    margin-top: 200px; /* Adjust this value to create the desired space */
}

/*footer*/
.ld-fancy-heading .heading-container {
  display: flex;  
  align-items: center;
  justify-content: center; 
  white-space: nowrap;  
  text-align: center;
}

.ld-fancy-heading .switch-text, 
.ld-fancy-heading .collab-text, 
.ld-fancy-heading .lqd-highlight-txt {
  font-size: 46px; 
  color: #FFFFFF;
}

.ld-fancy-heading .collab-text {
  margin-left: 8px;
}

@media (max-width: 991px) {
  .ld-fancy-heading .heading-container {
    flex-direction: column; 
    align-items: center; 
  }

  .ld-fancy-heading .switch-text, 
  .ld-fancy-heading .collab-text, 
  .ld-fancy-heading .lqd-highlight-txt {
    font-size: 32px; 
  }
  
  .ld-fancy-heading .btn {
    display: block;
    margin: 20px auto; 
    text-align: center; 
    width: fit-content; 
  }
}

@media (max-width: 768px) {
  .ld-fancy-heading .switch-text, 
  .ld-fancy-heading .collab-text, 
  .ld-fancy-heading .lqd-highlight-txt {
    font-size: 28px; 
  }
}

@media (max-width: 480px) {
  .ld-fancy-heading .switch-text, 
  .ld-fancy-heading .collab-text, 
  .ld-fancy-heading .lqd-highlight-txt {
    font-size: 22px; 
  }
}

@media (max-width: 250px) {
  .ld-fancy-heading .switch-text, 
  .ld-fancy-heading .collab-text, 
  .ld-fancy-heading .lqd-highlight-txt {
    font-size: 16px; 
  }
}

.ld-fancy-heading .btn {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  margin: 20px auto; 
}