@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

#front nav a { color:#fff;font-weight: 500!important;font-size:14px!important; text-transform:uppercase; }
.dropdown-menu li>a { color:#000!important }
a.active:after {
    width: 100%;
    height: 4px;
    background-color: #ed7c02;
    display: inline-block;
    content: '';
    transform: translateY(-10px);
}

.offcanvas a  { color:#000!important; text-transform:uppercase; font-weight:600; }

.sub-menu a { font-weight:400!important; }

.current_page_item a { color:#ed7c01!important }
.offcanvas li { margin-bottom:30px }
.sub-menu li { margin-bottom:10px }

.sub-menu { list-style:none; }

.trp-flag-rounded {
    border: 1px solid #a3a1a1;
}
.text-orange { color:#ed7c01 }


nav .nav-link:hover { color:#000; opacity:.7 }
nav .nav-link { color:#000;font-weight: 500!important;font-size:14px!important; text-transform:uppercase; }
body { font-family: "Poppins", sans-serif; }
h1, h1 {
        font-size: 3.5rem;
        font-weight: 400;
    }
h3,h2 { font-weight: 400; line-height:110% }
h4 { font-weight:300; font-size:22px }

p{ line-height:120%;font-weight:400; }
.text-warning { color:#ed7c01!important }

.label {
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}

.text-brown { color:#8d4a14 }

.bg-orange .border-top { border-top:1px solid rgba(255, 255, 255, .4)!important; }

.bg-yellow-light { background-color:#fcf29c }
.bg-warning { background-color:#ed7c01!important;color:#fff }
.elemento {
      box-shadow: inset 0 0 26px -1px #ed7c01;
}

.ombra_interna_yellow {
  box-shadow: inset 0 0 15px 2px #ffed04;
}
.ombra_interna_orange {
    box-shadow: inset 0 0 14px 2px #d1a26cd9;
}
.text-shadow {
  text-shadow: -4px 4px 9px rgba(0,0,0,.25);
}
.bg-light { background-color:#f4f4f4 }
.bg-yellow { background-color:#ffed04 }

.bg-orange {
    background-color: rgb(237 124 1 / 70%) !important;
}

.bg-orange02 {
    background-color: rgb(237 124 1 / 100%) !important;
}

.text-brown p { margin-bottom:inherit!important; }

.text-yellow {  color:#ffed04 }


.link { color:#000; font-size:24px;font-weight:300 }

#servizi h2 { font-size:70px; line-height:100% }
#servizi h3 { font-size:15px; font-weight:600; }
#servizi p { line-height:110%; font-size:17px }
.boxes p { line-height:110%; font-size:13px!important;margin-bottom:0 }

.border-grad {
  position: relative;
  padding: 20px;
  border-radius: 12px; /* il vero radius */
  background: #fff; /* colore del contenuto interno */
  z-index: 1;
}

.trp-language-switcher { 
  bottom: 1rem!important;
  right: 4rem!important;
  border-radius: 4px!important;
  padding: 2px!important;
}
.btn-close { filter:invert(1);opacity:1 }

.submit { text-transform: uppercase; background-color:#ed7c01!important;color:#fff; border:2px solid #fff; border-radius:30px; padding:14px 20px;font-size:14px }

.border-yellow { border:1px solid  #ffed04}

.bg-yellow { background-color: #ffed04}

.border-black { border:1px solid  #000000}
.border-orange { border:1px solid  #ed7c01}


.border-grad::before {
  content: "";
  position: absolute;
  inset: 0; 
  padding: 2px; /* spessore del bordo */
  border-radius: inherit; /* stesso radius del box */
  background: linear-gradient(to right, #ffed04, #ed7c01);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}



a >span,a  { text-decoration:none!important }



  .slide_up { transform:translateY(-100%);opacity:0!important;height:0!important }

#front .trp-ls-language-name { color:#fff }
.dropdown-menu .trp-ls-language-name { color:#000!important }
#front .nav-link { color:#fff!important }


  .order-lg-6, .order-6 { order:6 }
  .order-lg-7, .order-7 { order:7 }

@media (max-width: 991px) {
  h2 { font-size: 40px }
  #about_us { font-size: 60px !important; font-weight: 400; }
  #lingua { right: 60px;top: 18px; }
  #tecnologia h2 { font-size: 50px }
    #tailor_made h2 {
        font-size: 50px;
        font-weight: 400;
        line-height: 100%;
    }
  #filosofia h3 { font-size: 30px; }
  #struttura h2, #filosofia h2{ font-size: 50px!important; font-weight: 400; }
  .aspetto43 {
    aspect-ratio: 16 / 12;
    height: auto;         /* lascia che la larghezza determini l’altezza */
    width: 100%;
  }
  .square {
    aspect-ratio: 4 / 3;
    height: auto;         /* lascia che la larghezza determini l’altezza */
    display: block;        /* per centrare eventuali contenuti */
    align-items: center;
    justify-content: center;
  }
  .sub-menu { margin-top:10px }
  video {
    aspect-ratio: 10 / 17;
    height: auto;         /* lascia che la larghezza determini l’altezza */
    width: 100%;  display: flex;        /* per centrare eventuali contenuti */
    align-items: center;
    justify-content: center;
  }
  .g-6, .gx-6 {
      --bs-gutter-x: 1rem;
      --bs-gutter-y: 1rem;
  }
  .services_content h2 { font-size:28px!important; font-weight:500; margin-bottom:20px;line-height: 110%!important }
  .services_content h3 { font-size:22px!important; font-weight:500!important; margin-bottom:10px }
  .services_content p { font-size:16px!important; margin-bottom:14px!important;line-height: 120%!important}
  

  #front {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }

  #front h1 {
      font-size: 32px;
      font-weight: 400;
  }
  #front p {
      font-size: 20px;
      
  }
  #front .logo { width:200px; }
  #intro h2 { font-size: 50px; }
  #intro h3 { font-size: 24px; }
  #intro h4 { font-size: 18px; }
  #tailor h2 { font-size: 40px; }
  #tailor h4 { font-size: 18px; }
  #tailor p { font-size: 14px; }
  .logo { width:150px; }

}
@media (min-width: 992px) {

  h2 { font-size:70px }
  #about_us { font-size: 80px !important; font-weight: 400; }
  #lingua {right: 90px;top: 43px;}
  #tecnologia h2 { font-size: 64px }
  #tailor_made h2{ font-size: 64px;font-weight: 400; }
  #filosofia h3 { font-size: 30px; }
  #struttura h2, #filosofia h2 { font-size: 80px!important; font-weight: 400; }
  .aspetto43 {
    aspect-ratio: 16 / 9;
    height: auto;         /* lascia che la larghezza determini l’altezza */
    width: 100%;
  }
  .square {
    aspect-ratio: 1 / 1;
    height: auto;         /* lascia che la larghezza determini l’altezza */
    width: 100%;
  }
  video {
    aspect-ratio: 16 / 8;
    height: auto;         /* lascia che la larghezza determini l’altezza */
    width: 100%;  display: flex;        /* per centrare eventuali contenuti */
    align-items: center;
    justify-content: center;
  }
  .g-6, .gx-6 {
      --bs-gutter-x: 4rem;
  }
  .services_content h2 { font-size:32px!important; font-weight:500; margin-bottom:30px;line-height: 120%!important }
  .services_content h3 { font-size:26px!important; font-weight:500!important; margin-bottom:20px }
  .services_content p { font-size:20px!important; margin-bottom:14px!important;line-height: 130%!important}
  #front h1 {
      font-size: 3.5rem;
      font-weight: 400;
      line-height: 100%;
  }
  #front p {
      font-size: 1.5rem;
      font-weight: 400;
  }

  #front .logo { width:300px; }
  #intro h2 { font-size: 58px!important; }
  #intro h3 { font-size: 28px; }
  #intro h4 { font-size: 22px; }
  #tailor h2 { font-size: 70px; }
  #tailor h4 { font-size: 36px; }
  #tailor p { font-size: 18px; }
  .logo { width:200px; }
  #analisi h3 { font-size:30px }
}


.btn { font-size:14px!important; letter-spacing: .5px; font-weight:600; text-transform:uppercase; }
strong { font-weight:600!important }
.btn-anim > span { 
  z-index:0;
  position:relative;

}
.btn-anim {

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}





.btn-anim:hover span { 
  background-color:#ed7c01!important;
  color:#fff!important;
  border:2px solid #ed7c01!important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}


.btn-anim > span 

.trp-floating-switcher { bottom:20px!important; border-radius:8px!important }



footer p,footer a { font-size:13px; color:inherit!important; }