/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1776784783
Updated: 2026-04-21 15:19:43

*/
/* Modern CSS (Progressive Enhancement) */
/* Text Gradient CSS */
.orange-grad-text h2.elementor-heading-title {
	drop-shadow(rgba(255, 255, 255, 0.3) 0px 0px 30px);
/*   color: #fff; */
  background-image: linear-gradient(
    45deg,
    #fff ,
    #fbbd23 50%,
    #fff 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* .home-btn-bs{
	box-shadow: 0 8px 32px #00000026, inset 0 1px #fff6 !important;
} */
/* .bdrop-filter {
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px)!important;
} */
.rainbow-line{display: inline-block;
    width: 120px;
    height: 4px !important;
    background: linear-gradient(90deg, rgb(20, 115, 240), rgb(83, 198, 194), rgb(51, 204, 115), rgb(251, 189, 35), rgb(249, 116, 21));
    border-radius: 2px;
    margin: 0px auto;
}

.home-ib-blue span.elementor-icon {
    background: linear-gradient(135deg, #1473f0 0%, #579bf4 100%);
    border-radius:50px;
    padding:16px;
}
.home-ib-box:hover{
    transform: translateY(-8px);
}
.home-ib-blue-shadow:hover {
	box-shadow: 0 12px 40px -8px hsl(214 88% 51% / 0.3) !important;
}
.home-ib-green-shadow:hover{
	box-shadow: 0 12px 40px -8px rgba(51, 204, 115, 0.3) !important;
}
.home-ib-yellow-shadow:hover {
	box-shadow: 0 12px 40px -8px hsl(43 96% 56% / 0.3) !important;
}
.home-ib-orange-shadow:hover {
	box-shadow: 0 12px 40px -8px hsl(25 95% 53% / 0.3) !important;
}
.home-ib-box:hover .hover-text h3.elementor-icon-box-title {
    color: #1473f0;
}
.home-ib-box, .home-ib-box-type-2{
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.home-ib-box:hover .home-ib-box .elementor-icon{
	transform: translateY(-8px);
}
.home-ib-box:hover .elementor-icon{
	transform: scale(1.1) rotate(10deg);
	
}
.home-ib-box:hover .home-ib-blue-icon-shadow .elementor-icon{
 box-shadow: 0 12px 40px -8px hsl(214 88% 51% / 0.3) !important;	
}
.home-ib-box:hover .home-ib-yellow-icon-shadow .elementor-icon{
 box-shadow: 0 12px 40px -8px hsl(43 96% 56% / 0.3) !important;
}
.home-ib-box:hover .home-ib-orange-icon-shadow .elementor-icon{
 box-shadow: 0 12px 40px -8px hsl(25 95% 53% / 0.3) !important;
}
.home-ib-yellow span.elementor-icon {
    background: linear-gradient(135deg, hsl(43 96% 56%) 0%, hsl(25 95% 53%) 100%);
    border-radius:50px;
    padding:16px;
}
.home-ib-orange span.elementor-icon {
    background: linear-gradient(to bottom right, hsl(25 95% 53%), hsl(43 96% 56%));
    border-radius:50px;
    padding:16px;
}
.la-nostra-mission{
background: linear-gradient(37deg,rgba(20, 115, 240, 0.09) 0%, rgba(0, 0, 0, 0) 50%, rgba(251, 189, 35, 0.09) 100%);
}
.le-nostre-attivita{
	background: linear-gradient(90deg,rgba(20, 115, 240, 0.05) 0%, rgba(0, 0, 0, 0) 50%, rgba(251, 189, 35, 0.07) 100%);
}
.home-ib-blue-bg{
	background-image: linear-gradient(to bottom right, hsl(214 88% 51% / .1) , hsl(214 88% 51% / .05));
}

.home-ib-box:hover .btn-hover-und span.elementor-button-content-wrapper {
    border-bottom: 1px solid #1473F0 !important;
	transition:0.5s ease-in;
}
.section-statistic{
 background-image:linear-gradient(180deg, hsl(210 40% 98%) 0%, hsl(214 88% 97%) 100%)
}
.statistic-scale{
	transition:0.5s ease-in;
}
.statistic-scale:hover{
    transform: translateY(-8px);
}
.btn-scale:hover{
    --tw-translate-x: 1.1px;
  --tw-translate-y: 1.1px;
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;

  transform: 
    translate(var(--tw-translate-x), var(--tw-translate-y))
    scaleX(var(--tw-scale-x))
    scaleY(var(--tw-scale-y));
}
.section-differ{
background: linear-gradient(
  to bottom right,
  #1677F2,
  #0F65D8,
  #0F172A
);
}
.chimo-icon-box span.elementor-icon {
	background-image: linear-gradient(to bottom right, hsl(214 88% 51% / .2) , hsl(214 88% 51% / .05));
    border-radius:16px;
    padding:16px;
}
.text-letter-circle h5{
    background:#1e62bc1a !important;
    border-radius:999px;
    width:48px;
    height:48px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
}
.icon-box-blue-subtexr{
    font-size:14px;
    color:#1473F0;
}

.home-ib-box-type-2:hover {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
	transform: translateY(-8px);
}


.dettaglio .home-ib-blue span.elementor-icon {
    background: #ffffff;
    border-radius:12px;
    padding:16px;
}
.sostenerci .home-ib-blue span.elementor-icon {
    background: #1473F0;
    border-radius:12px;
    padding:16px;
}
.section-differ-orange{
	background-image:linear-gradient(135deg, hsl(43 96% 56%) 0%, hsl(25 95% 53%) 100%)
}

/* tab css for mobile */
/* ============================================
   ELEMENTOR TABS - MOBILE FIX
   Prevents inactive tab content from showing
   below the active tab on mobile devices.
   Paste this in: Elementor > Custom CSS
   OR Appearance > Customize > Additional CSS
   ============================================ */

/* Hide all tab content panels by default */
.e-n-tabs-content > [role="tabpanel"] {
  display: none !important;
}

/* Show only the active/selected tab panel */
.e-n-tabs-content > [role="tabpanel"].e-active {
  display: flex !important;
}

/* Mobile specific fix (below 768px) */
@media (max-width: 767px) {

  /* Ensure inactive tabs are fully hidden on mobile */
  .e-n-tabs-content > [role="tabpanel"]:not(.e-active) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    pointer-events: none !important;
  }

  /* Active panel takes full width on mobile */
  .e-n-tabs-content > [role="tabpanel"].e-active {
    display: flex !important;
    visibility: visible !important;
    width: 100% !important;
  }

  /* Optional: make tab heading buttons look better on mobile */
  .e-n-tabs-heading {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 8px !important;
    padding-bottom: 4px !important;
  }

  .e-n-tab-title {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }
}
/* tab css for mobile end  */

.collaborano-image .e-child{
	transition:0.3 fast;
}

.collaborano-image .e-child:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;
}