@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_Black.otf")
    format("opentype");
  font-weight: 900; /* o il peso appropriato */
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_Bold.otf")
    format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_ExtraBold.otf")
    format("opentype");
  font-weight: 800; /* o il peso appropriato */
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_ExtraLight.otf")
    format("opentype");
  font-weight: 200; /* o il peso appropriato */
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_Heavy.otf")
    format("opentype");
  font-weight: 700; /* o il peso appropriato */
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_Light.otf")
    format("opentype");
  font-weight: 300; /* o il peso appropriato */
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_Medium.otf")
    format("opentype");
  font-weight: 500; /* o il peso appropriato */
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Condensed_Thin.otf")
    format("opentype");
  font-weight: 100; /* o il peso appropriato */
  font-style: normal;
}

@font-face {
  font-family: "MioFont";
  src: url("./files/fonts/fonnts.com-Roc_Grotesk_Regular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "MioFont";
}

li {
  list-style: none;
}
a {
  text-decoration: none;
  color: black;
}
.padding {
  padding: 70px 150px;
}
/* 
firstPage
 */

#firstPage {
  background: linear-gradient(94deg, #efefef 0%, #ab7df456 80%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.left_side_firstPage {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  max-width: 50%;
  gap: 40px;
}
.title_firstPage {
  display: flex;
  align-items: center;
  gap: 60px;
  width: 100%;
}
.title_firstPage_title h1 {
  color: #ab7df4;
  font-size: 80.5px;
  font-weight: 800;
  margin: 30px 0;
  line-height: 80px;
}
.title_firstPage_title img {
  width: 100%;
  max-width: fit-content;
}
.title_firstPage p {
  font-size: 30.5px;
  font-weight: 500;
}

.container_left_side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 60px;
  width: 100%;
}
.description_firstpage {
  width: 100%;
  font-size: 25px;
  font-weight: 500;
  line-height: 40px;
  padding-right: 30px;
}
.container_title_form {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.container_tilte_img {
  display: flex;
  width: 100%;
}

.title_firstPage_img {
  position: absolute;
  height: 100%;
  z-index: 1;
  left: 40%;
}

.title_firstPage_img img {
  width: 100%;
  height: 100%;
  max-width: 500px;
  max-height: 500px;
}
.container {
  width: 100%;
  max-width: 400px;
}
#right_side_firstPage {
  position: relative;
  width: 100%;
  background-color: white;
  border: 3px solid black;
  z-index: 2;
  margin-left: auto;
}

/* 

secondPage

*/
#secondPage {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.left_side_text_secondPage p {
  font-size: 25px;
  line-height: 30px;
}
#secondPage h2 {
  font-size: 55px;
  line-height: 50px;
  font-weight: 800;
  text-align: center;
  color: #ab7df4;
}
/* slider */
.container_hi_slider {
  width: 100%;
  height: 100vh;
  max-height: 450px;
}
.hi-slide {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 450px;
}
.hi-slide .hi-next,
.hi-slide .hi-prev {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -20px;
  border-radius: 50px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background-color: #ab7df4;
  color: black;
  transition: all 0.7;
  font-size: 20px;
  font-weight: bold;
  z-index: 1000;
}
.hi-slide .hi-next:hover,
.hi-slide .hi-prev:hover {
  opacity: 1;
  background-color: #ab7df477;
}
.hi-slide .hi-next:active,
.hi-slide .hi-prev:active {
  background-color: #ab7df4;
}
.hi-slide .hi-prev {
  left: 10%;
  top: 250px;
}
.hi-slide .hi-prev::before {
  content: "<";
}
.hi-slide .hi-next {
  right: 10%;
  top: 250px;
}
.hi-slide .hi-next::before {
  content: ">";
}
.hi-slide > ul {
  list-style: none;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 500px;
}
.hi-slide > ul > li {
  overflow: hidden;
  position: absolute;
  left: 377px;
  top: 124px;
  z-index: 0;
  width: 0;
  height: 0;
  cursor: pointer;
}
.hi-slide > ul > li > div {
  width: 100%;
  height: 100%;
  background-position: center;
}

.container_card_carrousel {
  width: auto;
  height: auto;
  border: 1px solid black;
  background-color: #ab7df4;
  border-radius: 20px;
  padding: 15px 5px;
  object-fit: contain;
  overflow: hidden;
}
.container_content {
  background-color: #f9f9f9f0;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.first_part_content {
  width: 100%;
}
.first_part_content h3 {
  font-weight: 800;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 2.2rem;
}
.first_part_content p {
  font-size: 1.3rem;
  line-height: 30px;
}

.first_part_content img {
  width: 20%;
}
.info_content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.137);
  padding-top: 25px;
}
.info_content span {
  background-color: #ab7df427;
  padding: 10px 20px;
  border: 1px solid #ab7df45c;
  border-radius: 5px;
  font-size: 0.9rem;
}
.container_price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.prices {
  width: 100%;
  height: 100%;
  max-width: 800px;
}
.mattia {
  width: 100%;
  height: 100%;
  max-width: 300px;
}
.container_price {
  margin-bottom: 30px;
}
.container_button_scopri {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container_button_scopri button {
  padding: 10px 30px;
  background-color: #ab7df4;
  border-radius: 20px;
  border: 1px solid #a670fc;
}
.container_button_scopri button a {
  color: white;
  font-size: 44px;
  font-weight: 800;
}

/* 

thirdSection

*/
.violet_text {
  color: #ab7df4;
}
#thirdPage {
  width: 100%;
  height: 100%;
  background: linear-gradient(94deg, #efefef 0%, #ab7df456 80%);
}
.title_thirdPage h2 {
  color: #ab7df4;
  font-size: 74.4px;
  font-weight: 800;
  margin: 15px;
  text-align: center;
}
.container_content_price {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 50px;
  background-color: transparent;
}
.container_content_text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  gap: 30px;
}
.container_content_text p,
.pricing p {
  font-size: 35px;
  font-weight: 500;
}

.pricing h3 {
  font-size: 96px;
  font-weight: 500;
}
.graph {
  width: 100%;
  position: relative;
}
.graph img {
  width: 100%;
  height: 100%;
}
.point {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.point div {
  border-radius: 1000px;
  width: 20px;
  height: 20px;
  background-color: black;
}
.fade-in {
  opacity: 0;
  transform: translateY(10vh);
  transition: all 1.5s ease-in-out;
}
.fade-in.in-page {
  opacity: 1;
  transform: translateY(0vh);
}
/* IL NOSTRO METODO */
.container_content_metodo h2{
  color: #ab7df4;
  font-size: 72px;
  font-weight: 800;
}
.content_text h3{
  font-size: 55px;
  font-weight: 800;
  line-height: 48px;
  padding-bottom: 15px;
}
.content_text ul li, .content_text p{
  line-height: 35px;
  font-size: 35px;
  font-weight: 500;
}
.content_text ul li{
  list-style:inside;
  padding-bottom: 15px;
}
.vantaggi_secondPage {
  border: 5px solid #ab7df4;
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 60px 0;
  padding: 20px;
}
.img_secondPage {
  display: flex;
  align-items: center;
  gap: 10px;
}
.img_secondPage p {
  font-size: 19.9px;
  font-weight: 800;
}
.img_text_secondPage img {
  width: 100%;
  max-width: 900px;
}



/* 
FOURTH SECTION
*/

#fourthPage {
  height: 100%;
}
#fourthPage h2 {
  font-size: 72px;
  font-weight: 800;
}
.section_fourthPage {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.section_fourthPage img {
  width: 100%;
  z-index: 0;
}

.section_fourthPage .content_fourthPage p {
  font-size: 35.2px;
  line-height: 40px;
}
.textsection_fourthPage {
  display: none;
}
.content_fourthPage {
  font-weight: 500;
  width: 100%;
}
.container_img_team {
  width: 100%;
  position: relative;
}

.absolute_container_hover {
  width: 33.33%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
}

.container_hover {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  cursor: pointer;
}
.container_hover_content {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 645px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.877);
  color: black;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  box-sizing: border-box;
  white-space: normal; /* Permette al testo di andare a capo */
  overflow: auto;
  opacity: 0;
  pointer-events: none; /* Per evitare interazioni quando nascosto */
  transition: opacity 0.5s ease-in-out; /* Transizione dell'opacità */
}
.container_hover:not(:hover) .container_hover_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.container_hover:hover .container_hover_content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 1;
  pointer-events: auto; /* Permette le interazioni quando visibile */
}

.container_hover_content .violet_text {
  font-size: 2em;
  font-weight: 800;
  color: black;
  line-height: 95%;
  margin-bottom: 20px;
}
.container_hover .container_hover_content p {
  font-size: 15px;
  text-align: center;
}
.consiglio {
  font-size: 12px;
  text-align: end;
}

/* 
fifthPage
*/
#fifthPage {
  background: linear-gradient(94deg, #efefef 0%, #ab7df456 80%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#fifthPage h2 {
  font-size: 56px;
  color: black;
  font-weight: 800;
}
.black_text {
  color: black;
}
.container_cards_fifthPage {
  display: flex;
  padding-top: 40px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}

.card h3 {
  font-weight: 800;
  font-size: 30px;
}
.card p,
.card h3 {
  color: black;
  text-align: center;
}
.card p {
  font-size: 20px;
}
.card_img {
  height: 150px;
  width: 100%;
  max-width: 180px;
}
.card_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* sixthPage */
#sixthPage {
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buttons_sixthPage {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  width: 100%;
}
.button_content_sixtPage {
  background-color: #ab7df4;
  padding: 10px 50px;
  border-radius: 10px;
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
#sixthPage p {
  color: white;
  line-height: 45px;
  font-size: 3.5rem;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#count1{
  font-size: 6.5rem;
}
*/
/*___________________________________________________________

/* seventhPage */
#seventhPage {
  background-color: #efefef;
}
#seventhPage h2 {
  font-size: 56px;
  font-weight: 800;
}
.logo_sponsors {
  display: flex;
  align-items: center;
  margin: 10px 0;
  flex-wrap: wrap;
}
.logo_sponsors img {
  width: 100%;
  max-width: 150px;
  color: white;
}
.contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
  flex-wrap: nowrap;
  background-color: black;
  width: 100%;
  padding: 30px 150px;
}
.info_contacts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.info_contacts img {
  width: 100%;
  max-width: 30px;
}
.info_contacts a {
  font-size: 20px;
  color: white;
}
.footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.footer p,
.footer p a {
  font-size: 15px;
}

/* MOBILE */
@media screen and (max-width: 1550px) {
  .title_firstPage_img {
    left: 35%;
  }

  /* thirdPage */
  .container_hover_content {
    max-height: 500px;
  }
}
@media screen and (max-width: 1395px) {
  .container_left_side {
    gap: 30px;
  }
  .title_firstPage_img img {
    max-width: 400px;
    max-height: 400px;
  }
  .title_firstPage_img {
    left: 36%;
  }
  .left_side_firstPage {
    max-width: 55%;
  }
  .title_firstPage_title h1 {
    font-size: 65px;
    line-height: 60px;
    margin: 20px 0;
  }
  /* fourthPage */
  .container_hover_content {
    max-height: 432px;
  }
}
@media screen and (max-width: 1287px) {
  #firstPage {
    height: 100%;
    padding: 60px 150px;
  }
  .title_firstPage_img {
    display: none;
  }
  .title_firstPage_img img {
    display: none;
  }
  .left_side_firstPage {
    width: 100%;
    max-width: fit-content;
  }

  .container_title_form {
    height: 100%;
    gap: 20px;
  }
  .first_part_content h3{
    font-size: 1.9rem;
  }
  .first_part_content p{
    font-size: 0.9rem;
  }

  /* secondPage */
  .first_part_content img {
    width: 15%;
  }
  .info_content {
    gap: 15px;
  }
  .info_content span {
    padding: 8px 15px;
    font-size: 15px;
  }
  .prices {
    max-width: 700px;
  }
  .mattia {
    max-width: 250px;
  }
  /* fourthPage */
  .container_hover_content {
    max-height: 374px;
  }
  /* sixthPage */
  .button_content_sixtPage {
    padding: 10px 40px;
  }
  .buttons_sixthPage {
    gap: 1.8rem;
  }
}

@media screen and (max-width: 1025px) {
  .padding {
    padding: 40px 80px;
  }
  #firstPage {
    display: flex;
    gap: 30px;
    width: 100%;
    height: 100%;
    padding: 40px 80px;
  }
  .title_firstPage_title h1 {
    font-size: 60px;
    line-height: 60px;
  }

  .title_firstPage p {
    font-size: 28px;
  }
  .description_firstpage {
    font-size: 22px;
    line-height: 32px;
  }

  /*  secondPage*/
  #secondPage h2 {
    font-size: 45px;
  }
  .text_secondPage{
    padding-bottom: 30px;
  }
  .first_part_content h3 {
    font-size: 1.6rem;
    line-height: 20px;
  }
  .first_part_content p {
    font-size: 1.1rem;
    line-height: 15px;
  }
  .info_content {
    gap: 10px;
  }
  .info_content span {
    font-size: 0.7rem;
    padding: 3px 6px;
  }
  .prices {
    max-width: 500px;
  }
  .mattia {
    max-width: 200px;
  }
  .container_button_scopri button {
    padding: 8px 20px;
  }
  .container_button_scopri button a {
    font-size: 30px;
  }

  /* thirdPage */
  .title_thirdPage h2 {
    font-size: 55px;
  }
  .container_content_text p,
  .pricing p {
    font-size: 22px;
  }
  .pricing h3 {
    font-size: 80px;
  }
  .container_content_text {
    gap: 10px;
  }

  /* il nostro metodo */
  .container_content_metodo h2 {
    font-size: 55px;
  }
  .content_text h3{
    font-size: 34px;
  }
  .content_text ul li, .content_text p{
    font-size: 22px;
    line-height: 25px;
  }
  .vantaggi_secondPage {
     grid-template-columns: repeat(4, 1fr);
   }
   .img_secondPage {
     flex-direction: column;
     justify-content: center;
   }
   .img_secondPage p {
     font-size: 22px;
     font-weight: 500;
     text-align: center;
     line-height: 20px;
   }

  /* fourth */
  .absolute_container_hover {
    display: none;
  }
  .consiglio {
    display: none;
  }
  .textsection_fourthPage {
    display: block;
  }
  .section_fourthPage {
    flex-direction: column;
  }
  .container_img_team {
    max-width: fit-content;
  }
  .textsection_fourthPage {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
  }
  .textsection_fourthPage p {
    font-size: 20px;
    line-height: 30px;
    background-color: #efefefab;
    padding: 20px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    border: 0.1px solid #efefeff1;
  }
  .textsection_fourthPage p span {
    font-size: 35px;
    font-weight: 800;
    letter-spacing: 1px;
  }

  /* fifthPage */
  #fifthPage h2 {
    font-size: 60px;
    font-weight: 800;
  }
  .team {
    gap: 40px;
    padding-top: 10px;
  }
  .team p {
    font-size: 30px;
  }
  .section_fifthPage div {
    width: 100%;
  }
  .section_fifthPage {
    flex-direction: column;
    gap: 20px;
  }
  .section_fifthPage img {
    width: 100%;
    max-width: 900px;
    padding-top: 20px;
  }
  .section_fifthPage div p {
    font-size: 25px;
    text-align: center;
    width: 100%;
  }
  #fifthPage h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
  }
  .container_cards_fifthPage {
    flex-direction: column;
    gap: 30px;
  }
  .container_cards_fifthPage img {
    width: 100%;
    max-width: 150px;
  }
  .card {
    gap: 20px;
    flex-direction: row;
  }
  .card p {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
  .card h3 {
    font-weight: 800;
    font-size: 30px;
    line-height: 30px;
  }

  /* sixthPage */
  .button_content_sixtPage p {
    font-size: 2.2rem;
  }
  .button_content_sixtPage {
    padding: 10px 20px;
  }

  /* seventhPage */
  #seventhPage h2 {
    font-size: 50px;
    line-height: 60px;
  }
  .logo_sponsors img {
    max-width: 150px;
  }

  /* contact */
  .contacts {
    padding: 20px 60px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .info_contacts img {
    max-width: 30px;
  }
  .info_contacts p {
    font-size: 22px;
  }
  .info_contacts {
    text-align: center;
  }
}

@media screen and (max-width: 470px) {
  #sixthPage p{
    font-size: 2rem;
  }
  #count1{
    font-size: 4.5rem;
  }
  .padding,
  #firstPage {
    padding: 30px 55px;
  }
  /* firstPage */
  .container_title_form {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .title_firstPage_title img {
    width: 60%;
  }
  .title_firstPage_title h1 {
    margin: 10px 0;
  }
  .container_left_side {
    gap: 20px;
  }

  /* secondPage */

  #secondPage h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .hi-slide .hi-next {
    right: -10%;
    top: 200px;
  }
  .hi-slide .hi-prev {
    left: -10%;
    top: 200px;
  }
  .hi-slide > ul,
  .hi-slide,
  .container_hi_slider {
    max-height: 400px;
  }
  .mattia {
    display: none;
  }
  .prices {
    max-width: 900px;
  }
  .info_content span{
    font-size: 0.55rem;
  }
  .info_content h3{
    font-size: 1.4;
  }

  /* thirdPage */
  .title_thirdPage h2 {
    line-height: 90%;
  }
  .container_content_price {
    flex-direction: column;
    gap: 20px;
  }
  .container_button_scopri button a {
    font-size: 25px;
  }
  /* il nostro metodo */
  .container_content_metodo h2{
    font-size: 40px;
  }
  .content_text h3{
    font-size: 30px;
    line-height: 30px;
  }
  .content_text ul li, .content_text h3{
    padding-bottom: 10px;
  }
  

  .vantaggi_secondPage {
    grid-template-columns: repeat(2, 1fr);
  }
  .img_secondPage {
    flex-direction: column;
    justify-content: center;
  }
  .img_secondPage p {
    font-size: 18px;
    font-weight: 500;
  }

  /* fourthPage */
  #fourthPage h2 {
    font-size: 42px;
    line-height: 50px;
  }
  .buttons_fourthPage {
    flex-direction: column;
    gap: 20px;
  }
  .buttons_fourthPage p {
    font-size: 25px;
    font-weight: 800;
    padding: 3px 30px;
    line-height: 35px;
  }
  .point div {
    width: 15px;
    height: 15px;
  }
/* fourthPage */
.section_fourthPage .content_fourthPage p{
  font-size: 25px;
  line-height: 35px;
}
  /* fifthPage */

  .section_fifthPage img {
    width: 100%;
    max-width: 900px;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #fifthPage h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
  }
  .container_cards_fifthPage {
    flex-direction: column;
    padding-top: 30px;
    gap: 30px;
  }
  .card {
    flex-direction: column;
    gap: 5px;
  }
  .card p {
    font-size: 20px;
  }
  .card h3 {
    font-weight: 800;
  }
  /* sixthPage */
  .buttons_sixthPage {
    flex-direction: column;
  }
  .button_content_sixtPage {
    width: 100%;
  }

  /* seventhPage */
  #seventhPage h2 {
    font-size: 45px;
    line-height: 55px;
  }
  .logo_sponsors img {
    max-width: 100px;
  }

  .logo_sponsors {
    justify-content: center;
    gap: 20px;
  }

  /* contact */
  .contacts {
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  .info_contacts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  .info_contacts img {
    max-width: 20px;
  }
  .info_contacts a {
    font-size: 15px;
  }
  .info_contacts {
    text-align: center;
  }
  .footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }
  .footer p,
  .footer p a {
    font-size: 10px;
  }
}