#megaTabBox {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  /* border: 1px solid rgb(255, 157, 0); */

  background: linear-gradient(180deg, #476f4d 0%, #223e54 100%),

    url() no-repeat center center;

    /* overflow: hidden; */

    overflow: scroll;

}

#megaTabBox::-webkit-scrollbar {



    display: none;



}

.respTabBox {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%);

  width: 100%;

  max-width: 1500px;

  height: 100vh;

  /* border: 1px solid rgb(209, 209, 209); */

  /* background: rgb(133, 131, 131); */

  /* border: 1px solid red; */

  overflow: scroll;

}

.respTabBox::-webkit-scrollbar {



    display: none;



}



/* @media (max-width:1920px){

  .respTabBox{max-width: 1300px;}

} */



#sectionsTab{

position: absolute;

top: 25%;

left: 0;

width: 100%;

height: 80%;

/* display:flex;

justify-content:center;

align-items:center; */

/* background-color: black; */

z-index:2;

/* text-align:center; */

/* border: 15px solid red; */

}





#sectionsBox{

  position: absolute;

  top: 20%;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 700px;

  display: grid;

  z-index: 100;

  /* grid-template-columns: auto auto; */

  /* grid-template-rows: auto auto; */

  /* gap: 30px; */

  /* border: 10px solid red; */

background-color: lightgray;

  /* padding: 20px; */

}





.sectionIMG{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: auto;

  

}



.indiceBox{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /* border: 10px solid red; */

  overflow: scroll;



}





#topSectBox{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 50%;

display: flex;

/* border: 1px solid red; */



}



#bottomSectBox{

position: absolute;

top: 50%;

left: 0;

width: 100%;

height: 50%;

display: flex;



}

.imgBox {



  width: 50%;

  height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  /* border: 1px solid rgb(0, 0, 0); */

  z-index: 1;

  /* padding 20px; */
  


  

}

.tabs {

  position: absolute;

  top: 0;

  left: 0;

  /* transform: translate(0, -50%); */

  width: 100%;

  height: 100%;

  /* border: 1px solid red; */

  /* background-color: rgb(0, 0, 0); */

  

  

}



.tabs2{

   position: absolute;

  top: 0;

  left: 0;

  /* transform: translate(0, -50%); */

  width: 100%;

  height: 100%;

  /* border: 1px solid red; */

  /* background-color: rgb(0, 0, 0); */

  

  

}



.sectionList{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin-top: 20px;



  display: grid;

  grid-template-columns: 2fr 8fr;

  grid-template-rows: repeat(11, 1fr);

  gap: 3px;

  

  color: white;

    



  /* border: 3px solid red; */



  overflow: scroll;
  

}

.sectionList::-webkit-scrollbar {

    display: none;

}

.imgArticleBox{

  display: flex;

  justify-content: center;



/* border: 1px solid red; */

padding: 20px;

}



.imgArticleBox img{

  width: 80%;

  height: auto;

}



.imgArticleBox a{

  width: 80%;

  height: auto;

  display: flex;
  justify-content: center;
  align-items: center;

}

.textArticleBox{

  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  /* border: 1px solid red; */

  padding: 20px

}



.textArticleBox a{

  color: white;

  text-decoration: none;

}



.tabLabelTop {

  position: absolute;

  bottom: 100%;

  width: 25%;

  height: 35px;

  text-align: center;

  background-color: rgb(160, 159, 159);

  /* border: 1px solid red; */

  /* padding-left: 30px; */

  padding: 5px 0 5px 30px;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

}



.pippo {

  position: absolute;

  bottom: 100%;

  width: 25%;

  height: 35px;

  text-align: center;

  background-color: rgb(160, 159, 159);

  /* padding-left: 30px; */

  padding: 5px 0 5px 30px;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

  z-index: 0;

  }

  .pippo > .tabs{height: 10%;}


.pluto {

  /* position: absolute;

  bottom: 100%; */

  width: 25%;

  height: 70px;

  text-align: center;

  background-color: rgb(108, 34, 34);

  /* padding-left: 30px; */

  padding: 5px 0 5px 30px;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

  z-index: 20;

}

.compari{

  /* position: absolute;

  top: 50%;

  left: 0;

  transform: translate(0, -50%);

  width: 100%;

  height: 70%;

  /* border: 1px solid red; */

  background-color: rgb(230, 230, 230); 

  z-index: 30;

}

.scompari{

  /* position: absolute;

  top: 50%;

  left: 0;

  transform: translate(0, -50%);

  width: 100%;

  height: 70%;

  border: 1px solid red; */

  /* background-color: rgb(230, 230, 230);

  z-index: 0;

  /* visibility: collapse; */

}

.tabLabelTop:hover {

  cursor: pointer;

}



.pippo:hover{

  cursor: pointer;



}



#tabINAF{

  position: absolute;

  top: 0;

  left: 0;

background-color: rgb(83, 97, 100);

    

  z-index:0;

}



#tabUNINA{

background-color: rgb(83, 97, 100);

    /* z-index:0; */

    /* overflow: scroll; */

}



#tabUNIBA{

background-color: rgb(83, 97, 100);



    /* z-index:0; */

}



#tabUNIME{

background-color: rgb(83, 97, 100);





    /* z-index:0; */

}



.indice{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  /* height: 1000px; */

  /* border: 3px solid red; */

  /* background-color: #476f4d; */

}



.indiceBox::-webkit-scrollbar {



    display: none;



}