.t-Header-nav,
.t-Header-nav .t-Header-nav-list,
header .t-Header-nav,
header nav[role="navigation"] {
  display: flex !important;
  justify-content: flex-start !important;
}

.username {
  display: none;
}

.t-Header-branding {
  background: #ff6666 !important;
  color: var(--dark);
}


/* Global Styles */
:root {
  /* Brand Colors (Blue + Green focus) */
  --primary: #0078d7;   /* Vibrant blue */
  --secondary: #20c997; /* Fresh teal-green */
  --success: #28a745;   /* Lively green for success states */
  --danger: #e63946;    /* Strong red, good contrast */
  --warning: #f6c344;   /* Warm amber-yellow */
    --dark: #1e293b;      /* Dark slate (cool tone, pairs well with blue) */
  --light: #f1f5f9;     /* Soft light gray */
  --white: #ffffff;     /* Pure white for clarity */
  --info: #0dcaf0;      /* Sky blue for info */
  --muted: #94a3b8;     /* Subtle gray for text/icons */
}




/* Solid Primary Button (Blue) */
.btn-primary {
  background: var(--primary);   /* Blue */
  color: var(--white);
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Outline Secondary Button (Green) */
.btn-outline {
  background: transparent;
  border: 2px solid var(--secondary); /* Teal-Green */
  color: var(--secondary);
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Hover Effects */
.btn-primary:hover {
  background:var(--white);   /* Darker shade of blue */
  opacity: 0.95;
  transform: translateY(-1px);
}

.btn-outline:hover {
  background: var(--secondary);  /* Fill with green */
  color: var(--white);
  transform: translateY(-1px);
}





.t-Header-navBar {
  --ut-field-padding-y: 0rem;
  display: flex !important;        
  justify-content: center;         
  align-items: center;            
  gap: 20px;                       
  grid-area: navbar;       
  height: 50px; /* Adjust the nav bar height as needed */
    /* background-color: var(--a-header-background, #ffffff); optional: add background         */
}



#slider_reg{
    background-color: #A7E399;
    margin-top: -30px !important;
}

#t-Footer-top{
    display: none;
}


.t-Footer-top {
    margin: var(--ut-footer-top-margin, 0);
    display: none;
}



/* Increase font size of link items */
.t-Header-navBar .t-NavigationBar-item .t-Button {
    font-size: 15px; /* adjust font size */
    padding: 12px 20px; /* adjust padding for taller buttons */
    transition: all 0s ease; /* smooth hover effect */
}

/* Hover effect for nav bar links */
.t-Header-navBar .t-NavigationBar-item .t-Button:hover {
    outline: 2px solid var(--a-button-hover-border, #3498db);
    box-shadow: 0 0 8px var(--a-button-hover-shadow, #3498db);
    border-radius: 6px;
}



/* Increase font size of link items */
.t-Header-navBar .t-NavigationBar-item .t-Button {
    font-size: 15px; /* adjust font size */
    padding: 12px 20px; /* adjust padding for taller buttons */
    transition: all 0s ease; /* smooth hover effect */
}

/* Hover effect for nav bar links */
.t-Header-navBar .t-NavigationBar-item .t-Button:hover {
    outline: 2px solid var(--a-button-hover-border, #3498db);
    box-shadow: 0 0 8px var(--a-button-hover-shadow, #3498db);
    border-radius: 6px;
}




/* Hide button by default on large devices */
 #t_Button_navControl {
    display: none !important;
} 

/*

@media (max-width: 767px) {

    #t_Button_navControl {
        display: block !important;
        position: absolute;
        right: 10px;         
        top: 12px;            
        background: transparent;
        border: none;
        font-size: 22px;
        color: #fff;
        cursor: pointer;
        z-index: 1000;       
    }

    .t-NavigationBar-item {
        display: none !important;
    }

    .lang_optn {
        display: block !important;
    }
} */

@media (max-width: 767px) { 
    #t_Button_navControl {
        display: block !important;
    }
    .t-NavigationBar-item { 
        display: none; 
    } 
    .lang_optn { 
    display: block !important; 
    } 
}