/* Hamburger menu styles */
        .hamburger-menu {
            position: absolute;
            top: 15px;
            right: 10px;
            z-index: 500;
            background: none;
            border: none;
            font-size: 24px;
            color: white;
            cursor: pointer;
            display: block;
            background-color: #cb4900;
        }

        .mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            z-index: 1000;
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            overflow: auto;
        }

        .mobile-menu.show {
            display: flex;
        }

        .mobile-menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: center;
        }

        .mobile-menu li {
            margin: 20px 0;
        }

        .mobile-menu a {
            color: white;
            text-decoration: none;
            font-family: 'Patua One';
            font-size: 1.5rem;
            display: block;
            padding: 10px 20px;
        }

        .mobile-menu a:hover {
            color: #cb4900;
        }

        .mobile-menu a.active {
            border: 2px solid white;
            border-radius: 5px;
            color: white; 
        }

        .close-menu { 
            position: absolute;
            right: 10px;
            top: 10px;
            background: none;
            border: none;
            color: white;
            font-size: 30px;
            cursor: pointer; 
        }
        
         .nav-link {
            text-decoration: none;
            color: #cb4900;
            width: 130px;
            text-align: center;
            border-bottom: 10px solid white; 
            color: #cb4900;
        }

        .underline-border { 
            border-bottom: 0px solid #4c4a4f;
        }

        .nav-link:hover { 
            color: #4c4a4f !important;
        }

        .selected-link { 
            color: #4c4a4f;
            width: 130px; 
            color: #4c4a4f; 
            border-bottom: 8px solid #4c4a4f;
        } 

        .llm-0{
            margin-left: 0rem;
        } 
        .lrm-0{
            margin-right: 0rem;
        }

        #main-menu ul{
            display:none
        }

        #main-menu{
            height: 0px;
            margin-top: 0rem;
            margin-bottom: 0rem;
        }

        #title-panel{ 
            justify-content: center;
            padding:1rem;  
        } 

        #main-title{
            margin-right:0rem; 
        }

        #main-icon{
            display: block;
        } 

        .bottom-shadow-sm {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        /* xs styles */ 
        @media (min-width: 420px) { 
            .hamburger-menu{
                top: 10px;
            }
        } 
        /* sm styles */ 
        @media (min-width: 640px) { 
            #main-title{
                margin-right:0rem;
            }
            
        }   
        /* md styles */ 
        @media (min-width: 807px) { 
            .hamburger-menu {
                display: none;
            } 
            #main-icon{
                display: none;
            }
            #main-menu{
                height: 40px;
                margin-top: 1rem;
                margin-bottom: 1rem;
            }

            #main-menu ul{
                display:flex;
            } 

            .llm-1{
                margin-left: 5.5rem;
            }

            .lrm-1{
                margin-right: 5.5rem;
            } 
            #title-panel{
                height: 100px;  
                margin-left: 0 !important; 
                justify-content: unset;
                padding:unset;
            }
            #main-title{ 
                font-size:.8rem;
                width: 200px;
                text-align: left;
            }

            #title-container{
                height:100px;
            } 
        } 
        /* lg styles */
        @media (min-width: 1024px) { 
            #title-container{ 
                max-width: 1200px;
                margin: 0 auto;  
            } 
            .llm-1{
                margin-left: 8rem;
            }
            .lrm-1{
                margin-right: 8rem;
            }  
            #main-title{  
                font-size:1rem;
                width: unset;
            } 
        } 
        /* xl styles */
        @media (min-width: 1280px) {            
        } 
        /* 2xl styles */
        @media (min-width: 1536px) { 
        }
        
        
        .utrgv-header-link{
                color: white !important;
            text-decoration: none;
        }
        
        .utrgv-header-link:hover{ 
                color: white !important;
            text-decoration: underline;
        }