@media screen and (min-width: 1920px) {
    .section5-row-about {
        margin: auto;
        width: 85% !important;
    }
    .section7{
      margin-top: 12%;
       margin-left: 10%;
       max-width: 1720px;
       
   }
   
   .upperr{
           margin-left: -4%;
           margin-top: 5%;
       }
   .section5{
       padding: 5%;
   }
   .icons1{
       width: 63%;
       height: 60%;
       margin-top: 16%;
       margin-left: 1%;
       
       }
       .icons11{
       width: 63%;
       height: 60%;
       margin-top: -70%;
       margin-left: 1%;
       }
       .icons2{
      width: 63%;
       height: 60%;
       margin-top: 16%;
       margin-left: 1%;
   opacity: 0;
       }
       .items:hover .icons2{
           opacity: 1;
       }
       .icons3{
        width: 63%;
       height: 60%;
       margin-top: 16%;
       margin-left: 1%;
       }
       .icons4{
        width: 63%;
       height: 60%;
       margin-top: 16%;
       margin-left: 1%;
       }
       .icons5{
        width: 63%;
       height: 60%;
       margin-top: 16%;
       margin-left: 1%;
       }
       .icons6{
        width: 63%;
       height: 60%;
       margin-top: 16%;
       margin-left: 1%;
       }
       .icons22{
        width: 63%;
       height: 60%;
       margin-top: -70%;
       margin-left: 1%;
       }
       .icons33{
         width: 63%;
       height: 60%;
       margin-top: -70%;
       margin-left: 1%;
       }
       .icons44{
         width: 63%;
       height: 60%;
       margin-top: -70%;
       margin-left: 1%;
       }
       .icons55{
         width: 63%;
       height: 60%;
       margin-top: -70%;
       margin-left: 1%;
       }
       .icons66{
        width: 63%;
       height: 60%;
       margin-top: -70%;
       margin-left: 1%;
       }
       .ichover:hover{
       opacity:0;
        }
        .items{
        color: #fe2803;
       border: 5px solid red;
       padding: 20px;
       margin: 40px;
       height: 350px;
       width: 350px;
       text-align: center;
       box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 25%);
       border: none;
       border-radius: 08px;
        }
        .card-img-top{
           height: 10%;
           width: 10%;
        }
   }
   
@media screen and (max-width: 1919.98px) {
 .section7{
   margin-top: 12%;
    margin-left: 10%;
    max-width: 1720px;
    
}

.upperr{
        margin-left: -4%;
        margin-top: 5%;
    }
.section5{
    padding: 5%;
}
.icons1{
    width: 63%;
    height: 60%;
    margin-top: 16%;
    margin-left: 1%;
    
    }
    .icons11{
    width: 63%;
    height: 60%;
    margin-top: -53%;
    margin-left: 1%;
    }
    .icons2{
   width: 63%;
    height: 60%;
    margin-top: 16%;
    margin-left: 1%;
opacity: 0;
    }
    .items:hover .icons2{
        opacity: 1;
    }
    .icons3{
     width: 63%;
    height: 60%;
    margin-top: 16%;
    margin-left: 1%;
    }
    .icons4{
     width: 63%;
    height: 60%;
    margin-top: 16%;
    margin-left: 1%;
    }
    .icons5{
     width: 63%;
    height: 60%;
    margin-top: 16%;
    margin-left: 1%;
    }
    .icons6{
     width: 63%;
    height: 60%;
    margin-top: 16%;
    margin-left: 1%;
    }
    .icons22{
     width: 63%;
    height: 60%;
    margin-top: -53%;
    margin-left: 1%;
    }
    .icons33{
      width: 63%;
    height: 60%;
    margin-top: -53%;
    margin-left: 1%;
    }
    .icons44{
      width: 63%;
    height: 60%;
    margin-top: -53%;
    margin-left: 1%;
    }
    .icons55{
      width: 63%;
    height: 60%;
    margin-top: -53%;
    margin-left: 1%;
    }
    .icons66{
     width: 63%;
    height: 60%;
    margin-top: -53%;
    margin-left: 1%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color: #fe2803;
    border: 5px solid red;
    padding: 20px;
    margin: 40px;
    height: 300px;
    width: 400px;
    text-align: center;
    box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 25%);
    border: none;
    border-radius: 08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     }
}


@media screen and (max-width: 1680px) {
 
    .section7{
        margin-left: 20%;
        margin-top: 13%;
        width: 75% !important;
    }
    .upperr{
        margin-left: -4%;
    }
.section5{
    padding: 5%;
}
.icons1{
    width:110px;
    height:80px;
    margin-top: 22%;
    
    }
    .icons11{
        width:110px;
    height:80px;
        margin-top: -68%;
    }
    .icons2{
        width:110px;
    height:80px;
    margin-top: 22%;
opacity: 0;
    }
    .items:hover .icons2{
        opacity: 1;
    }
    .icons3{
        width:110px;
    height:80px;
        margin-top: 22%;
    
    }
    .icons4{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons5{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons6{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons22{
        width:110px;
    height:80px;
   margin-top: -68%;
    }
    .icons33{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons44{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons55{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons66{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     }
}

@media screen and (max-width: 1440px) {
    .section7{
        margin-left: 20%;
        margin-top: 13%;
        width: 75% !important;
    }
    .upperr{
        margin-left: -5%;
    }
.section5{
    padding: 5%;
}
.icons1{
    width:110px;
    height:80px;
    margin-top: 22%;
    
    }
    .icons11{
        width:110px;
    height:80px;
        margin-top: -68%;
    }
    .icons2{
        width:110px;
    height:80px;
    margin-top: 22%;
opacity: 0;
    }
    .items:hover .icons2{
        opacity: 1;
    }
    .icons3{
        width:110px;
    height:80px;
        margin-top: 22%;
    
    }
    .icons4{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons5{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons6{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons22{
        width:110px;
    height:80px;
   margin-top: -68%;
    }
    .icons33{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons44{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons55{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons66{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     }

}

@media screen and (max-width: 1366px) {
   .section7{
        margin-top: 13%;
    }
    .upperr{
        margin-left: -4%;
    }
.section5{
    padding: 5%;
}
.icons1{
    width:110px;
    height:80px;
    margin-top: 22%;
    
    }
    .icons11{
        width:110px;
    height:80px;
        margin-top: -68%;
    }
    .icons2{
        width:110px;
    height:80px;
    margin-top: 22%;
opacity: 0;
    }
    .items:hover .icons2{
        opacity: 1;
    }
    .icons3{
        width:110px;
    height:80px;
        margin-top: 22%;
    
    }
    .icons4{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons5{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons6{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons22{
        width:110px;
    height:80px;
   margin-top: -68%;
    }
    .icons33{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons44{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons55{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons66{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     }
}

@media screen and (max-width: 1200px) {
 
  .section7{
        margin-top: 13%;
    }
    .upperr{
       margin-left: -5%;
    }
.section5{
    padding: 5%;
}
.icons1{
    width:110px;
    height:80px;
    margin-top: 22%;
    
    }
    .icons11{
        width:110px;
    height:80px;
        margin-top: -68%;
    }
    .icons2{
        width:110px;
    height:80px;
    margin-top: 22%;
opacity: 0;
    }
    .items:hover .icons2{
        opacity: 1;
    }
    .icons3{
        width:110px;
    height:80px;
        margin-top: 22%;
    
    }
    .icons4{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons5{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons6{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons22{
        width:110px;
    height:80px;
   margin-top: -68%;
    }
    .icons33{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons44{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons55{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons66{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     }
}
@media screen and (max-width: 1024px){ 
  .section7{
        margin-top: 10%;
    }
    .upperr{
        margin-left: -7%;
    }
.section5{
    padding: 5%;
}
.icons1{
    width:110px;
    height:80px;
    margin-top: 22%;
    
    }
    .icons11{
        width:110px;
    height:80px;
        margin-top: -68%;
    }
    .icons2{
        width:110px;
    height:80px;
    margin-top: 22%;
opacity: 0;
    }
    .items:hover .icons2{
        opacity: 1;
    }
    .icons3{
        width:110px;
    height:80px;
        margin-top: 22%;
    
    }
    .icons4{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons5{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons6{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons22{
        width:110px;
    height:80px;
   margin-top: -68%;
    }
    .icons33{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons44{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons55{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons66{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     }  

}
@media screen and (max-width: 835px){
.section7{
        margin-top: 13%;
    }
    .upperr{
        margin-left: -12%;
    }
.section5{
    padding: 5%;
}
.icons1{
    width:110px;
    height:80px;
    margin-top: 22%;
    
    }
    .icons11{
        width:110px;
    height:80px;
        margin-top: -68%;
    }
    .icons2{
        width:110px;
    height:80px;
    margin-top: 22%;
opacity: 0;
    }
    .items:hover .icons2{
        opacity: 1;
    }
    .icons3{
        width:110px;
    height:80px;
        margin-top: 22%;
    
    }
    .icons4{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons5{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons6{
        width:110px;
    height:80px;
     margin-top: 22%;
    }
    .icons22{
        width:110px;
    height:80px;
   margin-top: -68%;
    }
    .icons33{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons44{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons55{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .icons66{
        width:110px;
    height:80px;
    margin-top: -65%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     } 
}

@media screen and (max-width: 767.98px){ 
   .upperr{
            margin-left: 18%;
        }
.section5{
    padding: 5%;
}
.icons1{
    width:110px;
    height:80px;
    }
    .icons11{
        width:110px;
    height:80px;
       margin-top: -68%;
    }
    .icons2{
   width:110px;
    height:80px;
    }
    .icons3{
    width:110px;
    height:80px;
    }
    .icons4{
    width:110px;
    height:80px;
    }
    .icons5{
    width:110px;
    height:80px;
    }
    .icons6{
    width:110px;
    height:80px;
    }
    .icons22{
        width:110px;
    height:80px;
   margin-top: -68%;
    }
    .icons33{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons44{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons55{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .icons66{
        width:110px;
    height:80px;
    margin-top: -68%;
    }
    .ichover:hover{
    opacity:0;
     }
     .items{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
      .items1{
     color:#fe2803;
     border:5px solid red;
     padding:20px;
     margin:40px;
     height:200px;
     width:200px;
     text-align:center;
     box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
     border:none;
     border-radius:08px;
     }
     .card-img-top{
        height: 10%;
        width: 10%;
     }


  }

  @media screen and (max-width: 767.98px){ 
    .upperr{
             margin-left: 0%;
         }
 .section5{
     padding: 5%;
 }
 .icons1{
     width:110px;
     height:80px;
     }
     .icons11{
         width:110px;
     height:80px;
        margin-top: -68%;
     }
     .icons2{
    width:110px;
     height:80px;
     }
     .icons3{
     width:110px;
     height:80px;
     }
     .icons4{
     width:110px;
     height:80px;
     }
     .icons5{
     width:110px;
     height:80px;
     }
     .icons6{
     width:110px;
     height:80px;
     }
     .icons22{
         width:110px;
     height:80px;
    margin-top: -68%;
     }
     .icons33{
         width:110px;
     height:80px;
     margin-top: -68%;
     }
     .icons44{
         width:110px;
     height:80px;
     margin-top: -68%;
     }
     .icons55{
         width:110px;
     height:80px;
     margin-top: -68%;
     }
     .icons66{
         width:110px;
     height:80px;
     margin-top: -68%;
     }
     .ichover:hover{
     opacity:0;
      }
      .items{
      color:#fe2803;
      border:5px solid red;
      padding:20px;
      margin:40px;
      height:200px;
      width:200px;
      text-align:center;
      box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
      border:none;
      border-radius:08px;
      }
       .items1{
      color:#fe2803;
      border:5px solid red;
      padding:20px;
      margin:40px;
      height:200px;
      width:200px;
      text-align:center;
      box-shadow: 10px 10px 10px 10px rgba(0,0,0,.25) ;
      border:none;
      border-radius:08px;
      }
      .card-img-top{
         height: 10%;
         width: 10%;
      }
 
 
   }