.elementor-kit-7{--e-global-color-primary:#6E4984;--e-global-color-secondary:#010101;--e-global-color-text:#010101;--e-global-color-accent:#B18FDB;--e-global-color-33fb062:#F1F0F5;--e-global-color-3d8e15a:#23313C;--e-global-color-fbfdf33:#9C9CA2;--e-global-color-ed504d9:#0000003D;--e-global-color-96b34e5:#220E34;--e-global-color-f72d77b:#220E3480;--e-global-color-8fd9f65:#00000024;--e-global-color-c09dcb4:#FFFFFF;--e-global-color-5ba9857:#5C7C94;--e-global-typography-primary-font-family:"begum";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"century-gothic";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"century-gothic";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"century-gothic";--e-global-typography-accent-font-weight:500;font-family:"century-gothic", Sans-serif;font-size:14.5px;line-height:1.6em;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"begum", Sans-serif;}.elementor-kit-7 h2{color:var( --e-global-color-3d8e15a );font-family:"begum", Sans-serif;font-size:50px;}.elementor-kit-7 h4{line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7 h2{font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:14px;line-height:1.8em;}.elementor-kit-7 h2{font-size:24px;}.elementor-kit-7 h3{font-size:18px;line-height:1.4em;}.elementor-kit-7 h4{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.mbp0 p:last-child { margin-bottom: 0 !important; } /* ========================================================================== GLOBAL UTILITY CLASS: .btn-dark-secondary Applies animated white tracing hover border to any Elementor button ========================================================================== */ /* 1. Base Setup for Elementor Button Link */ .btn-dark-secondary .elementor-button, a.elementor-button.btn-dark-secondary { position: relative !important; overflow: visible !important; z-index: 1 !important; } /* 2. Pseudo-element holding all 4 borders */ .btn-dark-secondary .elementor-button::before, a.elementor-button.btn-dark-secondary::before { content: '' !important; position: absolute !important; top: -2px !important; left: -2px !important; right: -2px !important; bottom: -2px !important; /* Initial transparent borders */ border-top: 2px solid transparent !important; border-right: 2px solid transparent !important; border-bottom: 2px solid transparent !important; border-left: 2px solid transparent !important; pointer-events: none !important; /* Start at 0 size at top-left */ width: 0 !important; height: 0 !important; /* Transition sequence: Top -> Right -> Bottom -> Left */ transition: width 0.15s ease-in 0s, height 0.15s ease-in 0.15s, border-bottom-color 0s 0.3s, border-left-color 0s 0.45s !important; } /* 3. Hover State: Traces around all 4 edges */ .btn-dark-secondary .elementor-button:hover::before, a.elementor-button.btn-dark-secondary:hover::before { width: calc(100% + 4px) !important; height: calc(100% + 4px) !important; /* Sequential white border colors */ border-top-color: #ffffff !important; border-right-color: #ffffff !important; border-bottom-color: #ffffff !important; border-left-color: #ffffff !important; transition: width 0.15s ease-in 0s, height 0.15s ease-in 0.15s, border-bottom-color 0s 0.3s, border-left-color 0s 0.45s !important; } /*White button with box shadow on hover*/ /* 1. Base button setup for smooth transition */ .btn-white .elementor-button, a.elementor-button.btn-white { transition: box-shadow 0.3s ease-in-out, transform 0.3s ease !important; box-shadow: 0 0 0 0 rgba(177, 151, 231, 0) !important; /* Initial invisible shadow */ } /* 2. Soft Purple Glow Shadow on Hover */ .btn-white .elementor-button:hover, a.elementor-button.btn-white:hover { /* Offset-X, Offset-Y, Blur Radius, Spread Radius, Color */ box-shadow: 0 0 20px 5px rgba(177, 151, 231, 0.6) !important; } /*banner*/ /* ========================================== TABLET & MOBILE BACKGROUND + LOWER-LEFT LAYOUT ========================================== */ @media (max-width: 1024px) { .hero-split-bg { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; /* Left alignment */ justify-content: flex-end !important; /* Pushes content to the LOWER bottom */ padding-bottom: 40px !important; /* Adjust bottom spacing as needed */ background-position: right center !important; background-size: cover !important; background-repeat: no-repeat !important; } /* Solid #23313C background on left 40% */ .hero-split-bg::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 40% !important; height: 100% !important; background-color: #23313C !important; z-index: 0 !important; pointer-events: none; } /* Restricts text container strictly inside the lower-left 40% box */ .hero-split-bg > * { position: relative !important; z-index: 2 !important; width: 40% !important; max-width: 40% !important; margin-left: 0 !important; margin-right: auto !important; text-align: left !important; } } @media (max-width: 767px) { .hero-split-bg::before { width: 35% !important; } .hero-split-bg > * { width: 35% !important; max-width: 35% !important; } } .cm-white-box-top-br { border-top: 12px solid #6b8195; border-top-left-radius: 32px; border-top-right-radius: 32px; }/* End custom CSS */