*, *::before, *::after {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



.active {

  display: block;

}



.menu-icon {

  display: none;

  color: #10243e;

}



.container,

.container-success,

.container-footer,

.container-strenghts,

.description-company {

    width: 100%;

    max-width: 100%;

}



/* Carousel styles */

img {

  vertical-align: middle;

}





/* Carosello lavatrici e asciugatrici */

.carousel {

  width: 100%;

  height: 500px;

  display: flex;

  justify-content: center;

  align-items: center;

  perspective: 1200px;

  background: #2D506B;

}



.carousel-track {

  position: relative;

  width: 600px;

  height: 400px;

}



.slide {

  position: absolute;

  top: 0;

  left: 50%;

  width: 280px;

  height: 100%;

  transform-style: preserve-3d;

  transition: transform 0.6s ease, opacity 0.6s ease;

  cursor: pointer;

  opacity: 0;

}



.slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 12px;

  box-shadow: 0 10px 25px rgba(0,0,0,0.3);

}



.slide p {

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

  color: white;

  font-family: "Bungee", sans-serif;

}



/* Carosello marchi */

section.brand {

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 300px;

    background: #eef5fa;

    overflow: visible;

    position: relative;

    border-bottom: 1px solid #dce3ea;

}



.brand-wrapper {

  width: 100%;

  max-width: 900px;

  margin: auto;

}



.brand-img {

  width: 100%;

  max-height: 120px;

  object-fit: contain;

}



.brand-wrapper {

  overflow: visible;

  position: relative;

 --swiper-navigation-sides-offset: -20px;

 z-index: 10;

}





.swiper-pagination {

  display: none;

}



.swiper-slide {

  background: #ffffff;

  border-radius: 16px;

  padding: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.swiper-wrapper {

  overflow: visible !important; /* sovrascrive overflow: hidden di Swiper */

}



.swiper-button-prev,

.swiper-button-next {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9999;

  cursor: pointer;

}



.swiper-button-prev::after,

.swiper-button-next::after {

  font-size: 36px !important;

  color: #1e3a5f;

}



.swiper-button-prev {

  left: var(--swiper-navigation-sides-offset);

}



.swiper-button-next {

  right: var(--swiper-navigation-sides-offset);

}



/* Style main */

/* Contenitore principale whatsapp */

.whatsapp-container {

    position: fixed;

    bottom: 20px;

    right: 20px;

    z-index: 9999;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}



/* Il fumetto di testo sopra l'icona */

.whatsapp-text {

    background-color: #ffffff;

    color: #333333;

    padding: 10px 30px 10px 15px; /* Più spazio a destra per non coprire il testo con la X */

    border-radius: 8px;

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: bold;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);

    margin-bottom: 12px;

    white-space: nowrap;

    position: relative;

    animation: bounce 2s infinite;

    transition: opacity 0.3s ease, visibility 0.3s ease; /* Transizione fluida quando scompare */

}



/* La X di chiusura */

.close-tooltip {

    position: absolute;

    top: 4px;

    right: 8px;

    font-size: 18px;

    color: #999;

    cursor: pointer;

    font-weight: normal;

    transition: color 0.2s ease;

}



/* Cambia colore alla X quando ci passi sopra il mouse */

.close-tooltip:hover {

    color: #333;

}



/* Piccola freccia verso il basso sotto il testo */

.whatsapp-text::after {

    content: '';

    position: absolute;

    bottom: -6px;

    left: 90%;

    transform: translateX(-50%);

    border-width: 6px 6px 0;

    border-style: solid;

    border-color: #ffffff transparent;

    display: block;

    width: 0;

}



/* L'icona circolare di WhatsApp */

.whatsapp-button {

    background-color: #25d366;

    color: white;

    width: 60px;

    height: 60px;

    border-radius: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

    transition: transform 0.3s ease, background-color 0.3s ease;

}



.whatsapp-button i {

    font-size: 32px;

}



.whatsapp-button:hover {

    background-color: #128c7e;

    transform: scale(1.1);

}



@keyframes bounce {

    0%, 100% { transform: translateY(0); }

    50% { transform: translateY(-4px); }

}



/* Intro iniziale */

section.company-intro {

    width: 100%;

    background: #f6f8fa;

    padding: 5rem 5vw 4.5rem;

    border-bottom: 1px solid #cfd9e3;

}



.company-intro .description-company-intro {

    width: 100%;

    max-width: 1050px;

    margin: 0 auto;

    text-align: center;

}



.company-intro .text-company-intro {

    max-width: 900px;

    margin: 0 auto 1.5rem;

    color: #10243e;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: 2.5rem;

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -0.025em;

}



.company-intro .description-text-intro {

    max-width: 720px;

    margin: 0 auto;

    color: #637181;

    font-family: "Raleway", Arial, sans-serif;

    font-size: .95rem;

    line-height: 1.8;

}



.company-intro .destext-intro {

    color: #1557d6;

    font-weight: 700;

    text-decoration: none;

    transition: color .2s ease;

}



.company-intro .destext-intro:hover {

    color: #10243e;

}



/* Comodato d'uso e noleggio */

section.container-rental {

    display: flex;

    flex-direction: column;

    position: relative;

    text-align: center;

    background: #f8fafc;

    height: 610px;

    border-top: 1px solid #dce3ea;

}



div#text-rental {

    padding: 2rem;

}



h3.texts {

    color: #071522;

    font-size: 2rem;

    font-family: "DM Serif Display", serif;

    font-weight: 400;

}



div#cont-rental {

    width: 90%;

    display: flex;

    flex-direction: row;

    position: relative;

    margin: 0 auto;

    gap: 2rem;

}



section.srental {

    padding: 20px 0;

}



.rental {

    position: relative;

    width: 100%;

    display: flex;

    flex-direction: column;

    margin: 0 auto;

    background: #FFFFFF;

    border-radius: 18px;

    gap: 2rem;

    box-shadow: 0 16px 40px rgba(16,36,62,.10);

    overflow: hidden;

}



h2.text-rental {

    font-size: 2rem;

    color: var(--ink-deep);

    font-family: "DM Serif Display", serif;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: .04em;

}



.description {

    display: block;

    position: relative;

    width: 100%;

    flex: 1 0 30%;

    margin-top: 1.5rem;

}



p.description-rental {

    letter-spacing: .02em;

    position: relative;

    top: 1rem;

    color: #637181;

    font-family: "Raleway", sans-serif;

    width: 80%;

    margin: auto;

    line-height: 1.7;

}



.linkabout {

    display: flex;

    position: relative;

    justify-content: center;

    bottom: 1rem;

}



a.btn {

    position: relative;

    cursor: pointer;

    text-transform: uppercase;

    border: 1px solid #10243E;

    padding: .8rem 1.3rem;

    border-radius: 999px;

    color: #10243E;

    font-size: .7rem;

    font-weight: 800;

    letter-spacing: .07em;

    transition: .2s ease;

}



a.btn:hover {

    background: #10243E;

    color: white;

}



.imgrental-wrapper {

    display: flex;

    flex: 1 0 20%;

    gap: 1rem;

    margin: 0 auto;

}



img.img {

    width: 150px;

    height: 150px;

    object-fit: cover;

    filter: brightness(0.78);

}



p.text-img {

    position: relative;

    bottom: 2rem;

    color: #ffffff;

    text-transform: uppercase;

    font-size: 1rem;

    font-weight: 800;

    letter-spacing: 0.06em;

    text-align: center;

    text-shadow:

        0 2px 4px rgba(0, 0, 0, 0.9),

        0 0 10px rgba(0, 0, 0, 0.75);

}



.srental-second {

    padding: 20px 0;

}



/* L'azienda */

section.home-company {

    background: #071522;

    padding: 0;

    color: #ffffff;

}



.home-company .companys {

    width: 100%;

    max-width: 1400px;

    min-height: 560px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1fr 1fr;

}



.home-company .img-company {

    min-height: 560px;

    overflow: hidden;

}



.home-company .imgCompany {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: 25% center;

    display: block;

}



.home-company .container-company {

    padding: 5rem clamp(3rem, 6vw, 6rem);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}



.home-company .title-company {

    margin-bottom: 1.5rem;

}



.home-company .titles-company {

    margin: 0;

    color: #ffffff;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(3rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -0.03em;

}



.home-company .text-company {

    max-width: 560px;

}



.home-company .des-company {

    margin: 0;

    color: #cbd7e4;

    font-family: "Raleway", Arial, sans-serif;

    font-size: 1rem;

    line-height: 1.8;

}



.home-company .acompany {

    margin-top: 2.2rem;

}



.home-company .acompanys {

    display: inline-flex;

    align-items: center;

    gap: .8rem;

    padding: .85rem 1.2rem;

    border: 1px solid rgba(255,255,255,.28);

    border-radius: 999px;

    color: #ffffff;

    transition: .2s ease;

}



.home-company .textCompany {

    margin: 0;

    font-family: "Raleway", Arial, sans-serif;

    font-size: .78rem;

    font-weight: 800;

    letter-spacing: .08em;

    text-transform: uppercase;

}



.home-company .acompanys:hover {

    background: #1557d6;

    border-color: #1557d6;

    transform: translateY(-2px);

}



/* Ultima sezione */

section.strenghts {

    background: #f6f8fa;

    padding: 5rem 0;

}



.strenghts .containerdes {

    width: 80%;

    margin: 0 auto;

    text-align: center;

}



.strenghts .containerdes h2.textstrenght {

    margin: 0 0 1rem;

    color: #10243e;

    font-family: "DM Serif Display", Georgia, serif;

    font-size: clamp(2.8rem, 5vw, 4.2rem);

    font-weight: 400;

    line-height: 1;

    letter-spacing: -0.02em;

}



.container-strenghts {

    display: flex;

    flex-direction: row;

    margin: 0 auto;

    width: 80%;

    gap: 2rem;

    text-align: center;

    padding: 2rem;

}



.strenght {

    width: 100%;

    height: 200px;

    flex: 1 1 100%;

}



i.fa-solid.fa-van-shuttle,

i.fa-solid.fa-screwdriver-wrench,

i.fa-solid.fa-headset,

i.fa-solid.fa-award {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 76px;

    height: 76px;

    background: #1557d6;

    color: #ffffff;

    font-size: 2rem;

    padding: 1.5rem;

    border-radius: 2rem;

    cursor: pointer;

    transition: transform 0.3s ease;

}



i.fa-solid.fa-van-shuttle:hover,

i.fa-solid.fa-screwdriver-wrench:hover,

i.fa-solid.fa-headset:hover,

i.fa-solid.fa-award:hover {

    transform: scale(1.08);

}



h3.textstrenght {

    color: #1557d6;

    font-size: 1.15rem;

    position: relative;

    margin-top: 1.5rem;

    font-family: "Raleway", sans-serif;

    font-weight: 800;

    letter-spacing: .02em;

}



p.descriptionstrenght {

    margin-top: 1rem;

    color: #637181;

    letter-spacing: .02em;

    line-height: 1.6;

    font-family: "Raleway", sans-serif;

}