.elementor-187 .elementor-element.elementor-element-5c996c9{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:04px;--padding-right:04px;}.elementor-187 .elementor-element.elementor-element-5c996c9:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-5c996c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forextif.com/wp-content/uploads/2025/12/Pattern.svg");}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-187 .elementor-element.elementor-element-f3a14cf.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-187 .elementor-element.elementor-element-f3a14cf{left:73.621%;}body.rtl .elementor-187 .elementor-element.elementor-element-f3a14cf{right:73.621%;}.elementor-187 .elementor-element.elementor-element-f3a14cf{top:40.673%;}.elementor-187 .elementor-element.elementor-element-54e7b7f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-187 .elementor-element.elementor-element-0481a54{--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:flex-end;}.elementor-187 .elementor-element.elementor-element-e5b4236{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:100px 100px 100px 100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:4px;--padding-right:4px;}.elementor-187 .elementor-element.elementor-element-e5b4236:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-e5b4236 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#61616170;}.elementor-187 .elementor-element.elementor-element-e5b4236.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-187 .elementor-element.elementor-element-6dfc451{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-187 .elementor-element.elementor-element-6dfc451.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-187 .elementor-element.elementor-element-6b9213c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:600;}.elementor-187 .elementor-element.elementor-element-b0afa96{text-align:right;}.elementor-187 .elementor-element.elementor-element-b0afa96 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:60px;font-weight:700;}.elementor-187 .elementor-element.elementor-element-5522691{width:var( --container-widget-width, 91.699% );max-width:91.699%;--container-widget-width:91.699%;--container-widget-flex-grow:0;text-align:right;}.elementor-187 .elementor-element.elementor-element-5522691.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-187 .elementor-element.elementor-element-5522691 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-f56e88c );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-187 .elementor-element.elementor-element-2da0159{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-187 .elementor-element.elementor-element-2da0159.elementor-element{--align-self:flex-end;}.elementor-187 .elementor-element.elementor-element-2da0159 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-187 .elementor-element.elementor-element-2da0159 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-187 .elementor-element.elementor-element-2da0159 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-187 .elementor-element.elementor-element-2da0159 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-187 .elementor-element.elementor-element-2da0159 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-187 .elementor-element.elementor-element-1c442ac .elementor-button{background-color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-weight:500;text-transform:capitalize;border-style:solid;border-width:2px 2px 2px 2px;border-color:#044FC7;border-radius:12px 12px 12px 12px;padding:12px 32px 12px 32px;}.elementor-187 .elementor-element.elementor-element-4f55c4f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-07ee0fe{--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:flex-end;}.elementor-187 .elementor-element.elementor-element-edfc970{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:100px 100px 100px 100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:4px;--padding-right:4px;}.elementor-187 .elementor-element.elementor-element-edfc970:not(.elementor-motion-effects-element-type-background), .elementor-187 .elementor-element.elementor-element-edfc970 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#61616170;}.elementor-187 .elementor-element.elementor-element-edfc970.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-187 .elementor-element.elementor-element-f2ae4c3{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-187 .elementor-element.elementor-element-f2ae4c3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-187 .elementor-element.elementor-element-5d38788 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:600;}.elementor-187 .elementor-element.elementor-element-4d553bc{text-align:right;}.elementor-187 .elementor-element.elementor-element-4d553bc .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:60px;font-weight:700;text-transform:capitalize;color:#FFFFFF00;}.elementor-187 .elementor-element.elementor-element-cb6f41b{width:var( --container-widget-width, 91.699% );max-width:91.699%;--container-widget-width:91.699%;--container-widget-flex-grow:0;text-align:right;}.elementor-187 .elementor-element.elementor-element-cb6f41b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-187 .elementor-element.elementor-element-cb6f41b .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;color:var( --e-global-color-f56e88c );}.elementor-187 .elementor-element.elementor-element-84bad40{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-187 .elementor-element.elementor-element-84bad40.elementor-element{--align-self:flex-end;}.elementor-187 .elementor-element.elementor-element-84bad40 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-187 .elementor-element.elementor-element-84bad40 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-187 .elementor-element.elementor-element-84bad40 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-187 .elementor-element.elementor-element-84bad40 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-187 .elementor-element.elementor-element-84bad40 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-187 .elementor-element.elementor-element-e845d14 .elementor-button{background-color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-weight:500;text-transform:capitalize;border-style:solid;border-width:2px 2px 2px 2px;border-color:#044FC7;border-radius:12px 12px 12px 12px;padding:12px 32px 12px 32px;}@media(max-width:1024px){.elementor-187 .elementor-element.elementor-element-5c996c9{--padding-top:80px;--padding-bottom:60px;--padding-left:012px;--padding-right:012px;}body:not(.rtl) .elementor-187 .elementor-element.elementor-element-f3a14cf{left:66.583%;}body.rtl .elementor-187 .elementor-element.elementor-element-f3a14cf{right:66.583%;}.elementor-187 .elementor-element.elementor-element-f3a14cf{top:105.995%;}.elementor-187 .elementor-element.elementor-element-54e7b7f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-0481a54{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-187 .elementor-element.elementor-element-b0afa96{text-align:center;}.elementor-187 .elementor-element.elementor-element-5522691{text-align:center;}.elementor-187 .elementor-element.elementor-element-2da0159.elementor-element{--align-self:center;}.elementor-187 .elementor-element.elementor-element-07ee0fe{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-187 .elementor-element.elementor-element-4d553bc{text-align:center;}.elementor-187 .elementor-element.elementor-element-cb6f41b{text-align:center;}.elementor-187 .elementor-element.elementor-element-84bad40.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-187 .elementor-element.elementor-element-5c996c9{--padding-top:100px;--padding-bottom:60px;--padding-left:04px;--padding-right:04px;}.elementor-187 .elementor-element.elementor-element-f3a14cf{width:var( --container-widget-width, 163px );max-width:163px;--container-widget-width:163px;--container-widget-flex-grow:0;top:79%;}body:not(.rtl) .elementor-187 .elementor-element.elementor-element-f3a14cf{left:44%;}body.rtl .elementor-187 .elementor-element.elementor-element-f3a14cf{right:44%;}.elementor-187 .elementor-element.elementor-element-54e7b7f{--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-187 .elementor-element.elementor-element-e5b4236{--width:fit-content;--padding-top:8px;--padding-bottom:8px;--padding-left:16px;--padding-right:012px;}.elementor-187 .elementor-element.elementor-element-6dfc451{--container-widget-width:20px;--container-widget-flex-grow:0;width:var( --container-widget-width, 20px );max-width:20px;}.elementor-187 .elementor-element.elementor-element-b0afa96 .elementor-heading-title{font-size:24px;}.elementor-187 .elementor-element.elementor-element-5522691 .elementor-heading-title{font-size:13px;}.elementor-187 .elementor-element.elementor-element-2da0159 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-187 .elementor-element.elementor-element-2da0159 .elementor-icon-list-item > a{font-size:16px;}.elementor-187 .elementor-element.elementor-element-4f55c4f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-187 .elementor-element.elementor-element-edfc970{--width:fit-content;--padding-top:8px;--padding-bottom:8px;--padding-left:16px;--padding-right:16px;}.elementor-187 .elementor-element.elementor-element-f2ae4c3{--container-widget-width:20px;--container-widget-flex-grow:0;width:var( --container-widget-width, 20px );max-width:20px;}.elementor-187 .elementor-element.elementor-element-4d553bc .elementor-heading-title{font-size:32px;}.elementor-187 .elementor-element.elementor-element-84bad40 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-187 .elementor-element.elementor-element-84bad40 .elementor-icon-list-item > a{font-size:16px;}.elementor-187 .elementor-element.elementor-element-e845d14{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-187 .elementor-element.elementor-element-e845d14 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-187 .elementor-element.elementor-element-e5b4236{--width:194.438px;}.elementor-187 .elementor-element.elementor-element-edfc970{--width:240px;}}@media(max-width:1024px) and (min-width:768px){.elementor-187 .elementor-element.elementor-element-e5b4236{--width:240px;}.elementor-187 .elementor-element.elementor-element-edfc970{--width:240px;}}/* Start custom CSS for container, class: .elementor-element-e5b4236 *//* Main Badge Container */ .cora-glass-badge { /* Layout & Shape */ display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 20px ; border-radius: 50px; /* The "Figma" Background Magic */ background: /* Top center sheen */ radial-gradient(ellipse at top, rgba(255, 255, 255, 0.2) 0%, transparent 70%), /* Dark semi-transparent base */ rgba(15, 20, 35, 0.55); /* The Blue Border */ border: 1px solid rgba(59, 130, 246, 0.5); /* --- THE KEY CHANGE: Stronger Inner & Outer Glows --- */ box-shadow: /* 1. Soft Outer Blue Glow */ 0px 5px 25px rgba(59, 130, 246, 0.3), /* 2. Strong Inner Ambient Glow (Fills the badge with light) */ inset 0px 0px 35px rgba(59, 130, 246, 0.4), /* 3. Sharp Inner Rim Glow (Highlights the very edge) */ inset 0px 0px 6px rgba(100, 180, 255, 0.7); /* Glass Blur Effect */ backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); transition: all 0.3s ease; cursor: default; } /* Hover Effect - Intensify Everything */ .cora-glass-badge:hover { border-color: rgba(100, 180, 255, 0.9); /* Brighter border */ background: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.25) 0%, transparent 70%), rgba(15, 20, 35, 0.6); box-shadow: 0px 8px 35px rgba(59, 130, 246, 0.5), /* Stronger outer */ inset 0px 0px 45px rgba(59, 130, 246, 0.6), /* Brighter inner fill */ inset 0px 0px 8px rgba(150, 220, 255, 0.9); /* Very bright inner rim */ transform: translateY(-2px); } /* Text Styling (Same as before) */ .cora-glass-badge h1, .cora-glass-badge h2, .cora-glass-badge h3, .cora-glass-badge h4, .cora-glass-badge h5, .cora-glass-badge h6, .cora-glass-badge p, .cora-glass-badge span { color: #ffffff !important; margin: 0; font-weight: 400; letter-spacing: 0.3px; font-size: 14px; } /* Icon Styling (Same as before) */ .cora-glass-badge i, .cora-glass-badge svg { color: #3b82f6 !important; font-size: 16px; filter: drop-shadow(0 0 5px rgba(59, 130, 246, 1)); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1c442ac */.cora-btn-primary { /* Reset Elementor defaults */ background: transparent; } /* Target the actual button element inside Elementor */ .cora-btn-primary .elementor-button { font-family: inherit; /* Use your site's font */ font-weight: 500; font-size: 16px; padding: 14px 32px; /* Generous padding like Figma */ border-radius: 12px; /* Smooth rounded corners */ transition: all 0.3s ease; /* Ensure no default shadows interfere */ box-shadow: none; } /* --- 2. "Espace Membre" (The Blue Button) --- */ .cora-btn-primary .elementor-button { /* The Rich Blue Gradient */ background: linear-gradient(180deg, #0e5add 0%, #0540a6 100%); /* Dark Blue Border */ border: 1px solid #002b75; /* Text Color */ color: #ffffff !important; /* Inner Top Highlight (The glass feel) */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* Hover State (Blue) */ .cora-btn-primary .elementor-button:hover, .cora-btn-primary .elementor-button:focus { background: linear-gradient(180deg, #1266f1 0%, #084bc4 100%); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(14, 90, 221, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3); } /* --- 4. Mobile Tap "Press" Effect (Tactile Feedback) --- */ @media (max-width: 768px) { .cora-btn-primary .elementor-button:active { transform: scale(0.96); /* Physically shrinks on tap */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-edfc970 *//* Main Badge Container */ .cora-glass-badge { /* Layout & Shape */ display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 24px; border-radius: 50px; /* The "Figma" Background Magic */ background: /* Top center sheen */ radial-gradient(ellipse at top, rgba(255, 255, 255, 0.2) 0%, transparent 70%), /* Dark semi-transparent base */ rgba(15, 20, 35, 0.55); /* The Blue Border */ border: 1px solid rgba(59, 130, 246, 0.5); /* --- THE KEY CHANGE: Stronger Inner & Outer Glows --- */ box-shadow: /* 1. Soft Outer Blue Glow */ 0px 5px 25px rgba(59, 130, 246, 0.3), /* 2. Strong Inner Ambient Glow (Fills the badge with light) */ inset 0px 0px 35px rgba(59, 130, 246, 0.4), /* 3. Sharp Inner Rim Glow (Highlights the very edge) */ inset 0px 0px 6px rgba(100, 180, 255, 0.7); /* Glass Blur Effect */ backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); transition: all 0.3s ease; cursor: default; } /* Hover Effect - Intensify Everything */ .cora-glass-badge:hover { border-color: rgba(100, 180, 255, 0.9); /* Brighter border */ background: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.25) 0%, transparent 70%), rgba(15, 20, 35, 0.6); box-shadow: 0px 8px 35px rgba(59, 130, 246, 0.5), /* Stronger outer */ inset 0px 0px 45px rgba(59, 130, 246, 0.6), /* Brighter inner fill */ inset 0px 0px 8px rgba(150, 220, 255, 0.9); /* Very bright inner rim */ transform: translateY(-2px); } /* Text Styling (Same as before) */ .cora-glass-badge h1, .cora-glass-badge h2, .cora-glass-badge h3, .cora-glass-badge h4, .cora-glass-badge h5, .cora-glass-badge h6, .cora-glass-badge p, .cora-glass-badge span { color: #ffffff !important; margin: 0; font-weight: 400; letter-spacing: 0.3px; font-size: 14px; } /* Icon Styling (Same as before) */ .cora-glass-badge i, .cora-glass-badge svg { color: #3b82f6 !important; font-size: 16px; filter: drop-shadow(0 0 5px rgba(59, 130, 246, 1)); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4d553bc *//* ========================================= SCROLL-LINKED TEXT REVEAL (DIAGONAL WIPE) ========================================= */ .cora-scroll-text .elementor-heading-title { /* 1. The Colors: White (Active) -> Light Grey (Inactive) */ /* 110deg Angle creates a diagonal line that follows reading direction */ background: linear-gradient( 110deg, #ffffff 45%, /* The Active Color (White) */ #6B7280 55% /* The Inactive Color (Light Grey) */ ); /* 2. Size: Very wide to make the transition soft */ background-size: 250% 100%; /* 3. Start Position: 100% (This shows the Grey side initially) */ background-position: 100% 0%; /* 4. Clip background to text */ -webkit-background-clip: text; background-clip: text; /* 5. Make text transparent */ -webkit-text-fill-color: transparent; color: transparent; /* 6. Link to Scroll */ animation: cora-text-fill linear both; animation-timeline: view(); /* 7. Timing: Starts when text enters, finishes when centered */ animation-range: entry 10% cover 50%; } /* --- The Animation --- */ @keyframes cora-text-fill { 0% { /* Start with Grey (Right side of gradient) */ background-position: 100% 0%; } 100% { /* End with White (Left side of gradient) */ background-position: 0% 0%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e845d14 */.cora-btn-primary { /* Reset Elementor defaults */ background: transparent; } /* Target the actual button element inside Elementor */ .cora-btn-primary .elementor-button { font-family: inherit; /* Use your site's font */ font-weight: 500; font-size: 16px; padding: 14px 32px; /* Generous padding like Figma */ border-radius: 12px; /* Smooth rounded corners */ transition: all 0.3s ease; /* Ensure no default shadows interfere */ box-shadow: none; } /* --- 2. "Espace Membre" (The Blue Button) --- */ .cora-btn-primary .elementor-button { /* The Rich Blue Gradient */ background: linear-gradient(180deg, #0e5add 0%, #0540a6 100%); /* Dark Blue Border */ border: 1px solid #002b75; /* Text Color */ color: #ffffff !important; /* Inner Top Highlight (The glass feel) */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* Hover State (Blue) */ .cora-btn-primary .elementor-button:hover, .cora-btn-primary .elementor-button:focus { background: linear-gradient(180deg, #1266f1 0%, #084bc4 100%); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(14, 90, 221, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3); } /* --- 4. Mobile Tap "Press" Effect (Tactile Feedback) --- */ @media (max-width: 768px) { .cora-btn-primary .elementor-button:active { transform: scale(0.96); /* Physically shrinks on tap */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c996c9 *//* ========================================= FLOATING GLASS CARD (3rd Step) ========================================= */ /* --- 1. The Entrance Animation --- */ @keyframes cora-float-in { 0% { opacity: 0; transform: translateY(40px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* --- 2. Base Card Styling (Glassmorphism) --- */ .cora-floating-glass-card { /* Animation triggers on page load */ animation: cora-float-in 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards; animation-delay: 0.5s; /* Waits for other items before appearing */ opacity: 0; /* Starts hidden before animation */ /* The Glass Effect */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100% ); backdrop-filter: blur(15px); /* Stronger blur for depth */ -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(96, 165, 250, 0.3); /* Subtle blue border */ border-radius: 12px; /* Sharper, more modern corners */ /* Initial Shadow & Transition */ box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), /* Depth shadow */ inset 0 0 20px rgba(96, 165, 250, 0.05); /* Inner glow */ transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); /* Ensure 3D space for inner elements */ transform-style: preserve-3d; perspective: 1000px; } /* --- 3. Interactive Hover Effect --- */ @media (hover: hover) { .cora-floating-glass-card:hover { /* Lifts higher and tilts slightly towards the user */ transform: translateY(-20px) rotateX(5deg); /* Intensify the glow and shadow */ border-color: rgba(96, 165, 250, 0.6); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), /* Deeper shadow */ 0 0 40px rgba(96, 165, 250, 0.3), /* Stronger outer blue glow */ inset 0 0 30px rgba(96, 165, 250, 0.1); /* Stronger inner glow */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100% ); /* Slightly brighter on hover */ } /* Parallax effect for inner elements on hover */ /* Assumes your inner labels have the class .cora-float-anim from before */ .cora-floating-glass-card:hover .cora-float-anim { /* Move them slightly opposite to the card's tilt for depth */ transform: translateY(-5px) translateZ(30px) !important; transition: all 0.5s ease; /* Pause their bobbing animation while hovered */ animation-play-state: paused; } /* Make the central logo pop out */ .cora-floating-glass-card:hover img { transform: translateZ(50px) scale(1.05); filter: drop-shadow(0 10px 20px rgba(96, 165, 250, 0.4)); transition: all 0.5s ease; } } /* --- 4. Mobile Adjustments --- */ @media (max-width: 768px) { .cora-floating-glass-card { /* Simplify animation on mobile */ animation: none; opacity: 1; transform: none; margin-bottom: 20px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://forextif.com/wp-content/uploads/2025/12/DMSans-VariableFont_opszwght.ttf') format('truetype'); } /* End Custom Fonts CSS */