.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--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;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* =========================================================
   1. GLOBAL FOCUS & OUTLINE KILLER (All Elements & Editors)
   ========================================================= */
*,
*::before,
*::after,
*:focus,
*:active,
*:focus-visible,
*:focus-within {
  outline: none !important;
  outline-style: none !important;
  outline-width: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-focus-ring-color: transparent !important;
}

/* Firefox Specific Outline Reset */
::-moz-focus-inner,
a::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0 !important;
  outline: none !important;
}

/* =========================================================
   2. MENU LINKS & ACTIVE STATES (Clean Transparent Style)
   ========================================================= */
div[class*="menu"] li,
div[class*="menu"] a,
div[class*="menu"] span,
.elementor-nav-menu li,
.elementor-nav-menu a,
.elementor-nav-menu .elementor-item,
.elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-nav-menu .elementor-item.highlighted,
.current-menu-item,
.current-menu-item a,
.current_page_item,
.current_page_item a,
.current-menu-ancestor,
.current-menu-ancestor a,
.wp-block-navigation-item.current-menu-item a,
.site-navigation a,
.site-header a,
.site-footer a {
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

/* Kill all Elementor pseudo-element pointer boxes / lines */
.elementor-nav-menu .elementor-item:before,
.elementor-nav-menu .elementor-item:after,
.elementor-nav-menu .elementor-item.elementor-item-active:before,
.elementor-nav-menu .elementor-item.elementor-item-active:after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* =========================================================
   3. ELEMENTOR EDITOR SELECTION BOXES (Admin Clean View)
   ========================================================= */
.elementor-element.elementor-element-editable,
.elementor-element.elementor-element-edit-mode,
.elementor-element.elementor-element-editable:hover,
.elementor-element.elementor-element-editable.elementor-element-active,
.e-con.e-con-active,
.elementor-widget.elementor-element-active {
  outline: none !important;
  box-shadow: none !important;
}

/* =========================================================
   4. SOCIAL ICONS ONLY (Transparent Background & No Boxes)
   ========================================================= */
.elementor-widget-social-icons .elementor-social-icon,
.elementor-widget-social-icons .elementor-icon,
.elementor-social-icons-wrapper .elementor-social-icon,
.elementor-social-icon:focus,
.elementor-social-icon:active,
.elementor-social-icon:hover,
.elementor-social-icon:visited,
.elementor-social-icon-instagram,
.elementor-social-icon-linkedin,
footer .elementor-widget-social-icons .elementor-icon,
.site-footer .elementor-widget-social-icons .elementor-icon {
  background-color: transparent !important;
  background: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Maintain Social Icon Color */
footer .elementor-social-icon svg,
footer .elementor-social-icon i,
.site-footer .elementor-social-icon svg,
.site-footer .elementor-social-icon i {
  fill: #00777D !important;
  color: #00777D !important;
}

/* =========================================================
   5. RESTORE SECTION / CARD CIRCLE ICONS (White Background)
   ========================================================= */
.elementor-widget-icon .elementor-icon.elementor-view-stacked,
.elementor-widget-icon-box .elementor-icon.elementor-view-stacked,
.elementor-icon-box-icon .elementor-icon {
  background-color: #ffffff !important;
  border-radius: 50% !important;
}

.elementor-widget-icon .elementor-icon.elementor-view-stacked svg,
.elementor-widget-icon .elementor-icon.elementor-view-stacked i,
.elementor-widget-icon-box .elementor-icon.elementor-view-stacked svg,
.elementor-widget-icon-box .elementor-icon.elementor-view-stacked i,
.elementor-icon-box-icon .elementor-icon svg,
.elementor-icon-box-icon .elementor-icon i {
  color: #00777D !important;
  fill: #00777D !important;
}

/* =========================================================
   6. BOOKING BUTTON CLICK & OUTLINE FIX
   ========================================================= */
.elementor-button,
.elementor-button:focus,
.elementor-button:active,
.elementor-button:focus-visible,
.elementor-button-wrapper a,
.elementor-button-wrapper a:focus,
.elementor-button-wrapper a:active,
.elementor-button-wrapper a:focus-visible {
  background-color: transparent !important;
  background: transparent !important;
  outline: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.elementor-button::-moz-focus-inner,
.elementor-button-wrapper a::-moz-focus-inner {
  border: 0 !important;
  outline: none !important;
}

/* =========================================================
   7. FOOTER CREDIT LINKS & SELECTION RESET
   ========================================================= */
/* Force Booking Button & Icons to Pure White */
.elementor-button,
.elementor-button *,
.elementor-button-link,
.elementor-button-link *,
.elementor-button-text,
.elementor-button-icon,
.elementor-button-icon svg,
.elementor-button-icon i,
footer .elementor-button,
footer .elementor-button *,
footer .elementor-button-link,
footer .elementor-button-link *,
footer a.elementor-button,
footer a.elementor-button:hover,
footer a.elementor-button:focus,
footer a.elementor-button:active,
footer a.elementor-button:visited {
  color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}


/* Fluent Forms phone input flag button fix */
.fluentform .ff-el-input--content .iti .iti__selected-flag,
.fluentform .iti__flag-container .iti__selected-flag,
.fluentform .iti__country-list,
.ff_itm_selected-flag {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover state match karne ke liye */
.fluentform .iti__selected-flag:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}/* End custom CSS */