@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;900&display=swap');

            body {
                /* background: #3F3B51; */
                font-family: 'Roboto Slab', serif;
                font-size: 14px;
                /* border-style: solid;
                border-width: 1px;
                border-radius: 10px; */
                max-width: 100%;
            }
            
            /* button:focus, */
            .navbar-toggler:focus {
                outline: none;
                box-shadow: none;
            }
            
            header {
                /* background-color: #008489; */

                padding: 0px 0;
               
                /* background: linear-gradient(to right, #de2de1, #44938a,#30c5b1, #0c50a9); */
                /* background: linear-gradient(to right, #f32170, #ff6b08,#411bdc, #1adcd8); */ 
               
                background-color:darkblue;
            
            }
            
            .navbar-brand {
                font-size: 14px;
                font-weight: 700;
                /* color: #0AEDED; */
                color:aqua;
                /* -webkit-text-stroke: #fff 1px; */
                
            
            }
            
            .navbar-brand:hover {
                color: #3F3B51;
            
            }
            
            .navbar-nav .nav-item {
                margin: 0 5px;
            }
            
            .navbar-nav .nav-link {
                font-size: 14px;
                font-weight: 400;
                color: #fff;
                display: inline-block;
            }
            
            .dropdown-menu .dropdown-item {
                margin-bottom: 5px;
                font-size: 14px;
            }
            
            .dropdown-menu .dropdown-item:hover {
                /* background-color: #008489; */
                /* background-color: #411bdc; */
                /* background: linear-gradient(to right, #5dace8, #4292d8,#3282e4, #5da0e0); */
                /* color: #fff; */
                color:aliceblue;
                font-weight: 700;
                background-color:darkblue ; 
                padding-left: 20px;
                transition-duration: 400ms;
                transition-delay:100ms;
            }
            
            .dropdown-mega .dropdown-menu {
                width: 100%;
            }
            
            .dropdown-mega h5 {
                padding-bottom: 5px;
                border-bottom: 1px solid rgba(0, 0, 0, .125);
                margin: 0;
                font-size: 16px;
                /* background-color:darkblue; */
                /* color: white; */
                /* border-radius: 10px; */
                color:#f32170;
            }
            
            .list-group-item {
                font-size: 14px;
                color: #3F3B51;
                border: 0;
                border-bottom: 1px solid rgba(0, 0, 0, .125);
                padding: 5px 0;
            }
            
            .list-group-item:hover {
                /* color: #008489; */
                /* background: linear-gradient(to right, #5dace8, #4292d8,#3282e4, #5da0e0); */
                color:#411bdc;
                font-weight: 700;
                background-color:aliceblue ; 
                padding-left: 10px;
                transition-duration: 400ms;
                transition-delay:100ms;
            }
            
            /* .btn {
                background-color: #0AEDED;
            } */
            
            section {
                height: 100vh;
            }
            /* footer a{
                color: #0AEDED;
            
            } */

    #headgrd1
      {
        /*font-size: 40px;*/
        /* font-family: 'Audiowide'; */
        font-family: 'Roboto Slab';
        
        /* background: linear-gradient(to right, #f32170, #ff6b08,#cf23cf, #eedd44); */
        background: linear-gradient(to right, #5c5ada, #599bf1,#cf23cf, #e945a5);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
      }

      #headgrd2
      {
        /*font-size: 40px;*/
        font-family: 'Audiowide';
        background: linear-gradient(to right, #f32170, #ff6b08,#411bdc, #1adcd8);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-weight: bold;
        font-size: 38px;
        
      }
     
      #headgrd3
      {
        /*font-size: 40px;*/
        /* font-family: 'Oswald'; */
        font-family: 'Roboto Slab';
       
        background: linear-gradient(to right, #5dace8, #4292d8,#3282e4, #5da0e0);
        /* -webkit-text-fill-color: transparent;
        -webkit-background-clip: text; */
         /* border-radius: 10px; */
         border-bottom-right-radius: 7px;
         border-bottom-left-radius: 7px;
        border-bottom-color: #2f0dc7;
        border-bottom-width: 3px; 
        border-bottom-style: outset;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #2f0dc7;
        
        border-left-width: 1px;
        border-left-color: #2f0dc7;
        border-left-style: solid;

        border-right-width: 1px;
        border-right-color: #2f0dc7;
        border-right-style: solid;
        
      }

      #headgrd4
      {
        /*font-size: 40px;*/
        /* font-family: 'Oswald'; */
        font-family: 'Roboto Slab';
       
        background: linear-gradient(to right, #5dace8, #4292d8,#3282e4, #5da0e0);
        
        
      }
      #headgrd6
      {
        /*font-size: 40px;*/
        font-family: 'Audiowide';
        background: linear-gradient(to right, #f32170, #ff6b08,#411bdc, #1adcd8);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-weight: bold;
        /* font-size: 15px; */
        
      }

            /* Responsive */
            @media(max-width: 991.5px) {
                .navbar-brand {
                    font-size: 30px
                }
            
                .navbar-nav .nav-item {
                    margin: 5px 10px;
                }
            
                form {
                    margin: 30px 0;
                }
            }