/*****************************************************************/
/************ NOLEGGIO-RELEASE.CSS *******************************/
/*****************************************************************/

.cs-px-4-rem {
  padding: 0 4rem 0 4rem;
}
.cs-noleggio-release {
  position: relative;
  width: 100%;
  height: clamp(326px, 58vh, 652px);
}

.cs-noleggio-release-img {
  position: absolute;
  width: 50%;
  height: clamp(326px, 58vh, 652px);
  top: 0;
  right: 7%;
  background: transparent
    url(https://www.arvalconvenzione.it/wp-content/uploads/2023/12/AFE-mobility-card.jpg)
    no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.cs-noleggio-release-title {
  position: absolute;
  width: 42%;
  height: auto;
  top: 14%;
  left: 4%;
  padding: 2.65vw 2.65vw calc(2.65vw + 10px) 2.65vw;
  background: #e9f2e6;
  z-index: 10;
}

.cs-noleggio-release-title h2 {
  margin: 0 0 20px 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: normal;
  font-size: clamp(32px, 4.25vw, 85px);
  line-height: clamp(32px, 4.25vw, 77px);
  text-transform: uppercase;
  color: #00594e;
}

.cs-noleggio-release-title h4 {
  margin: 0 0 20px 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: normal;
  font-size: clamp(22px, 1.8vw, 35px);
  line-height: clamp(22px, 1.8vw, 40px);
  text-transform: uppercase;
  color: #00594e;
}

.cs-noleggio-release-button {
  position: absolute;
  width: 62%;
  height: auto;
  left: 7%;
  bottom: -24px;
  margin: 0;
  padding: 12px 12px 12px 15px;
  font-family: "bnpp_sansregular";
  color: #ffffff;
  text-decoration: none;
  font-size: 17px;
  background-color: #88b332;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cs-noleggio-release-button:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #00965e;
}

.cs-noleggio-release-button .svg {
  display: inline-block;
  float: right;
  width: 17px;
  height: 24px;
}
.cs-verde-scuro {
  color: #00594e;
}
.cs-iberdrola-mobility h4 {
  font-family: "bnpp_sans_condensedregular";
  line-height: 50px;
  font-size: 50px;
}
.cs-iberdrola-mobility p {
  font-family: "bnpp_sansregular";
  font-size: 20px;
  line-height: 24px;
}
.cs-iberdrola-mobility .testo-22 {
  font-size: 22px;
  line-height: 26px;
}
.cs-iberdrola-mobility img {
  max-width: 100%;
}
.cs-iberdrola-energy h4 {
  font-family: "bnpp_sans_condensedregular";
  line-height: 50px;
  font-size: 50px;
}
.cs-iberdrola-energy img {
  max-width: 100%;
}
#cs-soluzione {
  margin-top: 90px;
}

h3.cs-soluzione-title {
  margin: 0 0 30px 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  color: #00594e;
}

.cs-blocco-verde {
  position: relative;
  height: 100%;
  padding: 30px;
  background-color: #00594e;
}

.cs-blocco-verde h6 {
  margin: 0 0 16px 0;
  font-family: "bnpp_sansregular";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  color: #ffffff;
}

.cs-blocco-verde p {
  margin: 0;
  font-family: "bnpp_sansregular";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
}

#cs-canone {
  margin-top: 60px;
  margin-bottom: 50px;
}
.verde-chiaro-bg {
  background-color: #eff0e0;
}
h2.cs-canone-title {
  margin: 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: normal;
  font-size: clamp(32px, 4.25vw, 96px);
  line-height: clamp(32px, 4.25vw, 96px);
  text-transform: uppercase;
  color: #00594e;
}
.cs-iberdrola-slider {
  padding: 50px 0 30px 0;
  margin-bottom: 30px;
}
.cs-iberdrola-slider h4 {
  font-family: "bnpp_sans_condensedregular";
  font-size: 50px;
  line-height: 54px;
}
.cs-iberdrola-slider p {
  font-family: "bnpp_sansregular";
  font-size: 20px;
  line-height: 24px;
}
.cs-iberdrola-slider .testo-32 {
  font-family: "bnpp_sansregular";
  font-size: 32px;
  line-height: 38px;
  color: #00594e;
}
.cs-box-verde {
  background: #e9f2e6;
  width: 100%;
  min-height: 430px;
  max-width: 640px;
  padding: 40px 85px 102px;
  margin: 0 auto;
}

.arval-slider-home .slick-arrow.slick-prev,
.arval-slider-home .slick-arrow.slick-next {
  position: absolute;
  top: 50%;
  z-index: 999999;
  background: #fff;
}
/* Aggiungi questa regola per i link visitati nelle frecce dello slider */

.slick-next:hover {
  background-color: #00594e !important;
}
.slick-prev:hover {
  background-color: #00594e !important;
}
.arval-slider-home .slick-arrow.slick-prev {
  right: unset;
  left: -10px;
}
.arval-slider-home .slick-arrow.slick-next {
  right: 5px;
}

.cs-tab-medi {
  font-family: "bnpp_sans_condensedregular";
  width: 70%;
  background: #88b332;
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  padding: 20px;
  margin: 60px 0 60px 0;
}
.cs-tab-medi svg {
  display: inline-block;
  float: right;
}
.cs-canone-icon-box-container {
  margin-bottom: 10px;
  padding: 20px;
}

.cs-canone-icon-box-container.green-background {
  background-color: #eff0e0;
}

.cs-canone-icon-box {
  margin-bottom: 20px;
}

.cs-canone-icon-box .svg {
  display: inline-block;
  width: 62px;
  height: 62px;
  margin-right: 20px;
}

h5.cs-canone-icon-title {
  display: inline-block;
  margin: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  color: #00594e;
}

p.cs-canone-text {
  margin: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #666666;
}

#cs-auto-usata {
  margin: 0;
  padding: 80px 50px 0 50px;
  background: #eff0e0;
}

#cs-auto-usata h2 {
  margin: 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: normal;
  font-size: clamp(32px, 4.25vw, 96px);
  line-height: clamp(32px, 4.25vw, 96px);
  text-align: center;
  text-transform: uppercase;
  color: #00594e;
}

#cs-auto-usata p {
  margin: 30px 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #00594e;
}

#cs-promozione-green {
  margin: 0;
  padding: 40px 50px;
  background: #00594e;
}

#cs-promozione-green h4 {
  margin: 0 0 25px 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
  text-align: center;
  color: #e9f2e6;
}

#cs-promozione-green h3 {
  margin: 0;
  padding: 0;
  font-family: "bnpp_sans_condensedregular";
  font-style: normal;
  font-weight: normal;
  font-size: 44px;
  line-height: 44px;
  text-transform: uppercase;
  text-align: center;
  color: #e9f2e6;
}

#cs-offerte-button-container {
  margin: 0 0 30px 0;
  padding: 0 50px 80px 50px;
  background: #eff0e0;
}

.cs-offerte-button {
  display: block;
  width: 370px;
  margin: 30px 0;
  padding: 20px 25px;
  font-family: "bnpp_sansregular";
  color: #ffffff;
  font-size: 17px;
  line-height: 24px;
  text-decoration: none;
  background-color: #88b332;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cs-offerte-button:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #00965e;
}

.cs-offerte-button .svg {
  display: inline-block;
  float: right;
  width: 13px;
  height: 24px;
}
.cs-distanza-50 {
  padding: 50px 15px 50px 15px;
}
/*******************************/
/* Responsive ******************/
/*******************************/

/* Extra small */
@media (max-width: 575px) {
  .cs-noleggio-release-img {
    width: 100%;
    left: 0;
  }

  .cs-noleggio-release-title {
    width: 60%;
    right: -4%;
    padding-bottom: calc(2.65vw + 20px);
  }

  #cs-soluzione {
    margin-top: 55px;
  }

  .cs-blocco-verde {
    padding: 20px;
  }

  .cs-noleggio-release-button {
    width: 90%;
    left: 6%;
    bottom: -20px;
    padding: 10px;
  }

  h2.cs-canone-title {
    margin: 0 0 2rem;
  }

  .cs-noleggio-release-button .svg {
    width: 16px;
    height: 16px;
  }

  h2.cs-canone-title {
    padding: 0 0 10px 0;
  }

  #cs-auto-usata {
    padding: 50px 28px;
  }

  #cs-auto-usata p {
    margin-bottom: 0;
  }

  #cs-offerte-button-container {
    padding-bottom: 50px;
  }

  .cs-offerte-button {
    width: 260px;
    margin: 30px auto 0 auto;
    padding: 15px;
  }
  .cs-box-verde {
    padding: 20px 50px 0;
  }
  .cs-box-verde p {
    font-size: 17px;
    line-height: 21px;
  }
  .arval-slider-home .slick-arrow.slick-prev {
    right: unset;
    left: -10px;
  }
  .arval-slider-home .slick-arrow.slick-next {
    right: -10px;
  }
  .format-acc .accordion {
    padding: 10px 15px 10px 0px;
  }
  .xsm-mt-4 {
    margin-top: 40px;
  }
  .xsm-mt-08 {
    margin-top: 8px;
  }  
  .cs-iberdrola-mobility {
    padding-bottom: 30px !important;
  }

  .cs-iberdrola-energy h4 {
    text-align: center;
  }
  .cs-mobility-description {
    margin-top: 30px;
  }
  .distanza-50 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cs-iberdrola-slider {
    text-align: center;
  }
}

/* Small */
@media (min-width: 576px) and (max-width: 767px) {
  .cs-noleggio-release-title {
    width: 50%;
    right: 4%;
    padding-bottom: calc(2.65vw + 20px);
  }

  .cs-noleggio-release-button {
    width: 88%;
    left: 6%;
    bottom: -20px;
    padding: 10px;
  }

  .cs-noleggio-release-button .svg {
    width: 16px;
    height: 16px;
  }

  #cs-auto-usata {
    padding: 50px 28px;
  }

  #cs-auto-usata p {
    margin-bottom: 0;
  }

  #cs-offerte-button-container {
    padding-bottom: 50px;
  }

  .cs-offerte-button {
    width: 260px;
    margin: 30px auto 0 auto;
    padding: 15px;
  }
}

/* Medium */
@media (min-width: 768px) and (max-width: 991px) {
  .cs-noleggio-release-button {
    width: 88%;
    left: 6%;
    bottom: -20px;
    padding: 10px;
  }

  #cs-auto-usata {
    padding-top: 60px;
  }
}

/* Large */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Extra large */
@media (min-width: 1200px) and (max-width: 1440px) {
}