.elementor-3170101 .elementor-element.elementor-element-7c6e490 > .elementor-container{max-width:1320px;min-height:420px;}.elementor-3170101 .elementor-element.elementor-element-7c6e490 > .elementor-container:after{content:"";min-height:inherit;}.elementor-3170101 .elementor-element.elementor-element-7c6e490 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170101 .elementor-element.elementor-element-7c6e490{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:56px 24px 56px 24px;}.elementor-3170101 .elementor-element.elementor-element-7c6e490:not(.elementor-motion-effects-element-type-background), .elementor-3170101 .elementor-element.elementor-element-7c6e490 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7F7;}.elementor-3170101 .elementor-element.elementor-element-7c6e490 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3170101 .elementor-element.elementor-element-45ac11d.elementor-column .elementor-column-wrap{align-items:center;}.elementor-3170101 .elementor-element.elementor-element-45ac11d.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170101 .elementor-element.elementor-element-edf26bb{text-align:left;}.elementor-3170101 .elementor-element.elementor-element-edf26bb .elementor-heading-title{color:#1F2933;font-family:"Inter", sans-serif;font-size:40px;font-weight:700;}.elementor-3170101 .elementor-element.elementor-element-9aae273{color:#5F6B76;font-family:"Inter", sans-serif;font-size:18px;}.elementor-3170101 .elementor-element.elementor-element-9aae273 > .elementor-widget-container{padding:12px 24px 24px 12px;}.elementor-3170101 .elementor-element.elementor-element-af59bee a.elementor-button{font-family:"Inter", sans-serif;font-size:15px;font-weight:600;--ce-btn-bg-color:#006B68;background-color:var(--ce-btn-bg-color);border-radius:6px 6px 6px 6px;padding:12px 20px 12px 20px;}.elementor-3170101 .elementor-element.elementor-element-af59bee a.elementor-button:not(#e){color:#FFFFFF;}.elementor-3170101 .elementor-element.elementor-element-af59bee a.elementor-button:not(#e):hover, .elementor-3170101 .elementor-element.elementor-element-af59bee a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-3170101 .elementor-element.elementor-element-af59bee a.elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-af59bee a.elementor-button:focus{--ce-btn-bg-color:#004F4D;}.elementor-3170101 .elementor-element.elementor-element-40e20f8 a.elementor-button{font-family:"Inter", sans-serif;font-weight:600;border-color:#006B68;border-style:solid;border-width:1px 1px 1px 1px;padding:12px 20px 12px 20px;}.elementor-3170101 .elementor-element.elementor-element-40e20f8 a.elementor-button:not(#e){color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-40e20f8 a.elementor-button:not(#e):hover, .elementor-3170101 .elementor-element.elementor-element-40e20f8 a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-3170101 .elementor-element.elementor-element-40e20f8 a.elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-40e20f8 a.elementor-button:focus{--ce-btn-bg-color:#006B68;border-color:#006B68;}.elementor-bc-flex-widget .elementor-3170101 .elementor-element.elementor-element-31bb6a4.elementor-column .elementor-column-wrap{align-items:center;}.elementor-3170101 .elementor-element.elementor-element-31bb6a4.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170101 .elementor-element.elementor-element-2a73019.elementor-view-stacked .elementor-icon{background-color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-2a73019.elementor-view-framed .elementor-icon, .elementor-3170101 .elementor-element.elementor-element-2a73019.elementor-view-default .elementor-icon{color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon{font-size:34px;}.elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-wrapper{text-align:center;}.elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-title{color:#1F2933;font-family:"Inter", sans-serif;font-size:18px;font-weight:700;}.elementor-3170101 .elementor-element.elementor-element-20c1c34.elementor-view-stacked .elementor-icon{background-color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-20c1c34.elementor-view-framed .elementor-icon, .elementor-3170101 .elementor-element.elementor-element-20c1c34.elementor-view-default .elementor-icon{color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon{font-size:34px;}.elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-title{color:#1F2933;font-family:"Inter", sans-serif;font-size:18px;font-weight:700;}.elementor-3170101 .elementor-element.elementor-element-cd36092.elementor-view-stacked .elementor-icon{background-color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-cd36092.elementor-view-framed .elementor-icon, .elementor-3170101 .elementor-element.elementor-element-cd36092.elementor-view-default .elementor-icon{color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon{font-size:34px;}.elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-wrapper{text-align:center;}.elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;}.elementor-3170101 .elementor-element.elementor-element-f7d8b63.elementor-view-stacked .elementor-icon{background-color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-f7d8b63.elementor-view-framed .elementor-icon, .elementor-3170101 .elementor-element.elementor-element-f7d8b63.elementor-view-default .elementor-icon{color:#006B68;}.elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon{font-size:34px;}.elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-wrapper{text-align:center;}.elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-title{color:#1F2933;font-family:"Inter", sans-serif;font-size:18px;font-weight:700;}.elementor-3170101 .elementor-element.elementor-element-ac137dd .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(4, 1fr);}.elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-icon i{font-size:14px;}.elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-icon svg{width:14px;}.elementor-3170101 .elementor-element.elementor-element-0ded0df{--icon-vertical-offset:0px;}.elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-text{transition:color 0.3s;}.elementor-3170101 .elementor-element.elementor-element-d818298 .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(7, 1fr);}.elementor-3170101 .elementor-element.elementor-element-d818298 .elementor-image-carousel-caption{text-align:center;}@media(max-width:1024px){.elementor-3170101 .elementor-element.elementor-element-7c6e490 > .elementor-container{min-height:360px;}.elementor-3170101 .elementor-element.elementor-element-7c6e490 > .elementor-container:after{content:"";min-height:inherit;}.elementor-3170101 .elementor-element.elementor-element-7c6e490{padding:44px 24px 44px 24px;}.elementor-bc-flex-widget .elementor-3170101 .elementor-element.elementor-element-45ac11d.elementor-column .elementor-column-wrap{align-items:center;}.elementor-3170101 .elementor-element.elementor-element-45ac11d.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170101 .elementor-element.elementor-element-edf26bb{text-align:left;}.elementor-3170101 .elementor-element.elementor-element-edf26bb .elementor-heading-title{font-size:34px;}.elementor-3170101 .elementor-element.elementor-element-9aae273{font-size:17px;}.elementor-3170101 .elementor-element.elementor-element-9aae273 > .elementor-widget-container{padding:12px 24px 24px 12px;}.elementor-bc-flex-widget .elementor-3170101 .elementor-element.elementor-element-31bb6a4.elementor-column .elementor-column-wrap{align-items:center;}.elementor-3170101 .elementor-element.elementor-element-31bb6a4.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170101 .elementor-element.elementor-element-ac137dd .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(3, 1fr);}}@media(max-width:767px){.elementor-3170101 .elementor-element.elementor-element-7c6e490{padding:32px 18px 32px 18px;}.elementor-3170101 .elementor-element.elementor-element-45ac11d{width:100%;}.elementor-bc-flex-widget .elementor-3170101 .elementor-element.elementor-element-45ac11d.elementor-column .elementor-column-wrap{align-items:center;}.elementor-3170101 .elementor-element.elementor-element-45ac11d.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170101 .elementor-element.elementor-element-edf26bb{text-align:left;}.elementor-3170101 .elementor-element.elementor-element-edf26bb .elementor-heading-title{font-size:30px;line-height:1.2em;letter-spacing:-0.4px;}.elementor-3170101 .elementor-element.elementor-element-9aae273{font-size:16px;line-height:1.6em;}.elementor-3170101 .elementor-element.elementor-element-9aae273 > .elementor-widget-container{padding:12px 24px 24px 12px;}.elementor-3170101 .elementor-element.elementor-element-984d1fa{width:100%;}.elementor-3170101 .elementor-element.elementor-element-acadc04{width:100%;}.elementor-3170101 .elementor-element.elementor-element-31bb6a4{width:100%;}.elementor-bc-flex-widget .elementor-3170101 .elementor-element.elementor-element-31bb6a4.elementor-column .elementor-column-wrap{align-items:center;}.elementor-3170101 .elementor-element.elementor-element-31bb6a4.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title{font-size:6px;}.elementor-3170101 .elementor-element.elementor-element-ac137dd .swiper:not(.swiper-initialized) .swiper-wrapper{grid-template-columns:repeat(1, 1fr);}}@media(min-width:768px){.elementor-3170101 .elementor-element.elementor-element-45ac11d{width:62%;}.elementor-3170101 .elementor-element.elementor-element-31bb6a4{width:38%;}.elementor-3170101 .elementor-element.elementor-element-8f5216a{width:50.037%;}.elementor-3170101 .elementor-element.elementor-element-098ad6b{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3170101 .elementor-element.elementor-element-45ac11d{width:55%;}.elementor-3170101 .elementor-element.elementor-element-31bb6a4{width:45%;}}/* Start custom CSS for button, class: .elementor-element-af59bee */.elementor-3170101 .elementor-element.elementor-element-af59bee .elementor-button { min-height: 46px; padding: 12px 20px; display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: var(--marinelec-primary, #1E8B8E) !important; border: 1px solid var(--marinelec-primary, #1E8B8E) !important; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-af59bee .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-af59bee .elementor-button:focus { color: #FFFFFF !important; background-color: var(--marinelec-dark, #004F4D) !important; border-color: var(--marinelec-dark, #004F4D) !important; } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-af59bee, .elementor-3170101 .elementor-element.elementor-element-af59bee .elementor-button-wrapper, .elementor-3170101 .elementor-element.elementor-element-af59bee .elementor-button { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-40e20f8 */.elementor-3170101 .elementor-element.elementor-element-40e20f8 .elementor-button { min-height: 46px; padding: 12px 20px; display: inline-flex; align-items: center; justify-content: center; color: var(--marinelec-primary, #1E8B8E) !important; background-color: transparent !important; border: 1px solid var(--marinelec-primary, #1E8B8E) !important; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-40e20f8 .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-40e20f8 .elementor-button:focus { color: #FFFFFF !important; background-color: var(--marinelec-primary, #1E8B8E) !important; border-color: var(--marinelec-primary, #1E8B8E) !important; } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-40e20f8, .elementor-3170101 .elementor-element.elementor-element-40e20f8 .elementor-button-wrapper, .elementor-3170101 .elementor-element.elementor-element-40e20f8 .elementor-button { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2a73019 */.elementor-3170101 .elementor-element.elementor-element-2a73019 { min-height: 180px; padding: 24px 18px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-2a73019:hover, .elementor-3170101 .elementor-element.elementor-element-2a73019:focus-within { transform: translateY(-3px); border-color: #006B68; box-shadow: 0 10px 24px rgba(31, 41, 51, 0.10); } /* Largeur uniforme de tous les conteneurs */ .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-widget-container { width: 100%; } .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-widget-wrap { display: flex; align-content: center; justify-content: center; } /* Grille interne identique */ .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-wrapper { width: 100%; display: grid !important; grid-template-rows: 42px 48px; align-items: center; justify-items: center; gap: 14px; margin: 0 !important; padding: 0 !important; text-align: center; } /* Zone fixe des icônes */ .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-img { width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } /* Images */ .elementor-3170101 .elementor-element.elementor-element-2a73019 img { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain; filter: brightness(0) saturate(100%) invert(30%) sepia(72%) saturate(1040%) hue-rotate(137deg) brightness(88%) contrast(101%) !important; } /* Icônes natives et SVG */ .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon { width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019 svg { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019 svg [fill]:not([fill="none"]) { fill: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019 svg [stroke]:not([stroke="none"]) { stroke: #006B68 !important; } /* Zone de titre strictement identique */ .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-content { width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-title { width: 100%; min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-title a { color: inherit !important; font: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Masque les descriptions */ .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-description, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-2a73019 { min-height: 165px; padding: 20px 14px; } .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-title { font-size: 17px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-2a73019 { min-height: 140px; padding: 16px 10px; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-wrapper { grid-template-rows: 36px 42px; gap: 10px; } .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-img { width: 36px !important; height: 36px !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019 img, .elementor-3170101 .elementor-element.elementor-element-2a73019 svg, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon { width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-content { height: 42px !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-2a73019 .elementor-image-box-title { font-size: 16px !important; line-height: 1.2 !important; } .elementor-3170101 .elementor-element.elementor-element-2a73019:hover, .elementor-3170101 .elementor-element.elementor-element-2a73019:focus-within { transform: none; box-shadow: 0 6px 16px rgba(31, 41, 51, 0.08); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-20c1c34 */.elementor-3170101 .elementor-element.elementor-element-20c1c34 { min-height: 180px; padding: 24px 18px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-20c1c34:hover, .elementor-3170101 .elementor-element.elementor-element-20c1c34:focus-within { transform: translateY(-3px); border-color: #006B68; box-shadow: 0 10px 24px rgba(31, 41, 51, 0.10); } /* Largeur uniforme de tous les conteneurs */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-widget-container { width: 100%; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-widget-wrap { display: flex; align-content: center; justify-content: center; } /* Grille interne identique */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-wrapper { width: 100%; display: grid !important; grid-template-rows: 42px 48px; align-items: center; justify-items: center; gap: 14px; margin: 0 !important; padding: 0 !important; text-align: center; } /* Zone fixe des icônes */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-img { width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } /* Images */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 img { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain; filter: brightness(0) saturate(100%) invert(30%) sepia(72%) saturate(1040%) hue-rotate(137deg) brightness(88%) contrast(101%) !important; } /* Icônes natives et SVG */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon { width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 svg { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 svg [fill]:not([fill="none"]) { fill: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 svg [stroke]:not([stroke="none"]) { stroke: #006B68 !important; } /* Zone de titre strictement identique */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-content { width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-title { width: 100%; min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-title a { color: inherit !important; font: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Masque les descriptions */ .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-description, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-20c1c34 { min-height: 165px; padding: 20px 14px; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-title { font-size: 17px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-20c1c34 { min-height: 140px; padding: 16px 10px; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-wrapper { grid-template-rows: 36px 42px; gap: 10px; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-img { width: 36px !important; height: 36px !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 img, .elementor-3170101 .elementor-element.elementor-element-20c1c34 svg, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon { width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-content { height: 42px !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-20c1c34 .elementor-image-box-title { font-size: 16px !important; line-height: 1.2 !important; } .elementor-3170101 .elementor-element.elementor-element-20c1c34:hover, .elementor-3170101 .elementor-element.elementor-element-20c1c34:focus-within { transform: none; box-shadow: 0 6px 16px rgba(31, 41, 51, 0.08); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cd36092 */.elementor-3170101 .elementor-element.elementor-element-cd36092 { min-height: 180px; padding: 24px 18px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-cd36092:hover, .elementor-3170101 .elementor-element.elementor-element-cd36092:focus-within { transform: translateY(-3px); border-color: #006B68; box-shadow: 0 10px 24px rgba(31, 41, 51, 0.10); } /* Largeur uniforme de tous les conteneurs */ .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-widget-container { width: 100%; } .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-widget-wrap { display: flex; align-content: center; justify-content: center; } /* Grille interne identique */ .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-wrapper { width: 100%; display: grid !important; grid-template-rows: 42px 48px; align-items: center; justify-items: center; gap: 14px; margin: 0 !important; padding: 0 !important; text-align: center; } /* Zone fixe des icônes */ .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-img { width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } /* Images */ .elementor-3170101 .elementor-element.elementor-element-cd36092 img { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain; filter: brightness(0) saturate(100%) invert(30%) sepia(72%) saturate(1040%) hue-rotate(137deg) brightness(88%) contrast(101%) !important; } /* Icônes natives et SVG */ .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon { width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092 svg { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092 svg [fill]:not([fill="none"]) { fill: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092 svg [stroke]:not([stroke="none"]) { stroke: #006B68 !important; } /* Zone de titre strictement identique */ .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-content { width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-title { width: 100%; min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-title a { color: inherit !important; font: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Masque les descriptions */ .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-description, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-cd36092 { min-height: 165px; padding: 20px 14px; } .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-title { font-size: 17px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-cd36092 { min-height: 140px; padding: 16px 10px; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-wrapper { grid-template-rows: 36px 42px; gap: 10px; } .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-img { width: 36px !important; height: 36px !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092 img, .elementor-3170101 .elementor-element.elementor-element-cd36092 svg, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon { width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-content { height: 42px !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-cd36092 .elementor-image-box-title { font-size: 16px !important; line-height: 1.2 !important; } .elementor-3170101 .elementor-element.elementor-element-cd36092:hover, .elementor-3170101 .elementor-element.elementor-element-cd36092:focus-within { transform: none; box-shadow: 0 6px 16px rgba(31, 41, 51, 0.08); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f7d8b63 */.elementor-3170101 .elementor-element.elementor-element-f7d8b63 { min-height: 180px; padding: 24px 18px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63:hover, .elementor-3170101 .elementor-element.elementor-element-f7d8b63:focus-within { transform: translateY(-3px); border-color: #006B68; box-shadow: 0 10px 24px rgba(31, 41, 51, 0.10); } /* Largeur uniforme de tous les conteneurs */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-widget-container { width: 100%; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-widget-wrap { display: flex; align-content: center; justify-content: center; } /* Grille interne identique */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-wrapper { width: 100%; display: grid !important; grid-template-rows: 42px 48px; align-items: center; justify-items: center; gap: 14px; margin: 0 !important; padding: 0 !important; text-align: center; } /* Zone fixe des icônes */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-img { width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; } /* Images */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 img { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain; filter: brightness(0) saturate(100%) invert(30%) sepia(72%) saturate(1040%) hue-rotate(137deg) brightness(88%) contrast(101%) !important; } /* Icônes natives et SVG */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon { width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 svg { display: block; width: 34px !important; height: 34px !important; max-width: 34px !important; max-height: 34px !important; color: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 svg [fill]:not([fill="none"]) { fill: #006B68 !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 svg [stroke]:not([stroke="none"]) { stroke: #006B68 !important; } /* Zone de titre strictement identique */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-content { width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-title { width: 100%; min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-title a { color: inherit !important; font: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Masque les descriptions */ .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-description, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-f7d8b63 { min-height: 165px; padding: 20px 14px; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-title { font-size: 17px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-f7d8b63 { min-height: 140px; padding: 16px 10px; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-wrapper, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-wrapper { grid-template-rows: 36px 42px; gap: 10px; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-img { width: 36px !important; height: 36px !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 img, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 svg, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon { width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-content, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-content { height: 42px !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-f7d8b63 .elementor-image-box-title { font-size: 16px !important; line-height: 1.2 !important; } .elementor-3170101 .elementor-element.elementor-element-f7d8b63:hover, .elementor-3170101 .elementor-element.elementor-element-f7d8b63:focus-within { transform: none; box-shadow: 0 6px 16px rgba(31, 41, 51, 0.08); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bd1f0d3 */.elementor-3170101 .elementor-element.elementor-element-bd1f0d3 { width: 100%; margin: 0; padding: 18px 24px; box-sizing: border-box; background-color: #FFFFFF; border-top: 1px solid var(--marinelec-border, #E3E8E8); border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 > .elementor-container { width: 100%; max-width: 1320px; margin: 0 auto; } /* Colonnes */ .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-column { min-height: 76px; padding: 0 18px; display: flex; align-items: center; border-right: 1px solid var(--marinelec-border, #E3E8E8); box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-column:last-child { border-right: 0; } /* Widgets sur toute la largeur */ .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-widget-icon-box, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-widget-container { width: 100% !important; max-width: none !important; } /* Boîte d’icône */ .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-wrapper { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px; margin: 0 !important; padding: 0 !important; } /* Icônes */ .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-icon { width: 36px !important; height: 36px !important; min-width: 36px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon { width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--marinelec-primary, #1E8B8E) !important; font-size: 28px !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 svg { width: 28px !important; height: 28px !important; color: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 svg [fill]:not([fill="none"]) { fill: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 svg [stroke]:not([stroke="none"]) { stroke: var(--marinelec-primary, #1E8B8E) !important; } /* Zone de texte */ .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-content { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title span { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; color: var(--marinelec-text, #1F2933) !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.15px !important; text-align: left !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* Descriptions */ .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 { padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 > .elementor-container > .elementor-row { display: flex !important; flex-wrap: wrap !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-column { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; min-height: 92px; padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-column:nth-child(2) { border-right: 0; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-column:nth-child(-n+2) { border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title span { font-size: 16px !important; } } /* Mobile : deux colonnes, deux lignes maximum */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 { padding: 6px 4px; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-column { min-height: 104px; padding: 10px 4px; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-wrapper { width: 100% !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 7px; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-content { width: 100% !important; max-width: none !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-title span { width: 100% !important; max-width: none !important; min-height: 28px !important; max-height: 28px !important; font-size: 12px !important; line-height: 1.15 !important; letter-spacing: -0.1px !important; text-align: center !important; overflow: hidden !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 .elementor-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-bd1f0d3 svg { width: 25px !important; height: 25px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fec3ede */.elementor-3170101 .elementor-element.elementor-element-fec3ede { width: 100%; margin: 0; padding: 18px 24px; box-sizing: border-box; background-color: #FFFFFF; border-top: 1px solid var(--marinelec-border, #E3E8E8); border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-fec3ede > .elementor-container { width: 100%; max-width: 1320px; margin: 0 auto; } /* Colonnes */ .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-column { min-height: 76px; padding: 0 18px; display: flex; align-items: center; border-right: 1px solid var(--marinelec-border, #E3E8E8); box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-column:last-child { border-right: 0; } /* Widgets sur toute la largeur */ .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-widget-icon-box, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-widget-container { width: 100% !important; max-width: none !important; } /* Boîte d’icône */ .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-wrapper { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px; margin: 0 !important; padding: 0 !important; } /* Icônes */ .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-icon { width: 36px !important; height: 36px !important; min-width: 36px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon { width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--marinelec-primary, #1E8B8E) !important; font-size: 28px !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede svg { width: 28px !important; height: 28px !important; color: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede svg [fill]:not([fill="none"]) { fill: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede svg [stroke]:not([stroke="none"]) { stroke: var(--marinelec-primary, #1E8B8E) !important; } /* Zone de texte */ .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-content { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title span { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; color: var(--marinelec-text, #1F2933) !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.15px !important; text-align: left !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* Descriptions */ .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-fec3ede { padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-fec3ede > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-fec3ede > .elementor-container > .elementor-row { display: flex !important; flex-wrap: wrap !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-column { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; min-height: 92px; padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-column:nth-child(2) { border-right: 0; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-column:nth-child(-n+2) { border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title span { font-size: 16px !important; } } /* Mobile : deux colonnes, deux lignes maximum */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-fec3ede { padding: 6px 4px; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-column { min-height: 104px; padding: 10px 4px; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-wrapper { width: 100% !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 7px; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-content { width: 100% !important; max-width: none !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-title span { width: 100% !important; max-width: none !important; min-height: 28px !important; max-height: 28px !important; font-size: 12px !important; line-height: 1.15 !important; letter-spacing: -0.1px !important; text-align: center !important; overflow: hidden !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-fec3ede .elementor-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-fec3ede svg { width: 25px !important; height: 25px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-818c3d8 */.elementor-3170101 .elementor-element.elementor-element-818c3d8 { width: 100%; margin: 0; padding: 18px 24px; box-sizing: border-box; background-color: #FFFFFF; border-top: 1px solid var(--marinelec-border, #E3E8E8); border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-818c3d8 > .elementor-container { width: 100%; max-width: 1320px; margin: 0 auto; } /* Colonnes */ .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-column { min-height: 76px; padding: 0 18px; display: flex; align-items: center; border-right: 1px solid var(--marinelec-border, #E3E8E8); box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-column:last-child { border-right: 0; } /* Widgets sur toute la largeur */ .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-widget-icon-box, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-widget-container { width: 100% !important; max-width: none !important; } /* Boîte d’icône */ .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-wrapper { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px; margin: 0 !important; padding: 0 !important; } /* Icônes */ .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-icon { width: 36px !important; height: 36px !important; min-width: 36px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon { width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--marinelec-primary, #1E8B8E) !important; font-size: 28px !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 svg { width: 28px !important; height: 28px !important; color: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 svg [fill]:not([fill="none"]) { fill: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 svg [stroke]:not([stroke="none"]) { stroke: var(--marinelec-primary, #1E8B8E) !important; } /* Zone de texte */ .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-content { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title span { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; color: var(--marinelec-text, #1F2933) !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.15px !important; text-align: left !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* Descriptions */ .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-818c3d8 { padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-818c3d8 > .elementor-container > .elementor-row { display: flex !important; flex-wrap: wrap !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-column { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; min-height: 92px; padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-column:nth-child(2) { border-right: 0; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-column:nth-child(-n+2) { border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title span { font-size: 16px !important; } } /* Mobile : deux colonnes, deux lignes maximum */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-818c3d8 { padding: 6px 4px; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-column { min-height: 104px; padding: 10px 4px; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-wrapper { width: 100% !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 7px; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-content { width: 100% !important; max-width: none !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-title span { width: 100% !important; max-width: none !important; min-height: 28px !important; max-height: 28px !important; font-size: 12px !important; line-height: 1.15 !important; letter-spacing: -0.1px !important; text-align: center !important; overflow: hidden !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-818c3d8 .elementor-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-818c3d8 svg { width: 25px !important; height: 25px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cd66131 */.elementor-3170101 .elementor-element.elementor-element-cd66131 { width: 100%; margin: 0; padding: 18px 24px; box-sizing: border-box; background-color: #FFFFFF; border-top: 1px solid var(--marinelec-border, #E3E8E8); border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-cd66131 > .elementor-container { width: 100%; max-width: 1320px; margin: 0 auto; } /* Colonnes */ .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-column { min-height: 76px; padding: 0 18px; display: flex; align-items: center; border-right: 1px solid var(--marinelec-border, #E3E8E8); box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-column:last-child { border-right: 0; } /* Widgets sur toute la largeur */ .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-widget-icon-box, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-widget-container { width: 100% !important; max-width: none !important; } /* Boîte d’icône */ .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-wrapper { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px; margin: 0 !important; padding: 0 !important; } /* Icônes */ .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-icon { width: 36px !important; height: 36px !important; min-width: 36px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon { width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--marinelec-primary, #1E8B8E) !important; font-size: 28px !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 svg { width: 28px !important; height: 28px !important; color: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 svg [fill]:not([fill="none"]) { fill: var(--marinelec-primary, #1E8B8E) !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 svg [stroke]:not([stroke="none"]) { stroke: var(--marinelec-primary, #1E8B8E) !important; } /* Zone de texte */ .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-content { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title span { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; color: var(--marinelec-text, #1F2933) !important; font-family: "Inter", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -0.15px !important; text-align: left !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: normal !important; } /* Descriptions */ .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-description { display: none !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-cd66131 { padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-cd66131 > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-cd66131 > .elementor-container > .elementor-row { display: flex !important; flex-wrap: wrap !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-column { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; min-height: 92px; padding: 10px 12px; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-column:nth-child(2) { border-right: 0; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-column:nth-child(-n+2) { border-bottom: 1px solid var(--marinelec-border, #E3E8E8); } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title span { font-size: 16px !important; } } /* Mobile : deux colonnes, deux lignes maximum */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-cd66131 { padding: 6px 4px; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-column { min-height: 104px; padding: 10px 4px; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-wrapper { width: 100% !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 7px; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-content { width: 100% !important; max-width: none !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title a, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-title span { width: 100% !important; max-width: none !important; min-height: 28px !important; max-height: 28px !important; font-size: 12px !important; line-height: 1.15 !important; letter-spacing: -0.1px !important; text-align: center !important; overflow: hidden !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon-box-icon, .elementor-3170101 .elementor-element.elementor-element-cd66131 .elementor-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; } .elementor-3170101 .elementor-element.elementor-element-cd66131 svg { width: 25px !important; height: 25px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1501aae */.elementor-3170101 .elementor-element.elementor-element-1501aae { width: 100%; margin: 0; padding: 22px 24px; background-color: #FFFFFF; border-top: 1px solid #E3E8E8; border-bottom: 1px solid #E3E8E8; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-1501aae > .elementor-container { width: 100%; max-width: 1320px; margin-right: auto; margin-left: auto; } .elementor-3170101 .elementor-element.elementor-element-1501aae .elementor-column { min-height: 64px; padding: 0 22px; display: flex; align-items: center; border-right: 1px solid #E3E8E8; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-1501aae .elementor-column:last-child { border-right: 0; } /* Tablette : grille 2 × 2 */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-1501aae { padding: 18px 20px; } .elementor-3170101 .elementor-element.elementor-element-1501aae > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-1501aae > .elementor-container > .elementor-row { display: flex !important; flex-wrap: wrap !important; } .elementor-3170101 .elementor-element.elementor-element-1501aae .elementor-column { width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important; padding: 16px 18px; } .elementor-3170101 .elementor-element.elementor-element-1501aae .elementor-column:nth-child(2) { border-right: 0; } .elementor-3170101 .elementor-element.elementor-element-1501aae .elementor-column:nth-child(-n+2) { border-bottom: 1px solid #E3E8E8; } } /* Mobile : grille 2 × 2 compacte */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-1501aae { padding: 12px 14px; } .elementor-3170101 .elementor-element.elementor-element-1501aae .elementor-column { min-height: 92px; padding: 14px 10px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-591af0f */.elementor-3170101 .elementor-element.elementor-element-591af0f { width: 100%; margin: 0 0 28px 0; padding: 0; } .elementor-3170101 .elementor-element.elementor-element-591af0f, .elementor-3170101 .elementor-element.elementor-element-591af0f p, .elementor-3170101 .elementor-element.elementor-element-591af0f span { color: #5F6B76 !important; font-family: "Inter", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-591af0f p { margin: 0 !important; padding: 0 !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-591af0f { margin-bottom: 24px; } } /* Mobile */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-591af0f { margin-bottom: 22px; } .elementor-3170101 .elementor-element.elementor-element-591af0f, .elementor-3170101 .elementor-element.elementor-element-591af0f p, .elementor-3170101 .elementor-element.elementor-element-591af0f span { font-size: 16px !important; line-height: 1.6 !important; } }/* End custom CSS */ /* Start custom CSS for product-carousel, class: .elementor-element-ac137dd *//* Espace général du carrousel */ .elementor-3170101 .elementor-element.elementor-element-ac137dd { width: 100%; overflow: hidden; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-list { margin: 0 -10px; padding: 4px 0 18px; } /* Toutes les diapositives ont la même hauteur */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-track { display: flex !important; align-items: stretch !important; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-slide { height: auto !important; padding: 0 10px; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-slide > div { height: 100%; display: flex; } /* Carte produit */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature, .elementor-3170101 .elementor-element.elementor-element-ac137dd article.product-miniature { position: relative; width: 100%; height: 100%; min-height: 610px; padding: 14px; display: flex !important; flex-direction: column !important; background-color: #FFFFFF; border: 1px solid var(--marinelec-border, #E3E8E8); border-radius: 12px; box-sizing: border-box; overflow: hidden; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature:hover { transform: translateY(-3px); border-color: var(--marinelec-primary, #1E8B8E); box-shadow: 0 10px 24px rgba(31, 41, 51, 0.10); } /* Zone image identique */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .thumbnail-container, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-thumbnail, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-image, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-cover { width: 100% !important; height: 280px !important; min-height: 280px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background-color: #FFFFFF; overflow: hidden; } /* Images parfaitement contenues */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature img, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-thumbnail img, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-image img { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 280px !important; margin: 0 auto !important; padding: 8px !important; box-sizing: border-box; object-fit: contain !important; object-position: center !important; } /* Badge promotion */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-flags, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-flag, .elementor-3170101 .elementor-element.elementor-element-ac137dd .discount-percentage, .elementor-3170101 .elementor-element.elementor-element-ac137dd .discount-product { z-index: 2; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .discount-percentage, .elementor-3170101 .elementor-element.elementor-element-ac137dd .discount-product { color: #FFFFFF !important; background-color: #C8A800 !important; } /* Corps de la fiche */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-description, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-description-wrapper, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-information { width: 100%; flex: 1 1 auto; display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 14px 0 0 !important; box-sizing: border-box; } /* Catégorie, référence ou marque */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-category, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-reference, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-brand, .elementor-3170101 .elementor-element.elementor-element-ac137dd .manufacturer { min-height: 20px; margin: 0 0 6px !important; color: var(--marinelec-muted, #5F6B76) !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.3 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Titre produit : maximum trois lignes */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-title, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-title a, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-name, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-name a { min-height: 63px; max-height: 63px; margin: 0 0 8px !important; color: var(--marinelec-text, #1F2933) !important; font-family: "Inter", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important; text-decoration: none !important; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden !important; } /* Informations supplémentaires */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-unit-price, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-pack-price, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-additional-info, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-price-unit { min-height: 24px; margin: 4px 0 !important; color: var(--marinelec-muted, #5F6B76) !important; font-family: "Inter", sans-serif !important; font-size: 13px !important; line-height: 1.3 !important; } /* Zone prix alignée */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-price-and-shipping, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-prices { min-height: 40px; margin-top: auto !important; margin-bottom: 10px !important; display: flex !important; align-items: center !important; flex-wrap: wrap; gap: 7px; } /* Prix actuel */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .price, .elementor-3170101 .elementor-element.elementor-element-ac137dd .current-price, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-price { color: var(--marinelec-primary, #1E8B8E) !important; font-family: "Inter", sans-serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* Ancien prix */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .regular-price, .elementor-3170101 .elementor-element.elementor-element-ac137dd .old-price { color: #6B7280 !important; font-size: 14px !important; } /* Zone quantité et panier */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-add-to-cart, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-actions, .elementor-3170101 .elementor-element.elementor-element-ac137dd .add-to-cart-or-refresh, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature form { width: 100%; margin-top: auto !important; } /* Ligne d’action */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-add-to-cart, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-actions, .elementor-3170101 .elementor-element.elementor-element-ac137dd .add-to-cart-or-refresh { display: flex !important; align-items: stretch !important; } /* Quantité */ .elementor-3170101 .elementor-element.elementor-element-ac137dd input[type="number"], .elementor-3170101 .elementor-element.elementor-element-ac137dd .qty { width: 54px !important; min-width: 54px !important; height: 46px !important; color: var(--marinelec-text, #1F2933) !important; background-color: #FFFFFF !important; border: 1px solid #CDD6D6 !important; border-radius: 6px 0 0 6px !important; font-family: "Inter", sans-serif !important; font-size: 15px !important; text-align: center !important; } /* Bouton panier */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .add-to-cart, .elementor-3170101 .elementor-element.elementor-element-ac137dd button.add-to-cart, .elementor-3170101 .elementor-element.elementor-element-ac137dd .ajax_add_to_cart_button { min-height: 46px !important; padding: 10px 14px !important; flex: 1 1 auto; color: #FFFFFF !important; background-color: var(--marinelec-primary, #1E8B8E) !important; border: 1px solid var(--marinelec-primary, #1E8B8E) !important; border-radius: 0 6px 6px 0 !important; font-family: "Inter", sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; transition: background-color 0.2s ease, border-color 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .add-to-cart:hover, .elementor-3170101 .elementor-element.elementor-element-ac137dd button.add-to-cart:hover, .elementor-3170101 .elementor-element.elementor-element-ac137dd .ajax_add_to_cart_button:hover { color: #FFFFFF !important; background-color: var(--marinelec-dark, #004F4D) !important; border-color: var(--marinelec-dark, #004F4D) !important; } /* Flèches */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-arrow { z-index: 5; width: 40px !important; height: 40px !important; color: #FFFFFF !important; background-color: var(--marinelec-primary, #1E8B8E) !important; border-radius: 50% !important; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-arrow:hover { background-color: var(--marinelec-dark, #004F4D) !important; } /* Points */ .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-dots li button::before { color: #A7B5B5 !important; opacity: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-dots li.slick-active button::before { color: var(--marinelec-primary, #1E8B8E) !important; } /* Tablette */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature, .elementor-3170101 .elementor-element.elementor-element-ac137dd article.product-miniature { min-height: 580px; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .thumbnail-container, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-thumbnail, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-image, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-cover { height: 240px !important; min-height: 240px !important; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature img, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-thumbnail img, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-image img { max-height: 240px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-list { margin: 0; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-slide { padding: 0 4px; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature, .elementor-3170101 .elementor-element.elementor-element-ac137dd article.product-miniature { min-height: 560px; padding: 14px; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .thumbnail-container, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-thumbnail, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-image, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-cover { height: 250px !important; min-height: 250px !important; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-miniature img, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-thumbnail img, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-image img { max-height: 250px !important; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-title, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-title a, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-name, .elementor-3170101 .elementor-element.elementor-element-ac137dd .product-name a { font-size: 15px !important; } .elementor-3170101 .elementor-element.elementor-element-ac137dd .slick-arrow { display: none !important; } } .product-miniature .product-flags li.discount, .product-miniature .product-flags .discount, .product-miniature li.product-flag.discount, .product-miniature .product-flag.discount, .product-miniature .discount-percentage { width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; color: #ffffff !important; background: #d76550 !important; border: 0 !important; border-radius: 5px !important; clip-path: none !important; filter: none !important; box-shadow: none !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1 !important; } .product-miniature .product-flags li.discount::before, .product-miniature .product-flags li.discount::after, .product-miniature .product-flags .discount::before, .product-miniature .product-flags .discount::after, .product-miniature li.product-flag.discount::before, .product-miniature li.product-flag.discount::after, .product-miniature .product-flag.discount::before, .product-miniature .product-flag.discount::after, .product-miniature .discount-percentage::before, .product-miniature .discount-percentage::after { display: none !important; content: none !important; } .product-miniature .product-functional-buttons, .product-miniature .product-functional-buttons-bottom, .product-miniature .product-functional-buttons-links, .product-miniature .product-functional-buttons-links > div { background: transparent !important; border: 0 !important; box-shadow: none !important; } .product-miniature .js-quick-view-iqit { background: transparent !important; border: 0 !important; box-shadow: none !important; } .product-miniature .js-quick-view-iqit:hover { background: transparent !important; border: 0 !important; box-shadow: none !important; } .product-miniature .js-quick-view-iqit { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; color: #168f92 !important; background: transparent !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; filter: none !important; transform: none !important; } .product-miniature .js-quick-view-iqit::before, .product-miniature .js-quick-view-iqit::after { display: none !important; content: none !important; } .product-miniature .js-quick-view-iqit i, .product-miniature .js-quick-view-iqit svg, .product-miniature .js-quick-view-iqit .fa, .product-miniature .js-quick-view-iqit [class*="icon"] { display: inline-block !important; color: #168f92 !important; fill: currentColor !important; font-size: 22px !important; } .product-miniature .js-quick-view-iqit:hover { color: #08676a !important; background: rgba(22, 143, 146, 0.1) !important; box-shadow: none !important; transform: scale(1.08) !important; } .product-miniature .js-quick-view-iqit:hover i, .product-miniature .js-quick-view-iqit:hover svg { color: #08676a !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-afb7651 */.elementor-3170101 .elementor-element.elementor-element-afb7651 { width: 100%; margin: 0 0 16px 0; padding: 0; } .elementor-3170101 .elementor-element.elementor-element-afb7651 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-afb7651 h2 { margin: 0 !important; padding: 0 !important; color: #FFFFFF !important; font-family: "Inter", sans-serif !important; font-size: 32px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -0.3px !important; } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-afb7651 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-afb7651 h2 { font-size: 28px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-afb7651 { margin-bottom: 14px; } .elementor-3170101 .elementor-element.elementor-element-afb7651 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-afb7651 h2 { font-size: 25px !important; line-height: 1.25 !important; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3493769 */.elementor-3170101 .elementor-element.elementor-element-3493769 { width: 100%; margin: 0 0 26px 0; padding: 0; } .elementor-3170101 .elementor-element.elementor-element-3493769, .elementor-3170101 .elementor-element.elementor-element-3493769 p, .elementor-3170101 .elementor-element.elementor-element-3493769 span, .elementor-3170101 .elementor-element.elementor-element-3493769 div { color: #E7F1F1 !important; font-family: "Inter", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-3493769 p { margin: 0 !important; padding: 0 !important; } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-3493769 { margin-bottom: 22px; } .elementor-3170101 .elementor-element.elementor-element-3493769, .elementor-3170101 .elementor-element.elementor-element-3493769 p, .elementor-3170101 .elementor-element.elementor-element-3493769 span, .elementor-3170101 .elementor-element.elementor-element-3493769 div { font-size: 16px !important; line-height: 1.6 !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7005394 */.elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 240px; min-height: 54px; padding: 14px 24px !important; color: #FFFFFF !important; background: #D76550 !important; background-color: #D76550 !important; background-image: none !important; border: 2px solid #D76550 !important; border-radius: 8px !important; box-shadow: 0 8px 20px rgba(74, 29, 21, 0.2) !important; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } .elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button, .elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button span, .elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button .elementor-button-text { color: #FFFFFF !important; } .elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button::after { display: none !important; content: none !important; } .elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button:hover { color: #FFFFFF !important; background: #C65542 !important; background-color: #C65542 !important; background-image: none !important; border-color: #C65542 !important; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(74, 29, 21, 0.26) !important; } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-7005394 .elementor-button { width: 100% !important; min-width: 0; min-height: 50px; padding: 12px 18px !important; font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8c930df */.elementor-3170101 .elementor-element.elementor-element-8c930df { width: 100%; margin: 0 0 18px 0; padding: 0; } .elementor-3170101 .elementor-element.elementor-element-8c930df .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-8c930df h3 { margin: 0 !important; padding: 0 !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -0.2px !important; } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-8c930df .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-8c930df h3 { font-size: 20px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-8c930df { margin-bottom: 16px; } .elementor-3170101 .elementor-element.elementor-element-8c930df .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-8c930df h3 { font-size: 19px !important; line-height: 1.3 !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-0ded0df */.elementor-3170101 .elementor-element.elementor-element-0ded0df { width: 100%; margin: 0; padding: 0; } .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-items { width: 100%; margin: 0 !important; padding: 0 !important; list-style: none !important; counter-reset: assistance-step; } .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-item { width: 100%; min-height: 58px; margin: 0 !important; padding: 12px 0 !important; display: flex !important; align-items: center !important; gap: 14px; border-bottom: 1px solid var(--marinelec-border, #E3E8E8); counter-increment: assistance-step; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-item:first-child { border-top: 1px solid var(--marinelec-border, #E3E8E8); } /* Masque les coches originales */ .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-icon { display: none !important; } /* Cercles numérotés */ .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-item::before { content: counter(assistance-step); width: 34px; height: 34px; min-width: 34px; display: inline-flex; align-items: center; justify-content: center; color: #FFFFFF; background-color: var(--marinelec-primary, #1E8B8E); border-radius: 50%; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 700; line-height: 1; } /* Texte */ .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-text, .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-text a { color: var(--marinelec-text, #1F2933) !important; font-family: "Inter", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.45 !important; text-decoration: none !important; } /* Mobile */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-item { min-height: 60px; padding: 12px 0 !important; gap: 12px; } .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-item::before { width: 32px; height: 32px; min-width: 32px; font-size: 13px; } .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-text, .elementor-3170101 .elementor-element.elementor-element-0ded0df .elementor-icon-list-text a { font-size: 16px !important; line-height: 1.45 !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-db92c86 */.elementor-3170101 .elementor-element.elementor-element-db92c86 { width: calc(100% - 48px); max-width: 1320px; margin: 64px auto; padding: 56px; overflow: hidden; box-sizing: border-box; border-radius: 16px; background: linear-gradient( 135deg, #004f4d 0%, #006b68 55%, #1e8b8e 100% ); } .elementor-3170101 .elementor-element.elementor-element-db92c86 > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-db92c86 > .elementor-container > .elementor-row { display: flex !important; align-items: stretch !important; width: 100%; max-width: 100%; gap: 48px; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child { display: flex; align-items: center; flex: 0 0 calc(48% - 24px) !important; width: calc(48% - 24px) !important; max-width: calc(48% - 24px) !important; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:last-child { flex: 0 0 calc(52% - 24px) !important; width: calc(52% - 24px) !important; max-width: calc(52% - 24px) !important; padding: 32px; box-sizing: border-box; border: 1px solid rgba(227, 232, 232, 0.9); border-radius: 12px; background: #ffffff; box-shadow: 0 12px 30px rgba(31, 41, 51, 0.1); } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 240px; min-height: 54px; padding: 14px 24px !important; color: #ffffff !important; background: #d76550 !important; background-color: #d76550 !important; background-image: none !important; border: 2px solid #d76550 !important; border-radius: 8px !important; box-shadow: 0 8px 20px rgba(74, 29, 21, 0.2) !important; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child .elementor-button span, .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child .elementor-button-text { color: #ffffff !important; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child .elementor-button::after { display: none !important; content: none !important; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child .elementor-button:hover { color: #ffffff !important; background: #c65542 !important; background-color: #c65542 !important; background-image: none !important; border-color: #c65542 !important; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(74, 29, 21, 0.26) !important; } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-db92c86 { width: calc(100% - 40px); margin: 48px auto; padding: 42px 36px; } .elementor-3170101 .elementor-element.elementor-element-db92c86 > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-db92c86 > .elementor-container > .elementor-row { gap: 32px; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child, .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:last-child { flex: 0 0 calc(50% - 16px) !important; width: calc(50% - 16px) !important; max-width: calc(50% - 16px) !important; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:last-child { padding: 26px; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-db92c86 { width: calc(100% - 32px); margin: 40px auto; padding: 30px 20px; border-radius: 14px; } .elementor-3170101 .elementor-element.elementor-element-db92c86 > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-db92c86 > .elementor-container > .elementor-row { flex-direction: column !important; align-items: stretch !important; gap: 26px; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child, .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:last-child { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:last-child { padding: 22px 18px; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-db92c86 .elementor-column:first-child .elementor-button { width: 100% !important; min-width: 0; min-height: 50px; padding: 12px 18px !important; font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8c88fb6 */body#index .marinelec-home-title { display: block; position: relative; margin: 0 0 30px; padding: 0 0 20px; color: #1f2933; font-family: Inter, sans-serif; font-size: 36px; font-weight: 800; line-height: 1.15; letter-spacing: -0.8px; } body#index .marinelec-home-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 82px; height: 4px; border-radius: 99px; background: linear-gradient( 90deg, #006b68 0%, #1e8b8e 100% ); } body#index .marinelec-home-title.text-center::after { left: 50%; transform: translateX(-50%); } body#index .marinelec-home-title.text-right::after { right: 0; left: auto; } @media (max-width: 1024px) { body#index .marinelec-home-title { margin-bottom: 26px; padding-bottom: 17px; font-size: 31px; letter-spacing: -0.5px; } body#index .marinelec-home-title::after { width: 70px; height: 4px; } } @media (max-width: 767px) { body#index .marinelec-home-title { margin-bottom: 22px; padding-bottom: 15px; font-size: 27px; line-height: 1.2; letter-spacing: -0.35px; } body#index .marinelec-home-title::after { width: 58px; height: 3px; } } @media (max-width: 420px) { body#index .marinelec-home-title { font-size: 24px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-5d84c79 */.elementor-3170101 .elementor-element.elementor-element-5d84c79 { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-5d84c79 > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-5d84c79 > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-5d84c79 > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-5d84c79 { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-5d84c79:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-5d84c79 .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-2bba3ae */.elementor-3170101 .elementor-element.elementor-element-2bba3ae { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-2bba3ae > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-2bba3ae > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-2bba3ae > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-2bba3ae { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-2bba3ae .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-1e5906a */.elementor-3170101 .elementor-element.elementor-element-1e5906a { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-1e5906a > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-1e5906a > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-1e5906a > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-1e5906a { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-1e5906a:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-1e5906a .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-f2567c0 */.elementor-3170101 .elementor-element.elementor-element-f2567c0 { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-f2567c0 > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-f2567c0 > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-f2567c0 > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-f2567c0 { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-f2567c0:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-f2567c0 .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-b6e8023 */.elementor-3170101 .elementor-element.elementor-element-b6e8023 { width: calc(100% - 48px); max-width: 1320px; margin: 56px auto; padding: 0; box-sizing: border-box; } /* Rangées */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-b6e8023 > .elementor-container > .elementor-row { width: 100%; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .elementor-row { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 24px; } /* Colonnes / cartes */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card { position: relative; width: calc(25% - 18px) !important; max-width: calc(25% - 18px) !important; flex: 0 0 calc(25% - 18px) !important; min-height: 430px; padding: 0 0 28px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 6px 18px rgba(31, 41, 51, 0.07); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card:hover { transform: translateY(-5px); border-color: var(--marinelec-primary, #1E8B8E); box-shadow: 0 14px 30px rgba(31, 41, 51, 0.13); } /* Intérieur des colonnes */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-widget-wrap { width: 100%; height: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } /* Boîte d’image */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-widget-image-box { width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-wrapper { width: 100%; margin: 0 !important; text-align: center !important; } /* Zone image avec fond clair */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-img { position: relative; width: 100% !important; height: 255px; margin: 0 0 22px !important; padding: 20px 24px 38px; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #F4F7F7; box-sizing: border-box; overflow: hidden; /* Découpe diagonale en bas */ clip-path: polygon( 0 0, 100% 0, 100% 78%, 0 100% ); } /* Fond turquoise au survol */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card:hover .elementor-image-box-img { background-color: rgba(30, 139, 142, 0.10); } /* Image produit */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-img a { width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-img img { display: block !important; width: 100% !important; height: 100% !important; max-width: 230px !important; max-height: 205px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; transition: transform 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card:hover .elementor-image-box-img img { transform: scale(1.04); } /* Contenu sous l’image */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-content { width: 100%; padding: 0 22px; box-sizing: border-box; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-title a { min-height: 52px; margin: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; } /* Masque les descriptions éventuelles */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-description { display: none !important; } /* Widget bouton placé en bas */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-widget-button { width: 100%; margin: auto 0 0 !important; padding: 22px 22px 0; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-button-wrapper { text-align: center !important; } /* Bouton */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-button { min-height: 44px; padding: 11px 20px; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; color: #FFFFFF !important; background-color: var(--marinelec-primary, #1E8B8E) !important; border: 1px solid var(--marinelec-primary, #1E8B8E) !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } /* Flèche automatique */ .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-button::before { content: "→"; font-size: 17px; line-height: 1; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-button:focus { color: #FFFFFF !important; background-color: var(--marinelec-hover, #176F72) !important; border-color: var(--marinelec-hover, #176F72) !important; transform: translateX(2px); } /* ================================================== TABLETTE : 2 cartes par ligne ================================================== */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-b6e8023 { width: calc(100% - 40px); margin: 48px auto; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .elementor-row { gap: 20px; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card { width: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; min-height: 410px; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-img { height: 240px; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-title a { font-size: 18px !important; } } /* ================================================== MOBILE : 2 cartes par ligne ================================================== */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-b6e8023 { width: calc(100% - 24px); margin: 36px 12px; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .elementor-row { gap: 12px; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card { width: calc(50% - 6px) !important; max-width: calc(50% - 6px) !important; flex: 0 0 calc(50% - 6px) !important; min-height: 300px; padding-bottom: 16px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-img { height: 155px; margin-bottom: 14px !important; padding: 12px 12px 26px; clip-path: polygon( 0 0, 100% 0, 100% 82%, 0 100% ); } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-img img { max-width: 130px !important; max-height: 120px !important; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-content { padding: 0 10px; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-image-box-title a { min-height: 42px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-widget-button { padding: 14px 10px 0; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-button { width: 100%; min-height: 40px; padding: 9px 8px; font-size: 13px !important; } .elementor-3170101 .elementor-element.elementor-element-b6e8023 .marinelec-category-card .elementor-button::before { font-size: 15px; } } .elementor-3170101 .elementor-element.elementor-element-b6e8023 { scroll-margin-top: 140px; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-6d648c8 */.elementor-3170101 .elementor-element.elementor-element-6d648c8 { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-6d648c8 > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-6d648c8 > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-6d648c8 > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-6d648c8 { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-6d648c8:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-6d648c8 .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-cbb8aff */.elementor-3170101 .elementor-element.elementor-element-cbb8aff { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-cbb8aff > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-cbb8aff > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-cbb8aff > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-cbb8aff { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-cbb8aff .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-b5b42cc */.elementor-3170101 .elementor-element.elementor-element-b5b42cc { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-b5b42cc > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-b5b42cc > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-b5b42cc > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-b5b42cc { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-b5b42cc .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-e2bea06 */.elementor-3170101 .elementor-element.elementor-element-e2bea06 { position: relative; width: 100%; padding: 0 0 22px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 8px 24px rgba(31, 41, 51, 0.09); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover { transform: translateY(-5px); border-color: #1E8B8E; box-shadow: 0 16px 34px rgba(31, 41, 51, 0.16); } .elementor-3170101 .elementor-element.elementor-element-e2bea06 > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-e2bea06 > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-e2bea06 > .elementor-column-wrap > .elementor-widget-wrap { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-spacer, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-spacer { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image { order: 1 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-title { order: 2 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-button { order: 3 !important; width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-wrapper { width: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img { order: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-content { order: 2 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img { position: relative; isolation: isolate; width: 100% !important; height: 220px !important; margin: 0 !important; padding: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.11) 0, rgba(30, 139, 142, 0.05) 48%, #F4F8F8 100% ); border: 0 !important; box-sizing: border-box; overflow: hidden; transition: background 0.3s ease, box-shadow 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-image-box-img { background: radial-gradient( circle at 48% 46%, rgba(30, 139, 142, 0.30) 0, rgba(30, 139, 142, 0.18) 55%, rgba(30, 139, 142, 0.10) 100% ); box-shadow: inset 0 0 35px rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img::after { content: ""; position: absolute; z-index: 1; top: 18px; right: 20px; width: 68px; height: 116px; background-color: rgba(30, 139, 142, 0.18); clip-path: polygon( 55% 0, 100% 0, 68% 38%, 94% 38%, 27% 100%, 44% 57%, 12% 57% ); transform: rotate(7deg); pointer-events: none; transition: background-color 0.25s ease, filter 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-image-box-img::after { background-color: #1E8B8E; filter: drop-shadow(0 0 6px rgba(30, 139, 142, 0.70)) drop-shadow(0 0 14px rgba(30, 139, 142, 0.40)); transform: rotate(7deg) translateY(-4px) scale(1.08); } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image a, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img a { position: relative; z-index: 2; width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img img { position: relative; z-index: 2; display: block !important; width: 100% !important; height: 100% !important; max-width: 195px !important; max-height: 175px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: drop-shadow(0 9px 10px rgba(31, 41, 51, 0.18)); transition: transform 0.25s ease, filter 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-image-box-img img { transform: scale(1.04); filter: drop-shadow(0 12px 13px rgba(31, 41, 51, 0.26)); } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-content { width: 100%; padding: 19px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-title a { min-height: 52px; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; transition: color 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover .elementor-image-box-title a { color: #1E8B8E !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-description { display: none !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-button { padding: 15px 18px 0 !important; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-button-wrapper { width: 100%; text-align: center !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-button { min-height: 44px; padding: 11px 22px; display: inline-flex !important; align-items: center; justify-content: center; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 1px solid #1E8B8E !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 5px 12px rgba(30, 139, 142, 0.22); transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-button::before, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-button::after { content: none !important; display: none !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-button:focus { color: #FFFFFF !important; background-color: #176F72 !important; border-color: #176F72 !important; box-shadow: 0 7px 16px rgba(30, 139, 142, 0.32); transform: translateY(-2px); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img { height: 195px !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img img { max-width: 170px !important; max-height: 150px !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-title a { font-size: 17px !important; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-e2bea06 { padding-bottom: 14px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-e2bea06:hover { transform: translateY(-3px); } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image .elementor-widget-container, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img { height: 135px !important; padding: 12px !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image .elementor-widget-container::after, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img::after { top: 10px; right: 8px; width: 44px; height: 75px; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-image img, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-img img { max-width: 110px !important; max-height: 102px !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-heading, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-content { padding: 12px 7px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-heading-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-heading-title a, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-image-box-title a { min-height: 45px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-widget-button { padding: 10px 8px 0 !important; } .elementor-3170101 .elementor-element.elementor-element-e2bea06 .elementor-button { width: 100%; min-height: 40px; padding: 9px 5px; font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-840595a */.elementor-3170101 .elementor-element.elementor-element-840595a { width: calc(100% - 48px); max-width: 1320px; margin: 56px auto; padding: 0; box-sizing: border-box; } /* Rangées */ .elementor-3170101 .elementor-element.elementor-element-840595a > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-840595a > .elementor-container > .elementor-row { width: 100%; } .elementor-3170101 .elementor-element.elementor-element-840595a .elementor-row { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 24px; } /* Colonnes / cartes */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card { position: relative; width: calc(25% - 18px) !important; max-width: calc(25% - 18px) !important; flex: 0 0 calc(25% - 18px) !important; min-height: 430px; padding: 0 0 28px !important; background-color: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-sizing: border-box; overflow: hidden; box-shadow: 0 6px 18px rgba(31, 41, 51, 0.07); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card:hover { transform: translateY(-5px); border-color: var(--marinelec-primary, #1E8B8E); box-shadow: 0 14px 30px rgba(31, 41, 51, 0.13); } /* Intérieur des colonnes */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card > .elementor-column-wrap, .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card > .elementor-widget-wrap, .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-widget-wrap { width: 100%; height: 100%; display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 0 !important; } /* Boîte d’image */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-widget-image-box { width: 100%; margin: 0 !important; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-wrapper { width: 100%; margin: 0 !important; text-align: center !important; } /* Zone image avec fond clair */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-img { position: relative; width: 100% !important; height: 255px; margin: 0 0 22px !important; padding: 20px 24px 38px; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #F4F7F7; box-sizing: border-box; overflow: hidden; /* Découpe diagonale en bas */ clip-path: polygon( 0 0, 100% 0, 100% 78%, 0 100% ); } /* Fond turquoise au survol */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card:hover .elementor-image-box-img { background-color: rgba(30, 139, 142, 0.10); } /* Image produit */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-img a { width: 100%; height: 100%; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-img img { display: block !important; width: 100% !important; height: 100% !important; max-width: 230px !important; max-height: 205px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; transition: transform 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card:hover .elementor-image-box-img img { transform: scale(1.04); } /* Contenu sous l’image */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-content { width: 100%; padding: 0 22px; box-sizing: border-box; } /* Titres */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-title a { min-height: 52px; margin: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; color: #1F2933 !important; font-family: "Inter", sans-serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; } /* Masque les descriptions éventuelles */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-description { display: none !important; } /* Widget bouton placé en bas */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-widget-button { width: 100%; margin: auto 0 0 !important; padding: 22px 22px 0; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-button-wrapper { text-align: center !important; } /* Bouton */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-button { min-height: 44px; padding: 11px 20px; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; color: #FFFFFF !important; background-color: var(--marinelec-primary, #1E8B8E) !important; border: 1px solid var(--marinelec-primary, #1E8B8E) !important; border-radius: 7px; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } /* Flèche automatique */ .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-button::before { content: "→"; font-size: 17px; line-height: 1; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-button:hover, .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-button:focus { color: #FFFFFF !important; background-color: var(--marinelec-hover, #176F72) !important; border-color: var(--marinelec-hover, #176F72) !important; transform: translateX(2px); } /* ================================================== TABLETTE : 2 cartes par ligne ================================================== */ @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-840595a { width: calc(100% - 40px); margin: 48px auto; } .elementor-3170101 .elementor-element.elementor-element-840595a .elementor-row { gap: 20px; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card { width: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; min-height: 410px; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-img { height: 240px; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-title a { font-size: 18px !important; } } /* ================================================== MOBILE : 2 cartes par ligne ================================================== */ @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-840595a { width: calc(100% - 24px); margin: 36px 12px; } .elementor-3170101 .elementor-element.elementor-element-840595a .elementor-row { gap: 12px; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card { width: calc(50% - 6px) !important; max-width: calc(50% - 6px) !important; flex: 0 0 calc(50% - 6px) !important; min-height: 300px; padding-bottom: 16px !important; border-radius: 10px; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-img { height: 155px; margin-bottom: 14px !important; padding: 12px 12px 26px; clip-path: polygon( 0 0, 100% 0, 100% 82%, 0 100% ); } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-img img { max-width: 130px !important; max-height: 120px !important; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-content { padding: 0 10px; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-title, .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-image-box-title a { min-height: 42px; font-size: 14px !important; line-height: 1.25 !important; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-widget-button { padding: 14px 10px 0; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-button { width: 100%; min-height: 40px; padding: 9px 8px; font-size: 13px !important; } .elementor-3170101 .elementor-element.elementor-element-840595a .marinelec-category-card .elementor-button::before { font-size: 15px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-1139bc0 */.elementor-3170101 .elementor-element.elementor-element-1139bc0 { position: relative; width: 100%; margin: 0; padding: 12px 48px 24px; box-sizing: border-box; overflow: hidden; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-list { margin: 0 -8px; padding: 10px 0 18px; overflow: hidden; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-track { display: flex !important; align-items: stretch !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide { height: auto !important; padding: 0 8px; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide > div, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner { height: 100%; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-wrapper { display: flex !important; align-items: stretch !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide { height: auto !important; padding: 8px; box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a { position: relative; isolation: isolate; width: 100%; height: 130px; min-height: 130px; padding: 24px 22px; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient( 135deg, #FFFFFF 0%, #FFFFFF 60%, rgba(30, 139, 142, 0.08) 100% ); border: 1px solid #E3E8E8; border-radius: 12px; box-sizing: border-box; overflow: hidden; box-shadow: none !important; transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a::before { content: ""; position: absolute; z-index: 0; top: 5px; right: -6px; width: 110px; height: 110px; background-image: url("data:image/svg+xml,%3Csvg width='110' height='110' viewBox='0 0 110 110' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231E8B8E' stroke-width='2.5'%3E%3Cpath d='M106 17H75V37H48'/%3E%3Cpath d='M106 49H81V67H55'/%3E%3Cpath d='M106 81H87V95H66'/%3E%3Cpath d='M75 37V11'/%3E%3Cpath d='M81 67V45'/%3E%3Cpath d='M48 37H34V52H20'/%3E%3C/g%3E%3Cg fill='%231E8B8E'%3E%3Ccircle cx='47' cy='37' r='4.5'/%3E%3Ccircle cx='54' cy='67' r='4.5'/%3E%3Ccircle cx='65' cy='95' r='4.5'/%3E%3Ccircle cx='75' cy='10' r='4.5'/%3E%3Ccircle cx='81' cy='44' r='4.5'/%3E%3Ccircle cx='19' cy='52' r='4.5'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.20; pointer-events: none; transition: opacity 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a::after { content: ""; position: absolute; z-index: 0; left: -36px; bottom: -46px; width: 120px; height: 120px; border: 18px solid rgba(30, 139, 142, 0.09); border-radius: 50%; box-sizing: border-box; pointer-events: none; transition: border-color 0.25s ease, transform 0.3s ease; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner:hover, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner:hover, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image:hover, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #FFFFFF 0%, rgba(30, 139, 142, 0.13) 100% ); border-color: #1E8B8E; box-shadow: none !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner:hover::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner:hover::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image:hover::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a:hover::before { opacity: 0.58; transform: translate(-3px, 3px) scale(1.07); } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner:hover::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner:hover::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image:hover::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a:hover::after { border-color: rgba(30, 139, 142, 0.20); transform: scale(1.09); } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel img { position: relative; z-index: 2; display: block !important; width: auto !important; height: auto !important; max-width: 180px !important; max-height: 72px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; filter: grayscale(100%); opacity: 0.72; transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide:hover img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide:hover img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a:hover img { filter: grayscale(0%); opacity: 1; transform: scale(1.04); } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-arrow, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-swiper-button, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-button-prev, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-button-next { z-index: 5; width: 38px !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #FFFFFF !important; background-color: #1E8B8E !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; transition: background-color 0.2s ease, transform 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-arrow:hover, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-swiper-button:hover, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-button-prev:hover, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-button-next:hover { color: #FFFFFF !important; background-color: #176F72 !important; transform: scale(1.06); box-shadow: none !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-prev { left: 2px !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-next { right: 2px !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-dots { bottom: -4px !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-dots li button::before { color: #A7B5B5 !important; opacity: 1 !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-dots li.slick-active button::before { color: #1E8B8E !important; } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-1139bc0 { padding: 10px 42px 22px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a { height: 120px; min-height: 120px; padding: 22px 18px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel img { max-width: 155px !important; max-height: 65px !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a::before { width: 92px; height: 92px; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-1139bc0 { padding: 8px 30px 20px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-list { margin: 0 -5px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide { padding: 0 5px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide { padding: 5px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a { height: 100px; min-height: 100px; padding: 18px 12px; border-radius: 9px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide img, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel img { max-width: 112px !important; max-height: 50px !important; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image::before, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a::before { top: 4px; width: 72px; height: 72px; opacity: 0.22; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-slide-inner::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-slide-inner::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-carousel-image::after, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-image-carousel a::after { width: 90px; height: 90px; border-width: 14px; } .elementor-3170101 .elementor-element.elementor-element-1139bc0 .slick-arrow, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .elementor-swiper-button, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-button-prev, .elementor-3170101 .elementor-element.elementor-element-1139bc0 .swiper-button-next { width: 30px !important; height: 30px !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-60bbf9d */.elementor-3170101 .elementor-element.elementor-element-60bbf9d { width: calc(100% - 48px); max-width: 1320px; margin: 48px auto; font-family: "Inter", sans-serif; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-60bbf9d > .elementor-container > .elementor-row { display: grid !important; grid-template-columns: minmax(340px, 0.9fr) minmax(460px, 1.1fr); align-items: start; gap: 32px; width: 100%; max-width: 100%; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column { width: 100% !important; max-width: none !important; min-width: 0; padding: 0 !important; flex: none !important; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column > .elementor-widget-wrap { width: 100%; min-width: 0; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .contact-form, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child form { width: 100%; min-width: 0; margin: 0; padding: 28px; background: #FFFFFF; border: 1px solid #E3E8E8; border-radius: 14px; box-shadow: 0 10px 28px rgba(31, 41, 51, 0.07); box-sizing: border-box; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-fields { margin: 0; padding: 0; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-group, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-group.row { display: grid !important; grid-template-columns: 1fr !important; gap: 7px; width: 100%; min-width: 0; margin: 0 0 18px !important; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-group > [class*="col-"] { width: 100% !important; max-width: 100% !important; min-width: 0; margin: 0 !important; padding: 0 !important; flex: none !important; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child label, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-control-label { display: block; width: 100%; margin: 0; padding: 0; color: #1F2933; font-size: 14px; font-weight: 700; line-height: 1.35; text-align: left; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="text"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="email"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="tel"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child select, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child textarea, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-control { display: block; width: 100% !important; min-width: 0; margin: 0; padding: 0 15px; color: #1F2933; background: #F8FAFA; border: 1px solid #CCD6D6; border-radius: 8px; box-shadow: none; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.4; outline: none; box-sizing: border-box; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="text"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="email"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="tel"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child select, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-control:not(textarea) { min-height: 50px; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child textarea, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child textarea.form-control { min-height: 150px; padding-top: 14px; padding-bottom: 14px; resize: vertical; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input::placeholder, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child textarea::placeholder { color: #8A959F; opacity: 1; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input:focus, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child select:focus, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child textarea:focus, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-control:focus { background: #FFFFFF; border-color: #1E8B8E; box-shadow: 0 0 0 3px rgba(30, 139, 142, 0.13); } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="file"] { display: block; width: 100%; min-height: 50px; margin: 0; padding: 6px; color: #5F6B76; background: #F8FAFA; border: 1px solid #CCD6D6; border-radius: 8px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 36px; box-sizing: border-box; cursor: pointer; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="file"]::file-.elementor-3170101 .elementor-element.elementor-element-60bbf9d-button { height: 36px; margin: 0 12px 0 0; padding: 0 14px; color: #006B68; background: rgba(0, 107, 104, 0.08); border: 0; border-radius: 6px; font-family: "Inter", sans-serif; font-size: 13px; font-weight: 700; cursor: pointer; transition: color 0.2s ease, background-color 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="file"]::file-.elementor-3170101 .elementor-element.elementor-element-60bbf9d-button:hover { color: #FFFFFF; background: #006B68; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .psgdpr_consent_message, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-group:has(input[type="checkbox"]) { margin: 2px 0 18px !important; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .psgdpr_consent_message label, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-group:has(input[type="checkbox"]) label { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: start; gap: 10px; color: #5F6B76; font-size: 13px; font-weight: 500; line-height: 1.5; cursor: pointer; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="checkbox"] { width: 18px; height: 18px; margin: 1px 0 0; accent-color: #006B68; cursor: pointer; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-footer { width: 100%; margin: 0; padding: 0; text-align: left; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child button[type="submit"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="submit"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-footer .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; margin: 0; padding: 14px 22px; color: #FFFFFF; background: linear-gradient(135deg, #004F4D 0%, #006B68 55%, #1E8B8E 100%); border: 0; border-radius: 8px; box-shadow: 0 8px 18px rgba(0, 107, 104, 0.18); font-family: "Inter", sans-serif; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child button[type="submit"]:hover, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="submit"]:hover, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-footer .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(0, 107, 104, 0.25); } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child button[type="submit"]:disabled, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="submit"]:disabled, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-footer .btn:disabled, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-footer .btn.disabled { color: #FFFFFF; background: #8A959F; box-shadow: none; cursor: not-allowed; opacity: 0.65; transform: none; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .alert { width: 100%; margin: 0 0 18px; padding: 12px 14px; border: 0; border-radius: 8px; font-size: 13px; line-height: 1.5; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .alert-success { color: #004F4D; background: rgba(30, 139, 142, 0.12); } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .alert-danger { color: #9B3E2E; background: rgba(215, 101, 80, 0.12); } @media (max-width: 1024px) { .elementor-3170101 .elementor-element.elementor-element-60bbf9d { width: calc(100% - 40px); margin: 40px auto; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-60bbf9d > .elementor-container > .elementor-row { grid-template-columns: minmax(300px, 0.85fr) minmax(400px, 1.15fr); gap: 24px; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .contact-form, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child form { padding: 24px; } } @media (max-width: 900px) { .elementor-3170101 .elementor-element.elementor-element-60bbf9d > .elementor-container, .elementor-3170101 .elementor-element.elementor-element-60bbf9d > .elementor-container > .elementor-row { grid-template-columns: 1fr; gap: 28px; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:first-child { order: 2; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child { order: 1; } } @media (max-width: 767px) { .elementor-3170101 .elementor-element.elementor-element-60bbf9d { width: calc(100% - 28px); margin: 28px 14px; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .contact-form, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child form { padding: 18px; border-radius: 12px; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-group, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-group.row { margin-bottom: 15px !important; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="text"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="email"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="tel"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child select, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-control:not(textarea) { min-height: 48px; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child textarea, .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child textarea.form-control { min-height: 135px; } .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child button[type="submit"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child input[type="submit"], .elementor-3170101 .elementor-element.elementor-element-60bbf9d .elementor-column:last-child .form-footer .btn { min-height: 50px; } }/* End custom CSS */