:root {
	 /* 
	 ==========================================================================
       FONT SIZE
     ========================================================================== 
	*/
    /* Scala tipografica (Base 16px) */
	--text-base: clamp(0.6875rem, 0.6071rem + 0.4464vw, 1.0000rem);
    /* 11px -> 21px (Didascalie / Micro-testi) */
    --text-xs: clamp(0.6875rem, 0.5089rem + 0.8929vw, 1.3125rem); 
    
    /* 14px -> 28px (Testi secondari) */
    --text-sm: clamp(0.8750rem, 0.6250rem + 1.2500vw, 1.7500rem); 
    
    /* 17px -> 37px (Testo corpo principale) */
    --text-md: clamp(1.0625rem, 0.7054rem + 1.7857vw, 2.3125rem); 
    
    /* 21px -> 44px (Sotto-titoli / H3) */
    --text-lg: clamp(1.3125rem, 0.9018rem + 2.0536vw, 2.7500rem); 
    
    /* 28px -> 55px (Titoli di sezione / H2) */
    --text-xl: clamp(1.7500rem, 1.2679rem + 2.4107vw, 3.4375rem); 
    
    /* 29px -> 76px (Titolo Hero principale / H1) */
    --text-xxl: clamp(1.8125rem, 0.9732rem + 4.1964vw, 4.7500rem);
	
	 /* 
	 ==========================================================================
       COLORI PRIMITIVI (Palette di base)
     ========================================================================== 
	*/
    --color-white: #FFFFFF;
    --color-blue:  #1D7BDC;
	--color-yellow: #FFA200;
    --color-gray-dark:  #5A5A5A;
    --color-gray-medium: #707070;
    --color-gray-light:  #848484;

    /* 
    ==========================================================================
       COLORI SEMANTICI (Utilizzo logico nel sito)
    ========================================================================== 
	*/
    --bg-site:          var(--color-white);       /* Sfondo principale del sito */
    --brand-primary:    var(--color-blue);        /* Colore principale dell'agenzia (Call to action, link, accenti) */
    
    /* Gestione dei testi per una perfetta gerarchia visiva */
    --text-main:        var(--color-gray-dark);   /* Testo corpo: un grigio scuro (#5A5A5A) è molto più elegante e leggibile del nero puro */
    --text-muted:       var(--color-gray-medium); /* Testo secondario o didascalie (#707070) */
    --text-light:       var(--color-gray-light);  /* Testo ancora più tenue o elementi disabilitati/border (#848484) */
    --text-on-dark:     var(--color-white);       /* Testo da usare sopra i bottoni blu o sfondi scuri */
}
/* 
==========================================================================
	GLOBAL SETTINGS
========================================================================== 
*/
html{
	scroll-behavior: smooth;
}
*{
	font-family: 'Transforma Sans Trial', sans-serif;
}
.ff-sans{
	font-family: 'Transforma Sans Trial', sans-serif;
}
.ff-mix{
	font-family: 'Transforma Mix Trial', serif;
}
.bg-color-blue{
	background-color: var(--color-blue);
}
.bg-color-white{
	background-color: var(--color-white);
}
.bg-color-yellow{
	background-color: var(--color-yellow);
}
.color-blue{
	color: var(--color-blue);
}
.color-white{
	color: var(--color-white);
}
.color-yellow{
	color: var(--color-yellow);
}
.color-gray-light{
	color: var(--color-gray-light);
}
.text-base{
	font-size: var(--text-base);
}
.text-xs{
	font-size: var(--text-xs);
}
h1 {
	font-size: var(--text-xxl);
	font-weight: 800;
}
h2 {
	font-size: var(--text-xl);
	font-weight: 600;
}
h3 {
	font-size: var(--text-lg);
}
p {
	font-size: var(--text-sm);
	font-weight: 400;
}
button{
	border: unset;
	background-color: unset;
}
button.menu-toggler img{
	transition: 0.3s;
}
button.menu-toggler:hover img{
	transform: rotateZ(360deg);
}
.subcategory-tag{
	color: var(--color-blue);
	text-decoration: none;
	font-size: var(--text-xs);
}
.service-link{
	width: auto;
}
.service-link a{
	font-size: var(--text-sm);
	color: var(--color-blue);
}
.header-section{
	background-size: cover;
	background-position: center;
}
.single-header-section{
	background-size: cover;
	background-position: center;
	height: 100vh;
}
.single-header-section > .row{
	height: 100%;
}
.service-link.active a{
	text-decoration: underline !important;
}
.search-input-form{
	width: 100%;
	background-color: var(--color-white);
	border: 2px solid var(--color-blue);
	color: var(--color-blue);
	font-size: var(--text-md);
	font-weight: 800;
	transition: 0.3s ease-out;
	outline: unset;
}
.search-input-form:hover{
	box-shadow: 8px 8px 0px #0E5FB2;
}
.btn-1{
	background-color: var(--color-white);
    border: 2px solid var(--color-blue);
    color: var(--color-blue);
    font-size: var(--text-md);
    font-weight: 600;
    transition: 0.3s ease-out;
	text-decoration: unset;
	display: inline-block;
}
.btn-1:hover{
	box-shadow: 8px 8px 0px #0E5FB2;
}
/* 
 ==========================================================================
   CARD PROGETTO - IN EVIDENZA
 ========================================================================== 
*/
.card-progetto-evidenza{
	cursor: pointer;
}
.card-progetto-evidenza .img-section{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.card-progetto-evidenza a{
	text-decoration: unset;
}
.card-progetto-evidenza .card-title { 
	color: var(--color-blue);
	font-size: var(--text-md);
	font-weight: 800;
	transition: color 0.3s ease-out;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-progetto-evidenza .card-project-type{
	color: var(--color-gray-light);
	font-size: var(--text-sm);
	transition: color 0.3s ease-out;
}
.card-progetto-evidenza .card-cta{
	color: var(--color-white);
}
.card-progetto-evidenza:hover .card-title, .card-progetto-evidenza:hover .card-project-type{
	color: var(--color-white);
}
.card-progetto-evidenza .description-section{
	position: relative;
	transition: 0.3s ease-out;
}
.card-progetto-evidenza .description-section div{
	position: relative;
	z-index: 2
}
.card-progetto-evidenza .description-section::before{
	position: absolute;
	content: "";
	top: 0;
	width: 0%;
	height: 100%;
	background-color: var(--color-blue);
	transition: 0.3s ease-out;
	z-index: 1;
}
.card-progetto-evidenza .description-section.order-1::before{
	right:0;
}
.card-progetto-evidenza .description-section.order-2::before{
	left:0;
}
.card-progetto-evidenza:hover .description-section::before{
	width: 100%;
}
.card-progetto-evidenza .description-section div{
	width: 100%;
}
.card-progetto-evidenza .img-section.order-1{
	border-right: 15px solid var(--color-blue);
}
.card-progetto-evidenza .img-section.order-2{
	border-left: 15px solid var(--color-blue);
}
/* 
 ==========================================================================
   CARD PROGETTO - VERTICALE
 ========================================================================== 
*/
.card-progetto{
	display: block;
}
.card-progetto .img-section{
	background-size: cover;
	background-position: center;
	aspect-ratio: 16/9;
}
.card-progetto a{
	text-decoration: none;
}
.card-progetto .description-section::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background-color: var(--color-blue);
	z-index: 1;
	transition: 0.3s ease-out;
}
.card-progetto .description-section{
	border-top: 10px solid var(--color-blue);
	color: var(--color-blue);
	transition: 0.3s ease-out;
	position: relative;
}
.card-progetto .description-section div{
	position: relative;
	z-index: 3;
}
.card-progetto .description-section .card-cta{
	color: var(--color-white);
	font-size: var(--text-base);
}
.card-progetto .description-section .card-title{
	color: var(--color-gray-light);
	font-size: var(--text-xs);
	font-weight: 800;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-progetto:hover .description-section .card-title, .card-progetto:hover .description-section .card-info, .card-progetto:hover .description-section .card-project-services{
	color: var(--color-white);
}
.card-progetto:hover .description-section::before{
	height: 100%;
}
.card-progetto .description-section .card-info, .card-progetto .description-section .card-project-services{
	font-size: var(--text-base);
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 
 ==========================================================================
  SEZIONE FORM
 ========================================================================== 
*/
.form-bianco{
	color: var(--color-blue);
	background-color: var(--color-white);
}
.form-blue{
	color: var(--color-white);
	background-color: var(--color-blue);
}
.privacy-label{
	font-size: var(--text-xxs); 
	cursor: pointer;
}
.form-bianco .privacy-label{
	color: var(--color-blue);
}
.form-blue .privacy-label{
	color: var(--color-white);
}
.form-section .custom-input{
	background: transparent;
	width: 100%;
	transition: 0.3s ease-out;
	outline: unset;
	font-size: var(--text-xs);
}
.form-section .form-subtitle{
	font-size: var(--text-sm);
}
.form-section .form-titolo{
	font-size: var(--text-md);
}
.form-section .custom-input:focus{
	box-shadow: 8px 8px 0px #0E5FB2;
}
.form-section .custom-input:focus::placeholder{
	opacity: 0;
	transition: 0.3s ease-out;
}
.form-section.form-bianco .custom-input{
	color: var(--color-blue);
	border: 2px solid var(--color-blue);
}
.form-section.form-bianco .custom-input::placeholder{
	color: var(--color-blue);
}
.form-section.form-blue .custom-input{
	color: var(--color-white);
	border: 2px solid var(--color-white);
}
.form-section.form-blue .custom-input::placeholder{
	color: var(--color-white);
}
.form-section textarea{
	height: 100%;
}
.form-section .btn-submit{
	background-color: var(--color-white);
	border: 2px solid var(--color-blue);
	color: var(--color-blue);
	font-size: var(--text-md);
	font-weight: 800;
	transition: 0.3s ease-out;
}
input[type="checkbox"]{
	appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 0;
    position: relative;
}
input[type="checkbox"]:checked:after {
    position: absolute;
    top: -3px;
    right: 1px;
    content: "\2713";
    font-size: 14px;
}
.form-blue input[type="checkbox"]{
	border: 2px solid var(--color-white);
}
.form-blue input[type="checkbox"]:checked{
	background-color: var(--color-white);	
}
.form-blue input[type="checkbox"]:checked:after{
	color: var(--color-blue);
}
.form-bianco input[type="checkbox"]{
	border: 2px solid var(--color-blue);
}
.form-bianco input[type="checkbox"]:checked{
	background-color: var(--color-blue);	
}
.form-bianco input[type="checkbox"]:checked:after{
	color: var(--color-white);
}
.form-section .btn-submit:hover{
	box-shadow: 8px 8px 0px #0E5FB2;
}
#form-response{
	display:none; 
	font-family: 'Transforma Sans Trial', sans-serif;
}
#cv-form-response{
	font-family: 'Transforma Sans Trial', sans-serif;
}
.form-bianco .form-message-success{
	color: var(--color-blue);
}
.form-blue .form-message-success{
	color: var(--color-white);
}
.form-message-error{
	color: #dc3545;
}
/* 
==========================================================================
   NAVBAR
========================================================================== 
*/
nav{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.modal-menu-wrapper{
	position: absolute;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	transform: translatey(-200vh);
	transition: opacity 0.3s;
	overflow: auto;
	background: linear-gradient(to left, #1D7BDC 50%, #FFFFFF 50%);
}
.modal-menu-wrapper.active{
	opacity: 1;
	transform: translatey(0);
}
.modal-menu-wrapper .menu-column{
	height: 70vh;
}
.modal-menu-wrapper .menu-column a{
	font-size: var(--text-xl);
	text-decoration: none;
	font-weight: 800;
	line-height: calc(var(--text-xl) + 0.1rem);
}
.modal-menu-wrapper .menu-column a:hover{
	text-decoration: underline;
}
.navbar-button{
	width: 100%;
	height: 100%;
}
.search-bar-wrapper{
	padding-left: 0;
	padding-right: 0;
	width: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: 0.25s ease-out;
}
.search-bar-wrapper.active{
	width: 75%;
	padding-left: 10%;
	padding-right: 10%;
}
.search-input{
	width: 100%;
	color: white;
	padding-left: 15px;
	border-left: 3px solid white;
	border-bottom: none;
	border-top: none;
	border-right: none;
	outline: unset;
	background-color: var(--color-blue);
}
.agency-location-section{
	position: relative;
}
.location-section-preview{
	overflow: visible;
	transition: 0.25s ease-out;
}
.location-section-preview p{
	text-wrap: nowrap;
}
.location-section-preview.active{
	padding: 0;
	width: 0%;
	opacity: 0;
	overflow: hidden;
}
.location-section-def{
	padding: 0;
	width: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.25s ease-out, width 0.25s ease-out;
}
.location-section-def div{
	width: 33%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.location-section-def div a{
	text-decoration: none;
}
.location-section-def div p{
	text-wrap: nowrap;
}
.location-section-def.active{
	width: 100%;
	opacity: 1;
}
.header-pin{
	width: 26px;
}
/* 
==========================================================================
   FOOTER
========================================================================== 
*/
footer{
	background-color: var(--color-blue);
}
footer .footer-logo{
	width: 75%;
}
footer a{
	text-decoration: none;
	font-size: var(--text-xs);
	color: var(--color-white);
}
footer p{
	color: var(--color-white);
}
footer a:hover{
	text-decoration: underline;
}
footer .footer-info p{
	font-size: var(--text-xs);
	color: var(--color-white);
}
footer .footer-link{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
footer .footer-link a{
	font-size: var(--text-sm);
}
.footer-partner-section{
	overflow: hidden;
}
.partnerSwiper {
	overflow: visible;
}
.partnerSwiper .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 175px;
}
.partnerSwiper .partner-logo{
	max-width: 100%;
}
footer .privacy-text{
	font-size: var(--text-base);
}
footer .newsletter-title{
	font-size: var(--text-md);
	font-weight: 800;
}
footer .newsletter-input{
	outline: unset;
	border: unset;
	color: var(--color-blue);
	transition: 0.3s ease-out;
	width: 40%;
	font-size: var(--text-xs);
	background-image: url('/wp-content/themes/hollyagency/assets/icons/blue-arrow.png');
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 13px;
}
footer .newsletter-input:hover, footer .newsletter-input:focus{
	width: 100%;
	background-image: unset;
}
footer .newsletter-input::placeholder{
	color: var(--color-blue);
	opacity: 1;
	transition: 0.3s ease-out;
}
footer .newsletter-input:hover::placeholder, footer .newsletter-input:focus::placeholder{
	opacity: 0;
}
footer .newsletter-subtitle{
	font-size: var(--text-sm)
}
.pre-footer{
	user-select: none;
	pointer-events: none;
}
/* 
==========================================================================
   CATEGORY PAGE
========================================================================== 
*/
.header-section h1{
	word-wrap: break;
}
/* 
==========================================================================
   HOMEPAGE
========================================================================== 
*/
.home-pumo{
	width:100%; 
	transform: translateY(16%);
}
.first-translated-section-home{
	transform: translateY(-4%);
}
.page-interactive-row{
	overflow: hidden;	
}
.page-interactive-column{
	width: 22%;
	min-height: 75vh;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	filter: grayscale(1);
	transition: 0.4s ease;
}
.page-interactive-column.active{
	width: 34%;
	filter: grayscale(0);
}
.page-interactive-column a{
	display: block;
	padding: 30px;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: var(--color-white)!important;
}
.page-interactive-column a h3{
	text-wrap: nowrap;
	font-size: var(--text-lg);
	font-weight: 800;
}
.home-video-section{
	background-image: url('/wp-content/themes/hollyagency/assets/logos/VERT_LOGO.svg');
	background-position: 102% 28%;
	background-repeat: no-repeat;
	background-size: 20%;
}
.video-home{
	transform: translateX(-13vw);
	width: 100%;
}
.home-cactus{
	transform: translateX(15%);
}
.homepage-side-gif{
	width: 228%;
	transform: rotate(60deg);
	position: absolute;
	top: 74%;
	left: -76%;
}
/* 
==========================================================================
   PROJECT SINGLE PAGE
========================================================================== 
*/
.single-content-wrapper{
	color: var(--color-gray-light);
}
.single-content-wrapper p, .single-content-wrapper li{
	font-size: var(--text-xs);
}
.singleProjectMain{
	overflow: hidden;
}
.singleProjectSwiper{
	overflow: visible;
}
.singleProjectSwiper .swiper-slide{
	text-align: center;
	height: 65vh;
	width: auto !important;
}
.singleProjectSwiper img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	margin: 0;
    padding: 0;
}
.metrica-value{
	font-size: var(--text-lg);
	color: var(--color-blue);
	font-weight: 600;
}
.metrica-title{
	font-size: var(--text-md);
	color: var(--color-blue);
}
.metrica-description{
	font-size: var(--text-xs);
	color: var(--color-gray-light);
}
.single-header-section{
	aspect-ratio: 13/16;
}
.metric-wrapper{
	gap: 60px;
	flex-wrap: wrap;
}
.single-page-left-side-gif{
	transform: rotate(60deg);
	top: 3%;
	left: -30%;
	width: 100%;
	position: absolute;
}
.single-page-right-side-gif{
	transform: rotate(71deg);
	position: absolute;
	bottom: 3%;
	right: -41%;
	width: 100%;
}
/* 
==========================================================================
   ABOUT
========================================================================== 
*/
.employee-card .employee-photo{
	aspect-ratio: 9 / 16;
	position: relative;
}
.employee-card .employee-photo img{
	aspect-ratio: 9 / 16;
	width: 100%;
	position: relative
}
.employee-card .employee-photo .employee-description{
	position: absolute;
	top: 0;
	height: 0;
	width: 100%;
	height: 0%;
	border: 2px solid var(--color-blue);
	background-color: var(--color-white);
	overflow: scroll;
	opacity: 0;
	transition: 0.3s ease-out;
}
.employee-card .employee-photo .employee-description::-webkit-scrollbar {
    display: none;
}
.employee-card .employee-photo .employee-description p{
	color: var(--color-blue);
	font-size: var(--color-basic);
}
.employee-card:hover .employee-photo .employee-description{
	height: 100%;
	opacity: 1;
}
.employee-card .employee-info .employee-name{
	color: var(--color-gray-light);
	font-size: var(--text-md);
	font-weight: bold;
}
.employee-card .employee-info .employee-role{
	color: var(--color-blue);
	font-size: var(--text-xs);
}
.custom-role-selector{
	position: relative;
}
#form-invia-cv .btn-role-toggle{
	border: 2px solid var(--color-blue);
	color: var(--color-blue);
	background: transparent;
    width: 100%;
    transition: 0.3s ease-out;
    outline: unset;
    font-size: var(--text-xs);
}
#form-invia-cv .btn-role-toggle:hover{
	box-shadow: 8px 8px 0px #0E5FB2;
}
.role-options-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	overflow: hidden;
	transition: 0.3s ease-out;
	background: white;
	border: 2px solid var(--color-blue);
	padding: 0px !important;
}
.role-options-box.active{
	padding: 30px !important;
	height: 300%;
	opacity: 1;
	overflow: auto;
	box-shadow: 8px 8px 0px #0E5FB2;
}
.role-options-box.active::-webkit-scrollbar{
	display: none;
}
.role-radio-label{
	width: 100%;
	margin-bottom: 10px;
	font-size: var(--text-xs);
}
.role-options-box input[type="radio"]{
	margin-right: 8px;
}
.file-upload-btn{
	width: 100%;
	background-color: var(--color-blue);
	color: var(--color-white);
	cursor: pointer;
	transition: 0.3s ease-out;
}
.file-upload-btn:hover{
	box-shadow: 8px 8px 0px #0E5FB2;	
}
.about-colored-section{
	position: relative;
	background-image: url('/wp-content/themes/hollyagency/assets/logos/VERT_LOGO.svg');
	background-position: 102% 38%;
	background-repeat: no-repeat;
	background-size: 12%;
}
.about-colored-section .img-pumo{
	position: absolute;
    bottom: -10%;
    left: -10%;
    width: 20%;
}
/* 
==========================================================================
	LANDING SETTINGS
========================================================================== 
*/
.landing-navbar{
	position: absolute;
	top: 0;
	left: 0;
}
.landing-navbar img{
	max-width: 100%;
}
#yellow-section{
	color: var(--color-white);
}
#yellow-section img{
	width: 100%;
}
.step-row{
	display: flex;
	color: var(--color-white);
}
.step-row:not(:last-child){
	border-bottom: 3px solid var(--color-white);
}
.step-row .step-count p{
	font-size: var(--text-xl);
}
.language-wrapper a{
	padding: 5px 15px;
	background-color: var(--color-white);
	color: var(--color-blue);
	text-decoration: none;
	display: inline-block;
}
.language-wrapper a.gt-current-lang{
	background-color: var(--color-blue);
	color: white;
	font-weight: bold;
}
/* 
==========================================================================
   MEDIA QUERY
========================================================================== 
*/
@media screen and (max-width: 992px){
/* 
=======================================
   GENERAL
======================================= 
*/
	input[type="checkbox"]{
		width: 30px;
		height: 18px;
	}
/* 
=======================================
   CARD
======================================= 
*/
	.card-progetto-evidenza .description-section::before{
		width: 100%;
	}
	.card-progetto-evidenza .card-project-type{
		color: var(--color-white);
	}
	.card-progetto-evidenza .card-title{
		color: var(--color-white);
	}
/* 
=======================================
   NAVBAR 
======================================= 
*/
	.modal-menu-wrapper{
		background: unset;	
	}
	.modal-menu-wrapper .menu-column{
		height: unset;
	}
	.modal-menu-wrapper .menu-column a{
		font-size: var(--text-lg);
		line-height: calc(var(--text-xl) + 0.1rem);
	}
	.modal-menu-social{
		background-color: var(--color-blue);
	}
	.modal-menu-wrapper .menu-column:nth-child(1){
		background-color: #FFFFFF;
	}
	.modal-menu-wrapper .menu-column:nth-child(2){
		background-color: #1D7BDC;
	}
	.location-section-def{
		position: absolute;
		top: -200vh;
		left: 0;
		overflow: visible;
		flex-direction: column;
		pointer-events: none;
		transition: 0.25s ease;
	}
	.location-section-def.active{
		top: 0;
		pointer-events: auto;
	}
	.location-section-def div{
		width: 100%;
		margin-left: 33%;
        margin-top: 15px;
		justify-content: start;
	}
	.location-section-def.active div a{
		pointer-events: auto;
	}
	.location-section-def div a{
		pointer-events: none;
	}
	.modal-menu-wrapper .search-section{
		background-color: var(--color-white);
	}
	.first-translated-section-home{
		transform: translateY(0);
	}
	.header-pin{
		width: 20px;
	}
/* 
=======================================
   HOMEPAGE
======================================= 
*/	
	.home-pumo{
		width: 60%;
		transform: translateY(4%);
	}
	.page-interactive-row{
		flex-direction: column;
	}
	.page-interactive-column{
		width: 100%;
		min-height: 30vh;
		background-position: center;
		background-size: cover;
		transition: 0.4s ease;
	}
	.page-interactive-column.active{
		width: 100%;
	}
	.video-home{
		transform: translateX(0);
	}
	.home-cactus{
		transform: unset;
	}
	.home-video-section{
		background-image: unset;
		background-position: 102% 28%;
		background-repeat: no-repeat;
		background-size: 20%;
	}
/* 
======================================= 
   PROJECT SINGLE PAGE
======================================= 
*/	
	.metric-wrapper{
		gap: 15px;
		flex-wrap: wrap;
	}
/* 
=======================================
   ABOUT
======================================= 
*/
	.about-colored-section{
		background-image: unset;
	}
	.about-colored-section .img-pumo{
		position: absolute;
		bottom: -9%;
		left: 32%;
		width: 33%;
	}
}
/* 
==========================================================================
   TRANSFORMA SANS - TRIAL
========================================================================== 
*/

/* Transforma Sans - Extra Light */
@font-face {
    font-family: 'Transforma Sans Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaSans_Trial-Extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Transforma Sans - Light */
@font-face {
    font-family: 'Transforma Sans Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaSans_Trial-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Transforma Sans - Regular */
@font-face {
    font-family: 'Transforma Sans Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaSans_Trial-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Transforma Sans - Medium */
@font-face {
    font-family: 'Transforma Sans Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaSans_Trial-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Transforma Sans - Semi Bold */
@font-face {
    font-family: 'Transforma Sans Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaSans_Trial-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Transforma Sans - Extra Bold */
@font-face {
    font-family: 'Transforma Sans Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaSans_Trial-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Transforma Sans - Extra Black */
@font-face {
    font-family: 'Transforma Sans Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaSans_Trial-ExtraBlack.woff') format('woff');
    font-weight: 950;
    font-style: normal;
    font-display: swap;
}


/* 
==========================================================================
   TRANSFORMA MIX - TRIAL
========================================================================== 
*/

/* Transforma Mix - Extra Light */
@font-face {
    font-family: 'Transforma Mix Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaMix_Trial-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Transforma Mix - Light */
@font-face {
    font-family: 'Transforma Mix Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaMix_Trial-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Transforma Mix - Regular */
@font-face {
    font-family: 'Transforma Mix Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaMix_Trial-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Transforma Mix - Medium */
@font-face {
    font-family: 'Transforma Mix Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaMix_Trial-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Transforma Mix - Semi Bold */
@font-face {
    font-family: 'Transforma Mix Trial';
    src: url('/wp-content/themes/hollyagency/assets/fonts/TransformaMix_Trial-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}