/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body.ehf-header #masthead { position: sticky; top: 0; left: 0; width: 100%; }
body:not(.elementor-editor-active) .headerbisnessbtn, body:not(.elementor-editor-active) .headeraboutbtn { display: none; }
body:not(.elementor-editor-active).page-id-16 .headerprivatibtn { display: none; }
body:not(.elementor-editor-active).page-id-16 .headerbisnessbtn { display: flex; }
body:not(.elementor-editor-active).page-id-17 .headerprivatibtn { display: none; }
body:not(.elementor-editor-active).page-id-17 .headeraboutbtn { display: flex; }
.bannerheading span { font-family: "Knewave", Sans-serif; font-weight: 400; }
.risparmbanner { width: 100%; background: #e5f2ff; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.risparmo_row { width: 45%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 30px; transition: transform 0.2s linear; flex: 0 0 auto;  max-width: 100%; transform: scale(1.02); }
.bannerdetails { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 1370px; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; transform: scale(0.6); opacity: 0; visibility: hidden; padding: 70px 50px; transition: all 0.8s ease; }
.bannerdetails h2 { margin: 0; font-size: 80px; font-weight: 700; color: #fff; text-shadow: 0 4px 8px rgba(0, 0, 0, 0.6), 0 4px 15px rgba(0, 0, 0, 0.6); text-align: left; }
.bannerdetails h3 { margin: 0; font-size: 60px; font-weight: 700; color: #fff; text-shadow: 0 4px 8px rgba(0, 0, 0, 0.6), 0 4px 15px rgba(0, 0, 0, 0.6); text-align: right; max-width: 750px; margin-left: auto; }
.bannerdetails.active { transform: scale(1); opacity: 1; visibility: visible; }
/* .risparmbanner:hover .risparmo_row { width: 100%; transform: scale(1, 1); }
.risparmbanner:hover .bannerdetails { transform: scale(1); opacity: 1; visibility: visible;  } */
.smettibanner .risparmbanner { background: transparent; }
.smettibanner .bannerdetails h3 { font-size: 70px; max-width: 100%; }
.smettibanner .bannerdetails h2 { max-width: 77%; }
.nuovomodo_sec { width: 100%; padding: 50px 0; background: #fff; }
.nuovomodo_sec .container { max-width: 1320px; margin: 0 auto; padding: 0 15px; }
.nuovomodo_row { display: flex ; flex-wrap: wrap; margin: 0 -15px; }
.nuovomodo_row .col-6 { width: 50%; padding: 15px; }
#page .headingmodo { margin: 0 0 30px; font-size: 50px; }
.nuovomodotab_row { width: 100%; background: #E5F2FF; border-radius: 30px; padding: 30px; min-height: 450px; }
.nuovomodotablist { margin: 0; padding: 0 0 20px 15px; list-style: none; position: relative; }
.nuovomodotablist li { font-size: 40px; font-weight: 700; color: #000; opacity: 0.3; padding: 7px 5px; position: relative; cursor: pointer; line-height: 1.2; transition: all .5s; }
.nuovomodotablist li.active { opacity: 1; }
.nuovomodotablist li.tabboderslide { position: absolute; bottom: 0; left: 0; width: 6px; height: 100%; background: #8BCFCC; background: linear-gradient(180deg, rgb(139 207 204) 0%, rgba(31, 8, 123, 1) 100%); transform-origin: 0 0; transition: transform .25s; opacity: 1; border-radius: 10px; padding: 0; }
.nuovomodotablist li:first-child.active ~ .tabboderslide { transform: translateY(0) scaleY(0.333); }
.nuovomodotablist li:nth-child(2).active ~ .tabboderslide { transform: translateY(33.333%) scaleY(0.333); }
.nuovomodotablist li:nth-child(3).active ~ .tabboderslide { transform: translateY(calc(33.333%* 1.7)) scaleY(0.333); }
.tabdatacol { display: none; }
.tabdatacol p { color: #202020; font-size: 20px; margin 0 0 15px; }
.tabdatacol.active { display: block; }
.tabdataimg_row { position: relative; height: 100%; width: 100%; overflow: hidden; border-radius: 30px; }
.tabdataimgcol { display:none; position: absolute; width: 100%; top: 0; left: 0; transition: transform 0.5s ease; }
.tabdataimgcol.active { display: block; }
.tabdataimgcol img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; display: block; }
.iconendbtn .elementor-button:after { content: ''; background: url(/wp-content/uploads/2026/02/btnicon.png) no-repeat center center; background-size: 32px; width: 32px; height: 32px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
#page .skontoimgbox .gallery { margin: 0; display: flex; flex-wrap:wrap; gap: 15px 70px; align-items: center; justify-content: center; }
#page .skontoimgbox .gallery .gallery-item { width: auto; height: auto; float: none; padding: 0; }
#page .commenform { display: flex; flex-wrap: wrap; margin: 0 -10px; justify-content: center; } 
#page .commenform .form-group { padding: 10px; width: 33.33%; } 
#page .commenform .form-group.btnform { width: auto; }
#page .commenform .form-group.fullsize { width: 100%; } 
#page .commenform p { margin: 0; position: relative; }
#page .commenform .form-control { width: 100%; display: block; border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border-radius: 100px; font-size: 16px; font-weight: 600; padding: 12px 20px; outline: none; }
#page .commenform .submitbtn { display: block; background: #1f087b; border: 1px solid #1f087b; color: #fff; font-size: 16px; font-weight: 600; border-radius: 100px; cursor: pointer; transition: all .4s; padding: 12px 15px; min-width: 130px; }
#page .commenform .wpcf7-spinner { position: absolute; top: 14px; right: 0; }
#page .commenform .pravicycheck .wpcf7-list-item { margin: 0; }
#page .pravicycheck .wpcf7-list-item label { font-size: 15px; font-weight: 600; color: rgba(0,0,0,0.5); display: flex; align-items: flex-start; gap: 10px; cursor: pointer; line-height: 20px; }
#page .pravicycheck .wpcf7-list-item input[type="checkbox"] { min-width: 18px; width: 18px; height: 18px; }
#page .commenform .form-group.fullsizebtn { width: 100%; display: flex; align-items: center; justify-content: center; }
#page .businessfom .submitbtn { background: #B495FF; border-color: #B495FF; }
#page .vantaggidatabox { overflow: hidden; }
#page .vantaggidatabox .elementor-image-box-img { background: #B495FF; text-align: center; min-height: 250px; display: flex; align-items: center; justify-content: center; }
#page .vantaggidatabox .elementor-image-box-img img { height: 82px; }
#page .vantaggidatabox .elementor-image-box-content { display: inline-block; padding: 15px 35px 50px; position: relative; }
#page .vantaggidatabox .elementor-image-box-content:before { content: ''; width: 100%; height: 30px; background: url(/wp-content/uploads/2026/02/cardpath.svg) no-repeat center top; background-size: cover; position: absolute; top: -30px; left: 0; }
#page .scoprituttislider.slick-slider { padding: 0 0 55px; }
#page .scoprituttislider .slick-track { display: flex ; flex-wrap: wrap; }
#page .scoprituttislider .slick-slide { margin: 12px; height: auto; }
#page .scoprituttislider .slick-slide > div { height: 100%; }
#page .scoprituttislider .slick-slide .vantaggidatabox { max-width: 100%; height: 100%; }
#page .scoprituttislider .slick-arrow { left: calc(50% - 20px); right: auto; top: auto; transform: translateX(-50%); bottom: 0px; width: 40px; height: 40px; background: #fff z-index: 9; }
#page .scoprituttislider .slick-next.slick-arrow { left: calc(50% - -20px); }
#page .scoprituttislider .slick-arrow::before { content: "\f053"; color: #000; font-family: "Font Awesome 5 Free"; font-weight: 900; }
#page .scoprituttislider .slick-next.slick-arrow::before { content: "\f054"; }
.clientflipbox .elementor-flip-box__front .elementor-flip-box__layer__title:after { content: ''; background: #85D8D4; background: linear-gradient(90deg, #85d8d4 0%, #b495ff 100%); width: 100%; height: 1px; display: block; margin: 15px 0 0; }
#page .aboutform_sec::before { transform: scaleX(-1); background-position: left bottom; transition: all .5s; }
#page .aboutform_sec::after { content: ''; background-image: url(/wp-content/uploads/2026/02/objectimg1.png); background-position: right bottom; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 0; transform: scaleX(-1); transition: all .5s; width: 100%; height: 100%; }
body:not(.elementor-editor-active) .aboutprivatiform { display: none; }
body:not(.elementor-editor-active) .aboutecommerceform { display: none; }
.businessfom { margin: 0 auto; }
.closemodal .elementor-icon { cursor: pointer; }
.active .aboutecommerceform .elementor-widget-text-editor { padding: 15px 0; }
#page .aboutform_sec.active { background: #E5F2FF; transition: all .5s; }
#page .aboutform_sec.active::after { transform: scaleX(1); }
#page .aboutform_sec.active::before { opacity: 0; visibility: hidden; }
.closemodalnoi .elementor-icon { cursor: pointer; }
.activetwo .aboutecommerceform .elementor-widget-text-editor { padding: 15px 0; }
#page .aboutform_sec.activetwo { background: #E9E6FF; transition: all .5s; }
#page .aboutform_sec.activetwo::after { visibility: hidden; opacity: 0; }
#page .aboutform_sec.activetwo::before { transform: scaleX(1); }
#page .commenform select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #FFF url(/wp-content/uploads/2026/02/arrowdown.svg) no-repeat right 10px center; background-size: 20px; padding: 12px 35px 12px 20px; }
body main#content { max-width: 1350px; margin: 0 auto; padding: 50px 15px; } 
body main#content .entry-title { max-width: 100%; margin: 0 0 30px; padding: 0; font-size: 32px;  text-align: center; } 
.page-content .wp-block-heading { font-size: 22px; margin: 15px 0; padding: 5px 0 0; } 
.page-content p { font-size: 16px; margin: 15px 0; }


/*Responsive Media Query*/
@media (min-width: 1399px){
#page .bannerheading .elementor-heading-title { font-size:80px; }

	
}

@media (min-width: 768px){
.tabdataimg_row { height: 100% !important;}
.smettibanner .risparmo_row { background-position: top center; }
	
}


@media (max-width: 1024px){
.bannerdetails h2 { font-size: 60px; }
.bannerdetails h3 { font-size: 45px; max-width: 550px; }
#page .headingmodo { font-size: 32px; } 	
.nuovomodotablist li { font-size: 30px; }	
.tabdatacol p { font-size: 16px; } 	
.nuovomodotab_row { padding: 20px; min-height: 350px; }
.smettibanner .bannerdetails h3 { font-size: 45px; }
.risparmbanner, .risparmo_row { max-height: 900px; }	
.smettibanner .bannerdetails h2 { font-size: 50px; } 
#page .vantaggidatabox .elementor-image-box-img { min-height: 170px; }	
#page .vantaggidatabox .elementor-image-box-img img { height: 52px; }
#page .vantaggidatabox .elementor-image-box-content { padding: 0px 15px 20px; }	
	
}


@media (max-width: 767px){
#page .headerbtn { width: auto; max-width: max-content; }
#page .fashionrow .elementor-image-box-wrapper { display: flex ; align-items: center; gap: 10px; }
#page .fashionrow .elementor-image-box-wrapper .elementor-image-box-img { min-width: 45px; }
.pricebannerow .elementor-image-box-content { display: flex ; align-items: center; gap: 15px; }
.pricebannerow .elementor-image-box-title { margin: 0; }
.nuovomodotab_row { min-height: auto; }
#page .skontoimgbox .gallery { gap: 15px 30px; }	
#page .commenform .form-group { padding: 5px 10px; width: 100%; }
#page .commenform .form-group.btnform { width: 100%; display: flex; align-items: center; justify-content: center; order: 4; }
#page .commenform .form-group.fullsizebtn { order: 10; }
.risparmbanner { min-height: 100%; height: 500px; }
.risparmo_row { width: 100%; height: 500px; }
.bannerdetails { padding: 40px 25px; }
.bannerdetails h2 { font-size: 28px !important; max-width: 100%; }
.bannerdetails h3 { font-size: 22px; max-width: 400px; }
.risparmbanner:hover .risparmo_row { transform: scale(1, 1); }	
.smettibanner .risparmo_row { background-position: right 28% center; }
.smettibanner .bannerdetails h3 { font-size: 22px; }	
.nuovomodo_row .col-6 { width: 100%; padding: 10px 15px; }
#page .headingmodo { font-size: 26px; margin: 0 0 20px; text-align: center; }
.nuovomodotablist li { font-size: 24px; }	
.nuovomodotablist li:first-child.active ~ .tabboderslide { transform: translateY(0%) scaleY(0.27); }
.nuovomodotablist li:nth-child(2).active ~ .tabboderslide { transform: translateY(29%) scaleY(0.27); }
.nuovomodotablist li:nth-child(3).active ~ .tabboderslide { transform: translateY(calc(33.333%* 1.72)) scaleY(0.27); }	
.tabdataimgcol { position: relative; }
body main#content .entry-title { font-size: 22px;  } 	
.page-content .wp-block-heading { font-size: 20px; }
#page .togglenavbar nav .hfe-nav-menu { margin: 0 auto; display: inline-flex; background: #ffffff; border-radius: 100px; border: 1px solid #29040233; padding: .25rem; }	
#page .togglenavbar nav .hfe-nav-menu > .menu-item > .hfe-menu-item { border-radius: 100px; }	


}