.dropbtn {
              color: white;
              padding: 16px;
              border: none;
              cursor: pointer;
            }

           
            
            .dropdown {
              position: relative;
              display: inline-block;
            }
            
            .dropdown-content {
              display: none;
              position: absolute;
              right: 0;
              background-color: #f9f9f9;
              min-width: 102px;
              box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
              z-index: 1;
            }
            
            .dropdown-content a {
              color: black;
              padding: 12px 16px;
              text-decoration: none;
              display: block;
            }
            
            .dropdown-content a:hover {background-color: #f1f1f1;}
            
            .dropdown:hover .dropdown-content {
              display: block;
            }

           
            
            .dropdown:hover .dropbtn {
              /*background-color: #fea02f;*/
            }


                    /* ––––––––––––––––––––––––––––––––––––––––––––––––––
              Based on: https://codepen.io/nickelse/pen/YGPJQG
              Influenced by: https://sproutsocial.com/
            –––––––––––––––––––––––––––––––––––––––––––––––––– */
          
          
            /* #Mega Menu Styles
            –––––––––––––––––––––––––––––––––––––––––––––––––– */
            .mega-menu {
              display: none;
              left: 0;
              position: absolute;
              text-align: left;
              width: 100%;
            }
          
          
          
            /* #hoverable Class Styles
            –––––––––––––––––––––––––––––––––––––––––––––––––– */
            .hoverable {
              position: static;
            }
          
            .hoverable > a:after {
              content: "\25BC";
              font-size: 10px;
              padding-left: 6px;
              position: relative;
              top: -1px;
            }
          
            .hoverable:hover .mega-menu {
              display: block;
            }
          
          
            /* #toggle Class Styles
            –––––––––––––––––––––––––––––––––––––––––––––––––– */
          
            .toggleable > label:after {
              content: "\25BC";
              font-size: 10px;
              padding-left: 6px;
              position: relative;
              top: -1px;
            }
          
            .toggle-input {
              display: none;
            }
            .toggle-input:not(checked) ~ .mega-menu {
              display: none;
            }
          
            .toggle-input:checked ~ .mega-menu {
              display: block;
            }
          
            .toggle-input:checked + label {
              color: white;
              background: #2c5282; /*@apply bg-blue-800 */
            }
          
            .toggle-input:checked ~ label:after {
              content: "\25B2";
              font-size: 10px;
              padding-left: 6px;
              position: relative;
              top: -1px;

            

            }