.it1 { grid-area: it1; }
.it2 { grid-area: it2; }
.it3 { grid-area: it3; }
.it4 { grid-area: it4; }
.it5 { grid-area: it5; }
.it6 { grid-area: it6; }
.it7 { grid-area: it7; }
.it8 { grid-area: it8; }

.it1,.it2,.it3,.it4,.it5 ,.it6, .it7 ,.it8{
  min-height: 350px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}

.it1, .it7, .it4{
  background-color: #ff5757;
}
.it5 , .it2, .it8{
  background-color: #c1ff72;
}
.it3 , .it6{
  background-color: #ffde59;
}
.sedewvvd{
  width: 100%;
  justify-content: center;

}
.inside a{
  text-decoration: none;
}
.inside p{
  padding-left: 100px;
  padding-right: 100px;
  margin-top:0px;
  margin-bottom: 5px;
  text-align: center;
  color: #ffffff;
}
#bottomp{
  padding-bottom: 20px;
  font-size: 40px;
}
.inside h5{
  padding-left: 8px;
  margin-top: 10px;
  color: #ffffff;

}

.inside {
    position: relative;
    display: grid;
    grid-template-areas:
      'it1 it2 it3 it4'
      'it5 it6 it7 it8';
    gap: 20px;
    background-color: #ffffff;
    padding: 40px 40px 10px 40px;
    margin-right: 5%;
    margin-left: 5%;
    padding-bottom: 150px
  }
  @media (max-width: 1700px) {
    
    .inside p{
      padding-left: 60px;
      padding-right: 60px;
    }
    .it1,.it2,.it3,.it4,.it5 ,.it6, .it7 ,.it8{
      font-size: 38px;
      min-height: 300px;
    }
    #bottomp{
      padding-bottom: 10px;
      font-size: 24px;
    }
  }
  @media (max-width: 1300px) {
    
    .inside p{
      padding-left: 50px;
      padding-right: 50px;
    }
    .it1,.it2,.it3,.it4,.it5 ,.it6, .it7 ,.it8{
      font-size: 38px;
      min-height: 240px;
    }
    #bottomp{
      padding-bottom: 10px;
      font-size: 20px;
    }
  }

  @media (max-width: 1100px) {
    
    .inside p{
      padding-left: 40px;
      padding-right: 40px;
    }
    .it1,.it2,.it3,.it4,.it5 ,.it6, .it7 ,.it8{
      font-size: 30px;
      min-height: 240px;
    }
    #bottomp{
      padding-bottom: 10px;
      font-size: 20px;
    }
  }


  @media (max-width: 768px) {
    .sedewvvd{
      width: 96%;
    }
    .inside {
      display: block;
      padding: 0px;
      margin-left: 2%;
      background-color: '';
    }
  }