*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}
body{

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serifl̥ō;
    background-color: #222;
    
    /* background-image: linear-gradient(to right, #4f4f4f, #999); */
}


                                                                                                                /*navbar_our_divisions start*/                                                                                         
  



                                                                                                               


.navbar_dividions {
    overflow: hidden;
    /* background-color: #333; */
    width: 80%;
    margin: auto;
    box-shadow: 0px 0px 10px 1px #56418ce3;
    

    /* border-top-right-radius: 30px; */
    /* border-top-left-radius: 30px; */
    /* border-bottom-right-radius: 30px; */
    
        
  }
  
  /* Navigation links */
  .navbar_dividions a {
    float: left;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 15px 10px;
    text-decoration: none;
    width: 100%;
    
   
  }
  
  .navbar_dividions a:hover{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    
  }
  /* The subnavigation menu */
  

  .subnav_divisions {
    float: inline-end;
    text-align: center;
    width: 100%;
    
    overflow: hidden;
    box-shadow: 0px 0px 10px 1px #ffffff;
    /* border-radius: 80px; */
  
    
    

    
  }
  
  

  /* Subnav button */
  .subnav_divisions .subnavbtn_divisions {
    /* display: flex; */
    /* flex-direction: column; */
    /* width: 100%; */
    font-size: 18px;
    line-height: 2em;
    /* border: none; */
    /* outline: none; */
    text-shadow: 0 0 5px rgb(255, 0, 0);
    padding: 5px 6px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    text-align: center;

    width: 100%;

    opacity: 1;
        color: #ff0000;
        box-shadow: 0px 0px 10px 1px #ffffff;
        /* border-radius: 13px; */


  }
  
  

  /* Add a red background color to navigation links on hover */
  .navbar_dividions a:hover, .subnav_divisions:hover .subnavbtn_divisions {
    background-color: rgb(255, 0, 0);
    
    
    
  }
  
  /* Style the subnav content - positioned absolute */
  .subnav-content_divisions {
    display: none;
    
    position: absolute;
    right: 30px;
    left: 0;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
    /* background-color: rgba(255, 0, 0, 0.268); */
    background-image: -webkit-linear-gradient(#000000,#ffffff);
    width: 100%;
    /* z-index: 1; */
    /* float: inline-end; */
    border-radius: 15px;
    
  }
  
  /* Style the subnav links */
  .subnav-content_divisions a {
    float: left;
    color: white;
    text-decoration: none;
    border-radius: 15px;
    width: 100%;
    cursor: pointer;
    
    
  }
  
  /* Add a grey background color on hover */
  .subnav-content_divisions a:hover {
    /* background-color: #ffffff; */
    color: black;
    background-image: -webkit-linear-gradient(#ff0000,#000);
    
    
    
  }
  
  /* When you move the mouse over the subnav container, open the subnav content */
  .subnav_divisions:hover .subnav-content_divisions {
    display: block;
    
  }


                                                                                                                  /*navbar_our_divisions ends*/


.navbar1 {
  overflow: hidden;
  /* background-color: #333; */
  width: 100%;
  text-align: center;
  padding-left: 6px;
  padding-right: 1px;
  padding-top: 10px;
  padding-bottom: 15px;
  box-shadow: 0px 0px 10px 1px #ffffff;
  color: #ffffff;
  background-color: #ff0000;

  border-top-right-radius: 20px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 20px;
      
}
.ul{
  text-underline-offset: 4px;
  
}
.vt{
writing-mode: vertical-lr;
/* writing-mode: sideways-lr; */
text-overflow: ellipsis;
float: left;
}

.navbar {
    overflow: hidden;
    /* background-color: #333; */
    width: 100%;
    box-shadow: 0px 0px 10px 1px #ffffff;

    border-top-right-radius: 3px;
    border-bottom-right-radius: 30px;
        
  }
  
  /* Navigation links */
  .navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 15px 10px;
    text-decoration: none;
    width: 100%;

    
    
  }
  
  /* The subnavigation menu */
  

  .subnav {
    float: inline-end;
    text-align: center;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 10px 1px #ffffff;
    /* border-radius: 80px; */

    
  }
  
  

  /* Subnav button */
  .subnav .subnavbtn {
    /* display: flex; */
    /* flex-direction: column; */
    /* width: 100%; */
    font-size: 18px;
    line-height: 2em;
    /* border: none; */
    /* outline: none; */
    
    padding: 5px 6px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    text-align: center;

    width: 100%;

    opacity: 1;
        color: #ffffff;
        box-shadow: 0px 0px 10px 1px #ffffff;
        /* border-radius: 13px; */


  }
  
  
  

  /* Add a red background color to navigation links on hover */
  .navbar a:hover, .subnav:hover .subnavbtn {
    background-color: rgb(255, 0, 0);
  }
  
  /* Style the subnav content - positioned absolute */
  .subnav-content {
    display: none;
    position: absolute;
    right: 0;
    /* background-color: rgba(70, 66, 93, 0.695); */
    background-color: rgba(49, 46, 65, 0.695);
  
      box-shadow: 0px 0px 10px 1px #ffffff;
/* background-image: -webkit-linear-gradient(#rgba(77,77,77,.67), #000); */
    width: 70%;
     
    z-index: 1;
    float: inline-end;
    border-radius: 15px;
  }
  
  /* Style the subnav links */
  .subnav-content a {
    float: left;
    font-size: 1.15em;
    color: cornsilk;
    text-decoration: underline;
    text-decoration-color: #777;
    
    text-underline-offset: 5px;
    /* border-radius: 15px; */
    /* border-bottom-left-radius: 15px; */
    /* border-top-right-radius: 15px; */
    /* box-shadow: 0px 0px 10px 1px #ffffff; */
    
    
  }
  
  /* Add a grey background color on hover */
  .subnav-content a:hover {
    /* background-color: #ffffff; */
    color: black;
    background-image: -webkit-linear-gradient(#fff,#000);
  }
  
  /* When you move the mouse over the subnav container, open the subnav content */
  .subnav:hover .subnav-content {
    display: block;
    
  }



  
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    /* margin-left: 37%; */
    margin-top: 40px;
    top: 170px;
    right: 0;
    
    background-color: rgba(0, 0, 0, 0.87);
    overflow-x: scroll;
    
    transition: 1s;
    
    padding-top: 80px;
    /* box-shadow: 0px 0px 10px 1px #ffffff; */
    box-shadow: 0px 0px 10px 1px rgb(128, 115, 201);
    border-radius: 15px;
  }

  .sidenav a{
    padding: 10px 8px 8px 12px;
    text-decoration: none;
    font-size: 25px;
    color: #9a9a9a;
    display: block;
    transition: .3s;
    /* box-shadow: 0px 0px 10px 1px #3f3f3f; */
    line-height: 30px;
    border-radius: 5px;
    /* margin-right: 20px; */
    /* margin-left: 20px; */
    

  }
  .sidenav a:hover{
    color: #f1f1f1;
    border-radius: 15px;
  }

  .sidenav .closebtn{
    position: absolute;
    /* padding: 5px 10px 5px 10px; */
    color: red;
    top: 0;
    display: flex;
    left: 25%;
    right: 32%;
    font-size: 1.7em;
    /* margin-left: 50px; */
    /* margin-right: 10px; */

  }

  
  

  #divIst{
    display: block;
  }
  
  #divSec{
    display: flex;
  }


  

  @media screen and (max-height: 450px)
  {
    .sidenav {padding-top: 15px;}
    .sidenav a{font-size: 18px;}
    
  }

.image_text{
  position: relative;
  /* writing-mode: vertical-lr; */
  text-orientation: mixed;
  margin: auto;
  
}

.image_text .left{
  position: absolute;
  left: 13px;
  top: 30px;
  font-size: 1.2em;
  text-shadow: 1px 1px 5px rgb(66, 66, 66);
  font-weight: 400;
  writing-mode: vertical-lr;
  
  
}

.rightimage_lefttext{
  position: absolute;
  left: 8px;
  top: 10px;
  font-size: 1.6em;
  text-shadow: 1px 1px 5px rgb(255, 255, 255);
  font-weight: 400;
  writing-mode: vertical-rl;
  color: red;
  

}

.bottom{
  position: absolute;
  left: 107px;
  bottom: 10px;
  font-weight: 400;
  font-size: 1.06em;
  letter-spacing: 1px;
  /* writing-mode: horizontal-tb; */
  text-shadow: 1px 1px 5px rgb(66, 66, 66);
  text-align: center;
}

.bottom_right_vertical{
  position: absolute;
  right: 235px;
  top: 25px;
  /* bottom: 10px; */
  font-weight: 400;
  font-size: 1.15em;
  /* letter-spacing: 1px; */
  
  writing-mode: vertical-lr;
  text-align: center;
}

.top_right_vertical{
  position: absolute;
  right: 155px;
  top: 1px;
  /* bottom: 10px; */
  font-weight: 400;
  font-size: 1.15em;
  /* letter-spacing: 1px; */
  
  /* writing-mode: vertical-lr; */
  text-align: center;
}

.bottom_left{
  position: absolute;
  left: 10px;
  top: 45px;
  color: #000;
  /* bottom: 10px; */
  font-weight: 400;
  font-size: 1.1em;
  /* letter-spacing: 1px; */
  
  /* writing-mode: vertical-lr; */
  text-align: center;
}