@font-face {
          font-family: 'myfont';
          src: url('../fonts/HacenTunisia.ttf');
          font-weight: normal;
          font-style: normal;
          
        }
              main {
                padding-top: 4vw;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-bottom: 4vw;
                            }

                            


                .container{
                  width: 90%;
                  background-color: white;
                  padding: 3vw;
                  box-shadow: 0 0 0.7vw rgba(0,0,0,0.5);
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                }

                .container div{
                 width: 100%;
                }

                .container div .title{
                    width: 100%;
                    color: #204289;  
                font-family:'myfont';
                  font-size: 2.1vw;
                  font-weight: bold;
                  padding: 1vw;
                    text-align: center;
                }
                    

                table {
                  width: 100%;
          

                }
                
                      
                th, td {
                  padding: 0.3vw;
                  text-align: center;
                  border-bottom: 0.1vw solid #000;
                }

                td{
                  text-align: center;
                  border: 1px  solid #000;
                  font-family: 'myfont';
                  font-size: 1vw;
                  color:#000;
                }
                
                th {
                  border: 1px  solid #000;
                  color: #fff;
                  background-color:  #204289;
                  font-size: 1.2vw;
                  text-align: center;
                }

                .seat{
                  width: 100%;
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  direction: rtl;
                }

             .container a{
              width: 14vw ;
              height: 4vw;
              margin: 2vw;
              font-size: 1.5vw;
              border-radius: 1vw;
              border:0.1vw solid #000;
              color: #ed213a;
              background-color: #ffff;
            font-family:'myfont';
                display: inline-flex;
                justify-content: center;
                align-items: center;
              text-decoration: none;
                }


                .sec{
                  width: 50%;
                  font-size: 1.5vw;
                  height: auto;
                  padding: 0.8vw;
                  margin-top: 1vw;
                  font-family:'myfont';
                  background-color:transparent ;
                  border:none;
                  border-radius: 5vw 0 0 5vw;
                 text-align: right;
              }
              
              
                @media screen and (max-width:768px) {
                  main {
                    padding-top: 6vw;
                    margin-bottom: 6vw;
                                }
    
                  .container div .title{
                    font-size: 4vw;
                    padding: 1vw;
                  }
                      
        
                  table {
                    width: 100%;
                    border-collapse: collapse;
                    margin-bottom: 0w;
        
                  }
                  
                  th, td {
                    padding: 2vw;
                  }
        
                  td{
                    font-size: 3vw;
                  }
                  
                  th {
                    font-size: 3vw;
                  }


                  
             .container a{
              width: 40vw ;
              height: 10vw;
              margin: 2vw;
              font-size: 3vw;
              border-radius: 2vw;
                }

                .sec{
                  width: 60%;
                  font-size: 4vw;
                  padding: 1vw;
                  margin-top: 2vw;
            
               
              }
       
                }
                @media screen and (max-width:480px) {

       
                }