/***************************************************************************/
/****************************** FIRST SCREEN  ******************************/
/***************************************************************************/

#vnu-front-first-screen {z-index: 10}
#vnu-front-first-screen,div.vnu-first-screen-column {background-color:var(--light)!important}

#vnu-front-first-screen a.hero-superbutton span,
#vnu-front-first-screen a.hero-superbutton {
    font-family: 'Space Grotesk';
    margin: 0!important;
    transition: none;
    padding: 1.636rem 2em 1.636rem 1.5em;
}
#vnu-front-first-screen a.hero-superbutton:hover {
    background-color:var(--dark)!important;
    color:var(--light)!important;
}
#vnu-front-first-screen a.hero-superbutton:after {
    content: url(https://vnu-agency.com/wp-content/uploads/2023/12/curved-arrow-dark.svg);
    position: absolute;
    display: inline-block;
    top: -1.75rem;
    right: 1rem;
    scale: 26%;
    will-change: content;
}
#vnu-front-first-screen a.hero-superbutton:hover:after {
    content: url(https://vnu-agency.com/wp-content/uploads/2024/05/curved-arrow-hover-light.svg);
}




/****************************************************************************/
/****************************** SECOND SCREEN  ******************************/
/****************************************************************************/

#vnu-front-3secrets p {font-size:calc(var(--scale)*var(--scale) * 1rem)!important;font-weight:600!important;}
#vnu-front-3secrets {cursor:default}
#vnu-front-3secrets [id*="link-hover"] {position: relative;z-index: 1!important;}



#vnu-front-3secrets span[id*="link-hover"]:before {
    content:" ";
    position:absolute;
    background-color:#F0F600;
    width:calc(100% + .4rem);
    height:3rem;
    top:0rem;
    left:-.2rem;
    z-index:-1;
}
#vnu-front-3secrets [id*="link-hover"]:hover {z-index:10!important;}
#vnu-front-3secrets span[id*="link-hover"]:hover:before {background-color:var(--yellow);}


div[id*='vnu-secret-image'] {
    display:none;
    position: absolute;
    width:100vw;
    aspect-ratio:16/9;
    height:auto;
    z-index:9;
    background-color:grey;
    transform:translateY(-50%);
    top:40%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#vnu-front-3secrets:has(span#link-hover1:hover) #vnu-secret-image-1, 
#vnu-front-3secrets:has(span#link-hover2:hover) #vnu-secret-image-2,
#vnu-front-3secrets:has(span#link-hover3:hover) #vnu-secret-image-3 {display:block;}
#vnu-secret-image-1 {background-image:url('https://vnu-agency.com/wp-content/uploads/2021/04/fi-YOYO.gif');}
#vnu-secret-image-2 {background-image:url('https://vnu-agency.com/wp-content/uploads/2021/03/roopor-fi.jpg');}
#vnu-secret-image-3 {background-image:url('https://vnu-agency.com/wp-content/uploads/2022/01/Landing-Key-Visual@2x-scaled.jpg');}

   #vnu-front-3secrets [id*="link-hover"]:hover {
      /* font-family: 'Space Grotesk'; */
      /* font-size:var(--size3); */
      /* color:black; */
      /* text-shadow:3px 3px 0 var(--yellow); */
       
    
   }




/*******************************************************************************/
/****************************** 3rd SCREEN - CTA  ******************************/
/*******************************************************************************/


#vnu-front-cta {z-index:20;}

#vnu-front-cta a.superbutton-red span {font-family: 'Space Grotesk';}
#vnu-front-cta a.superbutton-red {
    margin:0!important;
    transition:none;
    padding:1.636rem 2.5em 1.636rem 1.5em;
}
#vnu-front-cta a.superbutton-red:after {
    position:absolute;
    content:url(https://vnu-agency.com/wp-content/uploads/2023/12/regular-arrow-dark.svg);
    top:.8rem;
    right:.4rem;
    scale:50%;
    will-change:content;
}
#vnu-front-cta a.superbutton-red:hover:after {content:url(https://vnu-agency.com/wp-content/uploads/2023/12/regular-arrow-hover-dark.svg);}







/********************************************************************************/
/**************************** 4th SCREEN - SERVICES  ****************************/
/********************************************************************************/

.vnu-front-list-of-services ul {margin:0;}
.vnu-front-list-of-services {padding-top:1.8rem;}
.vnu-front-list-of-services li {
    font-size:calc(var(--scale) * 1rem);
    display:inline-grid;
    margin-right:3rem;
    margin-bottom:2rem;
}

.grve-row.grve-columns-gap-30 .grve-row-inner.vnu-front-service-item {margin:-2rem;padding:2rem 1.25rem;}
.vnu-front-service-item:hover {background:var(--light);}
.vnu-front-service-item:hover h1 {color:var(--red);}



/*****************************************************************************/
/**************************** 5th SCREEN GALLERY  ****************************/
/*****************************************************************************/

#vnu-front-cases div.vnu-gallery {margin-bottom:0;}



#vnu-front-cases a#\#view-projects:hover {
    background-color:var(--green);
    color:var(--dark);
}
#vnu-front-cases a#\#view-projects{
    background-color:var(--dark);
    text-align:left;
    padding:0 2.5rem;
    line-height:10rem!important;
}
#vnu-front-cases a#\#view-projects span {
    font-family: 'Space Grotesk';
    font-size:var(--size2)!important;
}
#vnu-front-cases a#\#view-projects:hover span:after {
    position:relative;
    content:url(https://vnu-agency.com/wp-content/uploads/2023/12/regular-arrow-dark.svg);
    display:inline-block;
    scale: 60%;
    top:1rem;
}





/******************************************************************************/
/************************* 6th SCREEN - TESTIMONIALS  *************************/
/******************************************************************************/

#vnu-front-testimonial .grve-tabs-title .grve-tab-title.active .grve-title:after {display:none;}
#vnu-front-testimonial .grve-tab-title h3 {font-size:2rem;color:#D9D9D9}
#vnu-front-testimonial .grve-tab-title.active h3 {color:var(--green)}
#vnu-front-testimonial .grve-tabs-title .grve-tab-title {padding:0;}
#vnu-front-testimonial .grve-vertical-tab .grve-tabs-title {width:16.66666667%;min-width:unset;}

#vnu-front-testimonial .grve-tabs-wrapper {min-height:20rem;}
#vnu-front-testimonial h3 {margin-bottom:0;}
#vnu-front-testimonial img {max-width:6rem;max-height:6rem;}




/*****************************************************************************/
/***************************** 7th SCREEN LOGOS  *****************************/
/*****************************************************************************/

#vnu-front-brands div.grve-isotope-item {
    width:11.11%!important;
    display:inline-block;
    position:relative!important;
    left:unset!important;
    top:unset!important;
    margin-right:11.11%;
    margin-bottom:4rem!important;
 }


@media only screen and (min-width: 768px) {
#vnu-front-brands div.grve-isotope-item:nth-child(5n) {
    margin-right:0!important;
}
    }