.top_wt_sec{
    height: 100px;
    width: 100%;
   
    display: flex;
    position: fixed;
   z-index:101 !important;
    top: 0;
}
.bt-plate{  
    z-index: 100 !important;
    width: 100%;
    position: fixed;
    display: flex;
    top: 100px;


    /*new*/
    height: auto !important;
    
}
.top_wt_col1{
    width: 10%;
    height: 100px;
}
.top_wt_col2{
    width: 80%;
    height: 100px;
}
.top_wt_col3{
    width: 10%;
  
    height: 100px;
   /* display: flex;
    justify-content: center; 
    align-items: center; */
    padding-top: 15px;
    display: flex;
    flex-direction: column; /* Stacks the elements vertically */
    align-items: center;    /* Horizontally center-aligns the content */
    justify-content: center; /* Vertically center-aligns the content */
    height: 100%;           /* Adjust as needed */
    text-align: center;     /* Centers the text within the h6 element */
}
.bt-plate1{
width: 30%;
background-color: #414A55;
margin-top: -100px;
/*height: 750px;*/

/* new */
height: 100%;

}
.bt-plate2{
    width: 70%;
    /*background-color: #006E79;*/
    background: rgb(17,120,172);
    background: linear-gradient(-45deg, rgb(8, 57, 82) 0%, rgba(24,112,140,1) 16%, rgba(20,149,169,1) 41%, rgba(18,166,182,1) 58%, rgba(15,155,169,1) 79%, rgba(10,121,132,1) 100%); 
   /* height: 650px;*/
   height: auto;

   
}
.bt-plate{
display: flex;
}

#join_list{
  
    height: 120px;
    background-color: #11C5D4;
    width: 100%;
    margin: 0px !important;
    bottom: 0px !important;
    position: absolute;
    color: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: center; /* Centers items horizontally */
    
   
}
#join_list h1{
    text-align: center;
    margin-left: 150px;
}
.newm_logo img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 140px;
    height: 140px;
    padding-bottom: 10px;
    margin-top: 30px;
}
.newm_logo2 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
   
    margin-top: 5px;
}
.newm_inbox{
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 26px;
    text-align: center;
    
    width: 300px;

}
.newm_inbox2{
    margin-top: 25px;
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    text-align: center;
    border: 1px solid #fff;
    width: 300px;
    padding: 10px;
    padding-top: 20px;

}
.newm_inbox2 h4{
    font-size: 16px !important;
}
.newm_inbox3{
    
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    text-align: center;
   
    width: 300px;
    padding-bottom: 5px;


}
.bt-plate2{
    display: flex;
}
.bt-plate2-left{
    padding: 50px;
    padding-top: 60px;
}
.bt-plate2-right2{
    padding: 50px; 
    padding-top: 150px;
}
.bt-plate2-left h3{
    color: #fff !important;
    line-height: 40px;
    font-size: 20px !important;
}
.bt-plate2-left h3:hover{
    color: #d6cdcd !important;
  
    font-size: 21px;
}
.bt-plate2-right{
    padding: 50px;
    padding-top: 60px;
 
}
.bt-plate2-right2{
    padding: 50px;
    padding-top: 60px;
 
}
.bt-plate2-right2 h3{
    color: #E2D4B0 !important;
    line-height: 40px !important;
    font-size: 20px;
}
.bt-plate2-right h3{
    color: #e2e0e9 !important;
    line-height: 40px !important;
    font-size: 20px;
}
.bt-plate2-right h3:hover{
    color: #cdcdd6 !important;
   
    font-size: 21px;
}
.bt-plate2-right2 h3:hover{
    color: #d6cdcd !important;
   
    font-size: 21px;
}
.flexcenter{
    display: flex !important;
    align-items: center !important;  /* Vertically center the items */
    /* Horizontally center the items */
    gap: 10px;
    margin: 0;
}
#servvss{
    margin-top: -6px;
   
}
#websss{
    margin-top: -6px;
   
}
#nhead_sup_bu{
    font-family: "Figtree", sans-serif ;
    background-color: #fff;
    padding: 15px;
    color: #000;
    width: 170px;
    font-weight:600;
    border: none;
   border-radius: 10px;
    font-size: 20px;
    margin-left: 20px;
}
#nhead_sup_bu2{
    font-family: "Figtree", sans-serif ;
   
    padding: 5px;
    color: #fff;
    width: 160px;
    font-weight:600;
    border: none;
   margin-top: 5px;
    font-size: 18px;
    
}

@media (min-width: 768.01px) and (max-width: 1024px) {
    .bt-plate2-left,.bt-plate2-right, .bt-plate2-right2 h3 {
        color: #fff !important;
        line-height: 30px;
        font-size: 14px !important;
    }
    .bt-plate2-left{
        padding-left: 5px;
        padding-right: 10px;
    }
    .bt-plate2-right{
        padding-left: 5px;
        padding-right: 10px;
    }
    .bt-plate2-right2{
        padding-left: 5px;
        padding-right: 10px;
    }
    .newm_inbox2,.newm_inbox3,.newm_inbox1,.newm_inbox{
        width: auto;
    }

    
}