@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
/* start header */
/*all page css*/

.dropdown-wrapper {
  /*position: relative;*/
  display: inline-block;
  width:100%;
}
#past_awards{
    position: relative;
  /*display: inline-block;*/
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 70%; 
  left: 0;
  margin-left:55%;
  opacity: 0.95;
  background-color: #e5c66b;
  color:black;
  width: 250px;
  height:auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 0;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
  color:black;
  text-decoration: none;
  width:100%;
}

.show {
  display: block;
  
}

#past_awards:hover .show {display: block;}

.topnav {
    font-family: Syne;
    /*overflow: hidden;*/
    background-color: black;
    padding-bottom:0px;
    margin-bottom:0px;
    /*width:100%;*/
    padding-top:10px;
  }
  
  .topnav a {
    float: left;
    display: block;
    color: #e5c66b;
    padding-top:20px;
    padding-left:12px;
    text-decoration: none;
    font-size: 19px;
  }
   .topnav a.active {
    padding-left: 4%;
    padding-top:20px;
    padding-bottom:20px;
    height: 80px;
    width: 260px;
    background-color:transparent;
  }

   .data:hover{
    color: red;
    text-decoration:none;
   }
  #tbd_award_about{
      margin-left:50px;
  }
  #tbd_login{
      margin-left:120px;
  }
 
  
  .topnav .icon {
    display: none;
  }
  
  
  .tbd_award_spn_sl{
  color:#E31E24;  
}

  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      padding-right:20px;
      display: block;
    }
    .dropdown-content {
        margin-left:35% !important;
    }
    #drop_items{
        margin-top: -35px !important;
    }
    .drop_items{
        margin-top: -35px !important;
    }
    #tbd_award_about{
      margin-left:0;
      }
  #tbd_login{
      margin-left:0;
  }
  }
  
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    
     .topnav.responsive a:hover{
         background-color:#e5c66b;
         color:#000000;
         font-weight:600;
     }
    
  /*    #tbd_award_about{*/
  /*    padding-left:5%;*/
  /*}*/
  
      #tbd_award_dashboard{
         font-weight:600;
      }
  }
/* end header */


#row{
    /* padding:5%; */
    margin: 0;
    display: flex;
}

.image{
    margin-top: 5%;
    height: 80px;
    width: 300px;
    /* border: 1px solid green; */
}
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 10px;
    font-size: 18px;
    border: none;
    cursor: pointer;
    /* border: 1px solid red; */
    width:100%;
    height: auto;
} 
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}
.dropdown {
    cursor: pointer;
    /* position: relative;
    display: inline-block; */
    width:70%;
    margin-left: 15%;
    padding-bottom: 5%;
     /* border: 1px solid red; */
}


.dropdown a:hover {background-color: #ddd;}
.show {display: block;}



/*footer section*/

.tbd_footer_nav{
    
}

.tbd_award_spn_sl{
  color:#E31E24;  
}

.tbd_footer_nav li{
   list-style:none; 
   display:inline;
   padding:5px;
}
.tbd_footer_nav li a{
    text-decoration:none;
    color:#e5c66b;
}

.tbd_footer_nav li a:hover{
    text-decoration:none;
    color:#E31E24;
}
/*footer section*/
@media only screen and (max-width: 600px){
    #downform {
        border: 5px solid #000;
        height: auto;
        width: auto;
        border-radius: 50px;
        background-color: #fff;
        margin-top: 50px;
        margin-bottom: -50px;
    }
}
#downform {
    border: 6px solid #000;
    height: auto;
    width: auto;
    border-radius: 50px;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: -50px;
    margin-right: 50px;
}

#tab{
    padding: 30px 30px;
}

/* End Content Form */




.popup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid green;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    font-family: Syne;
    font-size: 18px;
    text-align: center;
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    
}