.elementor-175 .elementor-element.elementor-element-28f79ee{--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:40px;--padding-bottom:40px;--padding-left:04px;--padding-right:04px;}.elementor-175 .elementor-element.elementor-element-28f79ee:not(.elementor-motion-effects-element-type-background), .elementor-175 .elementor-element.elementor-element-28f79ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background-image:url("https://forextif.com/wp-content/uploads/2025/12/Pattern.svg");}.elementor-175 .elementor-element.elementor-element-136c46e{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-175 .elementor-element.elementor-element-0a81b8a{--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:space-between;--border-radius:20px 20px 20px 20px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-175 .elementor-element.elementor-element-0a81b8a:not(.elementor-motion-effects-element-type-background), .elementor-175 .elementor-element.elementor-element-0a81b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://forextif.com/wp-content/uploads/2025/12/Bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-175 .elementor-element.elementor-element-ee89cd7{--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:space-between;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-175 .elementor-element.elementor-element-e983041{--display:flex;--gap:6px 6px;--row-gap:6px;--column-gap:6px;}.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-175 .elementor-element.elementor-element-77372ee .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:36px;font-weight:600;text-transform:capitalize;}.elementor-175 .elementor-element.elementor-element-dd2b888 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;color:#FDFDFD;}.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-175 .elementor-element.elementor-element-c4155cd .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-weight:500;text-transform:capitalize;border-style:solid;border-width:2px 2px 2px 2px;border-color:#494949;border-radius:12px 12px 12px 12px;padding:12px 32px 12px 32px;}.elementor-175 .elementor-element.elementor-element-5a0c8c8{--display:flex;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-175 .elementor-element.elementor-element-09ae652{--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-175 .elementor-element.elementor-element-09ae652:not(.elementor-motion-effects-element-type-background), .elementor-175 .elementor-element.elementor-element-09ae652 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A70;}.elementor-175 .elementor-element.elementor-element-09ae652.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-175 .elementor-element.elementor-element-7271bc4 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:600;}@media(max-width:1024px){.elementor-175 .elementor-element.elementor-element-28f79ee{--padding-top:40px;--padding-bottom:40px;--padding-left:012px;--padding-right:012px;}.elementor-175 .elementor-element.elementor-element-0a81b8a{--flex-direction:column-reverse;--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;--align-items:flex-start;}.elementor-175 .elementor-element.elementor-element-0a81b8a:not(.elementor-motion-effects-element-type-background), .elementor-175 .elementor-element.elementor-element-0a81b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-175 .elementor-element.elementor-element-e983041{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-175 .elementor-element.elementor-element-77372ee{text-align:left;}.elementor-175 .elementor-element.elementor-element-77372ee .elementor-heading-title{font-size:40px;line-height:1.2em;}.elementor-175 .elementor-element.elementor-element-dd2b888{text-align:left;}.elementor-175 .elementor-element.elementor-element-dd2b888 .elementor-heading-title{font-size:16px;line-height:1.2em;}.elementor-175 .elementor-element.elementor-element-5a0c8c8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-175 .elementor-element.elementor-element-09ae652.e-con{--align-self:flex-start;}}@media(max-width:767px){.elementor-175 .elementor-element.elementor-element-28f79ee{--padding-top:40px;--padding-bottom:40px;--padding-left:04px;--padding-right:04px;}.elementor-175 .elementor-element.elementor-element-0a81b8a{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-175 .elementor-element.elementor-element-ee89cd7{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-175 .elementor-element.elementor-element-e983041{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-175 .elementor-element.elementor-element-77372ee{text-align:left;}.elementor-175 .elementor-element.elementor-element-77372ee .elementor-heading-title{font-size:36px;}.elementor-175 .elementor-element.elementor-element-dd2b888{text-align:left;}.elementor-175 .elementor-element.elementor-element-dd2b888 .elementor-heading-title{font-size:16px;}.elementor-175 .elementor-element.elementor-element-5a0c8c8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-175 .elementor-element.elementor-element-09ae652{--width:fit-content;--padding-top:8px;--padding-bottom:8px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-175 .elementor-element.elementor-element-0a81b8a{--width:100%;}.elementor-175 .elementor-element.elementor-element-09ae652{--width:180.438px;}}@media(max-width:1024px) and (min-width:768px){.elementor-175 .elementor-element.elementor-element-0a81b8a{--width:100%;}.elementor-175 .elementor-element.elementor-element-5a0c8c8{--width:40%;}}/* Start custom CSS for button, class: .elementor-element-c4155cd *//* ========================================= 3RD BUTTON TYPE: "RESERVE BLACK" ========================================= */ /* --- 1. Base Style --- */ .cora-btn-reserve .elementor-button { /* Solid Dark Background (Almost Black) */ background: #0B0F19 !important; /* Text Styling */ color: #ffffff !important; font-family: inherit; font-weight: 600; font-size: 16px; letter-spacing: 0.3px; /* Shape & Size */ padding: 16px 36px; /* Slightly larger padding for prominence */ border-radius: 12px; /* Default Border (Subtle Blue Ring) */ border: 1px solid rgba(59, 130, 246, 0.3); /* Smooth Transition */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* Ensure no default shadow overrides */ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } /* --- 2. Hover Interaction (Glow Up) --- */ .cora-btn-reserve .elementor-button:hover, .cora-btn-reserve .elementor-button:focus { /* Lifts up */ transform: translateY(-3px); /* Border turns brighter blue */ border-color: #3b82f6; /* Background gets slightly lighter (Dark Grey/Blue tint) */ background: #111827 !important; /* The "Glow" Effect behind it */ box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.6), /* Blue glow underneath */ inset 0 0 20px rgba(59, 130, 246, 0.1); /* Inner blue tint */ } /* --- 3. Mobile Tap Effect --- */ @media (max-width: 768px) { .cora-btn-reserve .elementor-button:active { transform: scale(0.96); /* Tactile shrink */ border-color: #3b82f6; /* Instant blue feedback */ background: #1F2937 !important; /* Visual press state */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09ae652 */.cora-glass-badge { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 8px 24px; border-radius: 50px; background: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.2) 0%, transparent 70%), rgba(15, 20, 35, 0.55); border: 1px solid rgba(59, 130, 246, 0.5); box-shadow: 0px 5px 25px rgba(59, 130, 246, 0.3), inset 0px 0px 35px rgba(59, 130, 246, 0.4), inset 0px 0px 6px rgba(100, 180, 255, 0.7); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); transition: all 0.3s ease; cursor: default; } .cora-glass-badge:hover { border-color: rgba(100, 180, 255, 0.9); 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), inset 0px 0px 45px rgba(59, 130, 246, 0.6), inset 0px 0px 8px rgba(150, 220, 255, 0.9); transform: translateY(-2px); } .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; } .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 container, class: .elementor-element-28f79ee *//* ========================================= CURSOR TRACKING & ENTRANCE ANIMATIONS ========================================= */ /* --- 1. Section Setup --- */ .cora-tracking-section { position: relative; overflow: hidden; /* Keeps the glow inside the box */ /* Ensure background is dark for the glow to show */ background-color: #0B0F19; } /* --- 2. The Glowing Ball (Cursor Follower) --- */ .cora-mouse-glow { position: absolute; width: 600px; /* Size of the light */ height: 600px; background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0) 70%); border-radius: 50%; pointer-events: none; /* Let clicks pass through */ transform: translate(-50%, -50%); /* Centers ball on mouse */ opacity: 0; /* Hidden until mouse moves */ transition: opacity 0.3s ease; /* Smooth fade in/out */ z-index: 0; /* Behind the content */ mix-blend-mode: screen; /* Blends nicely with dark bg */ } /* --- 3. Content Entrance Animations --- */ .cora-tracking-content { opacity: 0; animation: cora-slide-up 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; position: relative; z-index: 2; /* Sits on top of the glow */ } /* Phone Entrance & Float */ .cora-tracking-image { opacity: 0; animation: cora-slide-up 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; animation-delay: 0.3s; position: relative; z-index: 2; } /* Continuous Floating for Phone */ .cora-tracking-image img { animation: cora-float-phone 6s ease-in-out infinite; } /* --- 4. Checklist Item Interaction --- */ /* Target the Icon List Items inside the content column */ .cora-tracking-content .elementor-icon-list-item { transition: transform 0.3s ease; } .cora-tracking-content .elementor-icon-list-item:hover { transform: translateX(10px); /* Slide right on hover */ } .cora-tracking-content .elementor-icon-list-item:hover .elementor-icon-list-icon i { color: #60A5FA; /* Icon glows brighter blue */ text-shadow: 0 0 10px rgba(96, 165, 250, 0.6); } /* --- Keyframes --- */ @keyframes cora-slide-up { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } @keyframes cora-float-phone { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } /* --- Mobile Optimization --- */ @media (max-width: 768px) { /* Disable the cursor glow on mobile (no mouse) */ .cora-mouse-glow { display: none; } /* Simplify float animation to save battery */ .cora-tracking-image img { animation: none; } }/* 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 */