/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/************ INCLUDE FONT NUNITO ************/

@font-face {
	font-family: "Nunito";
	src: url("/wp-content/themes/flatsome-child/font/Nunito/Nunito-VariableFont_wght.ttf") format("truetype");
}

@font-face {
	font-family: "Nunito";
	src: url("/wp-content/themes/flatsome-child/font/Nunito/static/Nunito-Light.ttf") format("truetype");
    font-weight: 300;
}

/************ INCLUDE FONT SAIRA EXTRA CONDENSED ************/

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Saira Extra Condensed";
    src: url("/wp-content/themes/flatsome-child/font/Saira_Extra_Condensed/SairaExtraCondensed-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

html {
    /* 62.5% of 16px user agent font size is 10px */
    font-size: 62.5%;
}
:root {
    --h2:#E95D00;
    --res_main: #B78000;
    --res_light: #EDDFBF;
    --res_alt: #ff9c00;
    --res_bck: #d8ba7587;
}
body {
    overflow: hidden;
}
/**************FONT SIZE****************/

h1, h1 * {
    font-size: 10rem!important;
    line-height: 11rem!important;
    margin-bottom: 0!important;
}
.hero_banner_home h1, .hero_banner_home h1 span, .hero_banner_contact h1,  .hero_banner_home .hero_text span{
    font-size: 13rem!important;
    font-weight: 600!important;
    line-height: 13rem!important;
    margin-bottom: 0!important;
    margin-top: 0!important;
    letter-spacing: normal!important;
    font-family: "Saira Extra Condensed"!important;
}
h2, h2 * {
    font-size: 2rem!important;
    font-weight: 700!important;
    line-height: 3rem!important;
    margin-bottom: 2rem!important;
    letter-spacing: normal!important;
    color: var(--h2)!important;
    font-family: 'Nunito'!important;
}
h3, h3 * {
    font-size: 7rem!important;
    font-weight: 400!important;
    line-height: 7.8rem!important;
    margin-bottom: 4rem!important;
    letter-spacing: normal!important;
    font-family: 'Nunito'!important;
}
  
h4, h4 * {
    font-size: 1.5vw!important;
    font-weight: 400 !important;
    line-height: 2.5vw!important;
    margin-bottom: 2rem!important;
    letter-spacing: normal!important;
}
.p_28, .p_28 * {
    font-size: 2.8rem;
    line-height: 3.2rem;
}
.p_30, .p_30 * {
    font-size: 3rem;
    line-height: 3.8rem;
}
.p_40, .p_40 * {
    font-size: 4rem;
    line-height: 4rem;
}

/*********FORM*********/
.p_form, .p_form * {
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.wpcf7-form {
    margin-bottom: 0;
}
.wpcf7-form label {
    color:white;
}
.wpcf7-form input:not([type="submit"]) {
    height: 40px;
}
.wpcf7-form textarea, .wpcf7-form input:not([type="submit"]) {
    background-color: transparent;
    color:white;
}
.col_form {
    background-image: url(/wp-content/uploads/2024/06/solar-panel-2023-11-27-05-33-39-utc-scaled.jpg);
    background-size: cover;
}
.scopri_come, .scopri_come * {
    font-size: 2rem;
    line-height: 3.2rem;
}
.under_member, .under_member * {
    font-size: clamp(2rem, 2vw, 2.4rem)!important;
    line-height: clamp(2rem, 2vw, 2.5rem);
    font-size: 2.4rem!important;
    line-height: 2.4rem;
}
.bold, .bold * {
    font-weight: 600!important;
}
p, p *, .button {
    font-size: 2.2rem;
    line-height: 2.9rem;
    font-weight: 300;
}

.bottom_member , .bottom_member  * {
    font-size: clamp(2rem, 2vw, 3.5rem)!important;
    line-height: clamp(2rem, 3vw, 4.5rem);
    font-weight: 600;
}
.cli_partn, .cli_partn * {
    font-size: 4.2rem;
}
.member, .member * {
    font-size: clamp(3rem, 5vw, 7rem);
    line-height: clamp(4rem, 6vw, 7.5rem);
    font-weight: 600!important;
    margin-bottom: 0!important;
    margin-top: 0!important;
    letter-spacing: normal!important;
    font-family: "Saira Extra Condensed"!important;
}
.under_hero , .under_hero  * {
    font-size: 8rem;
    line-height: 9.5rem;
}
.bg_fill_contain .section-bg {
    background-size: contain!important;
}

.banner_bg_gradient .overlay{
    background: linear-gradient(45deg, black, transparent);
    background-color: transparent !important;
}

.banner_bg_gradient_left .overlay{
    background: linear-gradient(-45deg, black, transparent);
    background-color: transparent !important;
}

/*****HEADER*****/
.nav>li>a {
    font-size: 2.2rem!important;
    line-height: 2.2rem!important;
    font-weight: 300!important;
    font-family: 'Nunito'!important;
    color: white!important;
}
.nav-column li>a, .nav-dropdown>li>a {
    font-size: 2rem!important;
    font-family: 'Nunito'!important;
}
.nav-left, .nav-right {
    justify-content: end!important;
    gap: 5rem;
}
#header > .header-wrapper {
    background-image: linear-gradient(to bottom, black, transparent)!important;

}
.nav-dropdown {
    margin: 2.4rem 0;
    background-color: rgba(0, 0, 0, 0.6) !important;
    min-width: 300px;
    border-radius: 17px;
}
#header > .stuck .header-bg-color, #header > .stuck .nav-dropdown {
    background-color: rgb(0 0 0 / 90%) !important;
}

/********FOOTER******/
.absolute-footer {
    display: none;
}
#footer {
    z-index: 1;
}

.margin_bottom0, .margin_bottom0 > p, .margin_bottom0 ul {
    margin-bottom:0px !important;
}
.padding_bottom0, .padding_bottom0 > p, .padding_bottom0 ul {
    padding:0 15px !important;
}
.relative {
    position: relative;
}
.yellow_span span,  .hero_banner_home .yellow_span span> span {
    color:#FFBC32;
}

.hero_banner_home span > span {
    color:#FFBC32;
}


.uppercase, h6, span.widget-title, th {
    letter-spacing: 0!important;
}
.wpcf7-response-output {
    font-size: 1.8rem;
    margin: 0!important;
    color: white;
}
.text-right > a {
    width: auto;
    display: inline-block;
}
/***********HOME********/

.hero_h1_text {
    height: 1px;
    width: 1px;
    position: absolute;
    top: 0;
    z-index: 2;
    overflow: hidden;
}


.hero_banner_home .overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background-color: unset!important;
    pointer-events: none;
}
.linea_pallino {
    position: absolute;
    top: -27rem;
    left: 50%;
}
.linea_vert {
    height: 200px;
    width: 2px;
    background: white;
}
.pallino {
    height: 2.8rem;
    width: 2.8rem;
    background: white;
    left: -1.3rem;
    border-radius: 50%;
    bottom: 2rem;
    position: relative;
}

.services_home > div, .services_contattaci > div {
    display: flex;
    justify-content: center;
}
.services_home .banner, .services_contattaci .banner {
    background-color: transparent!important;
}
.services_contattaci .banner {
    min-width: 300px;
}
.services_home .parall_res {
    transform: translateX(31%);
}
.services_contattaci .parall1 {
    transform: translateX(92px);
}
.services_home .parall_res .banner-bg::after {
    content: url('https://www.rinnovasolutions.it/wp-content/uploads/2024/06/yellow.png');
    position: absolute;
}
.services_home .parall_ind {
    transform: translateY(20%);
}
.services_contattaci .parall2 {
    transform: translateY(72px);
}
.services_home .parall_ind .banner-bg::after {
    content: url('https://www.rinnovasolutions.it/wp-content/uploads/2024/06/blu.png');
    position: absolute;
}
.services_home .parall_com {
    transform: translateX(-49%);
}
.services_contattaci .parall3 {
    transform: translateX(-144px);
}
.services_home .parall_com .banner-bg::after {
    content: url('https://www.rinnovasolutions.it/wp-content/uploads/2024/06/green.png');
    position: absolute;
}
.services_home .banner  {
    clip-path: polygon(0 0, 55% 0, 100% 100%, 45% 100%);
}
.services_contattaci .banner-bg img {
    object-fit: contain!important;
}
.radial_gradient {
    height: 600px;
    width: 100%;
    background: radial-gradient(circle, #FFDC63 0%, #FFA007 100%);
    opacity: 0.15;

}
.video_home {
    border-radius: 67px;
}
.yellow_banner {
    background-color: transparent!important;
    top: -400px;
    position: absolute!important;
    border-radius: 6.7rem;
    overflow: hidden;
    box-shadow: -13px -14px 15px rgb(0 0 0 / 66%)
}
@media only screen and (max-width: 1260px) {
    .yellow_banner {
        top: -200px;
    }
}
.yellow_banner * {
    color: black!important;
}
.key_section .section-bg-overlay {
    background-image: linear-gradient(to bottom, #000000 0%, transparent 50%, #000000 100%);
    background-color: unset!important;
}
.key_num span {
    font-size: 6.1rem !important;
    font-family: "Saira Extra Condensed";
    font-weight: 600!important;
}
.key_circle {
    background: linear-gradient(180deg, rgba(0,4,23,1) 0%, rgba(0,14,75,1) 100%);
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}
.key_circle .is-border{
    border-radius: 50%!important;
}
.portfolio_x3_home .portfolio-box {
    border-radius: 67px;
    overflow: hidden;
}
.portfolio-box:hover {
    box-shadow: 9px 9px 9px #00000052;
    transform: translate(-9px, -9px) ;
    transition: opacity .3s, transform .3s, background-color .3s, box-shadow 0.3s;
}
.portfolio_x3_home .portfolio-box-title, .form_title p {
    font-size: 3.5rem!important;
    font-weight: 400!important;
    line-height: 4rem!important;
}
.portfolio_x3_home .portfolio-box-title {
    height: 8rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 2rem;
}
.portfolio_x3_home .portfolio-box-category {
    position: absolute;
    top: -30.5rem;
    opacity: 1;
    color: white;
    padding: 0.7rem 2rem;
 /   clip-path: polygon(0 0, 100% 0, 100% 0%, 84% 100%, 0 100%);
    text-transform: capitalize;
}
.portfolio_x3_home .portfolio-box-category span {
    font-size: 1.8rem !important;
    font-weight: 300 !important;
}
.portfolio_x3_home .show-on-hover {
    opacity: 1!important;
}
.portfolio_x3_home > .col[data-terms='["Residenziale"]'] .portfolio-box-category {
    background-color: #B78000;
}
.portfolio_x3_home > .col[data-terms='["Industriale"]'] .portfolio-box-category {
    background-color: #007FB7;
}
.portfolio_x3_home > .col[data-terms='["Comunità"]'] .portfolio-box-category {
    background-color: #007029;
}
.portfolio_x3_home .portfolio_meta_cont {
    display: flex;
    justify-content: space-between;
    padding: 0 5rem;
    color: white;
    text-wrap: nowrap;
}
.portfolio_x3_home .portfolio_meta_cont p {
    font-size: 2.2rem!important;
}
.portfolio_x3_home .portfolio_meta_cont > div {
    display: flex;
    align-items: center;
    gap:1rem;
}
.portfolio_x3_home .portfolio_meta_cont img {
    height: 80%;
}
.portfolio_x3_home .riassunto {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 2.4rem;
    color: white;
}
.portfolio_x3_home .box-text {
    box-shadow: rgb(7, 46, 87) 0px 0px 20px 20px;
}
.portfolio_x3_home .image-cover {
    padding-top: 36rem!important;
}
.scopri::after {
    content: 'Scopri di più';
    color: #FFBC32;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    font-size: 1.4rem;
}
.trustpilot p {
    font-size: 3rem;
}

.pandoro, .pandoro2 {
    position: absolute;
    width: 100%;
    height: 60rem;
    border: solid 5px #FFCC00;
}
.pandoro {
    border-radius: 0 0 50% 50%;
    top: -5rem;;
}
.pandoro2 {
    border-radius: 50% 50% 0 0;
    top: -55rem;
    z-index: -1;
}
.logo_home img {
    width: auto!important;
    transform: translateX(-50%);
    left: unset!important;
    right: unset!important;
}
.loghi > div {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 10px;
    justify-items: center;
}

.accordion_chisiamo a {
    border-top: unset;
    font-size: 2.2rem;
}
.hearth_home_footer {
    position: absolute!important;
}

/**********CHI SIAMO**************/
.img_vision .img-inner {
    border-radius:67px;
}
.key_circle_chisiamo {
    max-width: 31rem;
    height: 26rem;
    border-radius: 22px;
}
.key_circle_chisiamo .is-border{
    border-radius: 22px!important;
}
.circle_cont {
    position: relative;
    display: flex;
    justify-content: center;
}
.circle {
    width: 8rem; /* Larghezza del cerchio */
    height: 8rem; /* Altezza del cerchio */
    background-color: #FFCC00; /* Colore di sfondo arancione */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombra */
    z-index: 1; /* Porta il cerchio sopra la linea */
    position: relative;
}

.circle span {
    font-size: 24px; /* Dimensione del testo */
    color: #FFF; /* Colore del testo */
}
.circle_chisiamo span {
    font-size: 5rem;
    font-weight: 300;
}
.line {
    position: absolute;
    width: 100%; /* Larghezza della linea */
    height: 2px; /* Altezza della linea */
    background-color: #FFCC00; /* Colore della linea */
    left: 0;
    top: 50%; /* Centra verticalmente */
    z-index: 0; /* Porta la linea sotto il cerchio */
}
.video_chisiamo .overlay {
    background-color: unset!important;
    background-image: linear-gradient(to bottom, #000000 0%, transparent 20%, transparent 80%, #000000 100%);
}
.accordion .icon-angle-down:before {
    content: url('https://www.rinnovasolutions.it/wp-content/uploads/2024/06/Raggruppa-27.svg');
}
.accordion-title {
    padding: .6em 3.3em;
}
.partner_chisiamo {
    justify-content: space-between!important;
}
.contattaci_chisiamo .section-bg-overlay {
    background-color: unset !important;
    background-image: linear-gradient(to bottom, #000000 0%, #0000007a 30%, #0000007a 100%);
}
.bck_form_chisiamo {
    background: linear-gradient(to bottom right, #1A416B, #385A7D);
    border: solid 1px;
}
.flex_form > p {
    display: flex;
    gap: 4rem;
}
.flex_form input {
    height: 4rem;
}
.flex_form span {
    margin-top: 1rem;
}
.sub_butt input, .prev_butt {
    background-color: var(--res_main);
    height: 4rem;
    text-transform: capitalize;
    margin-right: auto!important;
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    padding: 0 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin-left: auto!important;
    margin-bottom: 0!important;
}
.butt_left {
    margin-left: unset!important;
}
.sub_butt > p {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.social-icons {
    color: white;
    font-size: 1.85em;
}
.social-icons span {
    font-weight: 300!important;
}
/***************SERVIZI*******************/
.box_services {
    clip-path: polygon(0 0, 85% 0, 100% 18%, 100% 100%, 15% 100%, 0 82%);
}
.box_services img {
    padding: 6rem 7rem;
}
.box_proc {
    height: 40rem;
    max-width: 38rem;
}
.step_proc, .step_proc * {
    font-size: 1.6rem;
    font-weight: 600;
}
.step_proc p {
    margin-bottom: 1rem;
    margin-top: 0;
    color: var(--h2)!important;
}
.fasi_proc, .fasi_proc * {
    font-size: 3rem;
    font-weight: 600;
}
.fasi_proc p {
    margin-bottom: 2rem;
    margin-top: 0;
}
.arrow_down {
    transform: rotate(180deg);
}
.key_rombo {
    width: 16rem;
    height: 16rem;
    transform: rotate(45deg);
    margin-bottom: 5rem;
}
.key_rombo .text-box-content {
    transform: rotate(315deg);
}
.key_txt p {
    font-size: 3rem;
    font-weight: 600!important;
    font-family: "Saira Extra Condensed"!important;
}
.key_num p, .key_txt p {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
}
.left {
    margin-left: unset!important;
}
.list_title p {
    font-size: 2.3rem;
    font-weight: 600;
    margin-bottom: 2rem!important;
}
.list_title li {
    font-size: 1.8rem;
    margin-bottom: 0;
}
.list_title ul {
    margin-bottom: 4rem;
}
.black::after {
    color: black!important;
}
/*****Residenziale***/
/*Color Palette*/
.page-id-284 {
    --res_main: #B78000;
    --res_light: #EDDFBF;
    --res_alt: #ff9c00;
    --res_bck: #d8ba7587;
}
/*****Industriale***/
/*Color Palette*/
.page-id-286 {
    --res_main: #007FB7;
    --res_light: #BFDFED;
    --res_alt: #5050ED;
    --res_bck: #75b9d85c;
    --h2:#007FB7;
}
/*****Comunità Energetiche***/
/*Color Palette*/
.page-id-288 {
    --res_main: #007029;
    --res_light: #BFDBC9;
    --res_alt: #1E842C;
    --res_bck: #75b18b5c;
    --h2:#007029;
}
.banner_res .section-bg-overlay {
    background-color: var(--res_main)!important;
    opacity: 0.7;
}
.box_services .overlay {
    background: linear-gradient(to bottom right, var(--res_main), var(--res_light));
    z-index: -1;
}
.box_proc .is-border {
    border-color: var(--res_main)!important;
}
.under_sol .section-bg-overlay {
    background-color: var(--res_bck)!important;
}
.under_sol .section-bg {
    background-position: 86% 60%!important;
}
.under_sol .bg-fill {
    background-size: 154%!important;
}
.under_sol .section-bg-overlay {
    background-image: linear-gradient(to bottom, white 0%, transparent 40%, transparent 100%);
}
.sol_ind .section-bg {
    background-position: 86% 26%!important;
}
.circle_row_res .circle {
    background-color: var(--res_alt)!important;
    background-size: 72%;
    background-repeat: no-repeat;
    background-position: center;
}
.circle_row_res .circle1 {
    background-image: url(https://www.rinnovasolutions.it/wp-content/uploads/2024/06/Service.svg);
}
.circle_row_res .circle2 {
    background-image: url(https://www.rinnovasolutions.it/wp-content/uploads/2024/06/Solar-Technology-02.svg);
}
.circle_row_res .circle3 {
    background-image: url(https://www.rinnovasolutions.it/wp-content/uploads/2024/06/Solar-Technology-19.svg);
}
.circle_row_res .line {
    background-image: linear-gradient(to right, var(--res_light) 0%, var(--res_main) 100%);
    top: -7rem!important;
}
.key_point_res .section-bg::before {
    content: '';
    background-color: var(--res_alt);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    mix-blend-mode: multiply;
}
.key_rombo .is-border {
    border-color: var(--res_main)!important;
}
.box_proc .icon-box {
    align-items: center;
}
.box_proc .icon-box-img path {
    fill: var(--res_alt)!important;
}
.box_proc .icon-box-img line {
    stroke: var(--res_alt)!important;
}
.banner_under_spec .overlay{
    background-image: linear-gradient(to bottom, #F5F6F7 0%, transparent 30%, transparent 100%);
    background-color: unset!important;
}
.contattaci_res .section-bg-overlay {
    background-color: var(--res_bck)!important;
}
.scopridipiu line {
    stroke: var(--res_alt)!important;
}
.scopridipiu p {
    font-size: 1.6rem!important;
    line-height: 1rem!important;
}
.bck_form_chisiamo g, .bck_form_chisiamo rect {
    fill: var(--res_alt)!important;
    stroke-width: 0!important;
}

/*******CONTATTACI*******/
.hero_banner_contact .overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);
    background-color: unset !important;
    pointer-events: none;
}

/**********PORTFOLIO INDEX********/
.portfolio_index .container {
    display: none;
}
#filterSelect {
    width: 370px;
    height: 50px;
    background: transparent;
}

#cerca_portfolio {
    height: 50px;
    width: 500px;
}
#cerca_portfolio, #filterSelect {
    color: white;
    font-size: 24px;
    background-color: transparent;
    z-index: 1;
    position: relative;
}
#filterSelect option {
    background: #072e57;
}
.portfolio_filter {
    display: flex;
    justify-content: space-between;
}
.portfolio_filter * {
    margin-bottom: 0!important;
}
.portfolio_filter .arrows {
    position: absolute;
    right: 24px;
    top: 17px;
    width: 26px;
    transform: scaleY(-1);
    transform-origin: center;
    z-index: 0;
    transition: transform 0.3s ease;
}
.arrows.rotated {
    transform: scaleY(1);
}
.portfolio_x3_home {
    height: auto!important;
}
.portfolio_x3_home .col {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}
.singlecasestudy_x2 > div {
    max-width:450px!important;

}
.singlecasestudy_x2 {
    justify-content: center;
}

.col_single_portfolio {
    padding: 0 8%;
}
#play_video, #play_video2 {
    box-shadow: 8px 8px 15px rgb(0 0 0 / 50%);
    border-radius: 6.7rem;
}
.play_button {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    filter: drop-shadow(2px 4px 6px black);
    cursor: pointer;
}
.play_button2 {
    position: absolute;
    bottom: 50%;
    left: calc(50% + 5rem);
    transform: translate(-50%, 50%);
    filter: drop-shadow(2px 4px 6px black);
    cursor: pointer;
}
.play_button:hover,.play_button2:hover {
    filter:none;
}
.video-playing.yellow_banner {
    z-index: -1; /* Dietro al video quando il video è in riproduzione */
    transition: opacity 0.5s ease, z-index 0s linear; /* Effetto di dissolvenza per l'opacità */
}

.banner_radious {
    border-radius: 6.7rem;
    overflow: hidden;
}











@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    html {
        font-size: 44%;
    }
    .play_button, .play_button2 {
        display:none;
    }
    .padding_bottom0, .padding_bottom0 > p, .padding_bottom0 ul {
        padding:0 15px !important;
    }
    .row .col:not(:last-child) {
        padding: 0 20px 30px !important;
    }
    .row .col:last-child {
        padding: 0 20px!important;
    }

    #header .container {
        padding: 0 20px!important;
    }
    #header .nav-right {
        justify-content: end!important;
    }
    .nav-vertical>li>ul li a {
        font-size: 3rem !important;
        line-height: 3.2rem !important;
        color: white !important;
    }
    .nav>li>a {
        font-size: 3.2rem !important;
        line-height: 3.5rem !important;
    }
    h1, h1 * {
        font-size: 6rem !important;
        line-height: 6rem !important;
    }
    h3, h3 * {
        font-size: 6rem !important;
        line-height: 6.5rem !important;
    }
    h4, h4 * {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 0!important;
    }

    .under_hero, .under_hero * {
        font-size: 6rem;
        line-height: 6.5rem;
    }
    .scopri_come, .scopri_come * {
        padding-top: 10px;
    }
    .services_banner_col .banner{
        border-radius: 25px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .yellow_banner {
        background-color: transparent !important;
        top: unset;
        height: auto;
        border-radius: 27px;
        overflow: hidden;
        margin-top: 24px;
    }
    .accordion_chisiamo .accordion-inner {
        display:block!important;
        padding:0!important;
    }
    .accordion_chisiamo .toggle {
        display: none!important;
    }
    .accordion_chisiamo a {
        pointer-events: none;
        padding: 14px 0;
        font-weight: 700 !important;
    }
    .img_vision .img-inner {
        border-radius: 27px;
    }
    .loghi > div {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: none;
        gap: 0;
    }
    .key_circle {
        width: 21rem;
        height: 21rem;
    }
    .portfolio_x3_home .portfolio-box {
        border-radius: 35px;
    }
    .p_form, .p_form * {
        font-size: 15px;
        line-height: 19px;
    }
    .flex_form > p {
        display: flex;
        gap: 0rem;
        flex-direction: column;
    }
    .bck_form_chisiamo .row .col:last-child {
        padding: 0 20px 30px !important;
    }
    .box_proc {
        height: 340px;
        max-width: 100%;
    }
    .portfolio_filter {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 20px;
    }
    #cerca_portfolio, #filterSelect {
        width: 100%;
        height: 40px;
        background: transparent;
        font-size: 20px;
    }
    .portfolio_filter .arrows {
        top: 12px;
    }
    #footer .stack {
        align-items: center;
        margin-top: 24px;
    }
}