/**********---Tab 1 Start---***********/
.hh-tab-box1 > input,
.hh-tab-box1 section > div {
  display: none;
}

#hh-tab1:checked ~ section .hh-tab1,
#hh-tab2:checked ~ section .hh-tab2,
#hh-tab3:checked ~ section .hh-tab3, 
#hh-tab4:checked ~ section .hh-tab4 {
  display: block;
}
.hh-tab-box1 {
  width: 100%;
}
.hh-tab-box1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hh-tab-box1 ul li label {
  float: left;
  padding: 15px 25px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #F5F5DC;
  font-size: 26px;
  font-weight: bold;
  color: #070059;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box1 ul li label {
    float: left;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-bottom: 0;
    background: #F5F5DC;
    font-size: 18px;
    font-weight: bold;
    color: #070059;
  }
}

.hh-tab-box1 ul li label:hover {
  background: #DDCAAA;
}
.hh-tab-box1 ul li label:active {
  background: #ffffff;
}
.hh-tab-box1 ul li:not(:last-child) label {
  border-right-width: 0;
}
.hh-tab-box1 section {
  clear: both;
}
.hh-tab-box1 section div {
  padding: 20px;
  background-color: #070059;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #ffffff;
}
.hh-tab-box1 section div h2 {
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box1 section div h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
  }
}

#hh-tab1:checked ~ nav .hh-tab1 label,
#hh-tab2:checked ~ nav .hh-tab2 label,
#hh-tab3:checked ~ nav .hh-tab3 label,
#hh-tab4:checked ~ nav .hh-tab4 label {
  background: white;
  color: #070059;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 1050px){
#hh-tab1:checked ~ nav .hh-tab1 label,
#hh-tab2:checked ~ nav .hh-tab2 label,
#hh-tab3:checked ~ nav .hh-tab3 label,
#hh-tab4:checked ~ nav .hh-tab4 label {
  background: white;
  color: #070059;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
}

#hh-tab1:checked ~ nav .hh-tab1 label:after,
#hh-tab2:checked ~ nav .hh-tab2 label:after,
#hh-tab3:checked ~ nav .hh-tab3 label:after,
#hh-tab4:checked ~ nav .hh-tab4 label:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}
/**********---Tab 1 End---***********/



/**********---Tab 2 Start---***********/
.hh-tab-box2 > input,
.hh-tab-box2 section > div {
  display: none;
  background-color: #070059;
}

#hh-tab5:checked ~ section .hh-tab5,
#hh-tab6:checked ~ section .hh-tab6,
#hh-tab7:checked ~ section .hh-tab7, 
#hh-tab8:checked ~ section .hh-tab8 {
  display: block;
}
.hh-tab-box2 {
  width: 100%;
}
.hh-tab-box2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hh-tab-box2 ul li label {
  float: left;
  padding: 15px 25px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #F5F5DC;
  font-size: 26px;
  font-weight: bold;
  color: #070059;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box2 ul li label {
    float: left;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-bottom: 0;
    background: #F5F5DC;
    font-size: 18px;
    font-weight: bold;
    color: #070059;
  }
}

.hh-tab-box2 ul li label:hover {
  background: #DDCAAA;
}
.hh-tab-box2 ul li label:active {
  background: #ffffff;
}
.hh-tab-box2 ul li:not(:last-child) label {
  border-right-width: 0;
}
.hh-tab-box2 section {
  clear: both;
}
.hh-tab-box2 section div h2 {
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box2 section div h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
  }
}

#hh-tab5:checked ~ nav .hh-tab5 label,
#hh-tab6:checked ~ nav .hh-tab6 label,
#hh-tab7:checked ~ nav .hh-tab7 label,
#hh-tab8:checked ~ nav .hh-tab8 label {
  background: white;
  color: #070059;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 1050px){
#hh-tab5:checked ~ nav .hh-tab5 label,
#hh-tab6:checked ~ nav .hh-tab6 label,
#hh-tab7:checked ~ nav .hh-tab7 label,
#hh-tab8:checked ~ nav .hh-tab8 label {
  background: white;
  color: #070059;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
}

#hh-tab5:checked ~ nav .hh-tab5 label:after,
#hh-tab6:checked ~ nav .hh-tab6 label:after,
#hh-tab7:checked ~ nav .hh-tab7 label:after,
#hh-tab8:checked ~ nav .hh-tab8 label:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}
/**********---Tab 2 End---***********/


/**********---Tab 3 Start---***********/
.hh-tab-box3 > input,
.hh-tab-box3 section > div {
  display: none;
}

#hh-tab3-1:checked ~ section .hh-tab3-1,
#hh-tab3-2:checked ~ section .hh-tab3-2 {
  display: block;
}
.hh-tab-box3 {
  width: 100%;
  padding: 0px;
}
.hh-tab-box3 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hh-tab-box3 ul li label {
  float: left;
  padding: 15px 25px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #ffffff;
  font-size: 26px;
  font-weight: bold;
  color: #070059;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box3 ul li label {
    float: left;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-bottom: 0;
    background: #ffffff;
    font-size: 18px;
    font-weight: bold;
    color: #070059;
  }
}

.hh-tab-box3 ul li label:hover {
  background: #DDCAAA;
}
.hh-tab-box3 ul li label:active {
  background: #ffffff;
}
.hh-tab-box3 ul li:not(:last-child) label {
  border-right-width: 0;
}
.hh-tab-box3 section {
  clear: both;
}
.hh-tab-box3 section {
  padding: 6px;
  background-color: #F5F5DC;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #ffffff;
}
.hh-tab-box3 section div h2 {
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box3 section div h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
  }
}

#hh-tab3-1:checked ~ nav .hh-tab3-1 label,
#hh-tab3-2:checked ~ nav .hh-tab3-2 label,
#hh-tab3-3:checked ~ nav .hh-tab3-3 label,
#hh-tab3-4:checked ~ nav .hh-tab3-4 label
{
  background: #F5F5DC;
  color: #070059;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 1050px){
#hh-tab3-1:checked ~ nav .hh-tab3-1 label,
#hh-tab3-2:checked ~ nav .hh-tab3-2 label,
#hh-tab3-3:checked ~ nav .hh-tab3-3 label,
#hh-tab3-4:checked ~ nav .hh-tab3-4 label
{
  background: #F5F5DC;
  color: #070059;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
}

/*#hh-tab3-1:checked ~ nav .hh-tab3-1 label:after,
#hh-tab3-2:checked ~ nav .hh-tab3-2 label:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}*/
/**********---Tab 3 End---***********/


/**********---Tab 10 Start---***********/
.hh-tab-box10 > input,
.hh-tab-box10 section > div {
  display: none;
}

#hh-tab1:checked ~ section .hh-tab1,
#hh-tab2:checked ~ section .hh-tab2,
#hh-tab3:checked ~ section .hh-tab3,
#hh-tab3:checked ~ section .hh-tab4
{
  display: block;
}
.hh-tab-box10 {
  width: 100%;
}
.hh-tab-box10 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hh-tab-box10 ul li label {
  float: left;
  padding: 15px 25px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #F5F5DC;
  font-size: 26px;
  font-weight: bold;
  color: #070059;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box10 ul li label {
    float: left;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-bottom: 0;
    background: #F5F5DC;
    font-size: 18px;
    font-weight: bold;
    color: #070059;
  }
}

.hh-tab-box10 ul li label:hover {
  background: #DDCAAA;
}
.hh-tab-box10 ul li label:active {
  background: #ffffff;
}
.hh-tab-box10 ul li:not(:last-child) label {
  border-right-width: 0;
}
.hh-tab-box10 section {
  clear: both;
}
.hh-tab-box10 section div {
  padding: 20px;
  background-color: #DDCAAA;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #ffffff;
}
.hh-tab-box10 section div h2 {
  font-size: 32px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1050px){
  .hh-tab-box10 section div h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 1px;
  }
}

#hh-tab1:checked ~ nav .hh-tab1 label,
#hh-tab2:checked ~ nav .hh-tab2 label,
#hh-tab3:checked ~ nav .hh-tab3 label {
  background: white;
  color: #070059;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}
@media only screen and (max-width: 1050px){
#hh-tab1:checked ~ nav .hh-tab1 label,
#hh-tab2:checked ~ nav .hh-tab2 label,
#hh-tab3:checked ~ nav .hh-tab3 label {
  background: white;
  color: #070059;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
}

#hh-tab1:checked ~ nav .hh-tab1 label:after,
#hh-tab2:checked ~ nav .hh-tab2 label:after,
#hh-tab3:checked ~ nav .hh-tab3 label:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;
}
/**********---Tab 10 End---***********/