*{
      box-sizing: border-box;
      margin: 0px;
      padding: 0px;
      font-family: "Times New Roman", Times, serif;
      font-size: 1em;
    }
    
    /*----------------------------------------------------------------------*/
/* Start of main content i.e DEO Logo, dial, facebook link */
    .main-container{
      display: flex;    
      flex-direction: column;
      flex-wrap: wrap;
      background-color: #edf4f5;
      min-height: 100vh;

    }

    .main-header{
      display: flex;
      flex-direction: row;
      width: 100%;
      background-color: white;
    }
    .eci-logo{
      display: flex;
      flex-direction: row;
      width: 10%;
      justify-content: flex-end;
      background-color: white;
    }

    .deo-text{
      background-color: white;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      width: 70%;
      padding: 10px;
      margin-left: 10px;
      font-size: 25px;
      color: black;
      font-weight: bold;

    }

    .dial{
      background-color: white;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      width: 15%;
      font-size: 20px;
      color: #003d99;
      justify-content: flex-end;
    }
    .facebook{
      display: flex;
      flex-direction: row;
      width: 5%;
      align-items: center;
      justify-content: center;
    }
/* End of main content i.e DEO Logo, dial, facebook link */
/* ************************************************************************************/
/* Start of Menu Section*/
    .main-menu{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 0px;
      /*min-height: 50px; */
      height: 50px;
      font-size: 25px;
      align-items: center;
      list-style-type: none;
      justify-content: center;
      width: 100%;
      
     }
    .main-menu>li a{
      text-decoration: none;
      padding: 10px;
    }

    /*stick main menu -------------------*/
    .main-menu{
      position: sticky;
      top: 0;
    }
/* End of Menu Section*/
/* ************************************************************************************/
/* Start of Main gallery section */
    .homeGallery{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      justify-content: center;
      background-color: lightslategray;
    }
/* End of Main gallery section */
/* ************************************************************************************/

/* Start of main content section i.e Latest News, DEO message and Citizen's corner */
    .main-content{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      background-color: #edf4f5;
      flex-grow: 1;
      width: 100%;

    }
/* Start of left main content i.e Latest News section */
    .left-main-content{
      display: flex;
      flex-flow: row wrap;
      width: 25%;
      padding: 10px;
      background-color: #edf4f5;
      height: 100%; 
    }

    #left-main-content-1{
      display: flex;
      width: 100%;
      flex-flow: row wrap;
      justify-content: center;
      border: 0px solid black;
      border-radius: 9px;
      background-color: #ABC4C5;
      padding: 10px;

    }
      
    #left-main-content-2{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      justify-content: center;
      padding-top: 10px;    
    }

    #left-main-content-2 ul{
      list-style-type: none;
      border-left: 3px solid deepskyblue;
      width: 100%;
    }
    #left-main-content-2 li{
      padding: 5px;
      border:1px solid black;
      border-radius: 5px;
      margin: 5px;
      background-color: #184f6b;

    }
    #left-main-content-2 a{
      text-decoration: none;
      color: white;
    }
    #left-main-content-2 li:hover{
      background-color: green;
    }

    .left-main-content-implink{
      display: flex;
      flex-flow: row wrap;
      font-size: 15px;
      width: 100%;
      padding: 10px;
      justify-content: center;
        
    }
    .left-main-content-links-1{
      display: flex;
      flex-flow: row wrap;
      background-color: red;
    }

    #sveep-video{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      justify-content: center;    
      margin-top: 10px;
      border-left: 3px solid deepskyblue;

   }
    #sveep-video-heading{
      display: flex;
      width: 100%;
      justify-content: center;
      margin-top: 5px;
      background-color: #ABC4C5;
      border-radius: 9px;
      padding: 10px;
      margin: 5px;

    }

/* End of left main content i.e Latest News section */
/* ************************************************************************************/

/* Start of Center main content i.e From DEO's Desk */
    .center-main-content{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 55%;
      background-color: #edf4f5;
      padding: 10px;
      text-align: justify;
  }

     .center-main-content-deo{
      display: flex;
      flex-flow: row wrap;
      font-size: 15px;
      width: 100%;
      padding: 10px;
      border: 0px solid black;
      border-radius: 20px;
      background-color: #ABC4C5;
     /* box-shadow: 5px 5px 5px lightblue; */
    
    }

    .center-main-content-image{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      justify-content: center;
      padding: 10px;

    }
    .center-main-content-name{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      justify-content: center;
      text-align: center;
      font-size: 15px;
      color: #154c79;
    }

    .center-main-content-image img{
      border-radius: 50%;
    }
    .center-main-content-image img:hover{
      cursor: pointer;
      opacity: .5;
      transition: 0.5s;
    }
    .center-main-content-message{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      margin-top: 10px;
    }

    .center-main-content-message p{
      text-indent: 50px;
      line-height: 1.7;
    }
/* End of Center main content i.e From DEO's Desk */

/* ************************************************************************************/

/* Start of Right main content i.e Citizen Corner */
    .right-main-content{
      display: flex;
      flex-flow: row wrap;
      width: 20%;
      padding: 10px;
      background-color: #edf4f5;
      justify-content: center;
      height: 100%;    
    }

    #imp-updates{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      height: 100%;
      justify-content: center;
      border: 0px solid black;
      border-radius: 9px;
      background-color: #ABC4C5;
      padding: 10px;
    }
    #imp-updates-link{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      height: 100%;
      margin-top: 10px;
      justify-content: flex-start;
      
    }
    #imp-updates-link ul{
      list-style-type: none;
      border-left: 3px solid deepskyblue;
      width: 100%;

    }

    #imp-updates-link li{
      padding: 5px;
      border:1px solid black;
      border-radius: 5px;
      margin: 5px;
      background-color: #184f6b;
    }
    #imp-updates-link a{
      text-decoration: none;
      color: white;
    }
    #imp-updates-link li:hover{
      background-color: green;
    }

    #sveep-song{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      justify-content: center;
      margin-top: 10px;
      border-left: 3px solid deepskyblue;

   }

    #sveep-song-heading{
      width: 100%;
      text-align: center;
      margin-top: 5px;
      background-color: #ABC4C5;
      border-radius: 9px;
      padding: 10px;
      margin: 5px;

    }
    #sveep-song-audio audio{
      width: 100%;
      margin: 5px;
      padding-right: 9px;
      justify-content: center;
    }

/* End of Right main content i.e Citizen Corner */

/* End of main content section i.e Latest News, DEO message and Citizen's corner */

/* ************************************************************************************/
/* Start of Footer 1 i.e Downloads, Contact Details section */

    .footer-1{
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      background-color: #6b736d;
      justify-content: center;
     /* height: 200px;  */

    }

    .external-links{
      display: flex;
      flex-flow: column wrap;
      width: 30%;
      height: 100%;
      justify-content: flex-start;
      align-content: center;
      margin-top: 10px;
      margin-bottom: 10px;
     
    }
    .external-links-heading{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 5px;
       
        
    }
    .external-links-ul{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        text-align: left;
        height: 100%;
        width: 100%;
        
      }

    .external-links-ul ul{
        list-style-type: none;
        line-height: 25px;
      }
    .external-links-ul li>a{
      text-decoration: none;
      color:  #000000;
    }

    .external-links-ul li a:hover{
      background-color: green;
    }
    .forms-download{
      display: flex;
      flex-flow: column wrap;
      width: 35%; 
      height: 100%;
      margin-top: 10px;
      margin-bottom: 10px;

    }
     
    .forms-download-heading{
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        text-align: center;
        height: 100%;
        width: 100%;
        padding: 5px;       
      }
      .forms-download-ul{
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        text-align: left;
        height: 100%;
        width: 100%;
          
      }
      .forms-download-ul ul{
        list-style-type: none;
        line-height: 25px;

      }
      .forms-download-ul li>a{
        text-decoration: none;
        color:  #000000

      }
      .forms-download-ul li a:hover{
        background-color: green;
      }


    .contact-us{
      display: flex;
      flex-flow: column wrap;
      justify-content: flex-start;
      width: 35%;
      height: 100%; 
      align-content: center;
      margin-top: 10px;
      margin-bottom: 10px;
      line-height: 25px;

    }

    .contact-us-heading{
      width: 100%;
      text-align: center;
    }
    .contact-us-p{
      width: 100%;
      text-align: center;
    }
  
/* End of Footer 1 i.e Downloads, Contact Details section */
/* ************************************************************************************/
 
 /* Start of Footer section i.e copy right and content owned section */
  .footer{
      display: flex;
      flex-flow: column wrap;
      width: 100%;
      height: 120px;
      justify-content: center;
      align-items: center;
      background-color: #6e9979;
      text-align: center;
      line-height: 25px;
 }
 .footer-copyright{
  flex-flow: row wrap;
 }
 .footer-disclaimer{
  flex-flow: row wrap;
 }
 .footer-disclaimer a{
  text-decoration: none;
 }
/* End of Footer section i.e copy right and content owned section */
/* ************************************************************************************/