/* 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 */

arc3.agency

ARC3 powers decentralized growth through plasma-charged strategies, cosmic precision, and measurable traction.


Web3 GaaS


eDevAAs

Our multiverse is baked by


DeFi Protocols

Precision campaigns that amplify liquidity, boost user engagement, and fuel token velocity.


NFT Projects

From teaser drops to full-blown mints—we craft hype that converts and communities that orbit.


Web3 Founders

From teaser drops to full-blown mints—we craft hype that converts and communities that orbit.

ARC3 is the gravitational force behind today’s most electrified Web3 projects—built for founders who demand impact. We don’t just market —we electrify, amplify, and propel your project into orbit.

Mission

To Amplify, Electrify, and Deliver Results That Resonate

Our mission is to architect high-voltage, on-chain momentum that propels Web3 projects into unstoppable growth.

Vision

The Future of Decentralized Success, Forged Today

ARC3 envisions a galaxy of decentralized leaders empowered by strategic precision, creative fusion, and cosmic scale.

From Builders to Innovators—We Power the Next Wave of Web3


DeFi Protocols

Precision campaigns that amplify liquidity, boost user engagement, and fuel token velocity.


NFT Projects

From teaser drops to full-blown mints—we craft hype that converts and communities that orbit.


Web3 Founders

From teaser drops to full-blown mints—we craft hype that converts and communities that orbit.


DAOs

Narratives that stick, strategies that scale—driving active participation and cross-chain recognition.


dApps

We launch apps into the spotlight with sleek storytelling, community traction, and results on-chain.


Infrastructure Layers

Position your layer as the backbone of Web3—ARC3 delivers visibility, credibility, and momentum.

We partner with Web3 founders, NFT visionaries, DeFi disruptors, and DAOs—delivering plasma-charged campaigns, on-chain momentum, and gravity-defying growth. ARC3 transforms your project into a force the ecosystem can’t ignore.

(Coming Soon) NodeSparks - Activated validators via storytelling + “proof of vibe” quests.

(Coming Soon) AstroMint Launch - Boosted mint velocity through multiverse influencer activation.

(Coming Soon) DAOceans Whitepaper - Translated complex tokenomics into engaging, readable content layers.

(Coming Soon) Kairo Wallet - Crafted identity merging security, style, and onchain access.

January 17, 2025

From Hype to Traction: What Web3 Founders Must Know in 2025

Office ipsum you must be muted. Discussion just base silently lunch catching if exploratory developing. Expectations issues ground activities relaxation unit.

Discussion just base silently lunch catching if exploratory developing.

Jan 04, 2025

The ARC3 Playbook: Launch Campaigns That Actually Convert

Jan 04, 2025

The ARC3 Playbook: Launch Campaigns That Actually Convert

Jan 04, 2025

The ARC3 Playbook: Launch Campaigns That Actually Convert