.elementor-kit-49{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;background-image:url("https://computersuper.dk/wp-content/uploads/2026/08/DOTTED_PAPER1.png");background-position:center center;background-repeat:repeat;overscroll-behavior:auto;--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-page-transition-animation-duration:1500ms;}.elementor-kit-49.el-is-editing{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-49 h2{color:#000000;font-family:"Helvetica", Sans-serif;font-size:70px;font-weight:bold;letter-spacing:-3px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-ui-color-hover:#FE2E2E;}.elementor-kit-49 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, #FB3939 100%, #FFFFFF00 0%);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* --------------------------------
   CAROUSEL CONTAINER
-------------------------------- */

.project-carousel-wrap {
    position: relative;
}


/* --------------------------------
   HOVER CARD
-------------------------------- */

.project-hover-card {
    position: fixed;

     width: 480px;
    height: 320px;
    max-width: 45vw;

    padding: 45px 55px;

    background-image: url("http://computersuper.dk/wp-content/uploads/2026/10/Card_Border_Red.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    
    color: #ffffff;

    z-index: 99999;

    opacity: 0;
    visibility: hidden;

    transform: translate3d(0, 0, 0);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;

    box-sizing: border-box;

    pointer-events: none;

    font-family: Helvetica, Arial, sans-serif;
}

.project-hover-card.is-visible {
    opacity: 1;
    visibility: visible;
}



/* --------------------------------
   CARD TITLE
-------------------------------- */

.project-hover-title {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.05;
    margin-bottom: 20px;
}


/* --------------------------------
   DESCRIPTION
-------------------------------- */

.project-hover-description {
    font-family: monospace;

    font-size: 16px;

    line-height: 1.7;

    letter-spacing: 2px;

    margin-bottom: 30px;
}


/* --------------------------------
   META INFORMATION
-------------------------------- */

.project-hover-meta {
    display: flex;

    gap: 45px;

    font-family: monospace;
}

.project-hover-meta div {
    display: flex;

    flex-direction: column;

    gap: 7px;
}

.project-hover-meta span {
    font-size: 12px;

    letter-spacing: 2px;

    opacity: 0.7;
}

.project-hover-meta strong {
    font-size: 14px;

    letter-spacing: 1px;
}


/* --------------------------------
   VISIBLE STATE
-------------------------------- */

.project-hover-card.is-visible {
    opacity: 1;

    visibility: visible;

    
}/* End custom CSS */