.elementor-4140 .elementor-element.elementor-element-f05a63b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-184d21f{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-9cd8e5e{--display:flex;}.elementor-4140 .elementor-element.elementor-element-b11c2f9{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-67b6849{--display:flex;}.elementor-4140 .elementor-element.elementor-element-1bfa359 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4140 .elementor-element.elementor-element-1bfa359 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-1bfa359.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-1bfa359.elementor-view-framed .elementor-icon, .elementor-4140 .elementor-element.elementor-element-1bfa359.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-1bfa359 .elementor-icon{font-size:28px;}.elementor-4140 .elementor-element.elementor-element-1bfa359 .elementor-icon-box-title, .elementor-4140 .elementor-element.elementor-element-1bfa359 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-4140 .elementor-element.elementor-element-1bfa359:has(:hover) .elementor-icon-box-title,
					 .elementor-4140 .elementor-element.elementor-element-1bfa359:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-1bfa359 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-4140 .elementor-element.elementor-element-9707afd{--display:flex;}.elementor-4140 .elementor-element.elementor-element-08f1b90 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4140 .elementor-element.elementor-element-08f1b90 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-08f1b90.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-08f1b90.elementor-view-framed .elementor-icon, .elementor-4140 .elementor-element.elementor-element-08f1b90.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-08f1b90 .elementor-icon{font-size:28px;}.elementor-4140 .elementor-element.elementor-element-08f1b90 .elementor-icon-box-title, .elementor-4140 .elementor-element.elementor-element-08f1b90 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-4140 .elementor-element.elementor-element-08f1b90:has(:hover) .elementor-icon-box-title,
					 .elementor-4140 .elementor-element.elementor-element-08f1b90:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-08f1b90 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-4140 .elementor-element.elementor-element-9cc3620{--display:flex;}.elementor-4140 .elementor-element.elementor-element-3274af4 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4140 .elementor-element.elementor-element-3274af4 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3274af4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3274af4.elementor-view-framed .elementor-icon, .elementor-4140 .elementor-element.elementor-element-3274af4.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3274af4 .elementor-icon{font-size:28px;}.elementor-4140 .elementor-element.elementor-element-3274af4 .elementor-icon-box-title, .elementor-4140 .elementor-element.elementor-element-3274af4 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-4140 .elementor-element.elementor-element-3274af4:has(:hover) .elementor-icon-box-title,
					 .elementor-4140 .elementor-element.elementor-element-3274af4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3274af4 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-4140 .elementor-element.elementor-element-4cd8cdc{--display:flex;}.elementor-4140 .elementor-element.elementor-element-3ff35e8 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4140 .elementor-element.elementor-element-3ff35e8 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3ff35e8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3ff35e8.elementor-view-framed .elementor-icon, .elementor-4140 .elementor-element.elementor-element-3ff35e8.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3ff35e8 .elementor-icon{font-size:28px;}.elementor-4140 .elementor-element.elementor-element-3ff35e8 .elementor-icon-box-title, .elementor-4140 .elementor-element.elementor-element-3ff35e8 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-4140 .elementor-element.elementor-element-3ff35e8:has(:hover) .elementor-icon-box-title,
					 .elementor-4140 .elementor-element.elementor-element-3ff35e8:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-3ff35e8 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-4140 .elementor-element.elementor-element-3748a28{--display:flex;}.elementor-4140 .elementor-element.elementor-element-ca63718 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4140 .elementor-element.elementor-element-ca63718 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-ca63718.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-ca63718.elementor-view-framed .elementor-icon, .elementor-4140 .elementor-element.elementor-element-ca63718.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-ca63718 .elementor-icon{font-size:28px;}.elementor-4140 .elementor-element.elementor-element-ca63718 .elementor-icon-box-title, .elementor-4140 .elementor-element.elementor-element-ca63718 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-4140 .elementor-element.elementor-element-ca63718:has(:hover) .elementor-icon-box-title,
					 .elementor-4140 .elementor-element.elementor-element-ca63718:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-ca63718 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-4140 .elementor-element.elementor-element-b2f9689{--display:flex;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6.elementor-view-framed .elementor-icon, .elementor-4140 .elementor-element.elementor-element-4e8e5a6.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6 .elementor-icon{font-size:28px;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6 .elementor-icon-box-title, .elementor-4140 .elementor-element.elementor-element-4e8e5a6 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;line-height:1em;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6:has(:hover) .elementor-icon-box-title,
					 .elementor-4140 .elementor-element.elementor-element-4e8e5a6:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-4e8e5a6 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#E9E9E9;}.elementor-4140 .elementor-element.elementor-element-347002b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-aa4eb40{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-96ebc5f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-654dca5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-f2524c0{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-90102e3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-d25aeaf{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4140 .elementor-element.elementor-element-54d4b9ac3:not(.elementor-motion-effects-element-type-background), .elementor-4140 .elementor-element.elementor-element-54d4b9ac3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4140 .elementor-element.elementor-element-54d4b9ac3 > .elementor-container{min-height:392px;}.elementor-4140 .elementor-element.elementor-element-54d4b9ac3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-4140 .elementor-element.elementor-element-54d4b9ac3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-4140 .elementor-element.elementor-element-75e5fdce.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4140 .elementor-element.elementor-element-75e5fdce.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4140 .elementor-element.elementor-element-75e5fdce > .elementor-element-populated{margin:0px 0px 0px -10px;--e-column-margin-right:0px;--e-column-margin-left:-10px;}.elementor-4140 .elementor-element.elementor-element-70012a53{--divider-border-style:solid;--divider-color:#00528A;--divider-border-width:2px;}.elementor-4140 .elementor-element.elementor-element-70012a53 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-4140 .elementor-element.elementor-element-70012a53 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-bc-flex-widget .elementor-4140 .elementor-element.elementor-element-c855274.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4140 .elementor-element.elementor-element-c855274.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4140 .elementor-element.elementor-element-76461a06{text-align:start;}.elementor-4140 .elementor-element.elementor-element-76461a06 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;color:#00528A;}.elementor-4140 .elementor-element.elementor-element-2a118422 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#223645;}.elementor-4140 .elementor-element.elementor-element-10455d5e > .elementor-widget-container{background-color:#FFFFFF;padding:20px 20px 20px 20px;border-radius:6px 6px 6px 6px;box-shadow:0px 0px 25px 0px rgba(220.5, 220.5, 220.5, 0.5);}.elementor-4140 .elementor-element.elementor-element-10455d5e{z-index:5;}.elementor-4140 .elementor-element.elementor-element-10455d5e.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-accordion-item{border-width:0px;border-color:#F2F2F2;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-accordion-item .elementor-tab-content{border-width:0px;border-block-start-color:#F2F2F2;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;border-block-end-color:#F2F2F2;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-tab-title{background-color:#FFFFFF;padding:10px 18px 14px 22px;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-accordion-icon, .elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-accordion-title{color:#626672;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-accordion-icon svg{fill:#626672;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-active .elementor-accordion-icon, .elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-active .elementor-accordion-title{color:#3A78C9;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-active .elementor-accordion-icon svg{fill:#3A78C9;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-tab-title .elementor-accordion-icon i:before{color:#737373;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-tab-title .elementor-accordion-icon svg{fill:#737373;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#3A78C9;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#3A78C9;}.elementor-4140 .elementor-element.elementor-element-10455d5e .elementor-tab-content{background-color:#FFFFFF;color:#626672;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;}.elementor-4140 .elementor-element.elementor-element-fcd440{--spacer-size:97px;}.elementor-4140 .elementor-element.elementor-element-fcd440 > .elementor-widget-container{background-color:#3A78C9;margin:-85px 80px 0px -37px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-4140 .elementor-element.elementor-element-fcd440.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}body.elementor-page-4140:not(.elementor-motion-effects-element-type-background), body.elementor-page-4140 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1366px){.elementor-4140 .elementor-element.elementor-element-b11c2f9{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-4140 .elementor-element.elementor-element-b11c2f9{--grid-auto-flow:row;}.elementor-4140 .elementor-element.elementor-element-54d4b9ac3{padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-4140 .elementor-element.elementor-element-b11c2f9{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4140 .elementor-element.elementor-element-75e5fdce{width:30%;}.elementor-4140 .elementor-element.elementor-element-c855274{width:70%;}}@media(min-width:768px){.elementor-4140 .elementor-element.elementor-element-9cd8e5e{--content-width:1440px;}.elementor-4140 .elementor-element.elementor-element-75e5fdce{width:13.132%;}.elementor-4140 .elementor-element.elementor-element-c855274{width:86.868%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4140 .elementor-element.elementor-element-340108f7{width:100%;}.elementor-4140 .elementor-element.elementor-element-1bd67ed2{width:100%;}}/* Start custom CSS for html, class: .elementor-element-9164467 */.odoo-crm-section {
  --primary-blue: #0046af;
  --primary-blue-hover: #00358a;
  --text-dark: #001e42;
  --text-muted: #4a5568;
  --bg-light: #f8fafc;
  --border-color: #e2e8f0;
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  --odoo-purple: #714b67;
  --kanban-bg: #f3f4f6;

  --stage-new: #10b981;
  --stage-qualified: #f59e0b;
  --stage-proposition: #ef4444;
  --stage-won: #3b82f6;

  font-family: "Inter", sans-serif;
  background: radial-gradient(circle at 10% 20%, rgba(243, 244, 246, 0.6) 0%, rgba(255, 255, 255, 1) 90%);
  padding: 80px 40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.odoo-crm-section * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* CONTAINER LAYOUT */
.odoo-crm-container {
  width: 100%;
  max-width: 1440px;
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 50px;
  align-items: center;
}

/* LEFT CONTENT COLUMN */
.odoo-crm-content {
  display: flex;
  flex-direction: column;
  gap: 28px;
  animation: odooFadedUp 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.odoo-crm-title {
  font-size: 48px;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.odoo-crm-subtitle {
  font-size: 24px;
  font-weight: 600;
  color: var(--primary-blue);
  line-height: 1.3;
}

.odoo-crm-description {
  font-size: 16px;
  color: var(--text-muted);
  line-height: 1.6;
  max-width: 520px;
}

.odoo-crm-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.odoo-crm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  text-decoration: none;
}

.odoo-crm-btn-primary {
  background-color: var(--primary-blue);
  color: #ffffff;
  border: 2px solid var(--primary-blue);
  box-shadow: 0 4px 14px rgba(0, 70, 175, 0.2);
}

.odoo-crm-btn-primary:hover {
  background-color: var(--primary-blue-hover);
  border-color: var(--primary-blue-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 70, 175, 0.3);
  color: white;
}

.odoo-crm-btn-secondary {
  background-color: transparent;
  color: var(--primary-blue);
  border: 1px solid var(--primary-blue);
}

.odoo-crm-btn-secondary:hover {
  background-color: rgba(0, 70, 175, 0.04);
  transform: translateY(-2px);
}

/* TRUST BADGES */
.odoo-crm-trust-badges {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 15px;
}

.odoo-crm-badge-card {
  background: #ffffff;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  height: 70px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.odoo-crm-badge-card img {
  max-height: 26px;
  object-fit: contain;
}

.odoo-crm-badge-card .odoo-partner-text {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 4px;
  font-weight: 500;
}

.odoo-crm-rating-container {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}

.odoo-crm-rating-stars {
  color: #f59e0b;
  font-size: 12px;
  display: flex;
  gap: 2px;
}

.odoo-crm-rating-val {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-dark);
}

/* RIGHT APP INTERFACE COLUMN */
.odoo-crm-interface-wrapper {
  position: relative;
  animation: odooFadedUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

.odoo-crm-app-window {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  width: 100%;
}

/* APP HEADER */
.odoo-crm-app-header {
  background-color: #ffffff;
  border-bottom: 1px solid var(--border-color);
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.odoo-crm-nav-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.odoo-crm-app-logo {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  color: #2563eb;
  font-size: 16px;
}

.odoo-crm-app-logo i {
  font-size: 18px;
  background: linear-gradient(135deg, #06b6d4, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.odoo-crm-nav-links {
  display: flex;
  gap: 16px;
}

.odoo-crm-nav-link {
  font-size: 13px;
  color: var(--text-muted);
  text-decoration: none;
  font-weight: 500;
}

.odoo-crm-nav-link.active {
  color: var(--text-dark);
  font-weight: 600;
}

.odoo-crm-nav-right {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--text-muted);
  font-size: 14px;
}

/* APP SUB-BAR (ACTION BAR) */
.odoo-crm-action-bar {
  background-color: #ffffff;
  border-bottom: 1px solid var(--border-color);
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.odoo-crm-action-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.odoo-crm-btn-new {
  background-color: var(--odoo-purple);
  color: white;
  border: none;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.odoo-crm-view-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark);
}

.odoo-crm-search-box {
  position: relative;
  width: 240px;
}

.odoo-crm-search-box input {
  width: 100%;
  padding: 6px 10px 6px 28px;
  font-size: 12px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background-color: #f9fafb;
}

.odoo-crm-search-box i {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 11px;
}

.odoo-crm-search-box .fa-caret-down {
  left: auto;
  right: 9px;
}

/* KANBAN BOARD BOARD */
.odoo-crm-kanban-board {
  background-color: var(--kanban-bg);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  overflow-x: auto;
  min-height: 420px;
}

/* KANBAN COLUMN */
.odoo-crm-kanban-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 180px;
}

.odoo-crm-column-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 4px;
}

.odoo-crm-column-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.odoo-crm-column-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-dark);
}

.odoo-crm-column-value {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
}

.odoo-crm-progress-bar-line {
  height: 6px;
  background-color: #e5e7eb;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
}

.odoo-crm-progress-segment {
  height: 100%;
}

/* KANBAN CARD */
.odoo-crm-kanban-card {
  background: #ffffff;
  border-radius: 6px;
  padding: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
  cursor: grab;
}

.odoo-crm-kanban-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.odoo-crm-card-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-dark);
  line-height: 1.3;
}

.odoo-crm-card-price {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-dark);
}

.odoo-crm-card-customer {
  font-size: 11px;
  color: #6b7280;
}

.odoo-crm-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding-top: 6px;
  border-top: 1px dashed #f3f4f6;
}

.odoo-crm-card-stars {
  display: flex;
  gap: 1px;
  color: #d1d5db;
  font-size: 10px;
}

.odoo-crm-card-stars .active {
  color: #f59e0b;
}

.odoo-crm-card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

.odoo-crm-card-meta i {
  font-size: 11px;
  color: #9ca3af;
}

.odoo-crm-avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
}

/* ANIMATIONS */
@keyframes odooFadedUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1200px) {
  .odoo-crm-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .odoo-crm-content {
    align-items: center;
    text-align: center;
  }
  .odoo-crm-description {
    max-width: 600px;
  }
  .odoo-crm-actions {
    justify-content: center;
  }
  .odoo-crm-interface-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .odoo-crm-section {
    padding: 50px 20px;
  }
  .odoo-crm-title {
    font-size: 36px;
  }
  .odoo-crm-subtitle {
    font-size: 20px;
  }
  .odoo-crm-kanban-board {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .odoo-crm-title {
    font-size: 28px;
  }
  .odoo-crm-actions {
    flex-direction: column;
    width: 100%;
  }
  .odoo-crm-btn {
    width: 100%;
  }
  .odoo-crm-trust-badges {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .odoo-crm-badge-card {
    width: 100%;
  }
  .odoo-crm-kanban-board {
    grid-template-columns: 1fr;
  }
  .odoo-crm-search-box {
    width: 140px;
  }
  .odoo-crm-nav-links {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-crm-section,
  .odoo-crm-content,
  .odoo-crm-interface-wrapper,
  .odoo-crm-btn,
  .odoo-crm-kanban-card {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-184d21f */.elementor-4140 .elementor-element.elementor-element-184d21f{
    background: linear-gradient(90deg, #00113a 0%, #001852 50%, #00113a 100%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c75b40 */.synconics-challenges-section {
  --scc-brand-blue: #003cd6;
  --scc-text-navy: #061052;
  --scc-text-slate: #4f5e74;
  --scc-bg-clean: #ffffff;
  --scc-font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --scc-anim-speed: 0.3s;

  padding: 30px 20px;
  font-family: var(--scc-font-family);
  display: flex;
  justify-content: center;
}

.synconics-challenges-container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.synconics-challenges-header {
  text-align: center;
  margin-bottom: 56px;
}

.synconics-challenges-title {
  font-size: 26px;
  font-weight: 800;
  color: var(--scc-text-navy);
  margin: 0;
  letter-spacing: -0.015em;
}

/* Horizontal 6-column matrix frame layout alignment from 3_2.png */
.synconics-challenges-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  width: 100%;
}

.synconics-challenge-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 4px;
}

.synconics-challenge-icon-box {
  color: var(--scc-brand-blue);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: transform var(--scc-anim-speed) ease;
}

.synconics-challenge-item:hover .synconics-challenge-icon-box {
  transform: translateY(-3px);
}

.synconics-challenge-heading {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--scc-text-navy);
  margin: 0 0 12px 0;
  min-height: 36px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.synconics-challenge-desc {
  font-size: 13px;
  line-height: 1.4;
  color: var(--scc-text-slate);
  margin: 0;
  font-weight: 500;
  max-width: 180px;
}

/* --- Viewport Adaptive Optimization Breaks --- */

@media (max-width: 1200px) {
  .synconics-challenges-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
  }
  .synconics-challenge-heading {
    min-height: auto;
  }
}

@media (max-width: 768px) {
  .synconics-challenges-section {
    padding: 48px 20px;
  }
  .synconics-challenges-title {
    font-size: 22px;
  }
  .synconics-challenges-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 16px;
  }
}

@media (max-width: 480px) {
  .synconics-challenges-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .synconics-challenge-desc {
    max-width: 260px;
  }
}

/* Accessibility Preference Filtering rules */
@media (prefers-reduced-motion: reduce) {
  .synconics-challenge-icon-box {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-281d1de */.odoo-crm-benefits {
  --odoo-font-main: "Inter", sans-serif;
  --odoo-bg: #ffffff;
  --odoo-headline: #0033cc;
  --odoo-subheadline: #0044ff;
  --odoo-text-title: #05155c;
  --odoo-text-body: #334175;
  --odoo-icon-bg: #f2f6ff;
  --odoo-icon-color: #0044ff;
  --odoo-icon-border: #d0daf2;

  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  font-family: var(--odoo-font-main);
  overflow: hidden;
}

.odoo-crm-benefits *,
.odoo-crm-benefits *::before,
.odoo-crm-benefits *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.odoo-crm-benefits .odoo-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1.3fr;
  gap: 48px;
  align-items: center;
}

/* Left Side Image Content Showcase */
.odoo-crm-benefits .odoo-media-showcase {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
}

.odoo-crm-benefits .odoo-laptop-container {
  /*width: 85%;*/
  position: relative;
  z-index: 2;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.odoo-crm-benefits .odoo-phone-container {
  width: 24%;
  position: absolute;
  right: 4%;
  bottom: -2%;
  z-index: 3;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.odoo-crm-benefits .odoo-responsive-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 12px;
}

/* Hover animations for device assets */
.odoo-crm-benefits .odoo-media-showcase:hover .odoo-laptop-container {
  /*transform: translateX(-10px) scale(1.01);*/
}

.odoo-crm-benefits .odoo-media-showcase:hover .odoo-phone-container {
  transform: translateY(-8px) scale(1.03);
}

/* Right Side Text Content Layout */
.odoo-crm-benefits .odoo-content-panel {
  display: flex;
  flex-direction: column;
}

.odoo-crm-benefits .odoo-main-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--odoo-headline);
  margin-bottom: 10px;
  letter-spacing: -0.4px;
}

.odoo-crm-benefits .odoo-subtitle {
  font-size: 15.5px;
  font-weight: 600;
  color: var(--odoo-subheadline);
  margin-bottom: 36px;
  letter-spacing: -0.1px;
}

.odoo-crm-benefits .odoo-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 24px;
}

.odoo-crm-benefits .odoo-feature-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: transform 0.3s ease;
}

.odoo-crm-benefits .odoo-feature-card:hover {
  transform: translateX(4px);
}

.odoo-crm-benefits .odoo-icon-box {
  width: 44px;
  height: 44px;
  background-color: var(--odoo-icon-bg);
  border: 1px solid var(--odoo-icon-border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--odoo-icon-color);
  font-size: 18px;
  flex-shrink: 0;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

.odoo-crm-benefits .odoo-feature-card:hover .odoo-icon-box {
  background-color: var(--odoo-icon-color);
  color: #ffffff;
  border-color: var(--odoo-icon-color);
}

.odoo-crm-benefits .odoo-feature-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.odoo-crm-benefits .odoo-feature-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--odoo-text-title);
  line-height: 1.3;
}

.odoo-crm-benefits .odoo-feature-desc {
  font-size: 13px;
  font-weight: 500;
  color: var(--odoo-text-body);
  line-height: 1.5;
}

/* Entrance Keyframe Animation */
@keyframes odooFadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.odoo-crm-benefits .odoo-wrapper {
  animation: odooFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Responsiveness Implementation */
@media (max-width: 1200px) {
  .odoo-crm-benefits .odoo-wrapper {
    gap: 32px;
  }
  .odoo-crm-benefits .odoo-main-title {
    font-size: 26px;
  }
}

@media (max-width: 1024px) {
  .odoo-crm-benefits .odoo-wrapper {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .odoo-crm-benefits .odoo-media-showcase {
    max-width: 650px;
    margin: 0 auto;
  }
  .odoo-crm-benefits .odoo-content-panel {
    text-align: center;
    align-items: center;
  }
  .odoo-crm-benefits .odoo-feature-card {
    text-align: left;
  }
}

@media (max-width: 680px) {
  .odoo-crm-benefits {
    padding: 40px 16px;
  }
  .odoo-crm-benefits .odoo-features-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    width: 100%;
    max-width: 480px;
  }
  .odoo-crm-benefits .odoo-main-title {
    font-size: 23px;
  }
  .odoo-crm-benefits .odoo-subtitle {
    font-size: 14px;
    margin-bottom: 28px;
  }
}

/* Accessibility: Reduced Motion Settings */
@media (prefers-reduced-motion: reduce) {
  .odoo-crm-benefits .odoo-wrapper,
  .odoo-crm-benefits .odoo-laptop-container,
  .odoo-crm-benefits .odoo-phone-container,
  .odoo-crm-benefits .odoo-feature-card {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-03fddb8 */.odoo-features-showcase {
  --ofm-brand-blue: #003cd6;
  --ofm-text-navy: #051147;
  --ofm-bg-container: #ffffff;
  --ofm-border-subtle: #f0f4f9;
  --ofm-shadow-card: 0 10px 40px rgba(5, 17, 71, 0.04);
  --ofm-font-family: "Inter", -apple-system, sans-serif;

  padding: 10px 20px;
  font-family: var(--ofm-font-family);
  display: flex;
  justify-content: center;
}

/* Rounded floating card border frame structure echoing 5_2.png */
.odoo-features-card-wrapper {
  background-color: var(--ofm-bg-container);
  width: 100%;
  max-width: 1440px;
  border-radius: 12px;
  border: 1px solid var(--ofm-border-subtle);
  box-shadow: var(--ofm-shadow-card);
  padding: 40px 24px 48px 24px;
  box-sizing: border-box;
}

.odoo-features-header {
  text-align: center;
  margin-bottom: 48px;
}

.odoo-features-main-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--ofm-brand-blue);
  margin: 0;
  letter-spacing: -0.01em;
}

/* Linear 10-column horizon grid tracking 5_2.png alignment */
.odoo-features-inline-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  width: 100%;
}

.odoo-feature-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 2px;
}

.odoo-feature-vector-box {
  color: var(--ofm-brand-blue);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.odoo-feature-node:hover .odoo-feature-vector-box {
  transform: translateY(-4px);
}

.odoo-feature-node-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--ofm-text-navy);
  margin: 0;
  letter-spacing: -0.01em;
}

/* --- Responsive Adaptability Matrix Layers --- */

@media (max-width: 1300px) {
  .odoo-features-inline-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 32px 16px;
  }
}

@media (max-width: 850px) {
  .odoo-features-inline-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 28px 12px;
  }
  .odoo-features-main-title {
    font-size: 21px;
  }
}

@media (max-width: 580px) {
  .odoo-features-card-wrapper {
    padding: 32px 16px;
  }
  .odoo-features-inline-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 8px;
  }
  .odoo-feature-node-title {
    font-size: 10.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .odoo-feature-vector-box {
    transition: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a018f1 */.odoo-value-roi-section {
  --ovr-blue-brand: #003cd6;
  --ovr-navy-deep: #001a57;
  --ovr-text-dark: #061148;
  --ovr-text-slate: #4f5e7b;
  --ovr-font-sans: "Inter", -apple-system, sans-serif;

  padding: 10px 20px;
  font-family: var(--ovr-font-sans);
  display: flex;
  justify-content: center;
}

/* Container defining asymmetric panels framework matching 6_2.png layout */
.odoo-value-roi-container {
  width: 100%;
  max-width: 1440px;
  background-color: #ffffff;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  box-shadow: 0 10px 35px rgba(6, 17, 72, 0.03);
  display: grid;
  grid-template-columns: 1.45fr 0.95fr;
  overflow: hidden;
}

/* --- Left Features Checklists Panel Styles --- */
.odoo-value-benefits-panel {
  padding: 48px 40px;
}

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

.odoo-value-column-title {
  font-size: 17px;
  font-weight: 800;
  color: var(--ovr-blue-brand);
  margin: 0 0 24px 0;
  letter-spacing: -0.01em;
}

.odoo-value-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.odoo-value-list li {
  font-size: 14px;
  font-weight: 500;
  color: var(--ovr-text-dark);
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* Checkbox vectors replicating original layout checks styling */
.odoo-check-icon {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ecf2ff;
  position: relative;
  flex-shrink: 0;
  margin-top: 1px;
}

.odoo-check-icon::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 3px;
  height: 6px;
  border: solid var(--ovr-blue-brand);
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}

/* --- Right Navy Metrics Banner Styles --- */
.odoo-roi-impact-panel {
  background-color: var(--ovr-navy-deep);
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
}

.odoo-roi-panel-title {
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 36px 0;
  letter-spacing: -0.015em;
}

.odoo-roi-metrics-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px 24px;
  margin-auto: 0;
}

.odoo-roi-metric-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.odoo-roi-icon-wrapper {
  color: rgba(255, 255, 255, 0.7);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}

.odoo-roi-stat-box {
  display: flex;
  flex-direction: column;
}

.odoo-roi-number {
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 4px;
}

.odoo-roi-label {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
  font-weight: 500;
}

/* --- Viewport Adaptive Layout Overrides --- */

@media (max-width: 1200px) {
  .odoo-value-roi-container {
    grid-template-columns: 1fr;
  }
  .odoo-value-benefits-panel {
    padding: 40px 32px;
  }
  .odoo-roi-impact-panel {
    padding: 40px 32px;
  }
}

@media (max-width: 768px) {
  .odoo-value-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .odoo-value-column-title {
    margin-bottom: 14px;
  }
  .odoo-roi-metrics-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 480px) {
  .odoo-value-roi-section {
    padding: 32px 12px;
  }
  .odoo-value-benefits-panel {
    padding: 28px 20px;
  }
  .odoo-roi-impact-panel {
    padding: 28px 20px;
  }
  .odoo-roi-panel-title {
    font-size: 18px;
    margin-bottom: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b37a4ee */.crm-solutions-section {
  --crm-primary-color: #0033cc;
  --crm-text-headline: #0022aa;
  --crm-text-title: #06105c;
  --crm-text-body: #1c244b;
  --crm-card-border: #d0daf2;
  --crm-card-bg: #ffffff;
  --crm-font-family: "Segoe UI", "Inter", -apple-system, sans-serif;

  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  font-family: var(--crm-font-family);
  overflow: hidden;
}

.crm-solutions-section *,
.crm-solutions-section *::before,
.crm-solutions-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.crm-solutions-section .crm-container {
  max-width: 1440px;
  margin: 0 auto;
}

.crm-solutions-section .crm-main-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--crm-text-headline);
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: -0.2px;
}

.crm-solutions-section .crm-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 16px;
  width: 100%;
}

.crm-solutions-section .crm-card {
  background: var(--crm-card-bg);
  border: 1px solid var(--crm-card-border);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.4s ease;
  position: relative;
  will-change: transform, box-shadow;
}

/* Subtle Premium Hover Animations */
.crm-solutions-section .crm-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(6, 16, 92, 0.08);
  border-color: #a5bce9;
}

.crm-solutions-section .crm-image-wrapper {
  position: relative;
  width: 100%;
  height: 140px;
  overflow: hidden;
  background-color: #f0f4f8;
}

.crm-solutions-section .crm-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.crm-solutions-section .crm-card:hover .crm-card-image {
  transform: scale(1.05);
}

.crm-solutions-section .crm-content-wrapper {
  padding: 20px 14px 24px 14px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.crm-solutions-section .crm-card-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--crm-text-title);
  margin-bottom: 10px;
  line-height: 1.3;
}

.crm-solutions-section .crm-card-description {
  font-size: 14px;
  font-weight: 400;
  color: var(--crm-text-body);
  line-height: 1.55;
}

/* Entrance Fade-Up Animation for Entire Grid */
@keyframes crmFadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.crm-solutions-section .crm-grid {
  animation: crmFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Responsiveness Media Queries */
@media (max-width: 1280px) {
  .crm-solutions-section .crm-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

@media (max-width: 1024px) {
  .crm-solutions-section .crm-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }
  .crm-solutions-section .crm-main-title {
    font-size: 22px;
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  .crm-solutions-section {
    padding: 40px 16px;
  }
  .crm-solutions-section .crm-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .crm-solutions-section .crm-image-wrapper {
    height: 160px;
  }
}

@media (max-width: 480px) {
  .crm-solutions-section .crm-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .crm-solutions-section .crm-image-wrapper {
    height: 180px;
  }
  .crm-solutions-section .crm-main-title {
    font-size: 20px;
    margin-bottom: 24px;
  }
}

/* Respect Preffered Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .crm-solutions-section .crm-card,
  .crm-solutions-section .crm-card-image,
  .crm-solutions-section .crm-grid {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a6a7a4 */.capabilities-showcase {
  --caps-font-primary: "Segoe UI", "Inter", -apple-system, sans-serif;
  --caps-bg-main: #f8faff;
  --caps-card-bg: #ffffff;
  --caps-border-color: #e2eaf8;
  --caps-text-heading: #0033cc;
  --caps-text-list: #1a2b6d;
  --caps-text-muted: #4e619d;
  --caps-icon-blue: #0044ff;

  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  font-family: var(--caps-font-primary);
  overflow: hidden;
}

.capabilities-showcase *,
.capabilities-showcase *::before,
.capabilities-showcase *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.capabilities-showcase .caps-layout-container {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.9fr 1fr;
  gap: 24px;
  align-items: stretch;
}

/* Combined Customization and Integration Outer Card */
.capabilities-showcase .caps-dual-panel {
  background: var(--caps-card-bg);
  border: 1px solid var(--caps-border-color);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 51, 204, 0.02);
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  overflow: hidden;
  position: relative;
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Right Panel: Implementation Approach */
.capabilities-showcase .caps-implementation-panel {
  background: var(--caps-card-bg);
  border: 1px solid var(--caps-border-color);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 51, 204, 0.02);
  padding: 36px 32px 0px 36px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.capabilities-showcase .caps-dual-panel:hover,
.capabilities-showcase .caps-implementation-panel:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(26, 43, 109, 0.06);
}

/* Inner Left: Customization Column */
.capabilities-showcase .caps-sub-customization {
  padding: 36px 32px;
  border-right: 1px solid var(--caps-border-color);
  display: flex;
  flex-direction: column;
}

/* Inner Right: Integration Column */
.capabilities-showcase .caps-sub-integration {
  padding: 36px 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(to right, #ffffff, #fbfdff);
}

/* Typography */
.capabilities-showcase .caps-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--caps-text-heading);
  margin-bottom: 28px;
  letter-spacing: -0.3px;
}

.capabilities-showcase .caps-title-center {
  text-align: center;
}

/* List Styling */
.capabilities-showcase .caps-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.capabilities-showcase .caps-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--caps-text-list);
  line-height: 1.4;
}

.capabilities-showcase .caps-list-item i {
  color: var(--caps-icon-blue);
  font-size: 14px;
  margin-top: 3px;
  flex-shrink: 0;
}

/* Implementation specific numbered styles */
.capabilities-showcase .caps-impl-list {
  gap: 13px;
  position: relative;
  z-index: 2;
  max-width: 75%;
}

.capabilities-showcase .caps-impl-item {
  font-size: 14px;
  font-weight: 600;
}

.capabilities-showcase .caps-impl-item i {
  font-size: 15px;
  background: linear-gradient(135deg, #0044ff, #002288);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Brand Integrations Grid */
.capabilities-showcase .caps-brand-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 20px;
  align-items: center;
  justify-items: center;
  margin-top: 10px;
  margin-bottom: 30px;
}

.capabilities-showcase .caps-brand-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  transition: transform 0.3s ease;
}

.capabilities-showcase .caps-brand-wrapper:hover {
  transform: scale(1.06);
}

.capabilities-showcase .caps-brand-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(8%) contrast(98%);
}

.capabilities-showcase .caps-more-text {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: var(--caps-text-heading);
  font-style: italic;
  margin-top: auto;
}

/* Implementation Decorative Illustration Layer */
.capabilities-showcase .caps-illustration-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 68%;
  pointer-events: none;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.capabilities-showcase .caps-illustration-asset {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: right bottom;

  /* Blurs and fades the top and left edges */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%), linear-gradient(to bottom, transparent 0%, black 20%);
  mask-image: linear-gradient(to right, transparent 0%, black 20%), linear-gradient(to bottom, transparent 0%, black 20%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

/* Responsive Breakpoints matching exact visual specs */
@media (max-width: 1300px) {
  .capabilities-showcase .caps-impl-list {
    max-width: 100%;
    margin-bottom: 220px;
  }
  .capabilities-showcase .caps-illustration-container {
    width: 85%;
    height: 240px;
  }
}

@media (max-width: 1150px) {
  .capabilities-showcase .caps-layout-container {
    grid-template-columns: 1fr;
  }
  .capabilities-showcase .caps-impl-list {
    margin-bottom: 0;
    max-width: 55%;
  }
  .capabilities-showcase .caps-illustration-container {
    width: 45%;
    height: 100%;
  }
}

@media (max-width: 840px) {
  .capabilities-showcase .caps-dual-panel {
    grid-template-columns: 1fr;
  }
  .capabilities-showcase .caps-sub-customization {
    border-right: none;
    border-bottom: 1px solid var(--caps-border-color);
  }
  .capabilities-showcase .caps-brand-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .capabilities-showcase {
    padding: 30px 16px;
  }
  .capabilities-showcase .caps-brand-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
  }
  .capabilities-showcase .caps-implementation-panel {
    padding: 32px 20px 0px 20px;
  }
  .capabilities-showcase .caps-impl-list {
    max-width: 100%;
    margin-bottom: 180px;
  }
  .capabilities-showcase .caps-illustration-container {
    width: 100%;
    height: 200px;
  }
}

/* Smooth Premium Hardware Accelerated Micro-interactions */
@media (prefers-reduced-motion: reduce) {
  .capabilities-showcase .caps-dual-panel,
  .capabilities-showcase .caps-implementation-panel,
  .capabilities-showcase .caps-brand-wrapper {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-765d930 */.synconics-reasons-section {
  --syn-font-main: "Segoe UI", "Inter", -apple-system, sans-serif;
  --syn-bg: #ffffff;
  --syn-text-headline: #0033cc;
  --syn-text-card: #05155c;
  --syn-card-border: #e6edf9;
  --syn-card-hover-border: #b3cbf2;
  --syn-icon-color: #0044ff;

  box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  font-family: var(--syn-font-main);
  overflow: hidden;
}

.synconics-reasons-section *,
.synconics-reasons-section *::before,
.synconics-reasons-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.synconics-reasons-section .syn-wrapper {
  max-width: 1440px;
  margin: 0 auto;
}

.synconics-reasons-section .syn-section-title {
  font-size: 23px;
  font-weight: 700;
  color: var(--syn-text-headline);
  text-align: center;
  margin-bottom: 36px;
  letter-spacing: -0.2px;
}

.synconics-reasons-section .syn-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
  width: 100%;
}

.synconics-reasons-section .syn-card {
  background: #ffffff;
  border: 1px solid var(--syn-card-border);
  border-radius: 8px;
  padding: 24px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  min-height: 142px;
  transition:
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.35s ease;
  position: relative;
  will-change: transform, box-shadow;
}

/* Subtle Premium Hover Lift Animations */
.synconics-reasons-section .syn-card:hover {
  transform: translateY(-4px);
  border-color: var(--syn-card-hover-border);
  box-shadow: 0 8px 24px rgba(0, 51, 204, 0.05);
}

.synconics-reasons-section .syn-icon-container {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  color: var(--syn-icon-color);
  transition: transform 0.4s ease;
}

.synconics-reasons-section .syn-card:hover .syn-icon-container {
  transform: scale(1.08);
}

/* Custom Stroke/Outline SVG-like Styling via FontAwesome thin/regular */
.synconics-reasons-section .syn-icon-container i {
  font-size: 26px;
}

.synconics-reasons-section .syn-card-text {
  font-size: 17px;
  font-weight: 700;
  color: var(--syn-text-card);
  line-height: 1.45;
  letter-spacing: -0.1px;
  word-wrap: break-word;
}

/* Fade-in Entry Cascade */
@keyframes synFadeInUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.synconics-reasons-section .syn-grid {
  animation: synFadeInUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Fully Responsive Breakpoint Adjustments */
@media (max-width: 1280px) {
  .synconics-reasons-section .syn-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}

@media (max-width: 840px) {
  .synconics-reasons-section {
    padding: 40px 16px;
  }
  .synconics-reasons-section .syn-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  .synconics-reasons-section .syn-section-title {
    font-size: 21px;
    margin-bottom: 28px;
  }
}

@media (max-width: 600px) {
  .synconics-reasons-section .syn-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .synconics-reasons-section .syn-card {
    padding: 20px 8px;
    min-height: 130px;
  }
}

@media (max-width: 380px) {
  .synconics-reasons-section .syn-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Respect Motion Disabling User Configuration */
@media (prefers-reduced-motion: reduce) {
  .synconics-reasons-section .syn-card,
  .synconics-reasons-section .syn-icon-container,
  .synconics-reasons-section .syn-grid {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}/* End custom CSS */