.elementor-4176 .elementor-element.elementor-element-3524384{--display:flex;--min-height:80px;--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;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000029;--border-color:#00000029;box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.05);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;--z-index:99999;}.elementor-4176 .elementor-element.elementor-element-3524384:not(.elementor-motion-effects-element-type-background), .elementor-4176 .elementor-element.elementor-element-3524384 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EBED;}.elementor-4176 .elementor-element.elementor-element-3524384 .wcf-image-hover{background-image:url( https://euroatlas.com/wp-content/uploads/2025/09/placeholder.webp );}.elementor-4176 .elementor-element.elementor-element-1b4ce08b{--display:flex;--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;--justify-content:center;--align-items:center;--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-4176 .elementor-element.elementor-element-1b4ce08b .wcf-image-hover{background-image:url( https://euroatlas.com/wp-content/uploads/2025/09/placeholder.webp );}.elementor-widget-theme-site-logo .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-4176 .elementor-element.elementor-element-6933d7e9{padding:5px 0px 0px 0px;z-index:999;}.elementor-4176 .elementor-element.elementor-element-6933d7e9.elementor-element{--align-self:center;}.elementor-4176 .elementor-element.elementor-element-6933d7e9 img{width:150px;}.elementor-4176 .elementor-element.elementor-element-6e2f9c5e{--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;--flex-wrap:nowrap;--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-4176 .elementor-element.elementor-element-6e2f9c5e .wcf-image-hover{background-image:url( https://euroatlas.com/wp-content/uploads/2025/09/placeholder.webp );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4176 .elementor-element.elementor-element-585f0f4f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:15px;--e-nav-menu-divider-color:#C4C4C4;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-4176 .elementor-element.elementor-element-585f0f4f.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu .elementor-item{font-family:"JetBrains Mono", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main .elementor-item{color:#727A87;fill:#727A87;padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-69746d9 );fill:var( --e-global-color-69746d9 );}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-69746d9 );}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a, .elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-menu-toggle{color:var( --e-global-color-d4f16c4 );fill:var( --e-global-color-d4f16c4 );}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown{background-color:var( --e-global-color-7241c8a );border-style:solid;border-width:4px 0px 0px 0px;border-color:var( --e-global-color-d4f16c4 );border-radius:0px 0px 0px 0px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a:hover,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a:focus,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-menu-toggle:hover,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-menu-toggle:focus{color:var( --e-global-color-b3ee496 );}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a:hover,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a:focus,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-d4f16c4 );}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-b3ee496 );}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown .elementor-item, .elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:clamp(0.8rem, 0.7414rem + 0.2759vw, 1rem);font-weight:300;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown a{padding-left:25px;padding-right:25px;padding-top:20px;padding-bottom:20px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#00000017;border-bottom-width:1px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-4176 .elementor-element.elementor-element-26af2f84{--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:flex-end;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-4176 .elementor-element.elementor-element-26af2f84 .wcf-image-hover{background-image:url( https://euroatlas.com/wp-content/uploads/2025/09/placeholder.webp );}.elementor-4176 .elementor-element.elementor-element-bac023a:hover{background-color:var( --e-global-color-b3ee496 );}.elementor-4176 .elementor-element.elementor-element-bac023a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;border-radius:4px 4px 4px 4px;--nav-menu-icon-size:1rem;}.elementor-4176 .elementor-element.elementor-element-bac023a .elementor-nav-menu--dropdown a.elementor-item-active{color:#222222;background-color:var( --e-global-color-b3ee496 );}.elementor-4176 .elementor-element.elementor-element-bac023a .elementor-nav-menu--dropdown .elementor-item, .elementor-4176 .elementor-element.elementor-element-bac023a .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"JetBrains Mono", Sans-serif;font-size:0.9rem;font-weight:400;}.elementor-4176 .elementor-element.elementor-element-bac023a .elementor-nav-menu--dropdown{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;}.elementor-4176 .elementor-element.elementor-element-bac023a .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4176 .elementor-element.elementor-element-bac023a .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:17px !important;}.elementor-4176 .elementor-element.elementor-element-bac023a div.elementor-menu-toggle{color:#727A87;}.elementor-4176 .elementor-element.elementor-element-bac023a div.elementor-menu-toggle svg{fill:#727A87;}.elementor-4176 .elementor-element.elementor-element-bac023a .elementor-menu-toggle{background-color:#02010100;border-width:0px;border-radius:0px;}.elementor-4176 .elementor-element.elementor-element-bac023a div.elementor-menu-toggle:hover, .elementor-4176 .elementor-element.elementor-element-bac023a div.elementor-menu-toggle:focus{color:#000000;}.elementor-4176 .elementor-element.elementor-element-bac023a div.elementor-menu-toggle:hover svg, .elementor-4176 .elementor-element.elementor-element-bac023a div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-4176 .elementor-element.elementor-element-3619a2b:hover{background-color:var( --e-global-color-b3ee496 );}.elementor-4176 .elementor-element.elementor-element-3619a2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:4px 4px 4px 4px;--nav-menu-icon-size:1rem;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown .elementor-item, .elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"JetBrains Mono", Sans-serif;font-weight:500;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown{border-style:none;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:28px !important;}.elementor-4176 .elementor-element.elementor-element-3619a2b div.elementor-menu-toggle{color:#727A87;}.elementor-4176 .elementor-element.elementor-element-3619a2b div.elementor-menu-toggle svg{fill:#727A87;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-menu-toggle{background-color:#02010100;border-width:0px;border-radius:0px;}.elementor-4176 .elementor-element.elementor-element-3619a2b div.elementor-menu-toggle:hover, .elementor-4176 .elementor-element.elementor-element-3619a2b div.elementor-menu-toggle:focus{color:#000000;}.elementor-4176 .elementor-element.elementor-element-3619a2b div.elementor-menu-toggle:hover svg, .elementor-4176 .elementor-element.elementor-element-3619a2b div.elementor-menu-toggle:focus svg{fill:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4176 .elementor-element.elementor-element-6933d7e9{padding:0px 0px 0px 0px;}.elementor-4176 .elementor-element.elementor-element-6933d7e9 img{width:150px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown .elementor-item, .elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:clamp(1rem, -0.25rem + 4vw, 1.5rem);}}@media(max-width:767px){.elementor-4176 .elementor-element.elementor-element-3524384{--min-height:70px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-4176 .elementor-element.elementor-element-1b4ce08b{--width:30%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4176 .elementor-element.elementor-element-6933d7e9{padding:5px 0px 0px 0px;}.elementor-4176 .elementor-element.elementor-element-6933d7e9 img{width:150px;}.elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown .elementor-item, .elementor-4176 .elementor-element.elementor-element-585f0f4f .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:clamp(1rem, -0.25rem + 4vw, 1.5rem);}.elementor-4176 .elementor-element.elementor-element-26af2f84{--width:70%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown .elementor-item, .elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:0.8rem;letter-spacing:0em;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown{border-radius:0px 0px 8px 8px;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;}.elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4176 .elementor-element.elementor-element-3619a2b .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:24px !important;}}@media(min-width:768px){.elementor-4176 .elementor-element.elementor-element-3524384{--content-width:1320px;}.elementor-4176 .elementor-element.elementor-element-1b4ce08b{--width:10%;}.elementor-4176 .elementor-element.elementor-element-6e2f9c5e{--width:80%;}.elementor-4176 .elementor-element.elementor-element-26af2f84{--width:10%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4176 .elementor-element.elementor-element-1b4ce08b{--width:30%;}.elementor-4176 .elementor-element.elementor-element-26af2f84{--width:70%;}}/* Start custom CSS for nav-menu, class: .elementor-element-585f0f4f */.elementor-nav-menu--dropdown {
	-webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes elementor-nav-menu--dropdown{
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26af2f84 *//* Gemensamma stilar för dropdown-menyer */
.elementor-nav-menu--dropdown {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    z-index: 9999;
    overflow: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.elementor-nav-menu--dropdown .elementor-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #444;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    margin: 4px 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.elementor-nav-menu--dropdown .elementor-item:hover {
    background-color: #e9ecef;
    color: #000;
}

/* Basregler: Dölj båda menyerna som standard för att undvika blinkning */
.css-mobil-meny .elementor-nav-menu--dropdown,
.css-desktop-meny .elementor-nav-menu--dropdown {
    display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Desktop-specifika stilar (≥1025px) */
@media screen and (min-width: 1025px) {
    /* Sätt föräldraelementet till position: relative för korrekt positionering */
    .css-desktop-meny {
        position: relative;
    }

    /* Dölj mobilmenyn helt på desktop */
    .css-mobil-meny .elementor-nav-menu--dropdown {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Visa primär dropdown-meny när öppen, positionera under toggleknappen */
    .css-desktop-meny .elementor-nav-menu--dropdown[aria-hidden="false"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        transform: translateX(-60%) !important;
        max-width: 90%;
        min-width: 200px;
        width: auto !important;
        --menu-height: auto !important;
        left: auto !important;
    }

    /* Stil för ikonen */
    .css-desktop-meny .elementor-nav-menu--dropdown[aria-hidden="false"] .elementor-item .fa-solid {
        font-size: 16px;
        vertical-align: middle;
    }

    /* Separatorlinje efter "Contact" och före "Language" */
    .css-desktop-meny .elementor-nav-menu--dropdown[aria-hidden="false"] .menu-item-33 {
        position: relative;
        padding-bottom: 10px !important; /* Utrymme under "Contact" */
    }

    .css-desktop-meny .elementor-nav-menu--dropdown[aria-hidden="false"] .menu-item-33::after {
        content: "";
        display: block !important; /* Forcera block för att säkerställa visning */
        width: calc(100% - 16px) !important; /* Justera för marginaler */
        height: 1px !important;
        background-color: #ddd !important;
        margin-top: 10px !important; /* Utrymme mellan "Contact" och linjen */
        opacity: 1 !important; /* Säkerställer att linjen inte är dold */
    }

    /* Placera flaggorna bredvid varandra, tätare */
    .css-desktop-meny .elementor-nav-menu--dropdown[aria-hidden="false"] .trp-language-switcher-container {
        display: inline-flex;
        align-items: center;
        gap: 2px;
        margin-left: 8px;
    }

    .css-desktop-meny .elementor-nav-menu--dropdown[aria-hidden="false"] .trp-language-switcher-container .trp-flag-image {
        width: 18px;
        height: 14px;
        vertical-align: middle;
    }
}

/* Mobil- och surfplatta-specifika stilar (≤1024px) */
@media screen and (max-width: 1024px) {
    /* Dölj desktopmenyn helt på mobil */
    .css-desktop-meny .elementor-nav-menu--dropdown {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Visa mobilmenyn när öppen */
    .css-mobil-meny .elementor-nav-menu--dropdown[aria-hidden="false"] {
        display: block;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        width: 100%;
    }

    .css-mobil-meny .elementor-nav-menu--dropdown .elementor-item {
        padding: 12px 20px;
        font-size: 16px;
    }

    /* Undvik dubbletter eller onödiga borders */
    .css-mobil-meny .elementor-nav-menu--dropdown .menu-item {
        border: none;
    }

    /* Separator efter tredje posten */
    .css-mobil-meny .elementor-nav-menu--dropdown .menu-item:nth-child(4)::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ddd;
        margin: 12px 0;
    }
}/* End custom CSS */
/* Start custom CSS */:root {
  --default-pages-background-color: #ffffff;
  --navigation-opened-background-color: #062151;
  --close-icon-color: #FDD049;
  --close-icon-border-color: #FDD049;
}

html {
  overflow-x: hidden;
  overflow-y: scroll; /* to keep the width of the scroll bar on screen even while the nav is opened */
}

body.fancyNav {
  background-color: var(--navigation-opened-background-color, #999999);
}

#fancyNavWrapper {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4;
  transition: transform var(--nav-timing), opacity var(--nav-timing);
  transform: translateX(30%);
  opacity: 0;
}

@media (min-width: 768px) { /* Adjust the min-width value as needed for your definition of 'desktop' */
  #fancyNavWrapper {
    width: 30%;
  }
}

.fancyNavOpened #fancyNavWrapper {
  transform: translateX(0);
  opacity: 1;
  transition: transform var(--nav-timing) 0.08s, opacity var(--nav-timing) 0.08s;
}

#contentWrapper {
  z-index: 6;
  position: relative;
  background-color: var(--default-pages-background-color, #ffffff);
  transition: transform var(--nav-timing);
}

.fancyNavOpened #contentWrapper {
  transform: scale(0.78) translateX(-36vw);
  height: 90vh;
}


#closeNav {
  position: fixed;
  right: 38.9vw;
  top: 50%;
  width: 54px;
  height: 54px;
  z-index: 9;
  border-radius: 51%;
  border: 2px solid var(--close-icon-border-color);
  background-color: var(--close-icon-bg-color);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translate(50%, 0%);
  transition: transform 0.3s, opacity 0.14s;
}

.fancyNavOpened #closeNav {
  transform: translate(50%, -50%);
  opacity: 1;
  pointer-events: all;
  transition: transform 0.3s, opacity 0.3s 0.6s;
}

.fancyNavOpened #closeNav:hover {
  transform: translate(50%, -50%) scale(1.2);
}

#closeNav:before,
#closeNav:after {
  position: absolute;
  content: ' ';
  width: 30px;
  height: 2px;
  background-color: var(--close-icon-color);
}

#closeNav:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

#closeNav:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#navContainer {
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  width: 30vw;
  padding: 60px 3vw;
  background-color: var(--navigation-opened-background-color, #999999);
}


/* styles for tablet devices */
@media (max-width:1023px) {

  #navContainer {
    width: 50vw;
    padding: 60px 3vw;
  }

  .fancyNavOpened #contentWrapper {
    transform: scale(0.78) translateX(-64vw);
  }

  #closeNav {
    right: 60.8vw;
    width: 44px;
    height: 44px;
  }

  #closeNav:before,
  #closeNav:after {
    width: 23px;
    height: 2px;
  }

}


/* styles for mobile devices */
@media (max-width:767px) {

  #navContainer {
    width: 78vw;
    padding: 60px 3vw;
  }

  .fancyNavOpened #contentWrapper {
    transform: scale(0.78) translateX(-90vw);
  }

  #closeNav {
    right: 81.4vw;
    width: 34px;
    height: 34px;
  }

  #closeNav:before,
  #closeNav:after {
    width: 18px;
    height: 2px;
  }

}/* End custom CSS */