            @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: 'Ubuntu' , 'Roboto Slab', 'serif';
                font-size: 16px;
                /* 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); */
/*        background: linear-gradient(to right, #33327a, #f17f59,#107948, #2219cd);*/
background: linear-gradient(90deg, rgba(23,159,137,1) 0%, rgba(9,9,121,1) 35%, rgba(255,0,61,1) 100%);
        -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);*/
        /* background: linear-gradient(to right, #FF0044, #4408AA,#4100FF, #1aFFd8); */
        background: linear-gradient(to right, #ff0080, #178830,#4100FF, #1aFFd8);
        -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: 'Ubuntu';
        
           /* background: linear-gradient(to right, #FF0044, #4408AA,#4100FF, #1aFFd8); */

           /* background: linear-gradient(to right, #f8132e, #0ca394,#561fd6, #c80f50); */
           /* background: linear-gradient(to right, #7d148f, #37b2de,#dc0b88, #3b18e6); */
           /* background: linear-gradient(to right, #f32170, #ff6b08,#411bdc, #1adcd8); */
           /* background: linear-gradient(to right, #2f8a37, #22b9e3,#1bdc85, #8a4ce6); */
           background: linear-gradient(to right, #6220e6, #2782d7,#10c3c3, #3e0f84);
           /* background: linear-gradient(to right, #5f1370, #f811e1,#228ad0, #16ecaf); */
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-weight: bold;
        /* font-size: 15px; */
        /*font-size: 3em;*/
        
      }

      #headgrd7
      {
        /*font-size: 40px;*/
        font-family: 'Audiowide';
        /*background: linear-gradient(to right, #f32170, #ff6b08,#411bdc, #1adcd8);*/
         background: linear-gradient(to right, #FF88FF, #FF6608,#66AAFF, #0AFAAA);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-weight: bold;
        /* font-size: 15px; */
        
      }



       #navgrd1
      {
        font-family: 'Ubuntu';
       background: rgb(199,12,94);
/*background: linear-gradient(90deg, rgb(136, 14, 164) 9%, hsla(243, 81%, 39%, 0.988) 86%);
*/
     /* background: linear-gradient(297deg, rgba(157, 30, 203, 0.935) 10%, #6e0a9d 80%); */
     /* background: linear-gradient(297deg, rgba(143, 37, 14, 0.935) 10%, #e61344 80%); */
     /* background: linear-gradient(297deg, rgba(83, 150, 99, 0.935) 10%, #0d894d 80%); */
/*     background: linear-gradient(297deg, rgba(55, 43, 137, 0.935) 10%, #257eeb 80%);*/
/*background: linear-gradient(90deg, rgba(23,159,137,1) 0%, rgba(9,9,121,1) 35%, rgba(255,0,61,1) 100%);*/
/*background: linear-gradient(90deg, rgba(37,146,217,1) 0%, rgba(7,186,133,1) 66%);*/
/*background: linear-gradient(0deg, rgba(39,34,195,1) 0%, rgba(253,45,189,1) 100%);*/
/*background: linear-gradient(0deg, rgba(34,143,195,1) 0%, rgba(45,253,160,1) 100%);*/
/*background: linear-gradient(90deg, rgba(94,37,217,1) 0%, rgba(46,10,117,1) 66%);*/
/*background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(29,75,253,1) 50%, rgba(252,69,103,1) 100%);*/
/*background: linear-gradient(90deg, rgba(123,58,180,1) 0%, rgba(217,29,253,1) 50%, rgba(152,69,252,1) 100%);*/
/*background: linear-gradient(0deg, rgba(80,20,184,1) 0%, rgba(253,45,171,1) 100%);*/
/*background: linear-gradient(0deg, rgba(20,139,184,1) 0%, rgba(45,253,223,1) 100%);*/
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(29,94,253,1) 50%, rgba(69,252,188,1) 100%);
     
        
      }
       #navgrd2
      {
       /* background: rgb(223, 208, 235); */
       /* background: rgb(240, 161, 177); */
       /* background: rgb(183, 254, 234); */
       background: rgb(172, 218, 244);
/* background: radial-gradient(circle, rgb(27, 182, 105) 0%, rgb(11, 148, 148) 100%); */
/* background: rgb(235, 142, 247); */
      }


       #navgrd5
      {
       
/*       background: rgb(9,215,185);*/
background: linear-gradient(90deg, rgba(9,215,185,0.6194852941176471) 0%, rgba(9,75,121,0.6755077030812324) 35%, rgba(255,0,99,0.5130427170868348) 100%);
      }



            /* Responsive */
            @media(max-width: 991.5px) {
                .navbar-brand {
                    font-size: 30px
                }
            
                .navbar-nav .nav-item {
                    margin: 5px 10px;
                }
            
                form {
                    margin: 30px 0;
                }
            }
      

