@media screen and (max-width:480px){
        *{
            box-sizing: border-box ;
            padding: 0;
            margin: 0;
        }
        .tabs{
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            align-content: flex-start;
            border: 2px solid rgb(228, 13, 199);
            box-shadow: 5rem;
            border-style: groove;
            border-top-color: rgb(211, 34, 167);
            border-radius: 7px;
            box-shadow: 2px 2px 7px 2px black;
            position: absolute;
            top: 110px;
            left: 26px;
            width: 425px;
            height: 400px;
            overflow-x: hidden;
            color: black;
            
        }
       
        .navbox-item{
            flex-shrink: 0;
            height: 65px;
            width: 180px;
            margin: 7px;
            border: solid rgb(12, 7, 7) 1.5px;
            color: black;
            border-radius: 4px;
            scroll-behavior: smooth;
            scroll-snap-type: mandatory;
            font-size:25px;
            text-align: center; 
            font-family: 'Noto Nastaliq Urdu', serif;
            transition: all 0.5s linear;
            text-decoration: none;
                color: black;
            
            }
            .navbox-item:hover
            {
             transform: scale(1.1);
            color: red;
            }
            .nv{
                text-decoration: none;
                color: black;
            }
           
        .flexbox-container{
            display: flex;
            justify-content: space-around;
            align-items: stretch;
            flex-wrap: wrap;
            align-content: flex-start;
            border: 2px solid rgb(228, 13, 199);
            box-shadow: 5rem;
            border-style: groove;
            border-top-color: rgb(211, 34, 167);
            border-radius: 7px;
            box-shadow: 2px 2px 7px 2px black;
            position: absolute;
            top: 1090px;
            left: 26px;
            width: 430px;
            height: 450px;
            overflow-x: hidden;
            
        }
        .flexbox-item{
            flex-shrink: 0;
            height: 225px;
            width: 400px;
            margin: 7px;
            border: solid rgb(228, 8, 8) 1px;
            scroll-behavior: smooth;
            scroll-snap-type: mandatory;
    
         }
         .paragraph{
             position: absolute;
             top: 1055px;
             font-size: 20px;
             left: 26px;
            font-family: 'julius sans one';
         }
         .paragraphp{
            position: absolute;
            top: 1550px;
            font-size: 20px;
            left: 26px;
            font-family: 'julius sans one';
        }
        .paragraphw{
            position: absolute;
            top: 1950px;
            font-size: 20px;
            left: 26px;
            font-family: 'julius sans one';
        }
        #footer-web
        {
            background-color: black;
            width: 480px;
            height: 100px;
            position: absolute;
            top: 2350px;
            


        }
        .sm{
            font-size: 40px;
            position: absolute;
            top: 2375px;
            z-index: 1;
            left: 26px;

        }
        #f-icon{
            color: white;
            
        }
        #y-icon{
            color: white;
        }
        #i-icon{
            color: white;
        }
        #facebook-icon
          {
              color: white;
              font-size: 20px;
              position: absolute;
              top: 380px;
              left: 76px;
              border: 2px solid white;
              padding: 13px;
              border-radius: 10px;
             
             
          }
          #youtube-icon
          {
              color: white;
              font-size: 20px;
              position: absolute;
              top: 450px;
              left: 76px;
              border: 2px solid white;
              padding: 10px;
              border-radius: 10px;
        
    }
         #instagram-icon
    {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 515px;
        left: 76px;
        border: 2px solid white;
        padding: 10px;
        border-radius: 10px;
  
}
    .flexbox-item-10
    {
        border: 0px;
    }
    .nav_90
        {
            text-decoration: none;
            border: 2px solid rgb(0, 0, 0);
            background-color: rgb(241, 243, 231);
            color: rgb(12, 7, 7);
            height: 60px;
            width: 130px;
            text-align: center;
            font-size: 30px;
            padding-right: 157px;
            padding-left: 159px;
            border-radius: 10px;
            font-family: 'Noto Nastaliq Urdu', serif;
            transition: all 0.5s linear;
        }
        .nav_90:hover
        {

        transform: scale(1.1);
        color: red;

        }
       
    }