.elementor .e-27398a3{width:33.3333%;position:sticky;inset-block-start:0px;z-index:9999;flex-direction:column;}.elementor .e-33ce05a{width:66.6666%;flex-direction:column;flex:1 0 auto;:root {
              --cg-navy: #182F4D;
              --cg-sky: #008BC6;
              --cg-gold: #F5BA22;
              --cg-bg-light: #F7F9FC;
              --cg-border: #E2E8F0;
              --cg-text-main: #1E293B;
              --cg-radius: 12px;
              --cg-transition: 0.3s ease;
          }

          .cg-service-directory {
              position: relative;
              background: #fff;
              border-radius: var(--cg-radius);
              border: 1px solid var(--cg-border);
              box-shadow: 0 4px 20px -2px rgba(24, 47, 77, 0.08);
              overflow: hidden;
              font-family: 'Inter', 'Plus Jakarta Sans', sans-serif;
          }

          .cg-nav-wrapper {
              max-height: 500px;
              overflow-y: auto;
              scrollbar-width: thin;
              scrollbar-color: var(--cg-sky) var(--cg-bg-light);
          }

          .cg-nav-ul {
              list-style: none !important;
              margin: 0 !important;
              padding: 0 !important;
          }

          .cg-nav-li {
              margin: 0 !important;
              padding: 0 !important;
              border-bottom: 1px solid var(--cg-bg-light);
          }
          .cg-nav-li:last-child {
              border-bottom: none;
          }

          .cg-nav-link {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 16px 20px;
              color: var(--cg-text-main);
              font-size: 14px;
              font-weight: 600;
              text-decoration: none !important;
              transition: var(--cg-transition);
              background-color: transparent;
              border-left: 4px solid transparent;
          }

          .cg-nav-link:hover, .cg-nav-link:focus {
              background-color: var(--cg-bg-light);
              color: var(--cg-sky);
              outline: none;
          }

          .cg-nav-link.cg-active {
              background-color: var(--cg-sky);
              color: #fff;
              border-left-color: var(--cg-gold);
              box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
          }

          .cg-link-arrow {
              width: 16px;
              height: 16px;
              opacity: 0.5;
              transition: transform 0.2s ease;
          }

          .cg-nav-link.cg-active .cg-link-arrow {
              opacity: 1;
              color: var(--cg-gold);
          }

          .cg-nav-link:hover .cg-link-arrow {
              transform: translateX(4px);
              opacity: 1;
          }

          /* Mobile Toggle Styles */
          .cg-mobile-toggle {
              display: none;
              width: 100%;
              background: var(--cg-bg-light);
              border: none;
              padding: 16px;
              text-align: left;
              align-items: center;
              justify-content: space-between;
              cursor: pointer;
              color: var(--cg-navy);
              font-family: inherit;
          }

          .cg-mobile-toggle-inner {
              display: flex;
              align-items: center;
              gap: 12px;
          }

          .cg-icon-menu, .cg-icon-chevron {
              width: 20px;
              height: 20px;
              color: var(--cg-sky);
          }

          .cg-icon-chevron {
              transition: transform 0.3s ease;
          }

          .cg-toggle-text {
              display: flex;
              flex-direction: column;
              line-height: 1.2;
          }

          .cg-toggle-label {
              font-size: 11px;
              text-transform: uppercase;
              letter-spacing: 0.5px;
              color: var(--cg-text-main);
              opacity: 0.7;
          }

          #cg-mobile-toggle-title {
              font-size: 14px;
              color: var(--cg-sky);
          }

          /* Loading State Overlay */
          .cg-loader-overlay {
              position: absolute;
              inset: 0;
              background: rgba(255, 255, 255, 0.8);
              display: flex;
              align-items: center;
              justify-content: center;
              opacity: 0;
              pointer-events: none;
              transition: opacity 0.2s ease;
              z-index: 10;
          }

          .cg-loading-active .cg-loader-overlay {
              opacity: 1;
              pointer-events: all;
          }

          .cg-spinner {
              width: 30px;
              height: 30px;
              border: 3px solid var(--cg-bg-light);
              border-top-color: var(--cg-sky);
              border-radius: 50%;
              animation: cg-spin 1s linear infinite;
          }

          @keyframes cg-spin {
              to { transform: rotate(360deg); }
          }

          /* Main Content Transition State */
          #cg-dynamic-content {
              transition: opacity 0.3s ease;
          }
          #cg-dynamic-content.cg-content-loading {
              opacity: 0.4;
              pointer-events: none;
          }

          /* Responsive Adjustments */
          @media (max-width: 1023px) {
              .cg-mobile-toggle {
                  display: flex;
              }
              .cg-nav-wrapper {
                  display: none; /* Hidden by default on mobile */
                  max-height: 400px;
                  border-top: 1px solid var(--cg-border);
              }
              .cg-nav-wrapper.cg-open {
                  display: block;
              }
              .cg-icon-chevron.cg-rotate {
                  transform: rotate(180deg);
              }
          }\n}.elementor .e-6308371{width:1200px;flex-direction:row;:root {
 --cg-navy: #182f4d;
 --cg-sky: #008bc6;
 --cg-sky-light: #e6f4fa;
 --cg-gold: #f5ba22;
 --cg-gold-light: #fff9e6;
 --cg-slatebg: #f7f9fc;
 --cg-text: #334155;
 --cg-text-light: #94a3b8;
 --cg-border: #e2e8f0;
}

.cg-service-directory-container {
 font-family: inherit;
 position: relative;
}

.cg-main-box {
 background: #fff;
 border-radius: 16px;
 border: 1px solid var(--cg-border);
 box-shadow: 0 4px 20px -2px rgba(24, 47, 77, 0.08);
 padding: 20px;
 margin-bottom: 24px;
 overflow: hidden;
}

.cg-tabs {
 display: flex;
 border-bottom: 1px solid var(--cg-border);
 margin-bottom: 16px;
 padding-bottom: 8px;
}

.cg-tab-btn {
 flex: 1;
 background: transparent;
 border: none;
 border-bottom: 2px solid transparent;
 color: var(--cg-text-light);
 font-weight: 700;
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 padding: 8px 4px;
 cursor: pointer;
 transition: 0.3s ease;
 white-space: nowrap;
}

.cg-tab-btn:hover {
 color: var(--cg-navy);
}

.cg-tab-btn.active {
 color: var(--cg-sky);
 border-bottom-color: var(--cg-sky);
}

.cg-panel {
 display: none;
}
.cg-panel.active {
 display: block;
}

.cg-panel-title {
 font-size: 12px;
 font-weight: 700;
 color: var(--cg-text-light);
 text-transform: uppercase;
 letter-spacing: 0.5px;
 margin: 0 0 8px 0;
 padding: 0 12px;
}

.cg-search {
 position: relative;
 margin-bottom: 16px;
}
.cg-search input {
 width: 100%;
 padding: 10px 10px 10px 32px;
 font-size: 12px;
 border: 1px solid var(--cg-border);
 border-radius: 8px;
 outline: none;
 color: var(--cg-text);
 transition: border-color 0.2s;
}
.cg-search input:focus {
 border-color: var(--cg-sky);
}
.cg-search svg {
 position: absolute;
 left: 10px;
 top: 11px;
 width: 16px;
 height: 16px;
 color: var(--cg-text-light);
}

.cg-panel-items {
 max-height: 400px;
 overflow-y: auto;
 padding-right: 4px;
 scrollbar-width: thin;
 scrollbar-color: var(--cg-sky) var(--cg-border);
}

.cg-link {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 12px;
 border-radius: 12px;
 color: var(--cg-text);
 font-size: 14px;
 font-weight: 500;
 text-decoration: none !important;
 transition: 0.2s;
 margin-bottom: 4px;
}

.cg-link:hover {
 background: var(--cg-slatebg);
}

.cg-link.active {
 background: var(--e-global-color-secondary);
 color: #fff;
 font-weight: 700;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.cg-link-text {
 display: flex;
 align-items: center;
 gap: 8px;
}
.cg-link-icon {
 width: 16px;
 height: 16px;
 opacity: 0.5;
}
.cg-link.active .cg-link-icon {
 opacity: 1;
 color: var(--cg-gold);
}

.cg-link-arrow {
 width: 16px;
 height: 16px;
 opacity: 0;
 transform: translateX(-4px);
 transition: 0.2s;
}
.cg-link:hover .cg-link-arrow,
.cg-link.active .cg-link-arrow {
 opacity: 1;
 transform: translateX(0);
}

.cg-accordion {
 margin-bottom: 8px;
}
.cg-accordion-summary {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-weight: 700;
 font-size: 12px;
 color: var(--cg-navy);
 padding: 10px 12px;
 background: var(--cg-slatebg);
 border-radius: 8px;
 cursor: pointer;
 list-style: none;
 transition: background 0.2s;
}
.cg-accordion-summary:hover {
 background: #e2e8f0;
}
.cg-accordion-summary::-webkit-details-marker {
 display: none;
}
.cg-accordion-arrow {
 width: 14px;
 height: 14px;
 transition: transform 0.3s;
}
.cg-accordion[open] .cg-accordion-arrow {
 transform: rotate(180deg);
}

.cg-sub-links {
 padding: 4px 0 4px 12px;
}
.cg-sub-link {
 display: block;
 padding: 8px 12px;
 font-size: 12px;
 color: var(--cg-text);
 text-decoration: none !important;
 border-radius: 6px;
 margin-bottom: 2px;
 transition: 0.2s;
}
.cg-sub-link:hover {
 color: var(--cg-sky);
 background: var(--cg-slatebg);
}
.cg-sub-link.active {
 color: var(--cg-sky);
 font-weight: 700;
 background: var(--cg-sky-light);
 border-left: 3px solid var(--cg-sky);
}

.cg-promo {
 background: var(--cg-gold-light);
 border: 2px solid var(--cg-gold);
 border-radius: 16px;
 padding: 24px;
 position: relative;
 box-shadow: 0 4px 10px -2px rgba(245, 186, 34, 0.15);
}
.cg-promo-badge {
 display: inline-flex;
 align-items: center;
 font-size: 12px;
 font-weight: 700;
 color: #b91c1c;
 text-transform: uppercase;
 margin-bottom: 8px;
}
.cg-pulse {
 width: 10px;
 height: 10px;
 background: #dc2626;
 border-radius: 50%;
 margin-right: 8px;
 animation: cg-ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes cg-ping {
 75%,
 100% {
transform: scale(2);
opacity: 0;
 }
}

.cg-promo h4 {
 font-family: "Plus Jakarta Sans", sans-serif;
 font-size: 20px;
 font-weight: 800;
 color: var(--cg-navy);
 margin-top: 0;
 margin-bottom: 8px;
 line-height: 1.2;
}
.cg-promo p {
 font-size: 12px;
 color: var(--cg-text);
 line-height: 1.5;
 margin-bottom: 16px;
}
.cg-promo-btn {
 display: block;
 text-align: center;
 background: var(--cg-gold);
 color: var(--cg-navy);
 font-weight: 800;
 padding: 12px;
 border-radius: 12px;
 text-decoration: none !important;
 font-size: 14px;
 transition: 0.2s;
 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.cg-promo-btn:hover {
 background: #e0a412;
 transform: translateY(-1px);
}

.cg-loader-overlay {
 position: absolute;
 inset: 0;
 background: rgba(255, 255, 255, 0.8);
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.2s ease;
 z-index: 10;
}
.cg-loading-active .cg-loader-overlay {
 opacity: 1;
 pointer-events: all;
}
.cg-spinner {
 width: 30px;
 height: 30px;
 border: 3px solid var(--cg-border);
 border-top-color: var(--cg-sky);
 border-radius: 50%;
 animation: cg-spin 1s linear infinite;
}
@keyframes cg-spin {
 to {
transform: rotate(360deg);
 }
}

.lg-hidden {
 display: none;
}
@media (max-width: 1023px) {
 .cg-wrapper {
display: none;
margin-top: 12px;
 }
 .cg-wrapper.cg-open {
display: block;
 }
 .lg-hidden {
display: flex;
 }

 .cg-mobile-header {
align-items: center;
justify-content: space-between;
background: #fff;
padding: 14px 16px;
border: 1px solid var(--cg-border);
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
font-weight: 700;
font-size: 14px;
color: var(--cg-navy);
cursor: pointer;
 }
 .cg-mobile-header-left {
display: flex;
align-items: center;
gap: 8px;
 }
 .cg-icon-menu,
 .cg-icon-chevron {
width: 20px;
height: 20px;
color: var(--cg-sky);
transition: transform 0.3s;
 }
 .cg-mobile-header.cg-open .cg-icon-chevron {
transform: rotate(180deg);
 }
}\n}.elementor .e-6831a68{flex-direction:row;justify-content:center;align-items:center;}