.elementor-21956 .elementor-element.elementor-element-45270644{--display:flex;--padding-top:08px;--padding-bottom:08px;--padding-left:20px;--padding-right:20px;}.elementor-21956 .elementor-element.elementor-element-45270644:not(.elementor-motion-effects-element-type-background), .elementor-21956 .elementor-element.elementor-element-45270644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-463d3a6 );}.elementor-21956 .elementor-element.elementor-element-412a0f2b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:6px 0px;--row-gap:6px;--column-gap:0px;--flex-wrap:wrap;}.elementor-21956 .elementor-element.elementor-element-3484a6eb .elementor-icon-list-icon i{color:var( --e-global-color-b3f65ec );transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-3484a6eb .elementor-icon-list-icon svg{fill:var( --e-global-color-b3f65ec );transition:fill 0.3s;}.elementor-21956 .elementor-element.elementor-element-3484a6eb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-21956 .elementor-element.elementor-element-3484a6eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-21956 .elementor-element.elementor-element-3484a6eb .elementor-icon-list-item > a{font-size:13px;}.elementor-21956 .elementor-element.elementor-element-3484a6eb .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-202a0f22 .elementor-icon-list-icon i{color:var( --e-global-color-b3f65ec );transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-202a0f22 .elementor-icon-list-icon svg{fill:var( --e-global-color-b3f65ec );transition:fill 0.3s;}.elementor-21956 .elementor-element.elementor-element-202a0f22{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-21956 .elementor-element.elementor-element-202a0f22 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-21956 .elementor-element.elementor-element-202a0f22 .elementor-icon-list-item > a{font-size:13px;}.elementor-21956 .elementor-element.elementor-element-202a0f22 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-1cf888a2 .elementor-icon-list-icon i{color:var( --e-global-color-b3f65ec );transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-1cf888a2 .elementor-icon-list-icon svg{fill:var( --e-global-color-b3f65ec );transition:fill 0.3s;}.elementor-21956 .elementor-element.elementor-element-1cf888a2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-21956 .elementor-element.elementor-element-1cf888a2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-21956 .elementor-element.elementor-element-1cf888a2 .elementor-icon-list-item > a{font-size:13px;}.elementor-21956 .elementor-element.elementor-element-1cf888a2 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-1a64c051{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:var( --e-global-color-d1c8c88 );--border-color:var( --e-global-color-d1c8c88 );--border-radius:0px 0px 0px 0px;--padding-top:014px;--padding-bottom:014px;--padding-left:20px;--padding-right:20px;--z-index:50;}.elementor-21956 .elementor-element.elementor-element-1a64c051:not(.elementor-motion-effects-element-type-background), .elementor-21956 .elementor-element.elementor-element-1a64c051 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-21956 .elementor-element.elementor-element-42b8802e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-21956 .elementor-element.elementor-element-34c2e2f4{font-size:22px;font-weight:900;color:var( --e-global-color-463d3a6 );}.elementor-21956 .elementor-element.elementor-element-38e4362d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-21956 .elementor-element.elementor-element-4eebad92 .elementor-button{font-size:15px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-21956 .elementor-element.elementor-element-4eebad92{padding:10px 22px 10px 22px;border-radius:10px 10px 10px 10px;}.elementor-21956 .elementor-element.elementor-element-65c87ab{--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;}.elementor-21956 .elementor-element.elementor-element-a3d45f6{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21956 .elementor-element.elementor-element-6d08156{--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;}.elementor-21956 .elementor-element.elementor-element-de369b7 .cart button, .elementor-21956 .elementor-element.elementor-element-de369b7 .cart .button{transition:all 0.2s;}.elementor-21956 .elementor-element.elementor-element-de369b7 .quantity .qty{transition:all 0.2s;}.elementor-21956 .elementor-element.elementor-element-db8be2d{--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;}.elementor-21956 .elementor-element.elementor-element-726a82c{--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:056px;--padding-bottom:40px;--padding-left:0px;--padding-right:20px;}.elementor-21956 .elementor-element.elementor-element-a14d4c6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:44px 0px;--row-gap:44px;--column-gap:0px;}.elementor-21956 .elementor-element.elementor-element-4e53c0c0{--display:flex;}.elementor-21956 .elementor-element.elementor-element-13580837 img{height:420px;object-fit:cover;object-position:center center;}.elementor-21956 .elementor-element.elementor-element-544baa78{--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;}.elementor-21956 .elementor-element.elementor-element-1b19050c{--display:flex;}.elementor-21956 .elementor-element.elementor-element-76122375{text-align:center;width:var( --container-widget-width, 29% );max-width:29%;--container-widget-width:29%;--container-widget-flex-grow:0;}.elementor-21956 .elementor-element.elementor-element-48b0dc7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;}.elementor-21956 .elementor-element.elementor-element-7c57c680 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-7c57c680 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-21956 .elementor-element.elementor-element-7c57c680{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-21956 .elementor-element.elementor-element-7c57c680 .elementor-icon-list-text{transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-58a0c17b{--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:064px;--padding-bottom:064px;--padding-left:20px;--padding-right:20px;}.elementor-21956 .elementor-element.elementor-element-58a0c17b:not(.elementor-motion-effects-element-type-background), .elementor-21956 .elementor-element.elementor-element-58a0c17b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F3;}.elementor-21956 .elementor-element.elementor-element-3fd7eb6d{--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;}.elementor-21956 .elementor-element.elementor-element-3c5b7d24{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-21956 .elementor-element.elementor-element-7ede365b{--display:flex;}.elementor-21956 .elementor-element.elementor-element-1bd8afe9{--display:flex;}.elementor-21956 .elementor-element.elementor-element-54df9060 .elementor-icon-wrapper{text-align:center;}.elementor-21956 .elementor-element.elementor-element-5bce3e6a{--display:flex;}.elementor-21956 .elementor-element.elementor-element-1e904b39{--display:flex;}.elementor-21956 .elementor-element.elementor-element-77ca79be .elementor-icon-wrapper{text-align:center;}.elementor-21956 .elementor-element.elementor-element-31f521d8{--display:flex;}.elementor-21956 .elementor-element.elementor-element-2c007bbb{--display:flex;}.elementor-21956 .elementor-element.elementor-element-3a90035 .elementor-icon-wrapper{text-align:center;}.elementor-21956 .elementor-element.elementor-element-597551b9{--display:flex;}.elementor-21956 .elementor-element.elementor-element-45283fb8{--display:flex;}.elementor-21956 .elementor-element.elementor-element-94e82bb .elementor-icon-wrapper{text-align:center;}.elementor-21956 .elementor-element.elementor-element-1c771e4d{--display:flex;}.elementor-21956 .elementor-element.elementor-element-797da982 .elementor-button{background-color:#00000000;}.elementor-21956 .elementor-element.elementor-element-9d70f88{--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;}.elementor-21956 .elementor-element.elementor-element-20ffc099{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-21956 .elementor-element.elementor-element-d3c807e{--display:flex;}.elementor-21956 .elementor-element.elementor-element-7d6d4d30{--display:flex;}.elementor-21956 .elementor-element.elementor-element-2e61f713{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-21956 .elementor-element.elementor-element-2001687b{--display:flex;}.elementor-21956 .elementor-element.elementor-element-54fc0419{--display:flex;}.elementor-21956 .elementor-element.elementor-element-d9a12a4{--display:flex;}.elementor-21956 .elementor-element.elementor-element-320afad9{--display:flex;}.elementor-21956 .elementor-element.elementor-element-50ae67f2 .elementor-button{background-color:#00000000;}.elementor-21956 .elementor-element.elementor-element-616b74cd{--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:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-21956 .elementor-element.elementor-element-65c6326d{--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;}.elementor-21956 .elementor-element.elementor-element-40c2d8b3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-21956 .elementor-element.elementor-element-2f8ab72d{--display:flex;}.elementor-21956 .elementor-element.elementor-element-d986d80{--display:flex;}.elementor-21956 .elementor-element.elementor-element-6e54fd54{--display:flex;}.elementor-21956 .elementor-element.elementor-element-555f9f68{--display:flex;}.elementor-21956 .elementor-element.elementor-element-3679efba{--display:flex;}.elementor-21956 .elementor-element.elementor-element-18c384ac{--display:flex;}.elementor-21956 .elementor-element.elementor-element-6cb88dc8{--display:flex;}.elementor-21956 .elementor-element.elementor-element-72daf594{--display:flex;}.elementor-21956 .elementor-element.elementor-element-1a7f0c3d{--display:flex;}.elementor-21956 .elementor-element.elementor-element-7e86ab6b .elementor-button{background-color:#00000000;}.elementor-21956 .elementor-element.elementor-element-1bb2713c{--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;}.elementor-21956 .elementor-element.elementor-element-5700d5dc{--display:flex;--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-21956 .elementor-element.elementor-element-5c266302{--display:grid;--e-con-grid-template-columns:1.4fr 1fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 32px;--row-gap:0px;--column-gap:32px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:032px;--margin-left:0px;--margin-right:0px;}.elementor-21956 .elementor-element.elementor-element-312d04ee{--display:flex;}.elementor-21956 .elementor-element.elementor-element-362a8c2f .elementor-heading-title{color:#FFFFFF;}.elementor-21956 .elementor-element.elementor-element-1f180daa{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-21956 .elementor-element.elementor-element-6204cad7{--display:flex;}.elementor-21956 .elementor-element.elementor-element-6d8bfc13 .elementor-heading-title{color:#FFFFFF;}.elementor-21956 .elementor-element.elementor-element-62793ced .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-62793ced .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-21956 .elementor-element.elementor-element-62793ced{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-21956 .elementor-element.elementor-element-62793ced .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-16eba7ac{--display:flex;}.elementor-21956 .elementor-element.elementor-element-d953ce2 .elementor-heading-title{color:#FFFFFF;}.elementor-21956 .elementor-element.elementor-element-129f08bd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-129f08bd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-21956 .elementor-element.elementor-element-129f08bd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-21956 .elementor-element.elementor-element-129f08bd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-21956 .elementor-element.elementor-element-26e29b55{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-21956 .elementor-element.elementor-element-5c266302{--grid-auto-flow:row;}}@media(min-width:769px){.elementor-21956 .elementor-element.elementor-element-1a64c051{--content-width:1180px;}.elementor-21956 .elementor-element.elementor-element-42b8802e{--width:1180px;}.elementor-21956 .elementor-element.elementor-element-6d08156{--width:50%;}.elementor-21956 .elementor-element.elementor-element-db8be2d{--width:50%;}.elementor-21956 .elementor-element.elementor-element-4e53c0c0{--width:45%;}.elementor-21956 .elementor-element.elementor-element-544baa78{--width:55%;}}@media(max-width:768px){.elementor-21956 .elementor-element.elementor-element-1a64c051{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-21956 .elementor-element.elementor-element-42b8802e{--width:43%;}.elementor-21956 .elementor-element.elementor-element-38e4362d{--width:50%;}.elementor-21956 .elementor-element.elementor-element-2001687b{--width:30%;}.elementor-21956 .elementor-element.elementor-element-54fc0419{--width:30%;}.elementor-21956 .elementor-element.elementor-element-d9a12a4{--width:30%;}.elementor-21956 .elementor-element.elementor-element-5c266302{--e-con-grid-template-columns:1;--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-45270644 */#topbar{
    width: 100%!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42b8802e */.ma-header-inner{
    margin:0 auto!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65c87ab *//* ===== Reset ===== */
body {
  margin: 0;
}

/* ===== Product section ===== */
.ma-product {
  padding: 40px 20px 60px;
}

/* Two columns on one row, aligned at the top, centered */
.ma-product__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 44px;
  max-width: 1180px;
  margin: 0 auto;
}

/* Each column takes half the row */
.ma-product__media,
.ma-product__details {
  flex: 1 1 50%;
  min-width: 0;
}

/* ===== Image ===== */
.ma-product__media .elementor-widget-container img,
.ma-product__image img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(24,95,165,.14);
}

/* ===== Title ===== */
.ma-product__title h1,
.ma-product__title {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #042c53 !important;
  line-height: 1.4;
  margin-bottom: 10px;
}

/* ===== Description ===== */
.ma-product__desc {
  font-size: 15.5px;
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 18px;
}

/* ===== Price ===== */
.ma-product__price .woocommerce-Price-amount,
.ma-product__price .price {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #185fa5 !important;
}

/* ===== Variation pills (Add to Cart widget) ===== */

/* "اختر سقيا" label */
.ma-product__cart .variations th.label,
.ma-product__cart .variations label {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #042c53 !important;
}

.ma-product__cart .variations td {
  display: block;
}

/* Variation buttons/pills */
.ma-product__cart .variations td ul li,
.ma-product__cart ul.variable-items-wrapper li {
  border: 2px solid #e6e2d8 !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  background: #fff !important;
  cursor: pointer;
  transition: .15s ease;
  margin: 6px 0 !important;
}
.ma-product__cart .variations td ul li:hover,
.ma-product__cart ul.variable-items-wrapper li:hover {
  border-color: #185fa5 !important;
}

/* Selected pill — covers common swatch plugins */
.ma-product__cart ul.variable-items-wrapper li.selected,
.ma-product__cart ul.variable-items-wrapper li.variable-item-selected,
.ma-product__cart ul.variable-items-wrapper li[aria-checked="true"] {
  border-color: #185fa5 !important;
  background: #e6f1fb !important;
  color: #042c53 !important;
}
.ma-product__cart ul.variable-items-wrapper li.variable-item-selected .variable-item-span,
.ma-product__cart ul.variable-items-wrapper li.selected .variable-item-span {
  color: #042c53 !important;
}

/* ===== Add to cart button ===== */
.ma-product__cart button.single_add_to_cart_button {
  background: #185fa5 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100%;
  transition: .2s ease;
}
.ma-product__cart button.single_add_to_cart_button:hover {
  background: #0c447c !important;
}

/* ===== Quantity box ===== */
.ma-product__cart .quantity input {
  border: 1.5px solid #e6e2d8 !important;
  border-radius: 10px !important;
  height: 52px;
}

/* ===== Mobile ===== */
@media (max-width: 960px) {
  .ma-product__inner {
    flex-direction: column !important;
    gap: 24px;
  }
  .ma-product__media,
  .ma-product__details {
    flex: 1 1 100%;
  }
  .ma-product__media .elementor-widget-container img,
  .ma-product__image img {
    max-height: 320px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-726a82c *//* Hero */
#ma-hero {
  background: linear-gradient(160deg, var(--primary-light) 0%, #ffffff 65%) !important;
  overflow: hidden !important;
  position: relative !important;
}
.ma-hero-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 44px !important;
}

/* Text side */
.ma-hero-text {
  width: 55% !important;
}

/* Badge */
.ma-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  border: 1px solid var(--accent) !important;
  color: var(--accent-dark) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  margin-bottom: 18px !important;
  max-width: 100% !important;
  white-space: normal !important;
  line-height: 1.4 !important;
}
.ma-hero-badge i {
  flex-shrink: 0 !important;
}

/* Title */
.ma-hero-title .elementor-heading-title {
  font-size: 38px !important;
  font-weight: 900 !important;
  color: var(--primary-dark) !important;
  line-height: 1.35 !important;
  margin-bottom: 18px !important;
}

/* Lead */
.ma-hero-lead p {
  font-size: 17px !important;
  color: var(--muted) !important;
  margin-bottom: 26px !important;
  max-width: 520px !important;
  line-height: 1.8 !important;
}

/* CTA buttons */
.ma-btn-primary .elementor-button {
  background: var(--primary) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
  border: none !important;
  transition: all 0.2s ease !important;
}
.ma-btn-primary .elementor-button:hover {
  background: var(--primary-dark) !important;
  transform: translateY(-1px) !important;
}
.ma-btn-outline .elementor-button {
  background: transparent !important;
  color: var(--primary) !important;
  border: 2px solid var(--primary) !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
  transition: all 0.2s ease !important;
}
.ma-btn-outline .elementor-button:hover {
  background: var(--primary-light) !important;
}

/* Trust items */
.ma-hero-trust .elementor-icon-list-icon i {
  color: var(--primary) !important;
  font-size: 18px !important;
}
.ma-hero-trust .elementor-icon-list-text {
  color: var(--primary-dark) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}
.ma-hero-trust .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
}

/* Image side */
.ma-hero-img-wrap {
  width: 45% !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-lg) !important;
  position: relative !important;
}
.ma-hero-img-wrap img {
  width: 100% !important;
  height: 420px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Price tag overlay */
#ma-hero .ma-hero-price-tag,
.ma-hero-img-wrap .ma-hero-price-tag {
  position: absolute !important;
  inset: auto 16px 16px 16px !important;
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
  background: rgba(5, 69, 50, 0.9) !important;
  backdrop-filter: blur(4px) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
}
.ma-price-label p {
  font-size: 12px !important;
  opacity: 0.85 !important;
  color: #ffffff !important;
  margin: 0 !important;
}
.ma-price-value p {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--accent) !important;
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .ma-hero-inner {
    flex-direction: column !important;
    gap: 24px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
  .ma-hero-text,
  .ma-hero-img-wrap {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Badge: center it, shrink slightly, and let it wrap cleanly instead
     of stretching edge-to-edge or overflowing the viewport */
  .ma-hero-text {
    text-align: center !important;
  }
  .ma-hero-badge {
    display: inline-flex !important;
    font-size: 12px !important;
    padding: 5px 12px !important;
    margin: 0 auto 14px !important;
  }

  .ma-hero-title .elementor-heading-title {
    font-size: 26px !important;
    text-align: center !important;
  }
  .ma-hero-lead p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ma-hero-trust .elementor-icon-list-items {
    justify-content: center !important;
  }

  .ma-hero-img-wrap img {
    height: 260px !important;
  }

  .ma-hero-price-tag {
    position: relative !important;
    inset: auto !important;
    margin-top: 12px !important;
    border-radius: 10px !important;
  }
}

@media (max-width: 380px) {
  .ma-hero-badge {
    font-size: 11px !important;
    padding: 4px 10px !important;
    gap: 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c771e4d */.ma-cta-button-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding: 40px 20px;
}

.ma-cta-label{
  font-size: 15px;
  font-weight: 700;
  color: #1d5fb8;
  margin: 0;
  letter-spacing: .3px;
  position: relative;
  padding-bottom: 6px;
}

.ma-cta-label::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: #4f9dff;
  border-radius: 2px;
}

.ma-cta-btn{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #123a73 0%, #1d5fb8 60%, #2f7fe0 100%) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding: 10px 30px !important;
  border-radius: 50px !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(18, 58, 115, 0.4);
  transition: all .3s ease;
  cursor: pointer;
}

.ma-cta-btn:hover{
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 14px 36px rgba(18, 58, 115, 0.5);
  color: #ffffff !important;
}

.ma-cta-btn:active{
  transform: translateY(-1px) scale(0.99);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58a0c17b *//* Why section */
#ma-why {
  background: var(--bg) !important;
}
.ma-why-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
}
#ma-why .ma-section-title .elementor-heading-title {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: var(--primary-dark) !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}
#ma-why .ma-section-sub p {
  color: var(--muted) !important;
  font-size: 16px !important;
  margin-bottom: 36px !important;
  text-align: center !important;
}
/* Grid */
.ma-why-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}
/* Card */
.ma-why-card {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  padding: 26px 20px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}
.ma-why-card:hover {
  box-shadow: var(--shadow) !important;
  transform: translateY(-3px) !important;
  border-color: var(--primary) !important;
}

/* Icon wrapper — force a perfect circle regardless of Elementor's own
   sizing. Targets the real class (icon-div) plus Elementor's native
   Icon widget markup at every nesting level, so centering can't be
   thrown off by Elementor's own padding/wrapper divs. */
.icon-div,
.ma-why-icon {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  background: var(--primary-light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

/* Every wrapper level Elementor generates inside the Icon widget must
   also be centered and stripped of its own margin/padding, or the
   icon will drift off-center even though the circle itself is fine */
.icon-div .elementor-widget-icon,
.icon-div .elementor-widget-container,
.icon-div .elementor-icon-wrapper,
.icon-div .elementor-icon,
.ma-why-icon .elementor-widget-icon,
.ma-why-icon .elementor-widget-container,
.ma-why-icon .elementor-icon-wrapper,
.ma-why-icon .elementor-icon {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Icon itself (font-icon or SVG) — keep it centered and smaller than
   the circle so it never pushes the wrapper out of round */
.icon-div i,
.icon-div .elementor-icon i,
.ma-why-icon i,
.ma-why-icon .elementor-icon i {
  font-size: 23px !important;
  line-height: 1 !important;
  color: var(--primary) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.icon-div svg,
.icon-div .elementor-icon svg,
.ma-why-icon svg,
.ma-why-icon .elementor-icon svg {
  width: 24px !important;
  height: 24px !important;
  fill: var(--primary) !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Card title */
.ma-why-card-title .elementor-heading-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--primary-dark) !important;
  margin-bottom: 8px !important;
}
/* Card text */
.ma-why-card-text p {
  font-size: 13.5px !important;
  color: var(--muted) !important;
  line-height: 1.7 !important;
}
/* Mobile: 2 columns */
@media (max-width: 767px) {
  .ma-why-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/* Small mobile: 1 column */
@media (max-width: 480px) {
  .ma-why-grid {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-320afad9 */.ma-cta-button-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding: 40px 20px;
}

.ma-cta-label{
  font-size: 15px;
  font-weight: 700;
  color: #1d5fb8;
  margin: 0;
  letter-spacing: .3px;
  position: relative;
  padding-bottom: 6px;
}

.ma-cta-label::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: #4f9dff;
  border-radius: 2px;
}

.ma-cta-btn{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #123a73 0%, #1d5fb8 60%, #2f7fe0 100%) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding: 10px 30px !important;
  border-radius: 50px !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(18, 58, 115, 0.4);
  transition: all .3s ease;
  cursor: pointer;
}

.ma-cta-btn:hover{
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 14px 36px rgba(18, 58, 115, 0.5);
  color: #ffffff !important;
}

.ma-cta-btn:active{
  transform: translateY(-1px) scale(0.99);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d70f88 *//* Impact section */
#ma-impact {
  background: #ffffff !important;
  padding: 64px 20px !important;
}
.ma-impact-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  box-shadow: var(--shadow-lg) !important;
}
/* Image side */
.ma-impact-img {
  width: 50% !important;
  min-height: 400px !important;
  flex-shrink: 0 !important;
}
.ma-impact-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* Text side */
.ma-impact-text {
  width: 50% !important;
  background: var(--primary-dark) !important;
  padding: 44px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
/* Title */
.ma-impact-title .elementor-heading-title {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin-bottom: 16px !important;
}
/* Description */
.ma-impact-desc p {
  color: #d7e3f7 !important;
  font-size: 15.5px !important;
  line-height: 1.8 !important;
  margin-bottom: 14px !important;
}
/* Stats container */
.ma-impact-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  margin-top: 22px !important;
}
/* Stat item */
.ma-stat-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  width: 28% !important;
}
/* Stat number */
.ma-stat-number p,
.ma-stat-number {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: var(--accent) !important;
  margin: 0 !important;
  display: block !important;
}
/* Stat label */
.ma-stat-label p,
.ma-stat-label {
  font-size: 12.5px !important;
  color: #a9c2e6 !important;
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .ma-impact-inner {
    flex-direction: column !important;
  }
  .ma-impact-img,
  .ma-impact-text {
    width: 100% !important;
  }
  .ma-impact-img {
    min-height: 220px !important;
  }
  .ma-impact-text {
    padding: 28px 20px !important;
  }

  /* Keep all 3 stats in a single row instead of wrapping */
  .ma-impact-stats {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    justify-content: space-between !important;
  }
  .ma-stat-item {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  .ma-stat-number p,
  .ma-stat-number {
    font-size: 17px !important;
    white-space: nowrap !important;
  }
  .ma-stat-label p,
  .ma-stat-label {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }
}

@media (max-width: 380px) {
  .ma-impact-stats {
    gap: 6px !important;
  }
  .ma-stat-number p,
  .ma-stat-number {
    font-size: 15px !important;
  }
  .ma-stat-label p,
  .ma-stat-label {
    font-size: 9.5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a7f0c3d */.ma-cta-button-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  padding: 40px 20px;
}

.ma-cta-label{
  font-size: 15px;
  font-weight: 700;
  color: #1d5fb8;
  margin: 0;
  letter-spacing: .3px;
  position: relative;
  padding-bottom: 6px;
}

.ma-cta-label::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: #4f9dff;
  border-radius: 2px;
}

.ma-cta-btn{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #123a73 0%, #1d5fb8 60%, #2f7fe0 100%) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding: 10px 30px !important;
  border-radius: 50px !important;
  border: none !important;
  text-decoration: none !important;
  box-shadow: 0 10px 30px rgba(18, 58, 115, 0.4);
  transition: all .3s ease;
  cursor: pointer;
}

.ma-cta-btn:hover{
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 14px 36px rgba(18, 58, 115, 0.5);
  color: #ffffff !important;
}

.ma-cta-btn:active{
  transform: translateY(-1px) scale(0.99);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616b74cd *//* Journey section */
#ma-journey {
  background: var(--bg) !important;
}
.ma-journey-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
}
#ma-journey .ma-section-title .elementor-heading-title {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: var(--primary-dark) !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}
#ma-journey .ma-section-sub p {
  color: var(--muted) !important;
  font-size: 16px !important;
  text-align: center !important;
  margin-bottom: 36px !important;
}

/* Grid */
.ma-journey-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  position: relative !important;
}

/* Connector line — subtle gradient instead of flat gray, reads as "progress" */
.ma-journey-grid::before {
  content: '' !important;
  position: absolute !important;
  top: 19px !important;
  right: 10% !important;
  left: 10% !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--primary) 0%, var(--border) 100%) !important;
  opacity: 0.35 !important;
  z-index: 0 !important;
}

/* Step card */
.ma-journey-step {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  padding: 24px 18px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
  transition: all 0.2s ease !important;
}
.ma-journey-step:hover {
  box-shadow: var(--shadow) !important;
  transform: translateY(-3px) !important;
  border-color: var(--primary) !important;
}

/* Number circle — subtle ring on hover for a bit of depth */
.ma-step-num {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: var(--primary) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px !important;
  position: relative !important;
  z-index: 2 !important;
  box-shadow: 0 0 0 4px var(--primary-light) !important;
  transition: box-shadow 0.2s ease !important;
}
.ma-journey-step:hover .ma-step-num {
  box-shadow: 0 0 0 6px var(--primary-light) !important;
}

/* Step title */
.ma-step-title .elementor-heading-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--primary-dark) !important;
  margin-bottom: 6px !important;
}

/* Step text */
.ma-step-text p {
  font-size: 12.5px !important;
  color: var(--muted) !important;
  line-height: 1.6 !important;
}

/* Mobile: 2 columns */
@media (max-width: 767px) {
  .ma-journey-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .ma-journey-grid::before {
    display: none !important;
  }
}

/* Small mobile: 1 column */
@media (max-width: 480px) {
  .ma-journey-grid {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5700d5dc */.ma-footer-section{
  background: #0b2e59;
  color: #c7d7ec;
    

}

.ma-footer-grid{
  gap: 32px;
  
}

.ma-footer-logo{
  font-size: 20px;
  font-weight: 900;
  color: #ffffff !important;
  margin-bottom: 12px;
}

.ma-footer-desc{
  font-size: 13.5px;
  color: #c7d7ec !important;
  line-height: 1.7;
}

.ma-footer-heading{
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 14px;
}

.ma-footer-list li{
  font-size: 13.5px;
  color: #c7d7ec !important;
  margin-bottom: 8px;
  list-style: none;
}

.ma-footer-social{
  display: flex;
  gap: 10px;
  margin-top: 12px;
}
.ma-footer-social a{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ma-footer-social a:hover{
  background: #4f9dff;
  transition: .2s ease;
}
.ma-footer-social svg,
.ma-footer-social i{
  width: 16px;
  height: 16px;
  color: #fff;
}

.ma-footer-bottom{
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: 18px;
  text-align: center;
  font-size: 12.5px;
  color: #9fb8db;
}
.ma-footer-section {
  width: 100%;
}

.ma-footer-grid,
.ma-footer-bottom {
  max-width: 1140px;   /* match your site's standard content width — same as your "container" class we found earlier */
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;   /* match whatever left/right padding your main content sections use */
  padding-right: 60px;
}/* End custom CSS */