.elementor-8 .elementor-element.elementor-element-bbeb402{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-bbeb402.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-1e28b0b{--display:flex;--min-height:245px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b9fc5a6{--display:flex;--min-height:245px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b9fc5a6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b9fc5a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.institutsangalkam.org/wp-content/uploads/2025/04/image-1182.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-29274a1{text-align:center;}.elementor-8 .elementor-element.elementor-element-29274a1 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:72px;font-weight:800;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-8552a73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:45px 45px;--row-gap:45px;--column-gap:45px;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-329235a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-329235a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-329235a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.institutsangalkam.org/wp-content/uploads/2025/03/Frame-1000001249-1.png");background-position:center center;background-repeat:no-repeat;}.elementor-8 .elementor-element.elementor-element-69fc8e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-85eb5c5 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:700;color:#CA6832;}.elementor-8 .elementor-element.elementor-element-5c52ffc > .elementor-widget-container{margin:-13px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5c52ffc .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:40px;font-weight:700;line-height:50px;color:#003C63;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-4a56a93{font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;line-height:26px;}.elementor-8 .elementor-element.elementor-element-5e340c4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-74eb46a{text-align:center;}.elementor-8 .elementor-element.elementor-element-74eb46a .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:40px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-9fd3848 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-9fd3848{font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:400;color:#4F4F4F;}.elementor-8 .elementor-element.elementor-element-d9def75{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-f88fdd1{--display:flex;--min-height:66px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-69a32e49 .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-69a32e49.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-69a32e49.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-69a32e49.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-69a32e49.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-69a32e49.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-69a32e49 .elementor-icon{font-size:101px;}.elementor-8 .elementor-element.elementor-element-69a32e49 .elementor-icon svg{height:101px;}.elementor-8 .elementor-element.elementor-element-780cc55a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-780cc55a{text-align:center;}.elementor-8 .elementor-element.elementor-element-780cc55a .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-4508a81a > .elementor-widget-container{margin:0px 0px 0px 25px;padding:0px 12px 1px 0px;}.elementor-8 .elementor-element.elementor-element-4508a81a{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;line-height:17px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-e81fedc{--display:flex;--min-height:66px;}.elementor-8 .elementor-element.elementor-element-d5d7ec1 .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-d5d7ec1.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-d5d7ec1.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-d5d7ec1.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-d5d7ec1.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-d5d7ec1.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-d5d7ec1 .elementor-icon{font-size:101px;}.elementor-8 .elementor-element.elementor-element-d5d7ec1 .elementor-icon svg{height:101px;}.elementor-8 .elementor-element.elementor-element-734ec29 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-734ec29{text-align:center;}.elementor-8 .elementor-element.elementor-element-734ec29 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-9ecdd67 > .elementor-widget-container{margin:0px 0px 0px 25px;padding:0px 12px 0px 0px;}.elementor-8 .elementor-element.elementor-element-9ecdd67{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;line-height:17px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-e662224{--display:flex;--min-height:66px;}.elementor-8 .elementor-element.elementor-element-6bb32ef .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-6bb32ef.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-6bb32ef.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-6bb32ef.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-6bb32ef.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-6bb32ef.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-6bb32ef .elementor-icon{font-size:101px;}.elementor-8 .elementor-element.elementor-element-6bb32ef .elementor-icon svg{height:101px;}.elementor-8 .elementor-element.elementor-element-178dd73 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-178dd73{text-align:center;}.elementor-8 .elementor-element.elementor-element-178dd73 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-3fae268 > .elementor-widget-container{margin:0px 0px 0px 25px;padding:0px 12px 1px 0px;}.elementor-8 .elementor-element.elementor-element-3fae268{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;line-height:17px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-d9ae183{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-0ec38e6{--display:flex;--min-height:66px;}.elementor-8 .elementor-element.elementor-element-97e15e8 .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-97e15e8.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-97e15e8.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-97e15e8.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-97e15e8.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-97e15e8.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-97e15e8 .elementor-icon{font-size:101px;}.elementor-8 .elementor-element.elementor-element-97e15e8 .elementor-icon svg{height:101px;}.elementor-8 .elementor-element.elementor-element-ea3074e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ea3074e{text-align:center;}.elementor-8 .elementor-element.elementor-element-ea3074e .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-23327cb > .elementor-widget-container{margin:0px 0px 0px 25px;padding:0px 12px 1px 0px;}.elementor-8 .elementor-element.elementor-element-23327cb{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;line-height:17px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-7636577{--display:flex;--min-height:66px;}.elementor-8 .elementor-element.elementor-element-dac60f1 .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-dac60f1.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-dac60f1.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-dac60f1.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-dac60f1.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-dac60f1.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-dac60f1 .elementor-icon{font-size:101px;}.elementor-8 .elementor-element.elementor-element-dac60f1 .elementor-icon svg{height:101px;}.elementor-8 .elementor-element.elementor-element-5611f1f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5611f1f{text-align:center;}.elementor-8 .elementor-element.elementor-element-5611f1f .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-96e1923 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 12px 1px 0px;}.elementor-8 .elementor-element.elementor-element-96e1923{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;line-height:17px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-120883a{--display:flex;--min-height:66px;}.elementor-8 .elementor-element.elementor-element-3477d16 .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-3477d16.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-3477d16.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-3477d16.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-3477d16.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-3477d16.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-3477d16 .elementor-icon{font-size:87px;}.elementor-8 .elementor-element.elementor-element-3477d16 .elementor-icon svg{height:87px;}.elementor-8 .elementor-element.elementor-element-59c304f > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-59c304f{text-align:center;}.elementor-8 .elementor-element.elementor-element-59c304f .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-073cd0d > .elementor-widget-container{margin:0px 0px 0px 18px;padding:0px 12px 1px 0px;}.elementor-8 .elementor-element.elementor-element-073cd0d{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;line-height:17px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-a443130{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:-20px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-5b5866c{--display:flex;--min-height:66px;}.elementor-8 .elementor-element.elementor-element-3c2abd9 .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-3c2abd9.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-3c2abd9.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-3c2abd9.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-3c2abd9.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-3c2abd9.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-3c2abd9 .elementor-icon{font-size:76px;}.elementor-8 .elementor-element.elementor-element-3c2abd9 .elementor-icon svg{height:76px;}.elementor-8 .elementor-element.elementor-element-fe7d6f3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-fe7d6f3{text-align:center;}.elementor-8 .elementor-element.elementor-element-fe7d6f3 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-17bee97{--display:flex;--min-height:66px;}.elementor-8 .elementor-element.elementor-element-fa8e4f7 .elementor-icon-wrapper{text-align:center;}.elementor-8 .elementor-element.elementor-element-fa8e4f7.elementor-view-stacked .elementor-icon{background-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-fa8e4f7.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-fa8e4f7.elementor-view-default .elementor-icon{color:#6EC1E400;border-color:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-fa8e4f7.elementor-view-framed .elementor-icon, .elementor-8 .elementor-element.elementor-element-fa8e4f7.elementor-view-default .elementor-icon svg{fill:#6EC1E400;}.elementor-8 .elementor-element.elementor-element-fa8e4f7 .elementor-icon{font-size:87px;}.elementor-8 .elementor-element.elementor-element-fa8e4f7 .elementor-icon svg{height:87px;}.elementor-8 .elementor-element.elementor-element-f0daa63 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-f0daa63{text-align:center;}.elementor-8 .elementor-element.elementor-element-f0daa63 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:24px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-8d224f0 > .elementor-widget-container{margin:0px 0px 0px 18px;padding:0px 12px 1px 0px;}.elementor-8 .elementor-element.elementor-element-8d224f0{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:400;line-height:17px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-6ffe230{--display:flex;--min-height:245px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-035bbf8{--display:flex;--min-height:245px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-035bbf8:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-035bbf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.institutsangalkam.org/wp-content/uploads/2025/04/image-1182.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-aead2b8{text-align:center;}.elementor-8 .elementor-element.elementor-element-aead2b8 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:72px;font-weight:800;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-943c659 > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-943c659{text-align:center;}.elementor-8 .elementor-element.elementor-element-943c659 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:40px;font-weight:700;line-height:50px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-489d6fa{--display:flex;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item{background-color:#02010100;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:#02010100;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.active{background-color:#02010100;color:#003C63;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item{background-color:var( --e-global-color-0c2894f );}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li{font-family:"Barlow", Sans-serif;font-size:20px;font-weight:400;background-color:#f1f1f1;color:#003C63;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav{min-width:391px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:16px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li img{width:16px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:16px;height:16px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-tab-inline-icon li .title-before-icon{margin-right:10px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-tab-inline-icon li .title-after-icon{margin-left:10px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-tab-top-icon li i, .elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-tab-top-icon li img, .elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-tab-top-icon li svg{margin-bottom:10px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#003C63;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-content > div{color:#333;margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-af74eb8{--display:flex;--min-height:245px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-dfd972a{--display:flex;--min-height:245px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-dfd972a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-dfd972a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.institutsangalkam.org/wp-content/uploads/2025/04/image-1182.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-836443e{text-align:center;}.elementor-8 .elementor-element.elementor-element-836443e .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:72px;font-weight:800;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-0a22dea > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-0a22dea{text-align:center;}.elementor-8 .elementor-element.elementor-element-0a22dea .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:40px;font-weight:700;line-height:50px;color:#003C63;}.elementor-8 .elementor-element.elementor-element-61101bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:20px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item{background-color:#02010100;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:#02010100;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.active{background-color:#02010100;color:#003C63;}.elementor-8 .elementor-element.elementor-element-85935d2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li{font-family:"Barlow", Sans-serif;font-size:20px;font-weight:400;background-color:#f1f1f1;color:#003C63;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav{min-width:391px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:16px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li img{width:16px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:16px;height:16px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-tab-inline-icon li .title-before-icon{margin-right:10px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-tab-inline-icon li .title-after-icon{margin-left:10px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-tab-top-icon li i, .elementor-8 .elementor-element.elementor-element-85935d2 .eael-tab-top-icon li img, .elementor-8 .elementor-element.elementor-element-85935d2 .eael-tab-top-icon li svg{margin-bottom:10px;}.elementor-8 .elementor-element.elementor-element-85935d2 > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-85935d2 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#003C63;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-content > div{color:#333;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-97b37b6{--display:flex;--min-height:245px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-c6eefe6{--display:flex;--min-height:245px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-c6eefe6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c6eefe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.institutsangalkam.org/wp-content/uploads/2025/04/image-1182.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-8d69a35{text-align:center;}.elementor-8 .elementor-element.elementor-element-8d69a35 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:72px;font-weight:800;line-height:102%;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-58e426d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-e9385d0{--display:flex;}.elementor-8 .elementor-element.elementor-element-5acf754{text-align:center;}.elementor-8 .elementor-element.elementor-element-5acf754 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:40px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-8b2e646{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:10px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item{background-color:#02010100;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:#02010100;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active{background-color:#02010100;color:#003C63;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-content > div.eael-tab-content-item{background-color:var( --e-global-color-0c2894f );}.elementor-8 .elementor-element.elementor-element-1f01649{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li{font-family:"Barlow", Sans-serif;font-size:20px;font-weight:400;background-color:#f1f1f1;color:#003C63;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav{min-width:391px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:75px;color:#333;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li img{width:75px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:75px;height:75px;fill:#333;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-tab-inline-icon li .title-before-icon{margin-right:10px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-tab-inline-icon li .title-after-icon{margin-left:10px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-tab-top-icon li i, .elementor-8 .elementor-element.elementor-element-1f01649 .eael-tab-top-icon li img, .elementor-8 .elementor-element.elementor-element-1f01649 .eael-tab-top-icon li svg{margin-bottom:10px;}.elementor-8 .elementor-element.elementor-element-1f01649 > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-1f01649 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#003C63;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li:hover > i{color:#fff;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li:hover > svg{fill:#fff;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active > i{color:#fff;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active > svg{fill:#fff;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-content > div{color:#333;margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5543050{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-ec9238d{--display:flex;--min-height:245px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-ec9238d:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ec9238d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.institutsangalkam.org/wp-content/uploads/2025/04/image-1182.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-606ce14{text-align:center;}.elementor-8 .elementor-element.elementor-element-606ce14 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:72px;font-weight:800;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-379be5f{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-4d5f755{text-align:center;}.elementor-8 .elementor-element.elementor-element-4d5f755 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:40px;font-weight:700;color:#003C63;}.elementor-8 .elementor-element.elementor-element-88a28f4{--display:flex;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-391f1a1{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:15px;--n-tabs-title-color:#4F4F4F;--n-tabs-title-color-active:var( --e-global-color-df9b734 );}.elementor-8 .elementor-element.elementor-element-391f1a1 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#EFF9FF;}.elementor-8 .elementor-element.elementor-element-391f1a1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EFF9FF;}.elementor-8 .elementor-element.elementor-element-391f1a1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-8 .elementor-element.elementor-element-391f1a1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-0c2894f );border-style:none;}.elementor-8 .elementor-element.elementor-element-391f1a1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Open Sans", Sans-serif;font-weight:400;}.elementor-8 .elementor-element.elementor-element-391f1a1 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#4F4F4F;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-29274a1 .elementor-heading-title{font-size:55px;}.elementor-8 .elementor-element.elementor-element-329235a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-329235a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-8 .elementor-element.elementor-element-85eb5c5 .elementor-heading-title{font-size:16px;}.elementor-8 .elementor-element.elementor-element-5c52ffc .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-8 .elementor-element.elementor-element-4a56a93{font-size:16px;}.elementor-8 .elementor-element.elementor-element-74eb46a .elementor-heading-title{font-size:30px;}.elementor-8 .elementor-element.elementor-element-734ec29 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-836443e .elementor-heading-title{font-size:50px;}.elementor-8 .elementor-element.elementor-element-8d69a35 .elementor-heading-title{font-size:55px;}.elementor-8 .elementor-element.elementor-element-606ce14 .elementor-heading-title{font-size:50px;}.elementor-8 .elementor-element.elementor-element-4d5f755 .elementor-heading-title{font-size:35px;}.elementor-8 .elementor-element.elementor-element-88a28f4{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-bbeb402{--width:100.274%;}.elementor-8 .elementor-element.elementor-element-e9385d0{--width:100%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-b9fc5a6{--min-height:171px;}.elementor-8 .elementor-element.elementor-element-29274a1 .elementor-heading-title{font-size:35px;}.elementor-8 .elementor-element.elementor-element-8552a73{--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-329235a{--min-height:195px;}.elementor-8 .elementor-element.elementor-element-329235a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-329235a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -74px;background-size:cover;}.elementor-8 .elementor-element.elementor-element-85eb5c5 .elementor-heading-title{font-size:18px;}.elementor-8 .elementor-element.elementor-element-5c52ffc > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-5c52ffc .elementor-heading-title{font-size:29px;line-height:1.4em;}.elementor-8 .elementor-element.elementor-element-4a56a93{text-align:justify;font-size:17px;}.elementor-8 .elementor-element.elementor-element-5e340c4{--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-74eb46a .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-9fd3848 > .elementor-widget-container{margin:-20px 0px 0px 9px;}.elementor-8 .elementor-element.elementor-element-9fd3848{font-size:17px;}.elementor-8 .elementor-element.elementor-element-d9def75{--padding-top:0px;--padding-bottom:0px;--padding-left:-60px;--padding-right:34px;}.elementor-8 .elementor-element.elementor-element-f88fdd1{--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-e81fedc{--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-3fae268{font-size:16px;}.elementor-8 .elementor-element.elementor-element-d9ae183{--margin-top:-20px;--margin-bottom:0px;--margin-left:-19px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-0ec38e6{--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-7636577{--margin-top:-13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-120883a{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-a443130{--margin-top:-20px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-5b5866c{--margin-top:-12px;--margin-bottom:0px;--margin-left:32px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-17bee97{--margin-top:22px;--margin-bottom:0px;--margin-left:32px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-035bbf8{--min-height:171px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-8 .elementor-element.elementor-element-aead2b8 .elementor-heading-title{font-size:38px;}.elementor-8 .elementor-element.elementor-element-943c659 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-943c659 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-489d6fa{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -27px 0px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -27px 0px;}.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-content > div{margin:50px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-dfd972a{--min-height:171px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-8 .elementor-element.elementor-element-836443e .elementor-heading-title{font-size:38px;}.elementor-8 .elementor-element.elementor-element-0a22dea > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-0a22dea .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-61101bd{--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:015px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li{font-size:23px;}.elementor-8 .elementor-element.elementor-element-85935d2 > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -25px 0px;}.elementor-8 .elementor-element.elementor-element-85935d2 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -25px 0px;}.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-content > div{margin:40px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-c6eefe6{--min-height:171px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-8 .elementor-element.elementor-element-8d69a35 .elementor-heading-title{font-size:38px;}.elementor-8 .elementor-element.elementor-element-e9385d0{--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-5acf754 .elementor-heading-title{font-size:25px;}.elementor-8 .elementor-element.elementor-element-8b2e646{--margin-top:-40px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-8 .elementor-element.elementor-element-1f01649 > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-1f01649 > .elementor-widget-container > .eael-advance-tabs > .eael-tabs-nav ul li{margin:0px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-content > div{margin:30px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-ec9238d{--min-height:171px;}.elementor-8 .elementor-element.elementor-element-606ce14 .elementor-heading-title{font-size:38px;}.elementor-8 .elementor-element.elementor-element-379be5f{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-4d5f755 .elementor-heading-title{font-size:29px;}.elementor-8 .elementor-element.elementor-element-88a28f4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-391f1a1{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-font-size:17px;}}/* Start custom CSS for container, class: .elementor-element-f88fdd1 */.card-CT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CT:hover .icon-CT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CT {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CT:hover .title-CT {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CT:hover .description-CT, .card:hover {
            bottom: 20px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}

/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;        /* icône + titre côte à côte */
        align-items: flex-start;    /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CT:hover .icon-CT {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CT:hover .title-CT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CT:hover .description-CT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e81fedc */.card-LMD{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-LMD:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-LMD:hover .icon-LMD {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-LMD {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-LMD:hover .title-LMD {
            top: -40px;
           left: 50px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-LMD{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-LMD:hover .description-LMD, .card:hover {
            bottom: 26px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-LMD {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-LMD:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône et titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-LMD:hover .icon-LMD {
        transform: scale(0.6);
        position: relative;
        top: -25px !important; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-LMD {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-LMD:hover .title-LMD {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px !important; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-LMD {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-LMD:hover .description-LMD {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e662224 */.card-big-themes{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-big-themes:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-big-themes {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-big-themes:hover .title-big-themes {
            top: -40px;
           left: 70px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-big-themes{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 36px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    .card-big-themes {
        width: 90%; /* largeur normale mobile */
        max-width: 320px; /* limite pour mobile */
    }

    /* On réduit légèrement la largeur au hover */
    .card-big-themes:hover {
        width: 95%; /* un peu plus large au hover si tu veux ou 88% pour réduire */
        max-width: 300px; /* limite pour que ça ne dépasse pas */
    }
    
     .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -30px;
             transform: scale(0.6); 
         
        }
        
    
       .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 10px;
            opacity: 1;
            visibility: visible;
        }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec38e6 */.card-CM{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CM:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CM:hover .icon-CM {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CM {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CM:hover .title-CM {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CM{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CM:hover .description-CM, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CM {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CM:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CM:hover .icon-CM {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CM {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CM:hover .title-CM {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CM {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CM:hover .description-CM {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7636577 */.card-KTC{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-KTC:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-KTC:hover .icon-KTC {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-KTC {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-KTC:hover .title-KTC {
            top: -40px;
           left: 75px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-KTC{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-KTC:hover .description-KTC, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-KTC {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-KTC:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-KTC:hover .icon-KTC {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-KTC {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-KTC:hover .title-KTC {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-KTC {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-KTC:hover .description-KTC {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-120883a */.card-TEARR{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TEARR:hover{
    border: 1px solid #00B58C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TEARR:hover .icon-TEARR {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TEARR{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TEARR:hover .title-TEARR {
            top: -45px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TEARR{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TEARR:hover .description-TEARR, .card:hover {
            bottom: 66px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TEARR {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description absolue */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TEARR:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TEARR:hover .icon-TEARR {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TEARR {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TEARR:hover .title-TEARR {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TEARR {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TEARR:hover .description-TEARR {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b5866c */.card-CPI{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CPI:hover{
    border: 1px solid #CA6832C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CPI:hover .icon-CPI {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CPI {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CPI:hover .title-CPI {
            top: -40px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CPI{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CPI:hover .description-CPI, .card:hover {
            bottom: 76px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CPI {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CPI:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CPI:hover .icon-CPI {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CPI {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CPI:hover .title-CPI {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CPI {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CPI:hover .description-CPI {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17bee97 */.card-TBT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TBT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TBT:hover .icon-TBT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TBT{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TBT:hover .title-TBT {
            top: -30px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TBT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TBT:hover .description-TBT, .card:hover {
            bottom: 96px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TBT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TBT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TBT:hover .icon-TBT {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TBT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TBT:hover .title-TBT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TBT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TBT:hover .description-TBT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-d7b9e31 */.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
      border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-85935d2 */.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
    border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-1f01649 */.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    border-left: 3px solid #CA6832;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f88fdd1 */.card-CT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CT:hover .icon-CT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CT {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CT:hover .title-CT {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CT:hover .description-CT, .card:hover {
            bottom: 20px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}

/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;        /* icône + titre côte à côte */
        align-items: flex-start;    /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CT:hover .icon-CT {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CT:hover .title-CT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CT:hover .description-CT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e81fedc */.card-LMD{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-LMD:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-LMD:hover .icon-LMD {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-LMD {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-LMD:hover .title-LMD {
            top: -40px;
           left: 50px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-LMD{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-LMD:hover .description-LMD, .card:hover {
            bottom: 26px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-LMD {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-LMD:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône et titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-LMD:hover .icon-LMD {
        transform: scale(0.6);
        position: relative;
        top: -25px !important; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-LMD {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-LMD:hover .title-LMD {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px !important; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-LMD {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-LMD:hover .description-LMD {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e662224 */.card-big-themes{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-big-themes:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-big-themes {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-big-themes:hover .title-big-themes {
            top: -40px;
           left: 70px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-big-themes{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 36px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    .card-big-themes {
        width: 90%; /* largeur normale mobile */
        max-width: 320px; /* limite pour mobile */
    }

    /* On réduit légèrement la largeur au hover */
    .card-big-themes:hover {
        width: 95%; /* un peu plus large au hover si tu veux ou 88% pour réduire */
        max-width: 300px; /* limite pour que ça ne dépasse pas */
    }
    
     .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -30px;
             transform: scale(0.6); 
         
        }
        
    
       .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 10px;
            opacity: 1;
            visibility: visible;
        }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec38e6 */.card-CM{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CM:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CM:hover .icon-CM {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CM {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CM:hover .title-CM {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CM{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CM:hover .description-CM, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CM {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CM:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CM:hover .icon-CM {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CM {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CM:hover .title-CM {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CM {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CM:hover .description-CM {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7636577 */.card-KTC{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-KTC:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-KTC:hover .icon-KTC {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-KTC {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-KTC:hover .title-KTC {
            top: -40px;
           left: 75px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-KTC{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-KTC:hover .description-KTC, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-KTC {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-KTC:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-KTC:hover .icon-KTC {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-KTC {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-KTC:hover .title-KTC {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-KTC {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-KTC:hover .description-KTC {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-120883a */.card-TEARR{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TEARR:hover{
    border: 1px solid #00B58C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TEARR:hover .icon-TEARR {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TEARR{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TEARR:hover .title-TEARR {
            top: -45px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TEARR{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TEARR:hover .description-TEARR, .card:hover {
            bottom: 66px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TEARR {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description absolue */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TEARR:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TEARR:hover .icon-TEARR {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TEARR {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TEARR:hover .title-TEARR {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TEARR {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TEARR:hover .description-TEARR {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b5866c */.card-CPI{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CPI:hover{
    border: 1px solid #CA6832C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CPI:hover .icon-CPI {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CPI {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CPI:hover .title-CPI {
            top: -40px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CPI{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CPI:hover .description-CPI, .card:hover {
            bottom: 76px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CPI {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CPI:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CPI:hover .icon-CPI {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CPI {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CPI:hover .title-CPI {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CPI {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CPI:hover .description-CPI {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17bee97 */.card-TBT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TBT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TBT:hover .icon-TBT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TBT{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TBT:hover .title-TBT {
            top: -30px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TBT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TBT:hover .description-TBT, .card:hover {
            bottom: 96px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TBT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TBT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TBT:hover .icon-TBT {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TBT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TBT:hover .title-TBT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TBT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TBT:hover .description-TBT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-d7b9e31 */.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
      border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-85935d2 */.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
    border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-1f01649 */.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    border-left: 3px solid #CA6832;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f88fdd1 */.card-CT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CT:hover .icon-CT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CT {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CT:hover .title-CT {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CT:hover .description-CT, .card:hover {
            bottom: 20px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}

/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;        /* icône + titre côte à côte */
        align-items: flex-start;    /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CT:hover .icon-CT {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CT:hover .title-CT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CT:hover .description-CT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e81fedc */.card-LMD{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-LMD:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-LMD:hover .icon-LMD {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-LMD {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-LMD:hover .title-LMD {
            top: -40px;
           left: 50px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-LMD{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-LMD:hover .description-LMD, .card:hover {
            bottom: 26px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-LMD {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-LMD:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône et titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-LMD:hover .icon-LMD {
        transform: scale(0.6);
        position: relative;
        top: -25px !important; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-LMD {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-LMD:hover .title-LMD {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px !important; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-LMD {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-LMD:hover .description-LMD {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e662224 */.card-big-themes{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-big-themes:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-big-themes {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-big-themes:hover .title-big-themes {
            top: -40px;
           left: 70px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-big-themes{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 36px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    .card-big-themes {
        width: 90%; /* largeur normale mobile */
        max-width: 320px; /* limite pour mobile */
    }

    /* On réduit légèrement la largeur au hover */
    .card-big-themes:hover {
        width: 95%; /* un peu plus large au hover si tu veux ou 88% pour réduire */
        max-width: 300px; /* limite pour que ça ne dépasse pas */
    }
    
     .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -30px;
             transform: scale(0.6); 
         
        }
        
    
       .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 10px;
            opacity: 1;
            visibility: visible;
        }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec38e6 */.card-CM{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CM:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CM:hover .icon-CM {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CM {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CM:hover .title-CM {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CM{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CM:hover .description-CM, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CM {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CM:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CM:hover .icon-CM {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CM {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CM:hover .title-CM {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CM {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CM:hover .description-CM {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7636577 */.card-KTC{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-KTC:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-KTC:hover .icon-KTC {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-KTC {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-KTC:hover .title-KTC {
            top: -40px;
           left: 75px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-KTC{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-KTC:hover .description-KTC, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-KTC {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-KTC:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-KTC:hover .icon-KTC {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-KTC {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-KTC:hover .title-KTC {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-KTC {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-KTC:hover .description-KTC {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-120883a */.card-TEARR{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TEARR:hover{
    border: 1px solid #00B58C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TEARR:hover .icon-TEARR {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TEARR{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TEARR:hover .title-TEARR {
            top: -45px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TEARR{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TEARR:hover .description-TEARR, .card:hover {
            bottom: 66px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TEARR {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description absolue */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TEARR:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TEARR:hover .icon-TEARR {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TEARR {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TEARR:hover .title-TEARR {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TEARR {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TEARR:hover .description-TEARR {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b5866c */.card-CPI{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CPI:hover{
    border: 1px solid #CA6832C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CPI:hover .icon-CPI {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CPI {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CPI:hover .title-CPI {
            top: -40px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CPI{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CPI:hover .description-CPI, .card:hover {
            bottom: 76px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CPI {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CPI:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CPI:hover .icon-CPI {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CPI {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CPI:hover .title-CPI {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CPI {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CPI:hover .description-CPI {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17bee97 */.card-TBT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TBT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TBT:hover .icon-TBT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TBT{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TBT:hover .title-TBT {
            top: -30px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TBT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TBT:hover .description-TBT, .card:hover {
            bottom: 96px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TBT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TBT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TBT:hover .icon-TBT {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TBT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TBT:hover .title-TBT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TBT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TBT:hover .description-TBT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-d7b9e31 */.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
      border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-85935d2 */.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
    border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-1f01649 */.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    border-left: 3px solid #CA6832;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f88fdd1 */.card-CT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CT:hover .icon-CT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CT {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CT:hover .title-CT {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CT:hover .description-CT, .card:hover {
            bottom: 20px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}

/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;        /* icône + titre côte à côte */
        align-items: flex-start;    /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CT:hover .icon-CT {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CT:hover .title-CT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CT:hover .description-CT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e81fedc */.card-LMD{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-LMD:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-LMD:hover .icon-LMD {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-LMD {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-LMD:hover .title-LMD {
            top: -40px;
           left: 50px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-LMD{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-LMD:hover .description-LMD, .card:hover {
            bottom: 26px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-LMD {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-LMD:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône et titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-LMD:hover .icon-LMD {
        transform: scale(0.6);
        position: relative;
        top: -25px !important; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-LMD {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-LMD:hover .title-LMD {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px !important; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-LMD {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-LMD:hover .description-LMD {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e662224 */.card-big-themes{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-big-themes:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-big-themes {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-big-themes:hover .title-big-themes {
            top: -40px;
           left: 70px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-big-themes{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 36px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    .card-big-themes {
        width: 90%; /* largeur normale mobile */
        max-width: 320px; /* limite pour mobile */
    }

    /* On réduit légèrement la largeur au hover */
    .card-big-themes:hover {
        width: 95%; /* un peu plus large au hover si tu veux ou 88% pour réduire */
        max-width: 300px; /* limite pour que ça ne dépasse pas */
    }
    
     .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -30px;
             transform: scale(0.6); 
         
        }
        
    
       .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 10px;
            opacity: 1;
            visibility: visible;
        }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec38e6 */.card-CM{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CM:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CM:hover .icon-CM {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CM {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CM:hover .title-CM {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CM{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CM:hover .description-CM, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CM {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CM:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CM:hover .icon-CM {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CM {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CM:hover .title-CM {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CM {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CM:hover .description-CM {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7636577 */.card-KTC{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-KTC:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-KTC:hover .icon-KTC {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-KTC {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-KTC:hover .title-KTC {
            top: -40px;
           left: 75px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-KTC{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-KTC:hover .description-KTC, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-KTC {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-KTC:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-KTC:hover .icon-KTC {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-KTC {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-KTC:hover .title-KTC {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-KTC {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-KTC:hover .description-KTC {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-120883a */.card-TEARR{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TEARR:hover{
    border: 1px solid #00B58C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TEARR:hover .icon-TEARR {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TEARR{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TEARR:hover .title-TEARR {
            top: -45px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TEARR{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TEARR:hover .description-TEARR, .card:hover {
            bottom: 66px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TEARR {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description absolue */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TEARR:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TEARR:hover .icon-TEARR {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TEARR {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TEARR:hover .title-TEARR {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TEARR {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TEARR:hover .description-TEARR {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b5866c */.card-CPI{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CPI:hover{
    border: 1px solid #CA6832C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CPI:hover .icon-CPI {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CPI {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CPI:hover .title-CPI {
            top: -40px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CPI{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CPI:hover .description-CPI, .card:hover {
            bottom: 76px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CPI {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CPI:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CPI:hover .icon-CPI {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CPI {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CPI:hover .title-CPI {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CPI {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CPI:hover .description-CPI {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17bee97 */.card-TBT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TBT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TBT:hover .icon-TBT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TBT{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TBT:hover .title-TBT {
            top: -30px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TBT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TBT:hover .description-TBT, .card:hover {
            bottom: 96px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TBT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TBT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TBT:hover .icon-TBT {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TBT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TBT:hover .title-TBT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TBT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TBT:hover .description-TBT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-d7b9e31 */.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
      border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-85935d2 */.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
    border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-1f01649 */.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    border-left: 3px solid #CA6832;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f88fdd1 */.card-CT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CT:hover .icon-CT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CT {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CT:hover .title-CT {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CT:hover .description-CT, .card:hover {
            bottom: 20px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}

/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;        /* icône + titre côte à côte */
        align-items: flex-start;    /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CT:hover .icon-CT {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CT:hover .title-CT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CT:hover .description-CT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e81fedc */.card-LMD{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-LMD:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-LMD:hover .icon-LMD {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-LMD {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-LMD:hover .title-LMD {
            top: -40px;
           left: 50px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-LMD{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-LMD:hover .description-LMD, .card:hover {
            bottom: 26px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-LMD {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-LMD:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône et titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-LMD:hover .icon-LMD {
        transform: scale(0.6);
        position: relative;
        top: -25px !important; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-LMD {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-LMD:hover .title-LMD {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px !important; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-LMD {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-LMD:hover .description-LMD {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e662224 */.card-big-themes{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-big-themes:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-big-themes {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-big-themes:hover .title-big-themes {
            top: -40px;
           left: 70px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-big-themes{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 36px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    .card-big-themes {
        width: 90%; /* largeur normale mobile */
        max-width: 320px; /* limite pour mobile */
    }

    /* On réduit légèrement la largeur au hover */
    .card-big-themes:hover {
        width: 95%; /* un peu plus large au hover si tu veux ou 88% pour réduire */
        max-width: 300px; /* limite pour que ça ne dépasse pas */
    }
    
     .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -30px;
             transform: scale(0.6); 
         
        }
        
    
       .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 10px;
            opacity: 1;
            visibility: visible;
        }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec38e6 */.card-CM{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CM:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CM:hover .icon-CM {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CM {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CM:hover .title-CM {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CM{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CM:hover .description-CM, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CM {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CM:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CM:hover .icon-CM {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CM {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CM:hover .title-CM {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CM {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CM:hover .description-CM {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7636577 */.card-KTC{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-KTC:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-KTC:hover .icon-KTC {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-KTC {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-KTC:hover .title-KTC {
            top: -40px;
           left: 75px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-KTC{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-KTC:hover .description-KTC, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-KTC {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-KTC:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-KTC:hover .icon-KTC {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-KTC {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-KTC:hover .title-KTC {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-KTC {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-KTC:hover .description-KTC {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-120883a */.card-TEARR{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TEARR:hover{
    border: 1px solid #00B58C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TEARR:hover .icon-TEARR {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TEARR{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TEARR:hover .title-TEARR {
            top: -45px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TEARR{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TEARR:hover .description-TEARR, .card:hover {
            bottom: 66px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TEARR {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description absolue */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TEARR:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TEARR:hover .icon-TEARR {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TEARR {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TEARR:hover .title-TEARR {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TEARR {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TEARR:hover .description-TEARR {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b5866c */.card-CPI{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CPI:hover{
    border: 1px solid #CA6832C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CPI:hover .icon-CPI {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CPI {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CPI:hover .title-CPI {
            top: -40px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CPI{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CPI:hover .description-CPI, .card:hover {
            bottom: 76px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CPI {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CPI:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CPI:hover .icon-CPI {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CPI {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CPI:hover .title-CPI {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CPI {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CPI:hover .description-CPI {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17bee97 */.card-TBT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TBT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TBT:hover .icon-TBT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TBT{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TBT:hover .title-TBT {
            top: -30px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TBT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TBT:hover .description-TBT, .card:hover {
            bottom: 96px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TBT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TBT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TBT:hover .icon-TBT {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TBT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TBT:hover .title-TBT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TBT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TBT:hover .description-TBT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-d7b9e31 */.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
      border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-85935d2 */.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
    border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-1f01649 */.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    border-left: 3px solid #CA6832;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f88fdd1 */.card-CT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CT:hover .icon-CT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CT {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CT:hover .title-CT {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CT:hover .description-CT, .card:hover {
            bottom: 20px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}

/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;        /* icône + titre côte à côte */
        align-items: flex-start;    /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CT:hover .icon-CT {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CT:hover .title-CT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CT:hover .description-CT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e81fedc */.card-LMD{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-LMD:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-LMD:hover .icon-LMD {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-LMD {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-LMD:hover .title-LMD {
            top: -40px;
           left: 50px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-LMD{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-LMD:hover .description-LMD, .card:hover {
            bottom: 26px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-LMD {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-LMD:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône et titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-LMD:hover .icon-LMD {
        transform: scale(0.6);
        position: relative;
        top: -25px !important; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-LMD {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-LMD:hover .title-LMD {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px !important; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-LMD {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-LMD:hover .description-LMD {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e662224 */.card-big-themes{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-big-themes:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-big-themes {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-big-themes:hover .title-big-themes {
            top: -40px;
           left: 70px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-big-themes{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 36px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    .card-big-themes {
        width: 90%; /* largeur normale mobile */
        max-width: 320px; /* limite pour mobile */
    }

    /* On réduit légèrement la largeur au hover */
    .card-big-themes:hover {
        width: 95%; /* un peu plus large au hover si tu veux ou 88% pour réduire */
        max-width: 300px; /* limite pour que ça ne dépasse pas */
    }
    
     .card-big-themes:hover .icon-big-themes {
            flex-shrink: 0;
            top: -30px;
             transform: scale(0.6); 
         
        }
        
    
       .card-big-themes:hover .description-big-themes, .card:hover {
            bottom: 10px;
            opacity: 1;
            visibility: visible;
        }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec38e6 */.card-CM{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CM:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CM:hover .icon-CM {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CM {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CM:hover .title-CM {
            top: -40px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CM{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CM:hover .description-CM, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CM {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CM:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CM:hover .icon-CM {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CM {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CM:hover .title-CM {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CM {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CM:hover .description-CM {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7636577 */.card-KTC{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-KTC:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-KTC:hover .icon-KTC {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-KTC {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-KTC:hover .title-KTC {
            top: -40px;
           left: 75px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-KTC{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-KTC:hover .description-KTC, .card:hover {
            bottom: 60px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}



/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-KTC {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-KTC:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-KTC:hover .icon-KTC {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-KTC {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-KTC:hover .title-KTC {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -130px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-KTC {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-KTC:hover .description-KTC {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-120883a */.card-TEARR{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TEARR:hover{
    border: 1px solid #00B58C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TEARR:hover .icon-TEARR {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TEARR{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TEARR:hover .title-TEARR {
            top: -45px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TEARR{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TEARR:hover .description-TEARR, .card:hover {
            bottom: 66px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TEARR {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* pour description absolue */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TEARR:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TEARR:hover .icon-TEARR {
        transform: scale(0.6);
        position: relative;
        top: -30px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TEARR {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TEARR:hover .title-TEARR {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TEARR {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TEARR:hover .description-TEARR {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b5866c */.card-CPI{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-CPI:hover{
    border: 1px solid #CA6832C;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-CPI:hover .icon-CPI {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-CPI {
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-CPI:hover .title-CPI {
            top: -40px;
           left: 40px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-CPI{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-CPI:hover .description-CPI, .card:hover {
            bottom: 76px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-CPI {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-CPI:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-CPI:hover .icon-CPI {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-CPI {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-CPI:hover .title-CPI {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-CPI {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-CPI:hover .description-CPI {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17bee97 */.card-TBT{
    display: flex;
width: 375.012px;
height: 225.482px;
padding: 18.988px 18.988px 35.602px 18.988px;
flex-direction: column;
align-items: center;
gap: 18.988px;
flex-shrink: 0;
 background: #FFF;
box-shadow: 0px 4.747px 15.428px 0px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
}


.card-TBT:hover{
    border: 1px solid #CA6832;
box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.10);
    display: flex;
width: 375.012px;
height: 233px;
padding: 16px 16px 30px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}

        .card-TBT:hover .icon-TBT {
            flex-shrink: 0;
            top: -20px;
             transform: scale(0.6); 
         
        }

        .title-TBT{
            opacity: 1;
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card-TBT:hover .title-TBT {
            top: -30px;
           left: 60px;
            transform: translateY(-70px) scale(0.7); 
            text-align: left;
            opacity: 0.8;
        }

       
        .description-TBT{
            position: absolute; 
            opacity: 0;
            visibility: hidden;
           
        }

       

        .card-TBT:hover .description-TBT, .card:hover {
            bottom: 96px;
            opacity: 1;
            visibility: visible;
        }

      
     
      
        

         /* @keyframes buzz-out {
    10% { transform: translateX(3px) rotate(2deg); }
    20% { transform: translateX(-3px) rotate(-2deg); }
    30% { transform: translateX(3px) rotate(2deg); }
    40% { transform: translateX(-3px) rotate(-2deg); }
    50% { transform: translateX(2px) rotate(1deg); }
    60% { transform: translateX(-2px) rotate(-1deg); }
    70% { transform: translateX(1px) rotate(0deg); }
    80% { transform: translateX(-1px) rotate(0deg); }
    90% { transform: translateX(0); }
}
*/
.card1:hover {
    animation: buzz-out 0.5s ease-in-out;
}


/* ================= MOBILE ONLY ================= */
@media (max-width: 768px) {

    /* Carte normale */
    .card-TBT {
        width: 90%;
        max-width: 320px;
        padding: 16px;
        height: auto;
        flex-direction: column; /* icône au-dessus du titre */
        align-items: center;
        gap: 12px;
        position: relative; /* nécessaire pour description */
    }

    /* Hover : icône et titre sur la même ligne */
    .card-TBT:hover {
        width: 95%;
        max-width: 300px;
        flex-direction: row;         /* icône + titre côte à côte */
        align-items: flex-start;     /* icône en haut, titre aligné */
        justify-content: flex-start;
        gap: 12px;
        padding: 16px 12px 30px 12px;
    }

    /* Icône au hover */
    .card-TBT:hover .icon-TBT {
        transform: scale(0.6);
        position: relative;
        top: -20px; /* monte en haut */
    }

    /* Titre par défaut sous l'icône */
    .title-TBT {
        opacity: 1;
        text-align: center;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
        position: relative;
    }

    /* Titre au hover : monte pour s'aligner avec l'icône */
    .card-TBT:hover .title-TBT {
        transform: scale(0.7);
        text-align: left;
        opacity: 0.8;
        top: -120px; /* aligné avec l'icône */
    }

    /* Description en bas */
    .description-TBT {
        position: absolute;
        bottom: 12px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
    }

    .card-TBT:hover .description-TBT {
        opacity: 1;
        visibility: visible;
    }
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-d7b9e31 */.elementor-8 .elementor-element.elementor-element-d7b9e31 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
      border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-85935d2 */.elementor-8 .elementor-element.elementor-element-85935d2 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    font-weight: 700;
    border-left: 3px solid #CA6832;
}/* End custom CSS */
/* Start custom CSS for eael-adv-tabs, class: .elementor-element-1f01649 */.elementor-8 .elementor-element.elementor-element-1f01649 .eael-advance-tabs .eael-tabs-nav > ul li.active {
    border-left: 3px solid #CA6832;
    font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-391f1a1 */.e-n-tabs-heading {
    background-color: #EFF9FF;
    padding: 2px;
}

button#e-n-tab-title-598962251 {
    box-shadow: none;
}

button#e-n-tab-title-598962252 {
    box-shadow: none;
}

button#e-n-tab-title-598962253 {
    box-shadow: none;
}

button#e-n-tab-title-598962254 {
    box-shadow: none;
}

button#e-n-tab-title-598962255 {
    box-shadow: none;
}

/* Style de base pour l'onglet actif */
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    font-weight: 700;
    position: relative;
    display: inline-block;
}

/* Bordure verte centrée (version ajustable) */
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%; /* Ajustez cette valeur pour la longueur (ex: 70% pour plus large) */
    height: 4px; /* Épaisseur de la bordure */
    background: #CA6832; /* Couleur verte */
}/* End custom CSS */
/* Start custom CSS *//* Mobile */
@media (max-width: 767px) {
    .eael-advance-tabs .eael-tabs-nav>ul li .eael-tab-title {
        text-align: left;
    }
}/* End custom CSS */