/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/greenloop/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greenloop
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}



body,html,code{ font-family: "Red Hat Display", sans-serif; }


/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p,div {
	text-wrap: pretty;margin:0;padding:0;
}


:root{
    
    --common-unit  : 0.0625rem;
	
	--banner-text:clamp(2.2rem, calc(5.36vw + var(--common-unit)) ,6.438rem);
	--sub-head-text:clamp(1.125rem, calc(1.35vw + var(--common-unit)) ,1.625rem);
	--sec-head-text:clamp(1.625rem, calc(2.6vw + var(--common-unit)) ,3.125rem);
    --banner-sub:clamp(1.625rem, calc(3.5vw + var(--common-unit)) ,4.313rem);
    --banner-second:clamp(1.125rem, calc(2.7vw + var(--common-unit)) ,3.313rem);
    --f-32-16:clamp(1rem, calc(1.3vw + var(--common-unit)) ,2rem);
    --f-33-18:clamp(1.125rem, calc(1.71875vw + var(--common-unit)) ,2.063rem);
    --f-51-28:clamp(1.75rem, calc(2.6vw + var(--common-unit)) ,3.188rem);
    
}


.banner-text{font-size:var(--banner-text) !important;}
.sub-text{font-size:var(--banner-sub) !important;}
.sub-head1{font-size:var(--banner-second) !important;}
.f-32-16{font-size:var(--f-32-16) !important;}
.f-33-18{font-size:var(--f-33-18) !important;}
.f-51-28{font-size:50px !important;}
.f-36{font-size:36px !important;}
.f-64{font-size:64px !important;}

.code-font-100 code{font-weight:100 !important;}
.code-green-100 code{color:var(--wp--preset--color--green) !important;}

.f-90 {
    font-size: 90px !important;
}

.f-38{font-size:38px !important;}

a.wp-block-read-more{
display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: 1px dotted #333;
    border-radius: 0px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 1rem;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin-top: 1.25rem;    text-transform: uppercase !important;}



.ul-item{    list-style: none;
    gap: 1.75rem;
    display: flex;
    flex-direction: column;
    padding-top: 6rem;}
.ul-item li{display:flex;gap:1rem;}
.ul-item li::before{    content: "";
    background-image: url(https://greenloop.dk/wp-content/uploads/2025/09/Layer_x0020_1-1.png);
    display: block;
    width: 22px;
    background-repeat: no-repeat;
    height: auto;
    background-size: 23px;
    flex: 0 0 22px;
}

.q-links{width:80% !important;}
.content{display: flex;
    align-items: center;
    justify-content: center;    max-width: 1280px;
   width: 100%;    margin: auto;}

#green-sec .content,.innerbanner-sec .content{
height: 100%;
}
.flex-26{flex-basis:10% !important;}


.pro-sec .pant-img{    margin: 0;
    margin-top: -100px;}
.f-51-28 code:nth-child(1){font-weight:100 !important;}
.f-51-28 code:nth-child(2){font-weight:400 !important;}

.f-60{font-size:60px !important;}
.f-89{font-size:72px !important;}
.f-28{font-size:28px !important;}
.f-24{font-size:24px !important;}
.f-32{font-size:32px !important;}
#loop-second .pro-sec .pant-img{margin-right: 80px;}

.h-100{height:100% !important;}

.grid-2{    display: grid !important;
    grid-template-columns: 1fr 1fr;
    padding-top: 3rem;
    margin: 0;
    gap: 4rem;
    padding-bottom: 3rem;
}


section{margin:0px !important;justify-content: center;
    display: flex
;}

.scanner{margin: 0;
    position: absolute;
    bottom: -60px;
    right: 35px;
}


.trp-shortcode-overlay{top:5px !important;}

.grid-2 .inline-sec a{
    display: flex;
    align-items: center;
    gap: 0.75rem;text-decoration:none !important;
}

.inline-sec{    display: flex;
    align-items: center;
    gap: 0.5rem;}



#products{padding-bottom:0px !important;}
#work{padding-bottom:2% !important;}

#innovation{padding-bottom:calc(5% + 40px) !important;}

.address-sec{display: flex;
    align-items: center;
    gap: 10px;}


.f-73{font-size:73px !important;}

.f-40{font-size:40px !important;}
.position-unset{position:unset !important;}

.banner-text code{font-family: "Red Hat Display", sans-serif;font-weight:500;}

#about-fourth{padding-bottom: 25vh !important;
    overflow: hidden;}

#about-fourth .bottom-img{   
     /* position: absolute;
    bottom: -3px;
    right: -5px;max-width:920px; */

/* position: absolute;
    right: 300px;
    bottom: 0;
    max-width: 500px; */

        position: absolute;
    right: 10%;
    bottom: 0;
    max-width: 28vw;
}




.scroll-down {
  position: fixed;
  bottom: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;display:none;
}


.str700 strong{font-weight:700 !important;}


.scroll-down::before {
  content: "";
  display: block;
  height: 62px;           /* total line length */
  width: 1px;
  background: #fff;
  /* animation bits */
  transform: scaleY(0);           /* start at 0 height */
  transform-origin: top;          /* grow from top */
  animation: drawLine 1.5s linear infinite;
}

@keyframes drawLine {
  0%   { transform: scaleY(0); }
  80%  { transform: scaleY(1); } /* fully drawn */
  100% { transform: scaleY(0); } /* collapse back */
}

.gt_switcher .gt_selected a:after{background-image:url('https://greenloop.dk/wp-content/uploads/2025/09/Down_Arrow_3_.png') !important;}

header:not(.white) .logo-ele path{fill:#fff !important;}


a{outline:none;text-transform:unset !important;}
a:hover{outline:none;text-transform:unset !important;}
.error_txt {
    color: red;
    font-size: 0.9rem;
    margin-top: 5px;
    display: block; /* ensure it’s displayed */
}
.error_txt.active {
    display: block; /* show when active */
}


.gt_switcher.notranslate,.gt_option{width:unset !important;}

.gt_switcher.notranslate a{
width: 60px !important;background:transparent !important;background-color:transparent !important;}

.gt_switcher .gt_selected{background:transparent !important;background-color:transparent !important;}

.relative{position:relative;}

.gt_switcher a {
    font-size: 0 !important; /* Hides the text */    color: #2C2929;border:none !important;

}

.gt_switcher a img {
    font-size: initial; /* Keeps the flag visible */    width: 30px !important;
    height: 30px !important;
}


.gt_switcher .gt_option{border:unset !important;background-color:unset !important;}


/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


header{position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: transparent;transition:0.3s all ease-in-out;}
header .menu-list{      align-items: center;
    position: relative;
    left: 5%;}
header .menu-list figure{display:flex;}
header .search-container{position:absolute;right:5%;}

.entry-content, .wp-site-blocks {
  overflow: unset !important;
}


.privacy-policy-txt{    position: absolute;
    left: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex
;}

.inner-header{justify-content:left;}

.cta-btn .white-icon{display:none;}
.cta-btn.white .black-icon{display:none;}
.cta-btn.white .white-icon{display:block;}





.cta-btn.white{    color: #ffff;
    border: 1px dotted #fff;}

.code-green code:nth-child(1){font-weight:500 !important;}

section{padding:5% !important;position:relative;}
section.green{background: #E6F2EE;}

#banner-third{position:relative;background:#fff;}
#banner-third::before{content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% - 300px);
    top: 0;}
.section.parallax-sec,.f-height{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
     /* background-color: transparent !important;*/
}

.p-0{padding:0px !important;}

.scrollify{transition:opacity .4s ease;}

.scrollify.active {
  opacity:1;
}


#why .svg-container{padding-left: 100px;}
#why .svg-container svg{    position: absolute;
    max-width: 420px;
    top: -145px;
    left: 0;
}


#products .svg-container{    position: relative;
    padding-bottom: 80px;
    padding-left: 50px;}
#products .svg-container svg{position: absolute;
    top: -10px;
    left: 0;
    max-width: 230px;}
#products .ul-item li::before{background-image: url(https://greenloop.dk/wp-content/uploads/2025/09/arrow.png);}



#infra .svg-container svg path{stroke: #fff !important;}
#infra .svg-container{}
#infra .svg-container svg{    position: absolute;
    top: -15px;
    left: -60px;
    max-width: 350px;}




footer{margin:0px;}

 .swiftjs,.swiftjs-animate {
    display:inline-block;
    white-space:pre-wrap;
    font-size: clamp(1.4rem, 4vw, 3rem);
    font-weight:700;
  }

  .swiftjs .char,.swiftjs-animate .char{
    display:inline-block;
    will-change:transform,opacity;
    transform: translateY(100%);
    opacity:0;
  }

  .swiftjs .char.space,.swiftjs-animate .char.space {
    transform:none;
    opacity:1;
    display:inline-block;
    width:0.35em;
  }
  
  .char {
  display:inline-block;
  opacity:0;
}

/* animate only inside active section */
.scrollify.active .char,.animation.active .char {
  animation: swiftUp var(--speed,0.6s) var(--easing,cubic-bezier(.2,.9,.25,1)) forwards;
}


.w-890{width: 890px;}
.w-100{width: 100%;}
.f-50{font-size:35px !important;}
.f-56{font-size:56px !important;}
.f-48{font-size:48px !important;}


#content2 .w-100{max-width:420px !important;}

.search-icon img{cursor:pointer;}

#search{    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;transform: translateY(-150vh);
    box-sizing: border-box;transition:0.3s all ease-in-out;}
#search #search-container{    min-height: 100vh;
    align-items: center;
    justify-content: center;
    position: relative;}


#search.open{transform: translateY(0vh);}


 #search-container .wp-block-search__input{
    border-radius: 0px;
    background: transparent;
    outline: none;
    border: none;
    color: #fff;    padding: 0;
    font-size: 24px;    padding-top: 45px;}


#search-container .wp-block-search__inside-wrapper {
    border: none;
    border-bottom: 1px solid #ffffff60;
}

#search-container .wp-block-search__input::placeholder{font-size:65px;font-weight:300;text-transform:uppercase;color:#ffffff60;
}
#search #search-container .close-icon{
    position: absolute;
    top: 5%;
    right: 5%;cursor:pointer;}

 #search-container  .wp-block-search__button svg{display:none;}

 #search-container   .wp-block-search__button{    background-image: url(https://greenloop.dk/wp-content/uploads/2025/09/Layer_x0020_1-2.png);
    outline: none;
    background-repeat: no-repeat;
    background-size: 50px;    background-position: center;}

 #search-container.inner-search{padding: 5%;
    padding-top: calc(var(--header-height) + 5%);width: 100%;
}

.inner-search-container{padding-top:0px !important;}


.search-no-results .search-txt{display:none !important;}


header.green{background:var(--wp--preset--color--green) !important}
header.black{background:#000;}
header.white{background:#fff;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
}


#privacy-content #content{padding-top:calc(var(--header-height) + 5%) !important;}



#pro-second .p-svg{ position: absolute;
    top: -85px;
    left: -95px;
    max-width: 650px;}


#pro-third .pro-img2 svg{    position: absolute;
    top: 0;
    left: 0;
    max-width: 500px;}

.privacy-policy header{    background: #00A675;}
.pro-sec figure{position:relative;z-index:1;}

a:hover,a{text-decoration:none !important;}
 #search-result .wp-block-read-more{display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: 1px dotted #333;
    border-radius: 0px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 1rem;
    transition: all 0.3s 
ease;
    position: relative;
    overflow: hidden;
    margin-top: 1.25rem;}


div.section{padding:5%;}


.search-txt{font-size:40px !important;}


#loop-second .gl-svg{ position: absolute;
    top: -85px;
    left: -95px;
    max-width: 650px;}

#loop-third .svg-sec .gl-svg1{    position: absolute;
    top: 0;
    left: 0;
    max-width: 500px;}
#loop-third .svg-sec{padding-top:100px;}

#loop-third .svg-sec figure,#loop-fourth .svg-sec figure,#d-first .d-svg figure{position:relative;z-index:1;}


#loop-fourth .svg-sec svg{    position: absolute;
    top: -35px;
    left: 0;
    max-width: 580px;}





@keyframes swiftUp {
  from {
    opacity:0;
    transform:translateY(1em);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

  /*@keyframes swiftUp {*/
  /*  to {*/
  /*    transform: translateY(0);*/
  /*    opacity:1;*/
  /*  }*/
  /*}*/


.d-flex-col{display:flex;flex-direction:column;}
.d-flex-100{display: flex;
    height: 100%;}
    
    
#inno-last .f-51-28 code:nth-child(1) {
    font-weight: 100 !important;
}

 @media (prefers-reduced-motion:reduce){
    .swiftjs .char{
      animation:none !important;transform:none !important;opacity:1 !important;
    }
  }


.w-1280{width:1280px;}


.f-76{font-size:76px !important;}
.f-72{font-size:72px !important;}
.f-69{font-size:69px !important;}
.f-100{font-size:100px !important;}

.code code:nth-child(1){font-weight:100 !important;}


/*#work::before{content: "";*/
/*    background: #F8FAF8;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: calc(100% - 200px);*/
/*    top: 0;}*/


#lets-talk::before{content: "";
    background: #F8FAF8;
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% - 300px);
    bottom: 0;}


#pro-third .scanner {
    bottom: -45px;
    right: 60px;    z-index: 1;
}


#email-form .form-group,#email-form .form-group input{width:100% !important;background:transparent;box-sizing: border-box;}

#d-first .d-svg{    position: absolute;
    top: 0px;
    left: -30px;
    max-width: 240px;}


#about-third .a-svg-sec{    padding-top: 60px;}
#about-third .a-svg-sec figure,#about-fourth figure,#d-first .svg-sec figure{position:relative;z-index:1;}
#about-third .a-svg-sec svg{    position: absolute;
    top: 20px;
    left: 27%;
    max-width: 615px;
}


#inno-second .i-svg1{position: absolute;
    top: 20px;
    left: -135px;
    max-width: 330px;}

/* #about-fourth .a-svg2{    position: absolute;
    right: 300px;
    bottom: 0;
    max-width: 600px;} */

    #about-fourth .a-svg2 {
    position: absolute;
    right: 10%;
    bottom: 0;
    max-width: 32.5vw;
}

#inno-third .i-svg-2{    position: absolute;
    top: -90px;
    max-width: 535px;
    left: -70px;}


#about-third .a-svg-sec svg{}


#about-second .a-svg1{position: absolute;
    top: -235px;
    left: -75px;
    max-width: 600px;}

#pro-fourth .grid-2{gap:1.5rem;}

#pro-fourth .img-sec{    padding-left: 60px;
    margin-top: 10vh;}
#pro-fourth .img-sec svg{ position: absolute;
    top: -45px;
    left: 0;
    max-width: 325px;}



#inno-fourth .i-svg3{position: absolute;
    top: -158px;
    max-width: 370px;
    left: -30px;}



#inno-last .svg-sec{padding-top:90px;padding-left:60px;}
#inno-last .svg-sec svg{position: absolute;
    margin: 0;
    left: 0;
    max-width: 240px;
    top: 0;}


#inno-last .code-green code:nth-child(1){font-weight:100 !important;}
#loop-second .code-green-100 code{font-weight:100 !important;}


a.wp-block-read-more:hover{text-transform:uppercase !important;}

pad3{padding:3% 0% !important;}

html[lang="da-DK"] .wp-elements-fbcdc9aabf1386e3870ecd9e0e3adb52{max-width:790px !important;}


html[lang="da-DK"] #pro-third .scanner{right:20px}


#menu{    
    position: fixed;
    left: 0;
    max-width: 645px;
    top: 0;
    background: #fff;
    max-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3% 2% 3% 5% !important;
    transition: 0.3s all ease-in-out;
    z-index: 9999;   
    transform: translateX(-150vh);
    height: 100vh;
    overflow: scroll;
}


.cod-grey code{color:#B4B4B4 !important;}

#pro-list-contain .content{flex-direction:column !important;}
#pro-list-contain .content .grid-3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem 1rem;
    padding-top: 2rem;}


#pro-list-contain .content .grid-3 .v-btn a{
    display: flex;
    align-items: center;
    font-size: 17px;
    gap: 4px;transition:0.3s all ease-in-out;}


#pro-list-contain .content .grid-3 .v-btn a:hover{text-decoration:underline;}

#pro-list-contain .content .grid-3 .img-sec figure{transition:0.3s all ease-in-out;display: flex;
    align-items: center;
    justify-content: center;}
#pro-list-contain .content .grid-3 .img-sec figure:hover{transform:scale(1.03);}
#pro-list-contain .content .grid-3 .img-sec figure a{
    display: flex;
    align-items: center;
    justify-content: center;}


#pro-list-contain .content .grid-3 .img-sec figure img{max-width:75% !important;}


#menu .menu-close,.menu-icon{cursor:pointer;}

#menu.open{  transform: translateX(0vh);}



.pro-menu:hover ul.wp-block-navigation__submenu-container{
  color: #000;
    width: 100%;
    min-width: 100% !important;
    max-width: 100%;
    display: grid !important
;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    left: 0;
    /* position: fixed; */
    /* top: var(--header-height); */
    padding: 1rem 3rem;}

header .pro-menu.has-child{position:unset !important;}



header .pro-menu.has-child .wp-block-navigation-submenu li a:hover span{color:var(--wp--preset--color--green) !important;}

/*.pro-menu:hover ul.wp-block-navigation__submenu-container{display:none !important;}*/


.wp-block-search__input {
  background: transparent !important;
  color: #fff !important;
  border: none;
  border-bottom: 1px solid #fff; /* optional, if you want an underline */
  outline: none;
}

/* Remove autofill background color */
.wp-block-search__input:-webkit-autofill,
.wp-block-search__input:-webkit-autofill:hover,
.wp-block-search__input:-webkit-autofill:focus,
.wp-block-search__input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* Optional: make placeholder also white */
.wp-block-search__input::placeholder {
  color: #fff;
  opacity: 0.7;
}


@media screen and (min-width: 768px){
.inner-header .menu-icon{display:none;
}
}

#menu .current-menu-item a{color: var(--wp--preset--color--green) !important;}



 .cls-1 {
        fill: none;
        stroke: #00a675;
        stroke-width: 2;
        stroke-miterlimit: 10;
        stroke-dasharray:  12.08 12.08;
      }

.cls-2,.cls-3{
        fill: none;
        stroke: #00a675;
        stroke-width: 2;
        /*stroke-dasharray: 1000; */
      }

      
/*section.animate .cls-2 {*/
/*        stroke-dashoffset: 1000; */
/*        animation: draw 3s linear forwards;*/
/*      }*/

/*section.animate .reverse .cls-2 {*/
/*        stroke-dashoffset: -1000; */
/*        animation: draw-reverse 3s linear forwards;*/
/*      }*/

      @keyframes draw {
        to { stroke-dashoffset: 0; }
      }

/*      @keyframes draw-reverse {*/
/*        to { stroke-dashoffset: 0; }*/
/*      }*/



 #pro-fourth .cls-1,#pro-fourth .cls-2 {
         stroke: #fff;
      }

section.p-0{padding:0px !important;}




.mobile{display:none !important;}
.desktop{display:block;}


.z-1{z-index:1;}


.section.pro-inner-sec{min-height: 100vh !important;
    height: unset !important;}

.section.pro-inner-sec .content{flex-direction: column;
    align-items: flex-start;}
.section.pro-inner-sec .content .grid-3,#pro-inner-last .grid-3{    
        display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;}
    
    

@media screen and (min-width: 768px) and (max-width: 1440px) {

.f-46 {
    font-size: 46px !important;
}

}




@media screen and (max-width: 768px) {


header  .wp-block-navigation{display:none;}

header div#menu nav.wp-block-navigation, header div#menu nav.wp-block-navigation ul.wp-block-navigation{
        display: block!important;
    }
 header #menu nav.wp-block-navigation li a{
    color: #000;
    padding: 1rem 0;
    
 }
#banner h1{text-align:left;line-height: 1.1 !important;}

#pro-list-contain .content .grid-3 {grid-template-columns: 1fr 1fr;}
#pro-list-contain .content .grid-3 .s-head{font-size:14px !important;}

.mob-min130px h1{min-width:155px !important;}
.mob-banner-sub{    font-size: 22px !important;
    padding-top: 8px !important;
    line-height: 1.3 !important;
}
.scroll-down::before{height:30px;}
.mob-dflex-col{flex-direction:column !important;gap: 0.5rem;}
#banner-second .mob-dflex-col{flex-direction: column !important;justify-content: flex-start;align-items: flex-start;    margin-left: 0 !important;    margin-right: 0 !important;}
.mob-m0{margin:0px !important;}
.mob-ml0{margin-left:0px !important;}
.mob-p0{padding-top:0px !important;}
.content{justify-content: flex-start;}


#banner-second .d-flex-col{ margin-left: 0 !important;    margin-right: 0 !important;}




#banner-third .f-50 {
    font-size: 20px !important;
    line-height: 1.3 !important;
}


#banner-third,#why,#infra,#last,.inner-banner,#about-second,#about-third,#pro-second,#inno-second,#inno-fourth, #loop-second,#loop-fourth,#e-list,#inner-event,#location,#search-container,#privacy-content #content,.mob-radius{    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;}
section{padding:10% 5% !important;}

#search #search-container .close-icon img{max-width:28px;}


.f-51-28 {
    font-size: 28px !important;
}


 #about-third   .f-51-28 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }




#why .svg-container svg {
    max-width: 280px;
    top: -40px;
    left: -20px;
}

#why .svg-container {
    padding-left: 55px;
    padding-top: 50px;
    padding-bottom: 85px;
}


.mob-f-22{font-size:22px !important;line-height: 1.3 !important}

#infra .svg-container svg {
    top: -15px;
    left: -40px;
    max-width: 215px;
}

#work .f-51-28 {
        font-size: 44px !important;
    }

.f-73 {
    font-size: 28px !important;
    line-height: 1.2 !important;
}


.m-pt50{padding-top:50px !important;}


.mplr5{padding-left:5% !important;padding-right:5% !important;}
.mgap1{gap:1rem;}
.mgap2{gap:2rem !important;}

.email-form{flex-direction:column;    align-items: flex-start;}
#last figure img{max-width: 100px;
    height: auto;}



footer .q-links .wp-block-columns{gap:1rem !important;}


footer .inline-sec{    display: flex;
    flex-direction: column;
    gap: 0.5rem;}



svg.logo-ele{max-width: 60px !important;}


#menu{    width: 100%;
    padding: 10% !important;
    max-width: 100%;}

#banner .f-76 {
    font-size: 28px !important;
    line-height: 1.2 !important;
}


#banner .f-69 {
    font-size: 22px !important;
    padding-left: 90px;
    line-height: 1.3 !important;
}






section.innerbanner-sec {
   height:unset;min-height: 70vh;}


.f-100 {
    font-size: 28px !important;
    line-height: 1.3 !important;
}





.desktop{display:none;}
.mobile{display:block !important;}


#about-second .a-svg1 {
    position: absolute;
    top: -60px;
    left: -40px;
    max-width: 300px;
}

#about-second .svg-contain{    padding-top: 50px;
    padding-bottom: 50px;
}





.m-text-centre{text-align:center;}
.mob-txt-left{text-align:left !important;}


#about-third .a-svg-sec svg {
    left: 0%;
    max-width: 335px;
}


#about-third .a-svg-sec {
    padding-left: 0;
    padding-right: 0;
}

.w-1280 {
    width: 100%;
}





#about-fourth .f-100 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }


#about-fourth .wp-container-core-group-is-layout-17124a9a{    align-items: center;
    justify-content: center;
    padding-top: 6vh;
    padding-bottom: 6vh;}

.f-40 {
    font-size: 28px !important;
}

#about-fourth .f-40 {padding-top: 5vh !important;}

#about-fourth .a-svg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 175px;
}

.f-72,.f-36 {
    font-size: 28px !important;
    line-height: 1.3 !important;
}



.mob-grid-2{        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;}



.mob-max100 img{max-width:100px !important;}



.f-64 {
    font-size: 28px !important;
}

 #about-last   #last figure img {
        max-width: 100%;
        height: auto;
    }



.footer{padding:10% 5% !important;}

.mob-pf0{padding:0px !important;}




.mob-pl0{padding-left:0px !important;}

   #pro-banner #banner .f-69,#i-banner  #banner .f-69{
        font-size: 26px !important;padding-left:0px !important;}
   #i-banner  #banner .f-76 {
        font-size: 27px !important;}

.f-90 {
    font-size: 26px !important;line-height:1.3 !important;}

.f-50 {
    font-size: 28px !important;
}



#pro-second .str700{    padding-top: 1rem !important;
    padding-bottom: 0.5rem !important;}

#pro-second .pant-img,#loop-second .pant-img{display:none !important;}

#loop-second .mobile{
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#pro-second .p-svg {
    top: -25px;
    max-width: 340px;
            left: -25px;
}


#pro-third .scanner {
    bottom: 50px;
    right: 0;
    position: relative;
}

#pro-third .scanner figure{
    text-align: right;
    width: 85%;}

#pro-third .scanner figure img{    max-width: 65px;}
#pro-third .f-38 {
    font-size: 20px !important;
}



   .m-pt70{ padding-top: 70px !important;}

#pro-third .pro-img2 svg {
    position: absolute;
    top: 75px;
    left: 0;
    max-width: 260px;
}

.f-89,.mob-28 {
    font-size: 28px !important;
}


.grid-2{padding-top:1.5rem !important;padding-bottom:0px !important;}


#pro-fourth .img-sec svg{max-width:200px;}

.mob-mx-100{max-width:100px !important;}


.mob-f18{font-size:18px !important;}
.f-56 {
    font-size: 28px !important;
    line-height: 1.3;
}
.mf16{font-size:16px !important;}



#inno-second .svg-sec{padding-left:40px !important;}



#inno-second .i-svg1 {
    left: -10px;
    max-width: 200px;
}



.f-24 {
    font-size: 18px !important;
}


#inno-third .i-svg-2 {
    top: -42px;
    max-width: 300px;
    left: -25px;
}



#inno-fourth .svg-sec{padding-left: 40px !important;}
#inno-fourth .svg-sec1{padding-left: 0px !important;
        padding-top: 50px;
        padding-bottom: 80px;}

#inno-fourth .i-svg3 {

    top: -45px;
    max-width: 270px;
    left: -60px;
}



#inno-last .f-40 {
        font-size: 18px !important;        line-height: 1.5
    }
    
#loop-second .f-90 {
        font-size: 25px !important;
       
    }
    
    
    
    
    
  .mob-n-font{text-transform: unset !important;}
    
    
   #loop-second .gl-svg {
    left: 0;
    max-width: 380px;
} 



.mgap0{gap:0px !important;}

.f-48,.f-60 {
    font-size: 28px !important;
    line-height: 1.3 !important;
}



#loop-fourth .svg-sec{    margin-top: 40px;}




.mptp1rem{padding-top: 1rem !important;}

  #inno-last  #last figure img {
        max-width: 100%;}

.m-top5vh{padding-top:8vh !important;}
.f-32 {
    font-size: 22px !important;
}




.mpt0-5rem{margin-top:0.5rem !important;}




.loc-details h5.des{font-size:16px;}

.loc-details h5.loc{font-size:18px;}



.flex-col-g1rem{    flex-direction: column;
    gap: 1rem;
}

#inner-event .entry-content .wp-block-group{padding-bottom:1.5rem !important;}





#location .grid-2 {
 
    grid-template-columns: 1fr;
    padding-top: 3rem !important;
    margin: 0;
    gap: 2rem;
    padding-bottom: 3rem !important;
}



#contactForm .row{flex-direction:column;}

#contactForm .cta-btn button{margin-top:0px !important;}


#form #last {
    padding-bottom: 10% !important;
}

#contactForm .form-group input, #contactForm .form-group textarea,#contactForm .form-group input::placeholder, #contactForm .form-group textarea::placeholder {
    padding: 15px 0px;
    font-size: 1rem;}


#inner-event .wp-block-columns.mob-reverse{    flex-direction: column-reverse;padding-bottom:8% !important;}



#search-container .wp-block-search__input,#search-container .wp-block-search__input::placeholder{font-size:20px !important;}

#search-container .wp-block-search__button {
    background-size: 20px;
    background-position: 100% 85%;
    padding: 10px;
}

#search-container.inner-search{padding-bottom:10% !important;}
.search-result{padding:10% 5% !important;}
.search-txt {
    font-size: 28px !important;
}

.search-result h2 a{font-size:20px !important;}
#search-result .wp-block-read-more{margin-top:0.5rem;}

#search-result .s-shadow{padding-bottom:20px !important;}
#search-result .columns-1{gap:25px !important;}


.f-28 {
    font-size: 24px !important;
    line-height: 1.3;
}




#d-first .d-svg {
    top: 0px;
    left: -30px;
    max-width: 162px;
}





.thank-you-text{font-size: 75px !important;text-align: center !important;}


.mob-mx-90{max-width:90px !important;}

.section.parallax-sec,#banner-third{padding:5% !important;}


div:has(+.cloth-img) {
    padding-bottom: 10vh !important;
}

}

.fix-block {
    position: relative;
    z-index: -1;
    isolation: isolate;
    min-height: 100vh;
}

.fix-content{
    position: fixed;
    z-index: -1;
    width: 100%;
    top: 0;
    margin: auto;
    height: 100vh;
    display: flex;
    padding-top: 7vh;
}


.fix-event-content{
    width: 100%;
     margin: auto;
     padding: 5% 0;
}
.level-1{
    z-index: 1;
    position: relative;
}
.level-2{
    z-index: 2;
    position: relative;
}

.p-x-0,section.p-x-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.hidescroll .scroll-down{
    display: none;
}

.hide{display:none !important;}

header nav ul li{
    transition: all .3s ease-in-out;
}
header nav ul li:hover{
    color:#ffffff;
}


@media screen and  (min-width:769px) {
    

    section.fix-next+.fix-event {
        position: relative;
        z-index: -1;
        isolation: isolate;
        min-height: 100vh;
    }

    section.fix-next+.fix-event>.fix-event-content{
        position: fixed;
        z-index: -1;
        top: 0;
    }

  

    footer{
        background: #000;
        isolation: isolate;
        z-index: 1;
        position: relative;
    }

    footer.fix-footer .fix-footer-common{
        position: fixed;
        z-index: 0;
        bottom: 0;
        width: 100%;
    }



}

  
    section.fix-block-common {
        position: relative;
        z-index: -1;
        isolation: isolate;
        min-height: 100vh;
    }

    section.fix-block-common .fix-content-common{
        padding: calc(var(--header-height) + 2rem) 0;
    }

  
    section.fix-block-common:not(.release) .fix-content-common{
        position: fixed;
        z-index: -1;
        top: 0;
        bottom: unset;
    }

    section.fix-block-common.fix-bottom .fix-content-common{
        bottom: 0;
        top:unset;
        position: fixed;
        z-index: -1;
    }


    @media screen and (max-width:768px) {
        section.fix-block-common{
            padding: 0 !important;
        }

.privacy-policy-txt{position:relative;left:unset;}



        .fix-content-common {
            padding: calc(10% + var(--header-height)) 5% calc(10% + ( var(--header-height) / 2) ) !important;
        }
        section#events .content {
             padding: 10% 5% !important;
        }
                
    }
/* #why h2{
   font-size: clamp(1.325rem, 1.75vw, 2.25rem) !important;
}

#why .wp-block-columns p {
    font-size: clamp(1rem, 1.25vw, 1.75rem) !important;
}

#why .wp-block-columns img {
    max-height: 45vh;
    width: auto;
}
#why .svg-container svg{
    max-height: 45vh;
} */



/* header.white button svg rect{
    fill: #000;
} */
header.white nav ul li {
    color: #000;
}
header.white svg.menu-icon  rect{
    fill: #000;
}
header.white .search-icon img, header.white .gt_switcher .gt_selected a:after{
    filter: brightness(0);
}

.white-patch{
    background: #FFF;
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 100%;
}
.w-100{
    width: 100% !important;
}

.relative-z-1 img{position:relative;z-index:1;}
.entry-content{
    position: relative;
    z-index: 2;
}
.entry-content::before {
    display: block;
    height: 70px;
    background: #000000;
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    z-index: 0;
}

::-webkit-scrollbar {
    display: none;
}
.slide-item{
    background-color: transparent !important;
    opacity: 0;
    transition: opacity 1s ease-in-out ;
}
.slide-item.show{
    opacity: 1;
}
.slide-item:not(:last-child) {
    position: absolute;
    top: 0;
    left: 0;
}
.slides{
    background: #00A675;
    min-height: 100vh;
    position: sticky;
    z-index: 1;
    top: 0;
    width: 100%;
}
div:has(+.cloth-img){
        padding-bottom: 25vh;
}
.cloth-img{
    max-height: 30vh;
    position: absolute;
    bottom: 2vh;
    margin: auto;
    width: auto;
}
.t-slide-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cloth-img img{
        box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    max-height: 40vh;
    width: auto;
    margin: auto;
}
.slide-item:first-child #t1,.slide-item:first-child #t2,.slide-item:first-child #t3{
animation :none;
opacity: 0;
	visibility:visible !important;
transition: opacity 1s linear;
}
.slide-item.show:first-child #t1{
    animation: fadeInUp .5s linear .5s forwards;
    opacity: 1;
    transition: opacity .5s linear .5s;
    
}
.slide-item.show:first-child #t2{
    animation: fadeInUp .5s linear .75s forwards;
    opacity: 1;
    transition: opacity .5s linear .75s;
}

.slide-item.show:first-child #t3{
    animation: fadeInUp .5s linear 1s forwards;
    opacity: 1;
    transition: opacity .5s linear 1s;
}


.slide-item:nth-child(2) #st1,.slide-item:nth-child(2) #st2,.slide-item:nth-child(2) #st3,.slide-item:nth-child(2) #st4{
animation :none;
opacity: 0;
	visibility:visible !important;
transition: opacity 1s linear;
}
.slide-item.show:nth-child(2) #st1{
    animation: fadeInUp .5s linear .5s forwards;
    opacity: 1;
    transition: opacity .5s linear .5s;
    
}
.slide-item.show:nth-child(2) #st2{
    animation: fadeInUp .5s linear .75s forwards;
    opacity: 1;
    transition: opacity .5s linear .75s;
}

.slide-item.show:nth-child(2) #st3{
    animation: fadeInUp .5s linear 1s forwards;
    opacity: 1;
    transition: opacity .5s linear 1s;
}
.slide-item.show:nth-child(2) #st4{
    animation: fadeInUp .5s linear 1.25s forwards;
    opacity: 1;
    transition: opacity .5s linear 1.25s;
}

.slide-item:last-child #tt1,.slide-item:last-child #tt2,.slide-item:last-child #tt3,.slide-item:last-child #tt4,.slide-item:last-child #tt5,.slide-item:last-child #tt6{
animation :none;
opacity: 0;
	visibility:visible !important;
transition: opacity 1s linear;
}
.slide-item.show:last-child #tt1{
    animation: slideInUp .5s linear .5s forwards;
    opacity: 1;
    transition: opacity .5s linear .5s;
    
}
.slide-item.show:last-child #tt2{
    animation: slideInUp .5s linear .75s forwards;
    opacity: 1;
    transition: opacity .5s linear .75s;
}

.slide-item.show:last-child #tt3{
    animation: slideInUp .5s linear 1s forwards;
    opacity: 1;
    transition: opacity .5s linear 1s;
}
.slide-item.show:last-child #tt4{
    animation: slideInUp .5s linear 1.25s forwards;
    opacity: 1;
    transition: opacity .5s linear 1.25s;
}
.slide-item.show:last-child #tt5{
    animation: fadeInUp .5s linear 1.25s forwards;
    opacity: 1;
    transition: opacity .5s linear 1.25s;
}

.slide-item.show:last-child #tt6{
    animation: fadeIn .5s linear 1.75s forwards;
    opacity: 1;
    transition: opacity .5s linear 1.75s;
}
.max-w-50{
    max-width: 50% !important;
    height: auto;
    margin: auto;
}
.max-w-50 img{
    margin-top: 10%
}
/* slideInUp */

/* header.green p.scroll-down-text::before ,header p.scroll-down-text::before {
    content: "";
    height: 1px;
    background: #FFF;
    width: 50px;
    display: block;
    position: relative;
}
header.green p.scroll-down-text,header p.scroll-down-text{
        position: fixed;
    margin: 0;
    right: 0;
    transform: rotate(90deg) translateX(55px);
    top: 50%;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    color: #FFF;
} */

/* header p.scroll-down-text::before {
    content: "";
    height: 1px;
    background: var(--color);
    width: 50px;
    display: block;
    position: relative;
}
header p.scroll-down-text::after{
    content:"Scroll Down";
    display: block;
    position: relative;
}
header p.scroll-down-text{
    position: fixed;
    margin: 0;
    right: 0;
    transform: rotate(90deg) translateX(0);
    top: 50%;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    color: var(--color);
} */

header p.scroll-down-text::before {
    content: "";
    height: 50px;
    background: var(--color);
    width: 1px;
    display: block;
    position: relative;
    margin-bottom: 90px;
}

header p.scroll-down-text::after {
    content: "Scroll Down";
    display: block;
    transform: rotate(90deg);
    position: absolute;
    width: 120px;
    bottom: 0;
}

header p.scroll-down-text {
    position: fixed;
    margin: 0;
    right: 5%;
    transform: rotate(0deg) translateX(0);
    top: 50%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    color: var(--color);
}

@media screen and (max-width:768px) {
    .inner-header{
        min-height:80px;
    }
    
        svg.logo-ele {
        max-width: 50px !important;
    }
    
    .mob-w-100{width:100% !important;padding-top:0.5rem !important;}
    
    .logo {
        position: absolute;
        left: calc(50% - 30px);
    }
    header p.scroll-down-text{
        display: none;
    }
    
    
    #pro-fourth,#about-last,#inno-last,#event-list,#form,#search-result{    border-bottom-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;}
    
    #e-list,#inner-event,.inner-search-container{padding:0px !important;}
    
    .inner-search-container #search-container{width:100% !important;}
    
    .menu-social{    margin: 0;
    padding-bottom: 10vh;}
    
    
 .trp-language-item-name{display:none !important;}
    
    header .mob-pro{    display: flex;
    flex-direction: column;
    align-items: flex-start;outline:none;border:none;}
    
     header .mob-pro button.wp-block-navigation__submenu-icon{    position: absolute;
    top: 20px;
    right: 0;}
    
    
    
    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{        position: relative;
        border: none;
        padding-left: 20px;}
    
    
    header .wp-block-navigation .wp-block-navigation-item{align-items: flex-start;}
    
    header #menu nav.wp-block-navigation li ul li a{padding:0.5rem 0rem;}
    
    header #menu nav.wp-block-navigation li ul{border: none;}
    
    
    .mob-rad{    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 30px !important;}
    
    
}

.single-events .entry-content::before {display:none !important;}





html[lang="da-DK"] #events .cta-btn{display:none !important;}



#d-first.english{display:block !important;}
#d-first.german{display:none !important;}
#d-first.dutch{display:none !important;}
/*html[lang="en-US"] #d-first.english{display:none !important;}*/
html[lang="da-DK"] #d-first.german{display:block !important;}
html[lang="da-DK"] #d-first.english{display:none !important;}
html[lang="de-DE"] #d-first.dutch{display:block !important;}
html[lang="de-DE"] #d-first.english{display:none !important;}


html[lang="de"] #d-first.german{display:block !important;}

html[lang="da-DK"] .da-hide,html[lang="da-DK"] .da-hide-code code{display:none !important;}


html[lang="de"] .eng-qr,.ger-qr{display:none !important;}
html[lang="de"] .ger-qr{display:block !important;}