.nazi11 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.nazi1{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
     margin-top: 490px;
     margin-left: 160px;
}
  .nazi1:hover{
    transform: scale(1.3);
  }

.nazi11{     height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .nazi11:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
  .nazi21 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.nazi2{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
          margin-top: 510px;
     margin-left: 125px;
}
  .nazi2:hover{
    transform: scale(1.3);
  }

.nazi21{     height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .nazi21:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .nazi31 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.nazi3{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
             margin-top: 510px;
     margin-left: 250px;
}
  .nazi3:hover{
    transform: scale(1.3);
  }

.nazi31{     height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .nazi31:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .nazi41 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.nazi4{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
                  margin-top: 480px;
     margin-left: 150px;
}
  .nazi4:hover{
    transform: scale(1.3);
  }

.nazi41{     height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .nazi41:hover{
    transform: scale(1.3);
  }
/*      ----------------------           srrr             -------------------           */

    .nazi51 img{
    transform: scale(0.09);
     transition: transform 0.3s ease;
  }

.nazi5{
      height: 120px;
    width: 120px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
               margin-top: 780px;
     margin-left: 235px;
}
  .nazi5:hover{
    transform: scale(1.3);
  }

.nazi51{     height: 100px;
    width: 100px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .nazi51:hover{
    transform: scale(1.3);
  }




  

/*      ----------------------           sssr             -------------------           */
/*      ----------------------           srrr sss            -------------------           */
    .ccp11 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.ccp1{
      height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
     margin-top: 650px;
     margin-left: 160px;
}
  .ccp1:hover{
    transform: scale(1.3);
  }

.ccp11{     height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .ccp11:hover{
    transform: scale(1.3);
  }


/*      ----------------------           sssr             -------------------           */
/*      ----------------------           srrr sss            -------------------           */
/*      ----------------------           srrr sss            -------------------           */
  .ccp21 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.ccp2{
      height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
          margin-top: 600px;
     margin-left: 125px;
}
  .ccp2:hover{
    transform: scale(1.3);
  }

.ccp21{     height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .ccp21:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .ccp31 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.ccp3{
      height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
             margin-top: 600px;
     margin-left: 700px;
}
  .ccp3:hover{
    transform: scale(1.3);
  }

.ccp31{     height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .ccp31:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .ccp41 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.ccp4{
      height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
                  margin-top: 650px;
     margin-left: 150px;
}
  .ccp4:hover{
    transform: scale(1.3);
  }

.ccp41{     height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .ccp41:hover{
    transform: scale(1.3);
  }
/*      ----------------------           srrr             -------------------           */



    .usp11 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.usp1{
      height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
     margin-top: 600px;
     margin-left: 160px;
}
  .usp1:hover{
    transform: scale(1.3);
  }

.usp11{     height: 140px;
    width: 140px;
  background: hwb(245 19% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .usp11:hover{
    transform: scale(1.3);
  }


/*      ----------------------           sssr             -------------------           */
/*      ----------------------           srrr sss            -------------------           */
/*      ----------------------           srrr sss            -------------------           */
  .usp21 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.usp2{
      height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
          margin-top: 600px;
     margin-left: 125px;
}
  .usp2:hover{
    transform: scale(1.3);
  }

.usp21{     height: 140px;
    width: 140px;
  background: hwb(245 19% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .usp21:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .usp31 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.usp3{
      height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
             margin-top: 600px;
     margin-left: 700px;
}
  .usp3:hover{
    transform: scale(1.3);
  }

.usp31{     height: 140px;
    width: 140px;
  background: hwb(245 19% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .usp31:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .usp41 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.usp4{
      height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color: #ff0000;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
                  margin-top: 600px;
     margin-left: 150px;
}
  .usp4:hover{
    transform: scale(1.3);
  }

.usp41{     height: 140px;
    width: 140px;
  background: hwb(245 19% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .usp41:hover{
    transform: scale(1.3);
  }



     .gbp11 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.gbp1{
      height: 174px;
    width: 174px;
  background: hwb(245 19% 0%);
    clip-path: circle(50% at 50% 50%);
    background-color:  hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
     margin-top: 500px;
     margin-left: 160px;
}
  .gbp1:hover{
    transform: scale(1.3);
  }

.gbp11{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .gbp11:hover{
    transform: scale(1.3);
  }


/*      ----------------------           sssr             -------------------           */
/*      ----------------------           srrr sss            -------------------           */
/*      ----------------------           srrr sss            -------------------           */
  .gbp21 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.gbp2{
      height: 174px;
    width: 174px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-color: hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
          margin-top: 500px;
     margin-left: 125px;
}
  .gbp2:hover{
    transform: scale(1.3);
  }

.gbp21{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .gbp21:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .gbp31 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.gbp3{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color:  hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
             margin-top: 500px;
     margin-left: 600px;
}
  .gbp3:hover{
    transform: scale(1.3);
  }

.gbp31{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .gbp31:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .gbp41 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.gbp4{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color:  hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
                  margin-top: 500px;
     margin-left: 150px;
}
  .gbp4:hover{
    transform: scale(1.3);
  }

.gbp41{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .gbp41:hover{
    transform: scale(1.3);
  }

       .jap11 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.jap1{
      height: 140px;
    width: 140px;
  background: hwb(245 19% 0%);
    clip-path: circle(50% at 50% 50%);
    background-color:  hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
     margin-top: 800px;
     margin-left: 160px;
}
  .jap1:hover{
    transform: scale(1.3);
  }

.jap11{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .jap11:hover{
    transform: scale(1.3);
  }


/*      ----------------------           sssr             -------------------           */
/*      ----------------------           srrr sss            -------------------           */
/*      ----------------------           srrr sss            -------------------           */
  .jap21 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.jap2{
      height: 140px;
    width: 140px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-color: hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
          margin-top: 800px;
     margin-left: 125px;
}
  .jap2:hover{
    transform: scale(1.3);
  }

.jap21{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .jap21:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .jap31 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.jap3{
      height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color:  hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
             margin-top: 800px;
     margin-left: 600px;
}
  .jap3:hover{
    transform: scale(1.3);
  }

.jap31{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .jap31:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .jap41 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.jap4{
      height: 140px;
    width: 140px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color:  hwb(245 19% 0%);;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
                  margin-top: 800px;
     margin-left: 150px;
}
  .jap4:hover{
    transform: scale(1.3);
  }

.jap41{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .jap41:hover{
    transform: scale(1.3);
  }

  
       .itp11 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.itp1{
      height: 174px;
    width: 174px;
  background: hwb(245 19% 0%);
    clip-path: circle(50% at 50% 50%);
    background-color:  #d60c0c;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
     margin-top: 800px;
     margin-left: 160px;
}
  .itp1:hover{
    transform: scale(1.3);
  }

.itp11{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .itp11:hover{
    transform: scale(1.3);
  }


/*      ----------------------           sssr             -------------------           */
/*      ----------------------           srrr sss            -------------------           */
/*      ----------------------           srrr sss            -------------------           */
  .itp21 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.itp2{
      height: 174px;
    width: 174px;
    background: #ff0000;
    clip-path: circle(50% at 50% 50%);
    background-color: #d60c0c;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
          margin-top: 800px;
     margin-left: 125px;
}
  .itp2:hover{
    transform: scale(1.3);
  }

.itp21{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .itp21:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .itp31 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.itp3{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color:  #d60c0c;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
             margin-top: 800px;
     margin-left: 600px;
}
  .itp3:hover{
    transform: scale(1.3);
  }

.itp31{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .itp31:hover{
    transform: scale(1.3);
  }

/*      ----------------------           srrr             -------------------           */
    .itp41 img{
    transform: scale(0.12);
     transition: transform 0.3s ease;
  }

.itp4{
      height: 174px;
    width: 174px;
    background: #ffffff;
    clip-path: circle(50% at 50% 50%);
    background-color:  #d60c0c;
      justify-content: center;
    align-items: center;
    display: flex;
    border: none;
     transition: transform 0.3s ease;
                  margin-top: 800px;
     margin-left: 150px;
}
  .itp4:hover{
    transform: scale(1.3);
  }

.itp41{     height: 140px;
    width: 140px;
  background: hwb(0 100% 0%);
    clip-path: circle(50% at 50% 50%);
    background-repeat: no-repeat;
    background-position: center;
     justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    background-size: cover;
     transition: transform 0.3s ease;
  }
  .itp41:hover{
    transform: scale(1.3);
  }