*{
           margin: 0px;
           padding:0px;
       }
 
 #navbar{
             display: grid;
             grid-template-columns: repeat(2,1fr);
             grid-template-rows: repeat(1,40px);
             gap:20px;
             margin:auto;
             width:90%;
             margin-top:20px;
      
         }
         #navbar>div:first-child{
            border-radius: 10px;
            display:flex;
            /* border:2px dashed red; */
            width:90%
         }
          #navbar>div:last-child{
            border-radius: 10px;
            display:flex;
            /* border:2px dashed red; */
            width: 110%;
         }

        .bar{
          height:40px;
          width:30%;

        }
        #more{
              outline: none;
        }
        select{
            border:0px;
        }
         .bar1{
          margin-top:10px;
          height:40px;
          width:40%;  
        }
        .hcolor2:hover {
            color: blue
            }
            .hcolor1:hover {
            color: blue
            }
        .hcolor3:hover {
            color: blue
        }
        .hcolor4:hover {
            color: blue
        }
         .hcolor10:hover {
            color: blue
        }
        

        #bar2{
              gap:5px;
        flex-wrap: wrap;
        width:auto
        }
        #bar2>div{
      
        height:40px;
        width:17%;
        margin-top: 5px;
        /* border: 2px dashed blue; */
        }
       
        #box{
                  gap:5px;
        flex-wrap: wrap;
        display: flex;
        }
        #box>div:first-child{
         
        height:40px;
        width:20%;  
        }
         #box>div:last-child{
         
        height:40px;
        width:50%; 
        }
        .img1{
            height:20px;
            width:20px;
        }
        #line{
            height:1px;
            width:100%;
            background-color: gray;
            margin-top: 10px;
            
        }
         #line1{
             display: flex;
            height:250px;
            width:85%;
            border: 0.4px solid gray;
            border-radius: 10px;;
            margin:auto;
            margin-top:40px;
            gap:5px;
            flex-wrap: wrap;
            
        }
         #line1>div:nth-child(1){
               display: flex;
            height:50px;
            width:75%;
            margin:auto;
            margin-right:-25px;
         }
          #line1>div:nth-child(2){
               display: flex;
            height:1px;
            width:85%;
            margin:auto;
            background-color: gray;
            flex-wrap: wrap;
            margin-top: -10px;
         }
          #line1>div:nth-child(3){
               display: flex;
            height:40px;
            width:75%;
            margin:auto;
            flex-wrap: wrap;
            margin-top: -10px;
         }
          #line1>div:nth-child(4){
               display: flex;
            height:25px;
            width:75%;
            margin:auto;
            flex-wrap: wrap;
            margin-top: -10px;
         }
          #line1>div:nth-child(5){
               display: flex;
            height:50px;
            width:75%;
            margin:auto;
            flex-wrap: wrap;
            margin-top: -10px;
         }
         #center>div>p{
             display: inline-block;
             font-size:16px;
             color: black;
         }
         .hcolor5:hover{
             color: blue;
            border-bottom: 3px solid Blue;
            width:40px;
         }
         
          .hcolor6:hover{
            
             border-bottom: 3px solid Blue;
             color: blue;
         }
          .hcolor7:hover{
            border-bottom: 3px solid Blue;
             color: blue;
         }
          .hcolor8:hover{
            border-bottom: 3px solid Blue;
             color: blue;
         }
          .hcolor9:hover{
            border-bottom: 3px solid Blue;
             color: blue;
         }
         .minibox1>p{
         margin-left: 7px;
         }
         #indate{
             margin-left: 10px;
             border: 0px;
             outline: none;
         }
         #outdate{
               margin-left: 10px;
             border: 0px;
               outline: none;
         }

         #center>div{
                display: flex;
            height:30px;
            width:10%;
            margin-top:20px;
         }
         #mini{
             display: flex;
             gap:4px;
             box-sizing: border-box;
         }
         .minibox{
             width:250px;
             border-radius:5px;
             border:1px solid gray;
            
         }
         .minibox>i{
             padding-left: 5px;
         }

          .minibox:hover{
            outline: 1.5px solid blue;
          }
          .minibox1:hover{
              outline: 1.5px solid blue;
          }
          .minibox2:hover{
              outline: 1.5px solid blue;
          }
          .checkbox:hover{
             outline: 1.5px solid blue;
             color: blue;
          }
          .minibox1{
              width:180px;
             border-radius:5px;
             border:1px solid gray;

          }
          .minibox2>div>p{
              padding-left: 5px;;
          }
          .minibox2{
              width:220px;
             border-radius:5px;
             border:1px solid gray;
             display: flex;
          }
          .minibox2>i{
            padding-left: 10px;;
             margin-top: 10px;;
             margin-left: -50px;
          }
          #traveller{
              width:40px;
              height:20px;
              margin-left: 20px;
              margin-top: 18px;
              border: 0px;
             outline: none;
          }
          #Room{
            width:60px;
            height:30px;
            margin-top: 12px;
            margin-left: 20px;
            border: 0px;
            outline: none;
          }
          #room{
              margin-left: 10px;
              margin-top: 17px;
              font-size: 16px;
              margin-left: 10px;
          }
          i{
            padding-top: 10px;
            
            color:gray;
          }
          #going{
            border:0px;
            height: 25px;
            width: 200px;
            outline: none;
          }
          p{
              color:gray;
              font-size: 12px;
              padding: 0px;
              margin:0px;
          }
          .mini1>div{
               width:200px;
             border-radius:5px;
          }
          .check1{
              display: flex;
          }
          .check1>p{
              padding-left: 7px;
          }
          .add{
              font-size: 16px;
              margin-top:5px;
          }
         .checkbox{
             height:20px;
             width:20px;
            color:black;
          }
          #add{
              color:black;
              font-size: 16px;;
              margin-top: 3px;
          }
          #search{
              height:40px;
              width:150px;
              background-color: blue;
              margin:auto;
              border-radius:7px;
              color:white;
              font-size: larger;
              text-align: center;
              padding-top:8px;
              box-sizing: border-box;
          }
          #search:hover{
              outline: 1.5px solid rgb(3, 3, 184);
          }
          #memberPrime{
              height: 400px;
              width:75%;
              margin: auto;
              margin-top: 20px;
               position: relative;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
              
          }
                  
          #primeImg{
              width:100%;;
              height:400px;
             display: block;
             
          }
          #ob{
              position:absolute;
               top:100px;
               left:50px;
                  
               
          }
          #ob>h1{
              font-size: 30px;
               font-weight: bold;
               color: white;
               width:250px;
               text-align: justify;
          }
          #ob>h4{
              margin-top: 10px;;
               color: white;
               width:300px;
               text-align: justify;
               line-height: 20px;;
          }
          #ob>input{
               margin-top: 20px;;
               color: white;
               width:170px;
               height:40px;
               text-align: center;
               background-color: blue;
               border: 0px;;
               border-radius: 8px;
          }
          #wellcome{
              height:230px;
              width:70%;
              border-radius: 5px;;
             border:1px solid gray;
          }
          .wellbox1{
              height:150px;
              width:100%;
               background-image: url('https://tpc.googlesyndication.com/simgad/14858597537665299669?'); background-position: 50% 50%;
          }
          .wellbox2{
              height:110px;
              width:100%;
              display: flex;
               line-height: 12px;
              text-align: center;
              border: 1px solid gray;
              border-radius: 5px;
          }
           
          .wellbox3{
               height:100px;
                width:65%;
                margin-top:-10px;
                display: flex;
          }
         
          #arabiaimg{
              height:90px;
              width:20%;
              margin-left: 10px;
              margin-top: 13px;
          }
          #arabiatext{
               height:90px;
              width:60%;
              padding-left: 10px;

          }
          #arabiamain{
              width:76%;
              height:270px;
              display: flex;
              margin:auto;
              margin-top: 20px;
          }
          #wellcome1{
              height:225px;
              width:300px;
              margin-left: 5px;
              
              border-radius: 5px;
          }
           .wellbox4{
              height:118px;
              width:300px;
              display: flex;;
              border: 1px solid gray;
              border-radius: 5px;
          }
          .square2{
              height:110px;
              width:30%;
             

          }
          .square2{
              background-image: url('https://tpc.googlesyndication.com/simgad/17644702400499192002?'); background-position: 50% 50%
              
              
          }
          #square12{
               height: 118px;
               width:35%;
              background-image: url('https://tpc.googlesyndication.com/simgad/3808556016966627594?'); background-position: 50% 50%;
          }
           .square4{
              width:30%;
              margin-top: 4px;
              margin: 0px;
              padding: 0px;
          }
          #see:hover{
              outline: 1.5px solid blue;
          }

          .square1{
              height:100px;
              width:70%;
              margin-top: 4px;
              line-height: 40px;
              text-align: center;
              box-sizing: border-box;
              padding-top:10px;
           
          }
          #arabiatext>p{
              font-size: 14px;
              color:black;
              box-sizing: border-box;
              margin-top: 20px;;
              
          }
           #arabiatext>h3{
               margin-top: 15px;
           }
          .square1>p{
               font-size: 12px;
              color:black
          }
          .square1 h3{
              line-height: 20px;
          }
         #center1{
             height:90px;
             width: 728px;
             display: flex;
             margin:auto
         }
          #content{
               height:200px;
             width:75%;
             display: flex;
              margin:auto;
              gap:15px;
              margin-top:20px;
          }
          .square3{
              height:200px;
              width:69%;
              background-color: grey;
              border-radius: 5px;
              background-image: url('https://tpc.googlesyndication.com/simgad/7409728357046358003?'); background-position: 50% 50%;
          }
           .square3>h3{
                color: white;
               width:250px;
               text-align: justify;
               margin-top: 150px;
               margin-left: 15px;
               line-height: 25px;
           }
            .square3>h4{
                 color: white;
               width:600px;
               text-align: justify;
                margin-left: 15px;
            }

          .square4{
              height:200px;
              width:30%;
              border-radius: 10px;
           
          }
           .square4>img{
               width:100%;
               height:100%;
                 border-radius: 5px;
           }

          .content2{
            height:240px;
            width:75%;
             display: flex;
              margin:auto;
              margin-top:20px;
              border:0.5px solid gray;
              
          }
          .b1{
             width:320px;
             height:240px;
          }
          .b1>img{
               width:320px;
             height:240px;
          }
          .b2{
              text-align: start;
              line-height: 25px;
              box-sizing: border-box;
              padding:20px 20px;
               width:55%;
          }
           .b2 h3{
               padding-top:10px
           }
           .b2>input{
               height:40px;
               width:130px;
               border-radius: 5px;
               border:1px solid gray;
               margin-top: 5px;
               margin-left: 5px;;
           }
           .b2>p{
               font-size: 15px;
               padding-top: 5px;;
           }
           #number{
               height:38px;
               text-align: center;
           }
           #submit{
               background-color: blue;
               color:white;
               border:0px
           }
           #b3{
               height:136px;
               width:136px;
               margin:auto;
               margin-right: 20px;;
           }
           #b3>img{
               height:136px;
               width:136px;
               margin:auto;
           }
           #b3>p{
               text-align: center;
               color:black;
               margin-top:-10px;
           }
           #footer{
               height:400px;
               width:75%;
               display: flex;
               margin: auto;
               margin-top:30px;

           }
           #explore{
               height: 50px;
               width:100%;
               margin-top: 10px;
                text-align: center;
                line-height: 25px;;
                display: block;
           }
            .blue{
                color:blue;
                font-size: 16px;
            }
            .black{
                color:black;
                font-size: 16px;
            }
              #footer>div{
                  height:100%;
                  width:20%;
                 line-height: 40px;
              }
              #footer>div>img{
                  width:150px;
                  height:21px;
              }
             #line12{
                    height:1px;
            width:75%;
            background-color: gray;
            margin: auto;
             }
             #lastbox{
                 height:70px;
                 width: 190px;
                 margin: auto;
                 margin-top:30px;
             }
               #lastbox>img{
                 height:70px;
                 width: 190px;
            
             }
             #lastbox1{
                 height:70px;
                 width: 75%;
                 margin: auto;
                 margin-top:10px;
                 text-align: center;
             }
             .black1{
                 color: black;
                 font-size: 13px;;
             }