.elementor-18627 .elementor-element.elementor-element-b3b8673{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5a5c393 */.hero-section {
        --hero-bg-color: #03489e;
        --hero-text-white: #ffffff;
        --hero-text-dark: #1e293b;
        --hero-text-muted: #64748b;
        --hero-font-family: "Inter", sans-serif;
        --hero-radius: 20px;
        --hero-transition-duration: 0.3s;
        --hero-transition-timing: ease;
        font-family: var(--hero-font-family);
        width: 100%;
        overflow: hidden;
        position: relative;
      }
      .hero-section .hero-section__container {
        border-radius: 0px 0px 20px 20px;
        padding: 0 20px;
        width: 100%;
        background:
          linear-gradient(90deg, #023e8a 0%, #0052cc 40%, rgba(0, 82, 204, 0) 70%, rgba(0, 82, 204, 0) 100%),
          url("https://synconics.ca/wp-content/uploads/2026/07/odoo-erp-services-brampton-bg.jpg") center center / cover no-repeat;
      }
      .hero-section .hero-section__banner {
        position: relative;
        max-width: 1440px;
        margin-inline: auto;
        padding: 60px 0px 90px 0px;
        min-height: 600px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .hero-section .hero-section__content {
        max-width: 768px;
        z-index: 2;
      }

      .hero-section .hero-section__title {
        font-size: 42px;
        font-weight: 700;
        line-height: 1.15;
        color: var(--hero-text-white);
        margin-bottom: 20px;
        letter-spacing: -0.02em;
      }

      .hero-section .hero-section__subtitle {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.35;
        color: var(--hero-text-white);
        margin-bottom: 16px;
      }

      .hero-section .hero-section__description {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 32px;
      }

      .hero-section .hero-section__actions {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
      }

      .hero-section .hero-section__button {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 14px 28px;
        border-radius: 50px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        transition: all var(--hero-transition-duration) var(--hero-transition-timing);
        cursor: pointer;
      }

      .hero-section .hero-section__button--primary {
        background-color: var(--hero-text-white);
        color: #03489e;
        border: 2px solid var(--hero-text-white);
      }

      .hero-section .hero-section__button--primary:hover {
        background-color: rgba(255, 255, 255, 0.9);
        transform: translateY(-2px);
      }

      .hero-section .hero-section__button--secondary {
        background-color: transparent;
        color: var(--hero-text-white);
        border: 2px solid rgba(255, 255, 255, 0.8);
      }

      .hero-section .hero-section__button--secondary:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: var(--hero-text-white);
        transform: translateY(-2px);
      }

      .hero-section .hero-section__features-bar {
        max-width: 1440px;
        margin-inline: auto;
        margin-top: -40px;
        background-color: var(--hero-text-white);
        border-radius: 16px;
        position: relative;
        z-index: 3;
        /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); */
        padding: 24px 30px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        align-items: center;
        border: 1px solid #e2e8f0;
      }

      .hero-section .hero-section__feature-item {
        display: flex;
        align-items: center;
        gap: 16px;
        position: relative;
      }

      .hero-section .hero-section__feature-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -10px;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: #e2e8f0;
      }

      .hero-section .hero-section__feature-icon {
        font-size: 28px;
        color: #03489e;
        flex-shrink: 0;
        width: 32px;
        text-align: center;
      }

      .hero-section .hero-section__feature-text {
        display: flex;
        flex-direction: column;
      }

      .hero-section .hero-section__feature-title {
        font-size: 14px;
        font-weight: 700;
        color: var(--hero-text-dark);
        line-height: 1.25;
      }

      .hero-section .hero-section__feature-subtitle {
        font-size: 14px;
        font-weight: 700;
        color: var(--hero-text-dark);
        line-height: 1.25;
      }

      @media (max-width: 1200px) {
        .hero-section .hero-section__container {
          padding: 0 20px;
          width: 100%;
        }

        .hero-section .hero-section__features-bar {
          grid-template-columns: repeat(3, 1fr);
          gap: 24px;
        }
        .hero-section .hero-section__feature-item:nth-child(3)::after {
          display: none;
        }
      }

      @media (max-width: 900px) {
        .hero-section .hero-section__container {
          padding: 0px;
          width: 100%;
          background:
            linear-gradient(90deg, #023e8a 0%, #0052cc 40%, rgba(0, 82, 204, 0.4) 70%, rgba(0, 82, 204, 0) 100%),
            url("https://images.unsplash.com/photo-1519501025264-65ba15a82390?q=80&w=1600&auto=format&fit=crop") center center / cover no-repeat;
        }

        .hero-section .hero-section__banner {
          background: linear-gradient(180deg, #023e8a 0%, #0052cc 100%);
          padding: 40px 30px 70px 30px;
        }
        .hero-section .hero-section__title {
          font-size: 32px;
        }
        .hero-section .hero-section__subtitle {
          font-size: 18px;
        }
        .hero-section .hero-section__features-bar {
          grid-template-columns: repeat(2, 1fr);
          margin: -30px 20px 20px 20px;
        }
        .hero-section .hero-section__feature-item::after {
          display: none !important;
        }
      }

      @media (max-width: 600px) {
        .hero-section .hero-section__features-bar {
          grid-template-columns: 1fr;
          padding: 20px;
        }
        .hero-section .hero-section__actions {
          flex-direction: column;
          align-items: stretch;
        }
        .hero-section .hero-section__button {
          justify-content: center;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .hero-section .hero-section__button {
          transition: none;
        }
        .hero-section .hero-section__button:hover {
          transform: none;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea11fd5 */.ai-odoo-section {
        --primary-blue: #0b4cb8;
        --text-dark: #1e293b;
        --text-muted: #475569;
        --border-color: #f1f5f9;
        --grid-border: #f3f4f6;
        --bg-white: #ffffff;
        --font-family: "Inter", sans-serif;
        --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

        font-family: var(--font-family);
        /*background-color: var(--bg-white);*/
        color: var(--text-dark);
        padding: 60px 20px;
        width: 100%;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
      }

      .ai-odoo-section .ai-odoo-section__container {
        max-width: 1440px;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: center;
      }

      /* Left Column Styles */
      .ai-odoo-section .ai-odoo-section__left-content {
        display: flex;
        flex-direction: column;
        padding-right: 20px;
      }

      .ai-odoo-section .ai-odoo-section__title {
        color: var(--primary-blue);
        font-size: 32px;
        font-weight: 800;
        line-height: 1.2;
        margin: 0 0 15px 0;
        letter-spacing: -0.5px;
      }

      .ai-odoo-section .ai-odoo-section__description {
        color: var(--text-muted);
        font-size: 16px;
        line-height: 1.6;
        margin: 0 0 15px 0;
        font-weight: 400;
      }

      .ai-odoo-section .ai-odoo-section__description-bold {
        font-weight: 700;
        color: var(--text-dark);
      }

      .ai-odoo-section .ai-odoo-section__hero-image-wrapper {
        position: relative;
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
      }

      .ai-odoo-section .ai-odoo-section__hero-image {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        transition: var(--transition-smooth);
      }

      .ai-odoo-section .ai-odoo-section__hero-image-wrapper:hover .ai-odoo-section__hero-image {
        transform: translateY(-4px);
      }

      /* Right Column Grid Styles */
      .ai-odoo-section .ai-odoo-section__grid-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-left: 1px solid var(--grid-border);
      }

      .ai-odoo-section .ai-odoo-section__feature-card {
        padding: 36px 16px 28px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border-right: 1px solid var(--grid-border);
        border-bottom: 1px solid var(--grid-border);
        position: relative;
        /*background-color: var(--bg-white);*/
        transition: var(--transition-smooth);
      }

      .ai-odoo-section .ai-odoo-section__feature-card:nth-child(-n + 4) {
        border-top: 1px solid var(--grid-border);
      }

      .ai-odoo-section .ai-odoo-section__feature-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
        z-index: 2;
      }

      .ai-odoo-section .ai-odoo-section__icon-wrapper {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        color: var(--primary-blue);
        font-size: 32px;
        transition: var(--transition-smooth);
      }

      .ai-odoo-section .ai-odoo-section__feature-card:hover .ai-odoo-section__icon-wrapper {
        transform: scale(1.1);
      }

      .ai-odoo-section .ai-odoo-section__feature-title {
        color: var(--text-dark);
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        margin: 0;
      }

      /* Entrance Animations */
      @keyframes aiOdooFadeUp {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /*.ai-odoo-section .ai-odoo-section__left-content {*/
      /*  animation: aiOdooFadeUp 0.8s ease-out forwards;*/
      /*}*/

      /*.ai-odoo-section .ai-odoo-section__grid-container {*/
      /*  animation: aiOdooFadeUp 0.8s ease-out 0.2s forwards;*/
      /*  opacity: 0;*/
      /*}*/

      /* Responsive Breakpoints */
      @media (max-width: 1280px) {
        .ai-odoo-section .ai-odoo-section__title {
          font-size: 32px;
        }
        .ai-odoo-section .ai-odoo-section__grid-container {
          grid-template-columns: repeat(2, 1fr);
        }
        .ai-odoo-section .ai-odoo-section__feature-card:nth-child(3) {
          border-top: none;
        }
        .ai-odoo-section .ai-odoo-section__feature-card:nth-child(4) {
          border-top: none;
        }
      }

      @media (max-width: 1024px) {
        .ai-odoo-section .ai-odoo-section__container {
          grid-template-columns: 1fr;
          gap: 50px;
        }
        .ai-odoo-section .ai-odoo-section__left-content {
          padding-right: 0;
          text-align: center;
        }
        .ai-odoo-section .ai-odoo-section__description {
          max-width: 700px;
          margin-left: auto;
          margin-right: auto;
        }
        .ai-odoo-section .ai-odoo-section__grid-container {
          border-top: 1px solid var(--grid-border);
        }
      }

      @media (max-width: 640px) {
        .ai-odoo-section {
          padding: 40px 16px;
        }
        .ai-odoo-section .ai-odoo-section__title {
          font-size: 26px;
        }
        .ai-odoo-section .ai-odoo-section__grid-container {
          grid-template-columns: 1fr;
        }
        .ai-odoo-section .ai-odoo-section__feature-card:nth-child(n + 2) {
          border-top: none;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .ai-odoo-section .ai-odoo-section__left-content,
        .ai-odoo-section .ai-odoo-section__grid-container,
        .ai-odoo-section .ai-odoo-section__hero-image,
        .ai-odoo-section .ai-odoo-section__feature-card,
        .ai-odoo-section .ai-odoo-section__icon-wrapper {
          animation: none !important;
          transition: none !important;
          opacity: 1 !important;
          transform: none !important;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2db686 */.odoo-services {
        --odoo-services-bg-start: #00428d;
        --odoo-services-bg-end: #003673;
        --odoo-services-card-bg: rgba(255, 255, 255, 0.05);
        --odoo-services-card-border: rgba(255, 255, 255, 0.18);
        --odoo-services-card-hover-border: rgba(255, 255, 255, 0.4);
        --odoo-services-text-white: #ffffff;
        --odoo-services-text-muted: #d0e1f9;
        --odoo-services-font-family: "Inter", sans-serif;
        --odoo-services-radius-outer: 24px;
        --odoo-services-radius-card: 16px;
        --odoo-services-transition-duration: 0.3s;
        --odoo-services-transition-timing: ease;
        font-family: var(--odoo-services-font-family);
        width: 100%;
        max-width: 1440px;
        margin-inline: auto;
        background: linear-gradient(135deg, var(--odoo-services-bg-start) 0%, var(--odoo-services-bg-end) 100%);
        border-radius: var(--odoo-services-radius-outer);
        padding: 50px 40px 60px 40px;
        box-shadow: 0 20px 40px rgba(0, 54, 115, 0.2);
        color: var(--odoo-services-text-white);
        position: relative;
        overflow: hidden;
      }

      .odoo-services .odoo-services__header {
        text-align: center;
        margin-bottom: 40px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
      }

      .odoo-services .odoo-services__title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25;
        color: var(--odoo-services-text-white);
        margin-bottom: 12px;
        letter-spacing: -0.02em;
      }

      .odoo-services .odoo-services__subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: var(--odoo-services-text-muted);
        max-width: 620px;
        margin-inline: auto;
      }

      .odoo-services .odoo-services__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }

      .odoo-services .odoo-services__card {
        background: var(--odoo-services-card-bg);
        border: 1px solid var(--odoo-services-card-border);
        border-radius: var(--odoo-services-radius-card);
        padding: 32px 20px 28px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        transition:
          transform var(--odoo-services-transition-duration) var(--odoo-services-transition-timing),
          border-color var(--odoo-services-transition-duration) var(--odoo-services-transition-timing),
          box-shadow var(--odoo-services-transition-duration) var(--odoo-services-transition-timing);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      .odoo-services .odoo-services__card:hover {
        transform: translateY(-6px);
        border-color: var(--odoo-services-card-hover-border);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
      }

      .odoo-services .odoo-services__icon-wrapper {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
      }

      .odoo-services .odoo-services__icon {
        font-size: 38px;
        color: var(--odoo-services-text-white);
        transition: transform var(--odoo-services-transition-duration) var(--odoo-services-transition-timing);
      }

      .odoo-services .odoo-services__card:hover .odoo-services__icon {
        transform: scale(1.08);
      }

      .odoo-services .odoo-services__card-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
        color: var(--odoo-services-text-white);
        margin-bottom: 16px;
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .odoo-services .odoo-services__description {
        font-size: 13.5px;
        font-weight: 400;
        line-height: 1.55;
        color: var(--odoo-services-text-muted);
      }

      @media (max-width: 1280px) {
        .odoo-services .odoo-services__grid {
          grid-template-columns: repeat(3, 1fr);
          gap: 20px;
        }
        .odoo-services .odoo-services__card-title {
          min-height: auto;
        }
      }

      @media (max-width: 768px) {
        .odoo-services {
          padding: 40px 24px;
        }
        .odoo-services .odoo-services__grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 16px;
        }
        .odoo-services .odoo-services__title {
          font-size: 26px;
        }
        .odoo-services .odoo-services__subtitle {
          font-size: 15px;
        }
      }

      @media (max-width: 520px) {
        .odoo-services {
          padding: 32px 16px;
        }
        .odoo-services .odoo-services__grid {
          grid-template-columns: 1fr;
          gap: 16px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .odoo-services .odoo-services__card,
        .odoo-services .odoo-services__icon {
          transition: none;
        }
        .odoo-services .odoo-services__card:hover {
          transform: none;
        }
        .odoo-services .odoo-services__card:hover .odoo-services__icon {
          transform: none;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32b1387 */.odoo-modules {
        --odoo-modules-bg: #ffffff;
        --odoo-modules-primary-blue: #024da1;
        --odoo-modules-text-title: #02387b;
        --odoo-modules-text-body: #4a5568;
        --odoo-modules-text-item: #2d3748;
        --odoo-modules-border-color: #e2e8f0;
        --odoo-modules-font-family: "Inter", sans-serif;
        --odoo-modules-transition-duration: 0.2s;
        --odoo-modules-transition-timing: ease;
        font-family: var(--odoo-modules-font-family);
        width: 100%;
      }

      .odoo-modules .odoo-modules__container {
        max-width: 1440px;
        margin-inline: auto;
        padding: 48px 20px;
        display: grid;
        grid-template-columns: 320px 1fr;
        gap: 48px;
        align-items: center;
      }

      .odoo-modules .odoo-modules__intro {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-right: 12px;
      }

      .odoo-modules .odoo-modules__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.25;
        color: var(--odoo-modules-text-title);
        letter-spacing: -0.01em;
      }

      .odoo-modules .odoo-modules__description {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.6;
        color: var(--odoo-modules-text-body);
      }

      .odoo-modules .odoo-modules__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px 15px;
        position: relative;
        padding-left: 48px;
        border-left: 1px solid var(--odoo-modules-border-color);
      }

      .odoo-modules .odoo-modules__item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 6px 0;
        transition: transform var(--odoo-modules-transition-duration) var(--odoo-modules-transition-timing);
      }

      .odoo-modules .odoo-modules__item:hover {
        transform: translateX(4px);
      }

      .odoo-modules .odoo-modules__icon-wrapper {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
      }

      .odoo-modules .odoo-modules__icon {
        font-size: 18px;
        color: var(--odoo-modules-primary-blue);
      }

      .odoo-modules .odoo-modules__label {
        font-size: 14.5px;
        font-weight: 500;
        color: var(--odoo-modules-text-item);
        line-height: 1.3;
      }

      @media (max-width: 1200px) {
        .odoo-modules .odoo-modules__grid {
          grid-template-columns: repeat(3, 1fr);
        }
      }

      @media (max-width: 992px) {
        .odoo-modules .odoo-modules__container {
          grid-template-columns: 1fr;
          gap: 32px;
        }

        .odoo-modules .odoo-modules__grid {
          padding-left: 0;
          border-left: none;
          border-top: 1px solid var(--odoo-modules-border-color);
          padding-top: 32px;
          grid-template-columns: repeat(3, 1fr);
        }
      }

      @media (max-width: 768px) {
        .odoo-modules {
          padding: 32px 24px;
        }

        .odoo-modules .odoo-modules__grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 16px;
        }

        .odoo-modules .odoo-modules__title {
          font-size: 24px;
        }
      }

      @media (max-width: 480px) {
        .odoo-modules .odoo-modules__grid {
          grid-template-columns: 1fr;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .odoo-modules .odoo-modules__item {
          transition: none;
        }
        .odoo-modules .odoo-modules__item:hover {
          transform: none;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-52fc8d2 */.local-presence {
        --local-presence-bg: #f8fafc;
        --local-presence-card-bg: #f9fafb;
        --local-presence-primary-blue: #0033ad;
        --local-presence-text-dark: #0f172a;
        --local-presence-text-muted: #475569;
        --local-presence-tag-bg: #ffffff;
        --local-presence-tag-border: #e2e8f0;
        --local-presence-tag-text: #1e3a8a;
        --local-presence-radius-lg: 24px;
        --local-presence-radius-pill: 9999px;
        --local-presence-transition: all 0.25s ease-in-out;

        width: 100%;
        padding: 20px 20px;
        /* background-color: var(--local-presence-bg); */
        font-family: "Inter", sans-serif;
        box-sizing: border-box;
      }

      .local-presence * {
        box-sizing: border-box;
      }

      .local-presence .local-presence__container {
        max-width: 1440px;
        margin-inline: auto;
        background-color: var(--local-presence-card-bg);
        border-radius: var(--local-presence-radius-lg);
        display: grid;
        grid-template-columns: 1.2fr 0.8fr;
        min-height: 480px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
        overflow: hidden;
        border: 1px solid #f1f5f9;
      }

      /* Left Content Area */
      .local-presence .local-presence__content {
        padding: 48px 48px 48px 56px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .local-presence .local-presence__title {
        color: var(--local-presence-primary-blue);
        font-size: 42px;
        font-weight: 800;
        line-height: 1.4;
        letter-spacing: -0.02em;
        margin: 0 0 18px 0;
      }

      .local-presence .local-presence__description {
        color: var(--local-presence-primary-blue);
        font-size: 19px;
        font-weight: 500;
        line-height: 1.4;
        margin: 0 0 28px 0;
        /* max-width: 520px; */
        opacity: 0.9;
      }

      /* Checkmark Grid */
      .local-presence .local-presence__list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px 12px;
        margin-bottom: 32px;
        /* max-width: 540px; */
      }

      .local-presence .local-presence__list-item {
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .local-presence .local-presence__check-icon {
        color: #1d4ed8;
        font-size: 15px;
        flex-shrink: 0;
      }

      .local-presence .local-presence__list-text {
        color: #1e293b;
        font-size: 16px;
        font-weight: 600;
        white-space: nowrap;
      }

      /* Section Label */
      .local-presence .local-presence__label {
        color: var(--local-presence-primary-blue);
        font-size: 15px;
        font-weight: 700;
        margin: 0 0 16px 0;
      }

      /* Tags Cloud */
      .local-presence .local-presence__tags {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }

      .local-presence .local-presence__tags-row {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .local-presence .local-presence__tag {
        background-color: var(--local-presence-tag-bg);
        border: 1.5px solid var(--local-presence-tag-border);
        color: #1e3a8a;
        font-size: 16px;
        font-weight: 600;
        padding: 6px 16px;
        border-radius: var(--local-presence-radius-pill);
        transition: var(--local-presence-transition);
        user-select: none;
      }

      .local-presence .local-presence__tag:hover {
        border-color: var(--local-presence-primary-blue);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 51, 173, 0.08);
      }

      /* Right Map Graphic Area */
      .local-presence .local-presence__map-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 440px;
        background-color: #f0f9ff;
        overflow: hidden;
      }

      .local-presence .local-presence__map-container {
        width: 100%;
        height: 100%;
        position: relative;
        background-color: #ebf5ff;
        background-image: radial-gradient(circle at 80% 80%, #bae6fd 0%, transparent 60%), linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2)), url(map.png);
      }

      .local-presence .local-presence__map-graphic {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
      }

      /* Decorative Water Body (Lake Ontario simulation) */
      .local-presence .local-presence__map-graphic::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 65%;
        height: 60%;
        background: #bae6fd;
        border-top-left-radius: 100% 80%;
        opacity: 0.85;
      }

      /* City Labels on Map */
      .local-presence .local-presence__city {
        position: absolute;
        font-size: 14px;
        font-weight: 700;
        color: #1e293b;
        letter-spacing: -0.01em;
        z-index: 2;
        text-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
      }

      .local-presence .local-presence__city--vaughan {
        top: 12%;
        right: 42%;
      }
      .local-presence .local-presence__city--markham {
        top: 12%;
        right: 20%;
      }
      .local-presence .local-presence__city--brampton {
        top: 38%;
        left: 56%;
      }
      .local-presence .local-presence__city--toronto {
        top: 43%;
        right: 28%;
        font-size: 16px;
        font-weight: 800;
      }
      .local-presence .local-presence__city--mississauga {
        top: 57%;
        left: 58%;
        font-size: 15px;
      }
      .local-presence .local-presence__city--milton {
        bottom: 32%;
        left: 38%;
      }
      .local-presence .local-presence__city--oakville {
        bottom: 25%;
        left: 52%;
      }
      .local-presence .local-presence__city--burlington {
        bottom: 10%;
        left: 45%;
      }

      /* Target / Radar Pin Overlay */
      .local-presence .local-presence__radar {
        position: absolute;
        top: 36%;
        left: 32%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
      }

      .local-presence .local-presence__ring {
        position: absolute;
        border-radius: 50%;
        border: 1.5px dashed #0033ad;
        opacity: 0.6;
        pointer-events: none;
      }

      .local-presence .local-presence__ring--inner {
        width: 140px;
        height: 140px;
      }

      .local-presence .local-presence__ring--outer {
        width: 240px;
        height: 240px;
        border-style: dotted;
        opacity: 0.45;
      }

      .local-presence .local-presence__pin-wrapper {
        position: relative;
        z-index: 4;
        filter: drop-shadow(0 8px 12px rgba(0, 51, 173, 0.3));
        transition: transform 0.3s ease;
      }

      .local-presence .local-presence__pin-wrapper:hover {
        transform: scale(1.1);
      }

      .local-presence .local-presence__pin {
        font-size: 48px;
        color: #0033ad;
        background: radial-gradient(circle at 35% 35%, #3b82f6, #0033ad);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      /* Inner white circle inside pin location icon */
      .local-presence .local-presence__pin-wrapper::after {
        content: "";
        position: absolute;
        top: 14px;
        left: 50%;
        transform: translateX(-50%);
        width: 14px;
        height: 14px;
        background-color: #ffffff;
        border-radius: 50%;
        z-index: 5;
      }

      /* Responsive Styles (Desktop First) */

      @media (max-width: 1280px) {
        .local-presence .local-presence__content {
          padding: 40px;
        }

        .local-presence .local-presence__title {
          font-size: 26px;
        }
      }

      @media (max-width: 1024px) {
        .local-presence .local-presence__container {
          grid-template-columns: 1fr;
        }

        .local-presence .local-presence__map-wrapper {
          min-height: 380px;
        }

        .local-presence .local-presence__list {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 768px) {
        .local-presence {
          padding: 16px;
        }

        .local-presence .local-presence__content {
          padding: 28px 20px;
        }

        .local-presence .local-presence__title {
          font-size: 22px;
        }

        .local-presence .local-presence__description {
          font-size: 13.5px;
        }

        .local-presence .local-presence__list {
          grid-template-columns: 1fr;
          gap: 12px;
        }

        .local-presence .local-presence__tag {
          font-size: 12px;
          padding: 5px 12px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .local-presence .local-presence__tag,
        .local-presence .local-presence__pin-wrapper {
          transition: none;
          transform: none;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ac18e3 */.benefits-section {
        --benefits-bg: #0033ad;
        --benefits-text-color: #ffffff;
        --benefits-radius: 12px;
        --benefits-transition-duration: 0.25s;
        --benefits-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);

        width: 100%;
        padding: 24px;
        box-sizing: border-box;
        font-family: "Inter", sans-serif;
      }

      .benefits-section * {
        box-sizing: border-box;
      }

      .benefits-section .benefits-section__container {
        max-width: 1440px;
        margin-inline: auto;
        background-color: var(--benefits-bg);
        background-image: linear-gradient(135deg, #002d9c 0%, #0038bf 50%, #002b93 100%);
        border-radius: var(--benefits-radius);
        padding: 36px 28px 40px 28px;
        box-shadow: 0 8px 24px rgba(0, 51, 173, 0.2);
      }

      .benefits-section .benefits-section__title {
        color: var(--benefits-text-color);
        font-size: 32px;
        font-weight: 700;
        text-align: center;
        margin: 0 0 36px 0;
        letter-spacing: -0.01em;
        line-height: 1.2;
      }

      .benefits-section .benefits-section__grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px;
        align-items: flex-start;
      }

      .benefits-section .benefits-section__card {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 8px 6px;
        position: relative;
        transition: transform var(--benefits-transition-duration) var(--benefits-transition-timing);
      }

      /* Divider lines between items */
      .benefits-section .benefits-section__card:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 15%;
        height: 70%;
        width: 1px;
        background-color: rgba(255, 255, 255, 0.15);
      }

      .benefits-section .benefits-section__card:hover {
        transform: translateY(-4px);
      }

      .benefits-section .benefits-section__icon-wrapper {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 16px;
        border: 1.5px solid rgba(255, 255, 255, 0.6);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.05);
        transition: all var(--benefits-transition-duration) var(--benefits-transition-timing);
      }

      .benefits-section .benefits-section__card:hover .benefits-section__icon-wrapper {
        border-color: #ffffff;
        background: rgba(255, 255, 255, 0.15);
        box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
      }

      .benefits-section .benefits-section__icon {
        color: var(--benefits-text-color);
        font-size: 18px;
      }

      .benefits-section .benefits-section__description {
        color: var(--benefits-text-color);
        font-size: 17px;
        font-weight: 500;
        line-height: 1.35;
        margin: 0;
        opacity: 1;
        word-wrap: break-word;
        hyphens: auto;
      }

      @media (max-width: 1280px) {
        .benefits-section .benefits-section__grid {
          grid-template-columns: repeat(5, minmax(0, 1fr));
          gap: 20px 12px;
        }

        .benefits-section .benefits-section__card:nth-child(5)::after {
          display: none;
        }
      }

      @media (max-width: 1024px) {
        .benefits-section .benefits-section__title {
          font-size: 22px;
          margin-bottom: 28px;
        }
      }

      @media (max-width: 768px) {
        .benefits-section .benefits-section__container {
          padding: 28px 16px;
        }

        .benefits-section .benefits-section__title {
          font-size: 18px;
          margin-bottom: 24px;
        }

        .benefits-section .benefits-section__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 24px 16px;
        }

        .benefits-section .benefits-section__card::after {
          display: none !important;
        }

        .benefits-section .benefits-section__icon-wrapper {
          width: 40px;
          height: 40px;
          margin-bottom: 12px;
        }

        .benefits-section .benefits-section__icon {
          font-size: 16px;
        }

        .benefits-section .benefits-section__description {
          font-size: 12px;
        }
      }

      @media (max-width: 380px) {
        .benefits-section .benefits-section__grid {
          grid-template-columns: 1fr;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .benefits-section .benefits-section__card {
          transition: none;
          transform: none;
        }

        .benefits-section .benefits-section__icon-wrapper {
          transition: none;
        }
      }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df6255c */.why-synconics {
        --why-synconics-bg: #f8fafc;
        --why-synconics-primary-blue: #0033ad;
        --why-synconics-text-dark: #1e293b;
        --why-synconics-transition: all 0.25s ease-in-out;

        width: 100%;
        padding: 48px 24px;
        font-family: "Inter", sans-serif;
        box-sizing: border-box;
      }

      .why-synconics .why-synconics__container {
        max-width: 1440px;
        margin-inline: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .why-synconics .why-synconics__title {
        color: var(--why-synconics-primary-blue);
        font-size: 26px;
        font-weight: 700;
        text-align: center;
        margin: 0 0 40px 0;
        letter-spacing: -0.02em;
        line-height: 1.2;
      }

      .why-synconics .why-synconics__grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 20px;
        width: 100%;
        align-items: center;
      }

      .why-synconics .why-synconics__card {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px 4px;
        transition: var(--why-synconics-transition);
        cursor: pointer;
      }

      .why-synconics .why-synconics__card:hover {
        transform: translateY(-2px);
      }

      .why-synconics .why-synconics__icon-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 38px;
        height: 38px;
      }

      .why-synconics .why-synconics__icon {
        color: var(--why-synconics-primary-blue);
        font-size: 32px;
        transition: var(--why-synconics-transition);
      }

      .why-synconics .why-synconics__card:hover .why-synconics__icon {
        transform: scale(1.08);
      }

      .why-synconics .why-synconics__content {
        display: flex;
        flex-direction: column;
      }

      .why-synconics .why-synconics__description {
        color: var(--why-synconics-text-dark);
        font-size: 13.5px;
        font-weight: 600;
        line-height: 1.3;
        margin: 0;
        letter-spacing: -0.01em;
      }

      /* Responsive Breakpoints */

      @media (max-width: 1280px) {
        .why-synconics .why-synconics__grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 28px 20px;
        }
      }

      @media (max-width: 768px) {
        .why-synconics {
          padding: 36px 16px;
        }

        .why-synconics .why-synconics__title {
          font-size: 22px;
          margin-bottom: 28px;
        }

        .why-synconics .why-synconics__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 24px 16px;
        }

        .why-synconics .why-synconics__icon {
          font-size: 28px;
        }

        .why-synconics .why-synconics__description {
          font-size: 12.5px;
        }
      }

      @media (max-width: 480px) {
        .why-synconics .why-synconics__grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }

        .why-synconics .why-synconics__card {
          justify-content: flex-start;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .why-synconics .why-synconics__card,
        .why-synconics .why-synconics__icon {
          transition: none;
          transform: none;
        }
      }/* End custom CSS */