.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5233 .elementor-element.elementor-element-515e2555{--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;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-5233 .elementor-element.elementor-element-515e2555:not(.elementor-motion-effects-element-type-background), .elementor-5233 .elementor-element.elementor-element-515e2555 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-5233 .elementor-element.elementor-element-3197cbc5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-3692327f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5233 .elementor-element.elementor-element-3692327f:not(.elementor-motion-effects-element-type-background), .elementor-5233 .elementor-element.elementor-element-3692327f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1021;}.elementor-5233 .elementor-element.elementor-element-3692327f:hover{background-color:#0F102199;}.elementor-5233 .elementor-element.elementor-element-3692327f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5233 .elementor-element.elementor-element-7d5d4d29{--display:flex;--gap:2px 0px;--row-gap:2px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-7d5d4d29.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5233 .elementor-element.elementor-element-55d22f0e .elementor-heading-title{font-family:"Rotheck blod", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-5233 .elementor-element.elementor-element-ecba5b6 .elementor-heading-title{font-family:"Rotheck light", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-13dc447 );}.elementor-5233 .elementor-element.elementor-element-5a0780a9{text-align:right;}.elementor-5233 .elementor-element.elementor-element-5a0780a9 .elementor-heading-title{font-family:"Rotheck blod", Sans-serif;font-size:31px;font-weight:600;color:var( --e-global-color-primary );}.elementor-5233 .elementor-element.elementor-element-5508a785{--display:flex;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5233 .elementor-element.elementor-element-72a1e88c{--display:flex;}.elementor-5233 .elementor-element.elementor-element-72a1e88c.e-con{--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-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5233 .elementor-element.elementor-element-43c2ea6 .elementor-button{background-color:#7376AA00;font-family:"Rotheck blod", Sans-serif;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#4B4D51;border-radius:5px 5px 5px 5px;}.elementor-5233 .elementor-element.elementor-element-43c2ea6 .elementor-button:hover, .elementor-5233 .elementor-element.elementor-element-43c2ea6 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-6d78a02 );}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5233 .elementor-element.elementor-element-4250a2ee:not(.elementor-motion-effects-element-type-background), .elementor-5233 .elementor-element.elementor-element-4250a2ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1021;}.elementor-5233 .elementor-element.elementor-element-4250a2ee:hover{background-color:#0F102199;}.elementor-5233 .elementor-element.elementor-element-4250a2ee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5233 .elementor-element.elementor-element-40957cf6{--display:flex;--gap:2px 0px;--row-gap:2px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-40957cf6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5233 .elementor-element.elementor-element-765ea619 .elementor-heading-title{font-family:"Rotheck blod", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-5233 .elementor-element.elementor-element-31deaf5f .elementor-heading-title{font-family:"Rotheck light", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-13dc447 );}.elementor-5233 .elementor-element.elementor-element-79523b58{text-align:right;}.elementor-5233 .elementor-element.elementor-element-79523b58 .elementor-heading-title{font-family:"Rotheck blod", Sans-serif;font-size:31px;font-weight:600;color:var( --e-global-color-primary );}.elementor-5233 .elementor-element.elementor-element-6f02084{--display:flex;}.elementor-5233 .elementor-element.elementor-element-7f7416a0{--display:flex;}.elementor-5233 .elementor-element.elementor-element-4089e9a8 .elementor-button{background-color:#7376AA00;font-family:"Rotheck blod", Sans-serif;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#4B4D51;border-radius:5px 5px 5px 5px;}.elementor-5233 .elementor-element.elementor-element-4089e9a8 .elementor-button:hover, .elementor-5233 .elementor-element.elementor-element-4089e9a8 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-6d78a02 );}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee:not(.elementor-motion-effects-element-type-background), .elementor-5233 .elementor-element.elementor-element-2d0da0ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1021;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee:hover{background-color:#0F102199;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5233 .elementor-element.elementor-element-534b035c{--display:flex;--gap:2px 0px;--row-gap:2px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-534b035c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5233 .elementor-element.elementor-element-541dbce8 .elementor-heading-title{font-family:"Rotheck blod", Sans-serif;font-size:29px;font-weight:600;color:var( --e-global-color-text );}.elementor-5233 .elementor-element.elementor-element-3e9b7f46 .elementor-heading-title{font-family:"Rotheck light", Sans-serif;font-size:15px;font-weight:600;color:var( --e-global-color-13dc447 );}.elementor-5233 .elementor-element.elementor-element-5a2d4748{text-align:right;}.elementor-5233 .elementor-element.elementor-element-5a2d4748 .elementor-heading-title{font-family:"Rotheck blod", Sans-serif;font-size:31px;font-weight:600;color:var( --e-global-color-primary );}.elementor-5233 .elementor-element.elementor-element-5ca1052d{--display:flex;}.elementor-5233 .elementor-element.elementor-element-792c54fa{--display:flex;}.elementor-5233 .elementor-element.elementor-element-2f80f3a0 .elementor-button{background-color:#7376AA00;font-family:"Rotheck blod", Sans-serif;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#4B4D51;border-radius:5px 5px 5px 5px;}.elementor-5233 .elementor-element.elementor-element-2f80f3a0 .elementor-button:hover, .elementor-5233 .elementor-element.elementor-element-2f80f3a0 .elementor-button:focus{background-color:var( --e-global-color-primary );border-color:var( --e-global-color-6d78a02 );}@media(min-width:768px){.elementor-5233 .elementor-element.elementor-element-3197cbc5{--content-width:100%;}.elementor-5233 .elementor-element.elementor-element-3692327f{--width:30%;}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--width:30%;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--width:30%;}}@media(max-width:1366px) and (min-width:768px){.elementor-5233 .elementor-element.elementor-element-515e2555{--content-width:100%;}.elementor-5233 .elementor-element.elementor-element-3197cbc5{--content-width:100%;}.elementor-5233 .elementor-element.elementor-element-3692327f{--width:30%;}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--width:30%;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--width:30%;}}@media(max-width:1200px) and (min-width:768px){.elementor-5233 .elementor-element.elementor-element-72a1e88c{--width:172.396px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5233 .elementor-element.elementor-element-515e2555{--content-width:100%;}.elementor-5233 .elementor-element.elementor-element-3197cbc5{--content-width:99%;}}@media(max-width:880px) and (min-width:768px){.elementor-5233 .elementor-element.elementor-element-3197cbc5{--content-width:99%;}.elementor-5233 .elementor-element.elementor-element-3692327f{--width:50%;}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--width:50%;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--width:50%;}}@media(min-width:2400px){.elementor-5233 .elementor-element.elementor-element-3197cbc5{--content-width:90%;--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-5233 .elementor-element.elementor-element-3692327f{--width:30%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--width:30%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--width:30%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:1366px){.elementor-5233 .elementor-element.elementor-element-3197cbc5{--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-5233 .elementor-element.elementor-element-3692327f{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5233 .elementor-element.elementor-element-5a0780a9 .elementor-heading-title{font-size:30px;}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5233 .elementor-element.elementor-element-79523b58 .elementor-heading-title{font-size:30px;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5233 .elementor-element.elementor-element-5a2d4748 .elementor-heading-title{font-size:30px;}}@media(max-width:1200px){.elementor-5233 .elementor-element.elementor-element-3692327f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5233 .elementor-element.elementor-element-7d5d4d29{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-5508a785{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-72a1e88c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5233 .elementor-element.elementor-element-40957cf6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-6f02084{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-7f7416a0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-5233 .elementor-element.elementor-element-534b035c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-5ca1052d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5233 .elementor-element.elementor-element-792c54fa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-5233 .elementor-element.elementor-element-515e2555{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:880px){.elementor-5233 .elementor-element.elementor-element-3197cbc5{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}}@media(max-width:767px){.elementor-5233 .elementor-element.elementor-element-515e2555{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5233 .elementor-element.elementor-element-3197cbc5{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5233 .elementor-element.elementor-element-3692327f{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5233 .elementor-element.elementor-element-4250a2ee{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-5233 .elementor-element.elementor-element-2d0da0ee{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for html, class: .elementor-element-19513f3b */.custom-gradient-divider {
    position: relative;
    overflow: hidden;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(111, 100, 233, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3692327f */.card {
  position: relative;
  transition: background 0.0s; /* Smooth transition effect for background color change on hover */
}

.card:hover {
  --active: 1; /* Activates the overlay effect by setting opacity to 1 */
}

.card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at calc(var(--x) * 1px) calc(var(--y) * 1px),
    rgba(11, 103, 213, 0.15), /* Purple color with transparency for subtle glow effect */
    transparent 15vmin /* Gradient fades to transparent over a 15vmin distance */
  );
  background-attachment: fixed;
  opacity: var(--active, 0); /* Opacity controlled by --active variable */
  transition: opacity 0.2s; /* Smooth transition for opacity on hover */
  pointer-events: none;
}

.card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle at calc(var(--x) * 1px) calc(var(--y) * 1px),
      rgba(112, 100, 233, 1), /* Purple color with more opacity for a stronger effect */
      transparent 15vmin /* Gradient fades to transparent over a 15vmin distance */
    ),
    transparent;
  background-attachment: fixed;
  pointer-events: none;
  mask: linear-gradient(#7064E9, #7064E9) 50% 0 / 100% 2px no-repeat, /* Top edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 50% 100% / 100% 4px no-repeat, /* Bottom edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 0 50% / 2px 100% no-repeat, /* Left edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 100% 50% / 2px 100% no-repeat; /* Right edge with 4px thickness */
  transition: mask 0.2s; /* Smooth transition for mask (border color) on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e39511c */.custom-gradient-divider {
    position: relative;
    overflow: hidden;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(111, 100, 233, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4250a2ee */.card {
  position: relative;
  transition: background 0.0s; /* Smooth transition effect for background color change on hover */
}

.card:hover {
  --active: 1; /* Activates the overlay effect by setting opacity to 1 */
}

.card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at calc(var(--x) * 1px) calc(var(--y) * 1px),
    rgba(11, 103, 213, 0.15), /* Purple color with transparency for subtle glow effect */
    transparent 15vmin /* Gradient fades to transparent over a 15vmin distance */
  );
  background-attachment: fixed;
  opacity: var(--active, 0); /* Opacity controlled by --active variable */
  transition: opacity 0.2s; /* Smooth transition for opacity on hover */
  pointer-events: none;
}

.card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle at calc(var(--x) * 1px) calc(var(--y) * 1px),
      rgba(112, 100, 233, 1), /* Purple color with more opacity for a stronger effect */
      transparent 15vmin /* Gradient fades to transparent over a 15vmin distance */
    ),
    transparent;
  background-attachment: fixed;
  pointer-events: none;
  mask: linear-gradient(#7064E9, #7064E9) 50% 0 / 100% 2px no-repeat, /* Top edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 50% 100% / 100% 4px no-repeat, /* Bottom edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 0 50% / 2px 100% no-repeat, /* Left edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 100% 50% / 2px 100% no-repeat; /* Right edge with 4px thickness */
  transition: mask 0.2s; /* Smooth transition for mask (border color) on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62b72d50 */.custom-gradient-divider {
    position: relative;
    overflow: hidden;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 0%, rgba(111, 100, 233, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d0da0ee */.card {
  position: relative;
  transition: background 0.0s; /* Smooth transition effect for background color change on hover */
}

.card:hover {
  --active: 1; /* Activates the overlay effect by setting opacity to 1 */
}

.card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at calc(var(--x) * 1px) calc(var(--y) * 1px),
    rgba(11, 103, 213, 0.15), /* Purple color with transparency for subtle glow effect */
    transparent 15vmin /* Gradient fades to transparent over a 15vmin distance */
  );
  background-attachment: fixed;
  opacity: var(--active, 0); /* Opacity controlled by --active variable */
  transition: opacity 0.2s; /* Smooth transition for opacity on hover */
  pointer-events: none;
}

.card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle at calc(var(--x) * 1px) calc(var(--y) * 1px),
      rgba(112, 100, 233, 1), /* Purple color with more opacity for a stronger effect */
      transparent 15vmin /* Gradient fades to transparent over a 15vmin distance */
    ),
    transparent;
  background-attachment: fixed;
  pointer-events: none;
  mask: linear-gradient(#7064E9, #7064E9) 50% 0 / 100% 2px no-repeat, /* Top edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 50% 100% / 100% 4px no-repeat, /* Bottom edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 0 50% / 2px 100% no-repeat, /* Left edge with 4px thickness */
        linear-gradient(#7064E9, #7064E9) 100% 50% / 2px 100% no-repeat; /* Right edge with 4px thickness */
  transition: mask 0.2s; /* Smooth transition for mask (border color) on hover */
}/* End custom CSS */