.elementor-41 .elementor-element.elementor-element-4f3aaf8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-195ca39 *//* ===== IIVR FOOTER GLOBAL STYLING ===== */
.iivr-footer {
  background: #591C50;
  color: #fff;
  font-family: inherit;
  padding: 32px 20px;
}

/* ========== ⭐ DESKTOP/TABLET LAYOUT - 4 COLUMNS ⭐ ========== */
.iivr-foot-grid {
  max-width: 1300px; /* ⭐ Increased for 4 columns */
  margin: 0 auto;
  display: grid;
  gap: 28px 24px; /* ⭐ Slightly reduced horizontal gap for 4 columns */
  grid-template-columns: repeat(4, 1fr); /* ⭐ 4 equal columns */
}

.foot-col {
  min-width: 0; /* ⭐ Prevents overflow in grid items */
}

.iivr-footer h3 {
  margin: 0 0 12px;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.3px;
}

.foot-list,
.foot-contact {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foot-list li + li,
.foot-contact li + li {
  margin-top: 9px;
}

.foot-list li a,
.foot-contact li a {
  font-size: 14px;
  line-height: 1.6;
}

.iivr-footer a {
  color: #fff;
  text-decoration: none;
  opacity: 0.92;
  transition: opacity 0.2s ease, text-decoration 0.2s ease, transform 0.2s ease;
  display: inline-block;
}

.iivr-footer a:hover {
  text-decoration: underline;
  opacity: 1;
  transform: translateX(3px); /* ⭐ Subtle slide effect on hover */
}

.iivr-footer address {
  font-style: normal;
  line-height: 1.6;
}

/* ========== BOTTOM INFO + COPYRIGHT ========== */
.iivr-foot-bottom {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  margin-top: 28px;
  padding-top: 16px;
}

.iivr-foot-bottom p {
  margin: 7px 0;
  font-size: 13.5px;
  line-height: 1.6;
  opacity: 0.88;
}

/* ========== MOBILE COLLAPSIBLE FOOTER ========== */
.iivr-foot-mobile {
  display: none;
}

/* ========== ⭐ LARGE TABLET: 2x2 GRID ⭐ ========== */
@media (max-width: 1024px) and (min-width: 768px) {
  .iivr-foot-grid {
    grid-template-columns: repeat(2, 1fr); /* ⭐ 2 columns for tablets */
    gap: 32px 28px;
  }
}

/* ========== ⭐ SMALL TABLET: 2 COLUMNS ⭐ ========== */
@media (max-width: 767px) and (min-width: 481px) {
  .iivr-foot-desktop {
    display: none; /* ⭐ Hide desktop grid */
  }
  
  .iivr-foot-mobile {
    display: block;
    margin-bottom: 20px;
  }
  
  .foot-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    margin-bottom: 8px;
  }
  
  .foot-toggle {
    width: 100%;
    background: none;
    color: #fff;
    border: none;
    text-align: left;
    padding: 12px 0;
    font-size: 15.5px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: color 0.2s ease;
  }
  
  .foot-toggle:hover {
    color: rgba(255, 255, 255, 0.85);
  }
  
  .foot-toggle::after {
    content: '+';
    font-size: 22px;
    line-height: 1;
    transition: transform 0.3s ease;
  }
  
  .foot-toggle.active::after {
    content: '–';
    transform: rotate(180deg);
  }
  
  .foot-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .foot-content.show {
    max-height: 500px; /* ⭐ Increased for more items */
    padding-bottom: 8px;
  }
  
  .foot-content li {
    margin: 6px 0;
    padding-left: 8px;
  }
  
  .foot-content a {
    font-size: 13.5px;
  }
}

/* ========== ⭐ MOBILE: FULL ACCORDION ⭐ ========== */
@media (max-width: 480px) {
  .iivr-footer {
    padding: 24px 16px;
  }
  
  .iivr-foot-desktop {
    display: none;
  }
  
  .iivr-foot-mobile {
    display: block;
    margin-bottom: 20px;
  }
  
  .foot-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
    margin-bottom: 6px;
  }
  
  .foot-toggle {
    width: 100%;
    background: none;
    color: #fff;
    border: none;
    text-align: left;
    padding: 11px 0;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: color 0.2s ease;
  }
  
  .foot-toggle:hover {
    color: rgba(255, 255, 255, 0.85);
  }
  
  .foot-toggle::after {
    content: '+';
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
  }
  
  .foot-toggle.active::after {
    content: '–';
    transform: rotate(180deg);
  }
  
  .foot-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .foot-content.show {
    max-height: 450px;
    padding-bottom: 6px;
  }
  
  .foot-content li {
    margin: 5px 0;
    padding-left: 4px;
  }
  
  .foot-content a {
    font-size: 13px;
  }
  
  .iivr-foot-bottom p {
    font-size: 12.5px;
  }
}

/* ========== ⭐ EXTRA LARGE SCREENS ⭐ ========== */
@media (min-width: 1400px) {
  .iivr-foot-grid {
    max-width: 1400px;
    gap: 32px 36px; /* ⭐ More breathing room on XL screens */
  }
  
  .iivr-footer h3 {
    font-size: 18px;
  }
  
  .foot-list li a,
  .foot-contact li a {
    font-size: 14.5px;
  }
}/* End custom CSS */