/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a791982 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9201538 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a486c72 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1284d78 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6803185 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-faf5b79 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4d0c28 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8af9249 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6e9185f */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-842bdcc */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bc101f7 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-50c3c94 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7404da1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4bfffa3 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-394998a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8fc4b */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38b7a34 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d17371a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51d3c09 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-505405a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4e51f6a */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c98722 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2fe3d1 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-33b379e */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7a59ee */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0f5ce2 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4a8d36d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31d5b30 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d6b256 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41ea95d */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-600cb18 */.glowing { position: relative; background: #000; color: #fff; border-radius: 8px; padding: 1.5rem; padding-bottom: 3rem; max-width:100%; height: 280px; font-family: 'Montserrat', sans-serif; font-size: 18px; overflow: hidden; z-index: 1; } /* Violet border on hover */ .custom-card:hover::before { border-color: violet; } /* Corner glow effect */ .glowing::after { content: ''; position: absolute; top: -0px; left: -40px; width: 320px; height: 160px; background: radial-gradient(circle at center, #8C62FF, #FF62EF 100%); border-radius: 30%; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; filter: blur(170px); } .glowing:hover::after { opacity: 1; } /* White border only around the black box, not on the cutout */ .glowing::before { content: ''; position: absolute; inset: 0; border: 2px solid white; border-radius: 8px; pointer-events: none; z-index: -1; } .glowing:hover::before { border-color: #8C62FF; } } /* Responsive */ @media (max-width: 600px) { .glowing { padding: 1rem; padding-bottom: 3.5rem; width: 100%; height: auto; } .cutout-button { width: 44px; height: 44px; font-size: 1.2rem; } } /* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d668158 */.elementor-8970 .elementor-element.elementor-element-d668158{ --btn-color:#fff; --arrow-color:#000; --btn-size: 60px; } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button{ position: relative; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; box-shadow: none; padding: 0 calc(var(--btn-size) / 2.5); } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button-content-wrapper{ height: var(--btn-size); align-items: center; } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button-content-wrapper:before{ content: ""; display: block; position: absolute; width: var(--btn-size); height: var(--btn-size); background: var(--btn-color); margin: 0; left: 0; top: 0; border-radius: 15em; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button-text { font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px); position: relative; z-index: 1; color: transparent; /* 🟢 Default text color: Black */ transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button-text:after{ content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: calc(var(--btn-size) - (var(--btn-size) + 2px)); margin-top: -5px; border-top: 2px solid var(--arrow-color); border-right: 2px solid var(--arrow-color); transform: rotate(45deg); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button-text{ font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px);; position: relative; z-index: 1; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } /* Hover Animation */ .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button:hover .elementor-button-content-wrapper:before{ width: 100%; } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button:hover .elementor-button-text{ color: var(--arrow-color); } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button:hover .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .elementor-8970 .elementor-element.elementor-element-d668158 .elementor-button:hover .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9cffa3c */.elementor-8970 .elementor-element.elementor-element-9cffa3c{ --btn-color:#fff !important; --arrow-color:#000; --btn-size: 60px; } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button{ position: relative; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; box-shadow: none; padding: 0 calc(var(--btn-size) / 2.5); } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button-content-wrapper{ height: var(--btn-size); align-items: center; } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button-content-wrapper:before{ content: ""; display: block; position: absolute; width: var(--btn-size); height: var(--btn-size); background: var(--btn-color); margin: 0; left: 0; top: 0; border-radius: 15em; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button-text { font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px); position: relative; z-index: 1; color: #000; /* 🟢 Default text color: Black */ transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button-text:after{ content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: calc(var(--btn-size) - (var(--btn-size) + 2px)); margin-top: -5px; border-top: 2px solid var(--arrow-color); border-right: 2px solid var(--arrow-color); transform: rotate(45deg); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button-text{ font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px);; position: relative; z-index: 1; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } /* Hover Animation */ .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button:hover .elementor-button-content-wrapper:before{ width: 100%; } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button:hover .elementor-button-text{ color: var(--arrow-color); } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button:hover .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .elementor-8970 .elementor-element.elementor-element-9cffa3c .elementor-button:hover .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); }/* End custom CSS */ .elementor-2709 .elementor-element.elementor-element-d1960b3{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2709 .elementor-element.elementor-element-d1960b3:not(.elementor-motion-effects-element-type-background), .elementor-2709 .elementor-element.elementor-element-d1960b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2709 .elementor-element.elementor-element-4dcb42d{--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-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-2709 .elementor-element.elementor-element-c184fdf{text-align:start;}.elementor-2709 .elementor-element.elementor-element-c184fdf img{width:26%;}.elementor-2709 .elementor-element.elementor-element-831d0e6{--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;}.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-2709 .elementor-element.elementor-element-d09808d .elementor-icon-wrapper{text-align:center;}.elementor-2709 .elementor-element.elementor-element-d09808d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-2709 .elementor-element.elementor-element-d09808d.elementor-view-framed .elementor-icon, .elementor-2709 .elementor-element.elementor-element-d09808d.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-2709 .elementor-element.elementor-element-d09808d.elementor-view-framed .elementor-icon, .elementor-2709 .elementor-element.elementor-element-d09808d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-2709 .elementor-element.elementor-element-a7a7edb .e-off-canvas__content{background-color:#000000C2;}.elementor-2709 .elementor-element.elementor-element-a7a7edb .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-2709 .elementor-element.elementor-element-a7a7edb{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:500px;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-2709 .elementor-element.elementor-element-78daeae{--display:flex;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:70px;--padding-bottom:0px;--padding-left:50px;--padding-right:30px;}.elementor-2709 .elementor-element.elementor-element-afe7668 .elementor-icon-wrapper{text-align:end;}.elementor-2709 .elementor-element.elementor-element-afe7668.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2709 .elementor-element.elementor-element-afe7668.elementor-view-framed .elementor-icon, .elementor-2709 .elementor-element.elementor-element-afe7668.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2709 .elementor-element.elementor-element-afe7668.elementor-view-framed .elementor-icon, .elementor-2709 .elementor-element.elementor-element-afe7668.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2709 .elementor-element.elementor-element-afe7668 .elementor-icon{font-size:37px;}.elementor-2709 .elementor-element.elementor-element-afe7668 .elementor-icon svg{height:37px;}.elementor-2709 .elementor-element.elementor-element-f721f74 > .elementor-widget-container{margin:0px 0px 0px -20px;padding:0px 0px 0px 0px;}.elementor-2709 .elementor-element.elementor-element-f721f74{text-align:start;}.elementor-2709 .elementor-element.elementor-element-f721f74 img{width:36%;}.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-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2709 .elementor-element.elementor-element-039d4e7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;}.elementor-2709 .elementor-element.elementor-element-039d4e7 .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-2709 .elementor-element.elementor-element-66654ee > .elementor-widget-container{padding:0px 0px 0px 28px;}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-icon i{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-icon svg{fill:var( --e-global-color-astglobalcolor4 );transition:fill 0.3s;}.elementor-2709 .elementor-element.elementor-element-66654ee{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-2709 .elementor-element.elementor-element-66654ee .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2709 .elementor-element.elementor-element-f376d0c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;}.elementor-2709 .elementor-element.elementor-element-f376d0c .elementor-icon-list-text{color:var( --e-global-color-astglobalcolor4 );transition:color 0.3s;}.elementor-2709 .elementor-element.elementor-element-b123208{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2709 .elementor-element.elementor-element-b64850d{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2709 .elementor-element.elementor-element-b64850d .elementor-widget-container{text-align:left;}.elementor-2709 .elementor-element.elementor-element-b64850d .elementor-social-icon{background-color:#00000000;}.elementor-2709 .elementor-element.elementor-element-acdc53b{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;--z-index:999;}.elementor-2709 .elementor-element.elementor-element-acdc53b:not(.elementor-motion-effects-element-type-background), .elementor-2709 .elementor-element.elementor-element-acdc53b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000FA;}.elementor-2709 .elementor-element.elementor-element-664cdaa{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2709 .elementor-element.elementor-element-72aa156{text-align:start;}.elementor-2709 .elementor-element.elementor-element-72aa156 img{width:32%;}.elementor-2709 .elementor-element.elementor-element-17debe1{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af{width:100%;max-width:100%;}.elementor-2709 .elementor-element.elementor-element-03ca7af > .elementor-widget-container{margin:0px 78px 0px 0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a{font-family:"Lato", Sans-serif;font-size:17px;font-weight:400;color:var( --e-global-color-astglobalcolor4 );padding:0px 15px 0px 15px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a:hover{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a:focus{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a:active{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li:hover > a{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li.current-menu-item > a{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#956EFF;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-hamburger{float:right;}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}@media(min-width:768px){.elementor-2709 .elementor-element.elementor-element-4dcb42d{--width:50%;}.elementor-2709 .elementor-element.elementor-element-831d0e6{--width:50%;}.elementor-2709 .elementor-element.elementor-element-664cdaa{--width:45%;}.elementor-2709 .elementor-element.elementor-element-17debe1{--width:55%;}}@media(max-width:1024px){.elementor-2709 .elementor-element.elementor-element-d1960b3{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2709 .elementor-element.elementor-element-c184fdf img{width:45%;}.elementor-2709 .elementor-element.elementor-element-831d0e6{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2709 .elementor-element.elementor-element-d09808d .elementor-icon{font-size:41px;}.elementor-2709 .elementor-element.elementor-element-d09808d .elementor-icon svg{height:41px;}.elementor-2709 .elementor-element.elementor-element-a7a7edb{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:flex-start;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-2709 .elementor-element.elementor-element-03ca7af button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-2709 .elementor-element.elementor-element-d1960b3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2709 .elementor-element.elementor-element-4dcb42d{--width:50%;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2709 .elementor-element.elementor-element-c184fdf img{width:73%;}.elementor-2709 .elementor-element.elementor-element-831d0e6{--width:50%;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-2709 .elementor-element.elementor-element-d09808d .elementor-icon{font-size:33px;}.elementor-2709 .elementor-element.elementor-element-d09808d .elementor-icon svg{height:33px;}.elementor-2709 .elementor-element.elementor-element-03ca7af .elementskit-nav-logo > img{max-width:120px;max-height:50px;}} .elementor-1153 .elementor-element.elementor-element-b8fe90a{--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;--overlay-opacity:1;--padding-top:150px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-1153 .elementor-element.elementor-element-b8fe90a:not(.elementor-motion-effects-element-type-background), .elementor-1153 .elementor-element.elementor-element-b8fe90a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1153 .elementor-element.elementor-element-b8fe90a::before, .elementor-1153 .elementor-element.elementor-element-b8fe90a > .elementor-background-video-container::before, .elementor-1153 .elementor-element.elementor-element-b8fe90a > .e-con-inner > .elementor-background-video-container::before, .elementor-1153 .elementor-element.elementor-element-b8fe90a > .elementor-background-slideshow::before, .elementor-1153 .elementor-element.elementor-element-b8fe90a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1153 .elementor-element.elementor-element-b8fe90a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://arc3.agency/wp-content/uploads/2025/05/4-10.png");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1153 .elementor-element.elementor-element-0e7cc11{--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;}.elementor-1153 .elementor-element.elementor-element-af5a198{--display:flex;}.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-1153 .elementor-element.elementor-element-305f737{width:var( --container-widget-width, 73.336% );max-width:73.336%;--container-widget-width:73.336%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-1153 .elementor-element.elementor-element-305f737.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.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-1153 .elementor-element.elementor-element-006c17e .elementor-button{background-color:#61CE7000;fill:#FFFFFF;color:#FFFFFF;}.elementor-1153 .elementor-element.elementor-element-2d7d0c8{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F3F3F3;--border-color:#F3F3F3;--border-radius:8px 8px 8px 8px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1153 .elementor-element.elementor-element-1359d64{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-1153 .elementor-element.elementor-element-d01532b{--display:flex;}.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-1153 .elementor-element.elementor-element-c9b3d17 > .elementor-widget-container{margin:0px 0px 0px -22px;padding:0px 0px 0px 0px;}.elementor-1153 .elementor-element.elementor-element-c9b3d17{text-align:start;}.elementor-1153 .elementor-element.elementor-element-c9b3d17 img{width:43%;}.elementor-1153 .elementor-element.elementor-element-ca943ee{--grid-template-columns:repeat(0, auto);--grid-column-gap:2px;}.elementor-1153 .elementor-element.elementor-element-ca943ee .elementor-widget-container{text-align:left;}.elementor-1153 .elementor-element.elementor-element-ca943ee .elementor-social-icon{background-color:#03030300;}.elementor-1153 .elementor-element.elementor-element-486cb3c{width:var( --container-widget-width, 73.336% );max-width:73.336%;--container-widget-width:73.336%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-1153 .elementor-element.elementor-element-486cb3c.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1153 .elementor-element.elementor-element-2853aa1{width:var( --container-widget-width, 61% );max-width:61%;--container-widget-width:61%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 > .elementor-widget-container{background-color:#FFFFFF;border-radius:6px 6px 6px 6px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-field-group{padding-right:calc( 25px/2 );padding-left:calc( 25px/2 );margin-bottom:10px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-form-fields-wrapper{margin-left:calc( -25px/2 );margin-right:calc( -25px/2 );margin-bottom:-10px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-field-type-html{padding-bottom:0px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 0px 0px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 0px 0px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;padding:15px 15px 15px 15px;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .e-form__buttons__wrapper__button-next{background-color:#FFFFFF;color:#000000;border-color:#E4E4E4;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-button[type="submit"]{background-color:#FFFFFF;color:#000000;border-color:#E4E4E4;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1153 .elementor-element.elementor-element-2853aa1 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1153 .elementor-element.elementor-element-767a836{--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-around;--gap:0px 119px;--row-gap:0px;--column-gap:119px;}.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-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(35px/2);}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(35px/2);}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(35px/2);}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-35px/2);}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-35px/2);}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1153 .elementor-element.elementor-element-30db8de{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-1153 .elementor-element.elementor-element-30db8de .elementor-icon-list-text{color:#F3F3F3;transition:color 0.3s;}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(35px/2);}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(35px/2);}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(35px/2);}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-35px/2);}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-35px/2);}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1153 .elementor-element.elementor-element-6eebc01{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-1153 .elementor-element.elementor-element-6eebc01 .elementor-icon-list-text{color:#F3F3F3;transition:color 0.3s;}.elementor-1153 .elementor-element.elementor-element-365c368{--display:flex;}.elementor-widget-copyright .hfe-copyright-wrapper a, .elementor-widget-copyright .hfe-copyright-wrapper{color:var( --e-global-color-text );}.elementor-widget-copyright .hfe-copyright-wrapper, .elementor-widget-copyright .hfe-copyright-wrapper a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1153 .elementor-element.elementor-element-55826af .hfe-copyright-wrapper{text-align:center;}.elementor-1153 .elementor-element.elementor-element-55826af .hfe-copyright-wrapper a, .elementor-1153 .elementor-element.elementor-element-55826af .hfe-copyright-wrapper{color:var( --e-global-color-astglobalcolor5 );}.elementor-1153 .elementor-element.elementor-element-55826af .hfe-copyright-wrapper, .elementor-1153 .elementor-element.elementor-element-55826af .hfe-copyright-wrapper a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}@media(max-width:1024px){.elementor-1153 .elementor-element.elementor-element-b8fe90a{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1153 .elementor-element.elementor-element-305f737{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;font-size:17px;}.elementor-1153 .elementor-element.elementor-element-c9b3d17 img{width:62%;}.elementor-1153 .elementor-element.elementor-element-ca943ee{--grid-column-gap:0px;}}@media(max-width:767px){.elementor-1153 .elementor-element.elementor-element-b8fe90a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1153 .elementor-element.elementor-element-305f737.elementor-element{--align-self:center;}.elementor-1153 .elementor-element.elementor-element-305f737{text-align:center;}.elementor-1153 .elementor-element.elementor-element-006c17e.elementor-element{--align-self:center;}.elementor-1153 .elementor-element.elementor-element-2d7d0c8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1153 .elementor-element.elementor-element-c9b3d17{text-align:center;}.elementor-1153 .elementor-element.elementor-element-c9b3d17 img{width:66%;}.elementor-1153 .elementor-element.elementor-element-ca943ee .elementor-widget-container{text-align:center;}.elementor-1153 .elementor-element.elementor-element-ca943ee{--icon-size:18px;}.elementor-1153 .elementor-element.elementor-element-486cb3c{width:100%;max-width:100%;text-align:center;}.elementor-1153 .elementor-element.elementor-element-486cb3c.elementor-element{--align-self:center;}.elementor-1153 .elementor-element.elementor-element-2853aa1{width:100%;max-width:100%;}.elementor-1153 .elementor-element.elementor-element-767a836{--justify-content:space-evenly;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1153 .elementor-element.elementor-element-767a836.e-con{--align-self:center;}.elementor-1153 .elementor-element.elementor-element-55826af .hfe-copyright-wrapper, .elementor-1153 .elementor-element.elementor-element-55826af .hfe-copyright-wrapper a{font-size:13px;}}@media(min-width:768px){.elementor-1153 .elementor-element.elementor-element-af5a198{--width:50%;}.elementor-1153 .elementor-element.elementor-element-2d7d0c8{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1153 .elementor-element.elementor-element-2d7d0c8{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-006c17e */.elementor-1153 .elementor-element.elementor-element-006c17e{ --btn-color:#fff; --arrow-color:#000; --btn-size: 60px; } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button{ position: relative; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; box-shadow: none; padding: 0 calc(var(--btn-size) / 2.5); } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button-content-wrapper{ height: var(--btn-size); align-items: center; } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button-content-wrapper:before{ content: ""; display: block; position: absolute; width: var(--btn-size); height: var(--btn-size); background: var(--btn-color); margin: 0; left: 0; top: 0; border-radius: 15em; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button-text { font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px); position: relative; z-index: 1; color: transparent; /* 🟢 Default text color: Black */ transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button-text:after{ content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: calc(var(--btn-size) - (var(--btn-size) + 2px)); margin-top: -5px; border-top: 2px solid var(--arrow-color); border-right: 2px solid var(--arrow-color); transform: rotate(45deg); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button-text{ font-size: calc(var(--btn-size) / 3); padding-left: calc(var(--btn-size) - 10px);; position: relative; z-index: 1; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); } /* Hover Animation */ .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button:hover .elementor-button-content-wrapper:before{ width: 100%; } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button:hover .elementor-button-text{ color: var(--arrow-color); } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button:hover .elementor-button-text:before{ background: var(--arrow-color); transform: translate(17px, 0); } .elementor-1153 .elementor-element.elementor-element-006c17e .elementor-button:hover .elementor-button-text:after{ transform: translate(15px, 0) rotate(45deg); }/* End custom CSS */ .wpr-dc-hidden{display:none!important}.wpr-dc-fallback{margin:0;padding:0} /*# sourceURL=elementor-frontend-inline-css */