.elementor-kit-17{--e-global-color-primary:#FE0000;--e-global-color-secondary:#EDEDED;--e-global-color-text:#D7F9D0;--e-global-color-accent:#AEEEFF;--e-global-color-6aae99e:#FDCBCB;--e-global-color-4c52502:#212121;--e-global-color-a1606b0:#FFFFFF;--e-global-color-8ad41ac:#4A4A4A;--e-global-color-8278a86:#000000;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:120%;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:120%;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Colors for Feature Boxes --- */
.feature-box-blue {
  --border-color: #C0E8F8;
}
.feature-box-green {
  --border-color: #D3F4D3;
}
.feature-box-pink {
  --border-color: #F8C8C8;
}


/* --- Final, Corrected CSS for Mobile Menu Icons --- */

/* 1. HIDE the new icon menu items on DESKTOP view */
@media (min-width: 1025px) {
  li.mobile-social-icon {
    display: none !important;
  }
}

/* 2. CORRECTLY style the mobile dropdown menu on TABLET AND MOBILE */
@media (max-width: 1024px) {
  /* Keep the main text menu items as a vertical list */
  .elementor-nav-menu--dropdown .elementor-nav-menu li:not(.mobile-social-icon) {
    width: 100%;
    text-align: left; /* Or 'center' if you prefer */
  }

  /* Target only our custom icon items */
  .elementor-nav-menu--dropdown li.mobile-social-icon {
    display: inline-block; /* Place icons side-by-side */
    padding: 10px 8px;     /* Space around each icon */
    font-size: 22px;
  }
  
  /* Center the block of icons at the bottom */
  .elementor-nav-menu--dropdown .elementor-nav-menu {
      text-align: center;
  }
  
  /* Add a separator line above the icons */
  .elementor-nav-menu--dropdown li.mobile-social-icon:first-of-type {
      margin-top: 15px;
      padding-top: 15px;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  /* --- ADDED: Default Icon Color and Hover Effects --- */

  /* Set the default gray color and transition for all mobile menu icons */
  .elementor-nav-menu--dropdown li.mobile-social-icon i {
      color: #7A7A7A;
      transition: color 0.3s ease;
  }

  /* Individual hover colors for each icon */
  .elementor-nav-menu--dropdown li.mobile-social-icon:hover i.fa-facebook {
      color: #1877F2;
  }
  .elementor-nav-menu--dropdown li.mobile-social-icon:hover i.fa-instagram {
      color: #E4405F;
  }
  .elementor-nav-menu--dropdown li.mobile-social-icon:hover i.fa-youtube {
      color: #FF0000;
  }
  .elementor-nav-menu--dropdown li.mobile-social-icon:hover i.fa-whatsapp {
      color: #25D366;
  }
  .elementor-nav-menu--dropdown li.mobile-social-icon:hover i.fa-phone-alt {
      color: #007bff; /* Change this to your preferred call color */
  }
}/* End custom CSS */