#one{
        display:flex;
        margin: auto;
        width:100%;
        height:70px;
        background-color:white;
        justify-content:center;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
        /* sticky properties */
        /* position: fixed; */
        top: 0;
        font-family: Arial, Helvetica, sans-serif;
       
      }
      a{
        text-decoration: none;
        padding-top:20px;
        margin-right:30px;
        color:rgb(124, 118, 118);  
        font-size:17px;
      }
      a:hover{
        color:rgb(20, 121, 209);
        cursor: pointer;
      }
      #more{
        background-color: white;
        font-size: 16px;
        border:none;
        width:100px;
        user-select: none;
      }
      select{
        background: white;
        color: black;
      }
      option{
        border:none ;
        color: #FFF;
        background-color:#009966;
      }
      #two{
        width:50%;
        margin:auto;
        height:250px;
        margin-top:20px;
      }
      #two>img{
        width:100%;
        height:250px;
        
      }
     
      #three{
        width:80%;
        display:flex;
        margin:auto;
        margin-top:10px;
        
      }
      .one{
        margin-top:20px;
      }
      .two{
       
        border-radius: 10px;
        border-radius: 10px;
      }
      .one>p{
        font-size:18px;
      }
      h1,h4,p{
        font-family:Arial, Helvetica, sans-serif
      }
      #four{
        width:80%;
        height:350px;
        margin:auto;
        margin-top:10px;


        /* border:1px solid red; */

      }
      .three{
        display:flex;
        height:200px;
      }
      .three>video{
        margin-left:20px;
        border-radius: 10px ;
      }
      #five{
        width:100%;
        display:flex;
        margin:auto;
        margin-top:10px;
        /* border:1px solid red; */
      }
      #five>p{
        width:23%;
        margin:auto;
        font-size: 18px;
        padding-bottom:20px;
      }
      #six{
        width:80%;
        margin:auto;
        height:300px;
        /* border:1px solid red; */
        display:grid;
    
      }
     #six>img{
        width:100%;
        height:200px;
     }
     #seven{
        width:80%;
        /* border:1px solid pink; */
        margin:auto;
        display:flex;
     }
     #eight{
        width:80%;
        /* border:1px solid red; */
        display:grid;
        grid-template-columns: repeat(3,1fr);
        gap:20px;
        margin-top:30px;
     }
    #eight>div{

        height:350px;
    }
    .img1>img{
        width:100%;
        height:100%;
        border-radius:18px;
        
    }

    .img2>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img1,.img2.img3,.img4,.img5,.img6,.img7,.img7,.img8,.img9,.img10,.img10,.img11,.img12,.img13,.img14,.img15{
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
        border-radius: 18px;
        border:none;
    }
    .img1,.img2,.img3{
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
        border-radius: 18px;

    }
    .img2>h4,p{
        margin-left:20px;
    }
    .img3>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img3>h4,p{
        margin-left:20px;
    }
    .img4>img{
        width:100%;
        height:100%;
        border-radius:18px;
    }
    .img5>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img5>h4,p{
        margin-left:20px;
    }
    .img6>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img6>h4,p{
        margin-left:20px;
    }
    .img7>img{
        width:100%;
        height:100%;
        border-radius:18px;
    }
    .img8>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img8>h4,p{
        margin-left:20px;
    }
    .img9>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img9>h4,p{
        margin-left:20px;
    }
    .img10>img{
        width:100%;
        height:100%;
        border-radius:18px;
    }
    .img11>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img11>h4,p{
        margin-left:20px;
    }
    .img12>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;}
    .img12>h4,p{
        margin-left:20px;
    }
    .img13>img{
        width:100%;
        height:100%;
        border-radius:18px;
    }
    .img14>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img14>h4,p{
        margin-left:20px;
    }
    .img15>video{
        margin-left:15px;
        border-radius:10px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    .img15>h4,p{
        margin-left:20px;
    }
    #side{
         width:20%;
         height:350px;
         /* border:1px solid red; */
         margin-top:30px;
    }
    #side>img{
        width:100%;
        height:90%;
        border-radius: 15px;
        margin-left:9px;
    }
    #foot{
        display:flex;
        width:100%;
        height:50px;
        background-color: whitesmoke;
        margin-top:20px;
    }
    #foot>button{
        padding-top:10px;
        border:none;
        color:black;
        margin-left:20px;
        cursor:pointer;
    }