.navbar-brand {
    padding-right:0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.nav-mar-5 {
    margin-left:5px;
    margin-right:5px
}


.hr-nav {
    height: 3px;
    border-width:0px;
    opacity: 1;
    color:#003865;
    background-color:#003865;
    margin-top:1px;
    margin-bottom:1px;
}
.hr-nav-sidebar {
    height: 3px;
    border-width:0px;
    opacity: 1;
    color:#003865;
    background-color:#003865;
    margin-top:1px;
    margin-bottom:1px;
}

.hr-footer {
    width:45px;
    height:3px;
    border-width:0px;
    color:#78BE21;
    background-color:#78BE21;
    margin-top:0px;
    margin-bottom:10px;
    opacity: 1;
}

.hr-title {
    width:66px;
    height: 5px;
    border-width:0px;
    opacity: 1;
    color:#003865;
    background-color:#003865;
    margin-top:1px;
    margin-bottom:1px;
}

.btn-primary {
    background-color: #003865;
    border-color: #003865;
    color: #fff;
    border-width: 2px;
    transition: none;
}
.btn-primary:hover {
    background-color: #336087;
    border-color: #336087;
    color: #fff;
}
.btn-primary:active {
    background-color: #336087;
    border-color: #336087;
    color: #fff;
}
.btn-primary:focus {
    background-color: #336087;
    border-color: #336087;
    color: #fff;
}

.btn-secondary {
    background-color: transparent;
    border-color: #000000;
    color: #000000;
    border-width: 2px;
    transition: none;
}
.btn-secondary:hover {
    background-color: #efeded;
    border-color: #000000;
    color: #000000;
}
.btn-secondary:active {
    background-color: #f5f5f5;
    border-color: #000000;
    color: #000000;
}
.btn-secondary:focus {
    background-color: #f5f5f5;
    border-color: #000000;
    color: #000000;
}

.btn-secondary-light {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
    border-width: 1px;
}
.btn-secondary-light:hover {
    background-color: #f5f5f5;
    border-color: #000000;
    color: #000000;
}
.btn-secondary-light:active {
    background-color: #f5f5f5;
    border-color: #000000;
    color: #000000;
}
.btn-secondary-light:focus {
    background-color: #f5f5f5;
    border-color: #000000;
    color: #000000;
}

.btn-success {
    background-color: #78BE21;
    border-color: #000000;
    color: #000000;
    border-width: 1px;
}
.btn-success:hover {
    background-color: #336087;
    border-color: #336087;
    color: #fff;
}
.btn-success:active {
    background-color: #336087;
    border-color: #336087;
    color: #fff;
}
.btn-success:focus {
     background-color: #336087;
    border-color: #336087;
    color: #fff;
}



.m15 {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}
.m10 {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 14px;
}


.mt-15 {
    margin-top: 10px;
}

.ml-90 {
    margin-left: 5%;
}

.p11 {
    padding-left: 16px;
    padding-right: 16px;
}

.bg-white {
    background-color: #fff;
}

.sticky-footer {
    position: relative;
    bottom: 0;
    width: 100%;
}


.vid{
    display: flex;
    justify-content: center;

}
video {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}


    .lead {
        font-size:  14px;
    }

    .ml-90 {
        margin-left: 10px;
        margin-right: 10px;
    }



    body {
        font-family: "Calibri", Helvetica, sans-serif !important;
      }

      body {
        background-color: white;
        font-family: "Calibri";
        font-size: 14px;
        color: #333333;
    }
h1 {
    font-family: "Calibri", Helvetica, sans-serif !important;
}
p {
    font-family: "Calibri", Helvetica, sans-serif !important;
}
p>strong {
    font-family: "Calibri", Helvetica, sans-serif !important;
    font-weight: bold ;
}

a {
    text-decoration: none;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 279px;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin: 1rem;
}

/***** Removes outline (hamburger) *****/
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
/***** End Remove outline (hamburger)*****/

.mid {
    display: flex;
    justify-content: center;
}

.end {
    display: flex;
    justify-content: end;
}

.card-img-top {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 100%;
}

.card-body {
    margin: 0px;
}

.pt50 {
    padding-top: 50px;
}

.pb25 {
    padding-bottom: 25px;
}
.pb50 {
    padding-bottom: 50px;
}

.pb100 {
    padding-bottom: 100px;
}

.hero-img {
    width: 70%; /*or whatever you choose*/
    margin: auto;
 }
 .hero-img img {
    display: block;
    width: 100%;
    max-width: 500px; /*actual image width*/
    height: auto; /* maintain aspect ratio*/
    margin: auto; /*optional centering of image*/
 }
.hero-vid {
    width: 70%; /*or whatever you choose*/
    margin: auto;
 }
 .hero-vid video {
    display: block;
    width: 100%;
    max-width: 500px; /*actual image width*/
    height: auto; /* maintain aspect ratio*/
    margin: auto; /*optional centering of image*/
 }

 .hero-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    position: relative;
    width: 100%;
    height: 600vh; /* Adjust the height as needed */
    margin-left: 0px;
  }

  section {
    margin-top: 70px;
    margin-bottom: 70px;
  }


 @media screen and (max-width: 575px) {
    .hr-nav {
        width:20%;
        height: 3px;
        border-width:0px;
        opacity: 1;
        color:#003865;
        background-color:#003865;
        margin-top:1px;
        margin-bottom:1px;
    }
    .btn-primary {
        margin-bottom: 5px;
    }
    .btn-secondary {
        margin-bottom: 5px;
    }

 }



 @media screen and (max-width: 1199px) {
    .ml-90 {
        margin-left: 0;
    }
    .btn-primary {
        margin-bottom: 5px;
    }
}


@media screen and (max-width: 1199px) {
    .mt-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .hero-vid {
        margin-top: 30px;
        display: flex;
        justify-content: center;
    }

}

li>a {
    text-decoration: none;
    color: #003865;
}
li>a:hover {
    text-decoration: none;
    color: #008EAA;
}
.card-img-top{
    margin-top: 30px;
}

/* accordion button selected */
.accordion-button.collapsed{
    transition: none;
}
.accordion-button:not(.collapsed){
    background-color: #003865;
    color: white;
    outline: none;
    box-shadow: none;
    font-weight: 400;
}
.accordion-button:is(.collapsed){
    outline: none;
    box-shadow: none;
    font-weight: 400;
}

/* accordion button child */
.accordion-button.collapsed:hover{
    background-color: #fbfbfb;
    transition: none;
}
.accordion-button:not(.collapsed).child{
    background-color: #fafafa;
    color: #003865;
    outline: none;
    box-shadow: none;
    font-weight: 400;
}
.accordion-button:is(.collapsed).child{
    outline: none;
    box-shadow: none;
    font-weight: 400;
}



.accordion-button:focus {
    z-index: 3;
    outline: 0!important;
    box-shadow: 0 0 0 0.25rem rgba(197, 232, 237, 0.3);
 }
/* Change accordion svg button color fill="add fill color" */
 .accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* alert w/icon */

.alert-template {
    display: flex;
    flex-direction: row;
}

.alert>i {
    margin-right: 15px;

}

/* alert w/icon */

.alert {
    display: flex;
    flex-direction: row;
}

.alert>i {
    margin-right: 15px;

}

/* sticky sidebar */
.sidebar {
    height: 70vh;
    margin-left: 0px;
    margin-top: 45px;
    padding-bottom: -500px;
  }

.sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    font-size: 14px;
  }

  .sticky-sidenav {
    margin-top: 30px;
    margin-bottom: 75px;
  }
  .pb50 {
    padding-bottom: 50px;
  }

  .nav-item:focus:after:active:hover {
    background-color: transparent;
  }

  .card-text {
    font-size: 14px;
  }
/***** Footer *****/
  .invert {
    filter: invert(100%);
  }

  .o70 {
    opacity: 0.7;
  }

/* Style for back-to-top button */
  #back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    border-radius: 50px;
}
.footer-link {
    color: #ffffff;
    text-decoration:none;
}
.footer-link:hover{
    color: #78BE21;
}
.container-hero {
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.container-hero p{
    max-width: 777px;
}

.nowrap {
    white-space: nowrap;
}



.hr-heading {
    width: 70px;
    height: 3px;
    border-width:0px;
    opacity: 1;
    color:#003865;
    background-color:#003865;
    margin-top:2px;
    margin-bottom:10px;
}

.hr-heading-center {
    width: 70px;
    height: 3px;
    border-width:0px;
    opacity: 1;
    color:#003865;
    background-color:#003865;
    margin-top:2px;
    margin-bottom:10px;
    margin-right:auto;
    margin-left: auto;
}

.overview-margin{
    margin: 0 100px;
}

@media screen and (max-width: 1199px) {
    .hr-nav {
        width:30%;
        height: 3px;
        border-width:0px;
        opacity: 1;
        color:transparent;
        background-color:transparent;
        margin-top:0px;
        margin-bottom:0px;

    }
    .container-hero {
        margin-top: 80px;
        margin-bottom: 80px;

    }

      span.active {
        display: inline-block;
        width: 3px;
        height: 25px;
        background-color: #003865;
        margin-left:-10px;
        margin-right: 7px;
        vertical-align: middle;
      }
      a.nav-link.vert-nav.active {
        display: inline-block;
        width: 3px;
        height: 25px;
        margin-left:-10px;
        margin-right: 7px;
        vertical-align: middle;
      }
      .nav-item {
        padding: 0 10px;
        margin: 0 18px;
      }
      .nav-item:hover{
        background-color: #fafafa;
      }

      .overview-margin{
        margin: 0 20px;
    }
    .navbar-brand {
        padding-right:0px;
        padding-top: 0px;
        padding-bottom: 0px
    }

}

.nav-link {
    transition: none;
    color: black;
}

.container-xl {
    max-width: 100%;
    padding-right:0px
}

.table-btn {
    width: 130px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.table-btn-lg {
    width: 200px;
    margin-top: 3px;
    margin-bottom: 3px;
}
tr.full-width-row {
    width: 100%; /* Set the row width to 100% */
    border: 1px solid #ddd; /* Optional: Adding borders for better visibility */
    padding: 8px;
    text-align: center;
  }
.td.col-fixed-200 {
    width: 50px;
}

b,strong {
    font-weight: bold;
}

p > a {
    color: #003865;
}
p > a:hover {
    color: #000000;
}

.iframe-container {
    overflow: hidden;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }

/* Set a fixed height for the nav-tabs container */



/* Add styles for nav-links */
.nav-tabs .nav-link {
    color: #000000;
    padding: 10px 15px; /* Adjust padding as needed */
    text-decoration: none;
    height: 100%; /* Ensure each tab takes up the full height of the container */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s; /* Add a smooth transition effect for better user experience */
}

/* Active state styles for vertical tabs */
.tabs .nav-tabs-vertical .nav-link.active {
    border-left: 3px solid #003865;
    border-bottom: none;
    border-top: none;
    border-right: none;
    background-color: #fafafa;
    color: #000000;
    margin: 0px;

}
.tabs .nav-tabs-vertical .nav-link:hover {
    border-left: 3px solid #003865;
    border-bottom: none;
    border-top: none;
    border-right: none;
    background-color: #f0f0f0;
    margin-left: 0px;

}

/* Override Bootstrap's default styles for vertical tabs */
.tabs .nav-tabs-vertical .nav-link {
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-radius: 0px;
    margin: 0px 0px 0px 1.9px;

}




/* Hover state styles */
.nav-tabs .nav-link:hover {
    color: #003865; /* Adjust hover color as needed */
    text-decoration: none;
    background-color: transparent;
}

/* General styles for .nav-link */
.tabs .nav-link {
    background-color: #ffffff;
    color: #000000;
    padding: 0px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    height: 50px;
}

.nav-link.active {
    color: #000000; /* Adjust color as needed */
    margin: 0px;
  }

/* Hover state styles for .nav-link */
.tabs .nav-link:hover {
    background-color: #f0f0f0;
    color: #000000;
    text-decoration: none;
    margin: 0px;
}

/* Active state styles for .nav-link */
.tabs .nav-link.active {
    background-color: #fafafa;
    border-bottom: 3px solid #003865;
    color: #000000;
    margin: 0px;
}






.tabs {
    margin-top: none; /* Adjust as needed */
    padding: 0px;
  }

  .nav-tabs .nav-item {
    margin-bottom: 0; /* Remove default bottom margin for each tab */
    padding: 0px;
  }

  .tab-content {
    padding-top: 0px; /* Adjust as needed */
  }

  .tab-pane {
    padding: 20px 0px 0px 0px; /* Adjust as needed */
  }
  .tab-pane.active {
    background-color: transparent;
  }

.tabs .nav-justified {
    border-bottom: .5px solid lightgray;
}

.nav-tabs-vertical {
    border-bottom: none;
    border-right: .5px solid lightgray;
}

 button.accordion-button {
    font-size: 14px;
}

.accordion-body {
    font-size: 14px;
}

a.nav-link.vert-nav.active {
    font-weight:650;
    color: #003865;
  }
  a.nav-link.vert-nav{
    font-weight:650;
    color: #666666;
    padding-right: 0px;
  }


  /* Style for the active state of the nav link */
.nav-link.vert-nav:active,
.nav-link.vert-nav:hover {
    color: #000000;
    font-weight: 650;

}

.sidebar {
    padding-right: 0px;
  }

.container-sm {
    max-width: 460px;
}

.list-group-item:hover {
    color:#003865;
}

.btn.disabled {
    background-color: #003865;
    border-color: #003865;
}

.video-background {
    position: absolute;
    left: 16%;
    bottom: 13%;
    min-width: 100%;
    min-height: 50vh;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

/*Video Background Hero section*/
.hero-section video{
    position: relative;
    width: 100%;
    height: 100vh; /* Adjust the height as needed */
    overflow: hidden; /* Ensure the video doesn't overflow */
    z-index: -1000; /* Ensure the video is behind the content */

}

.video-container video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the video */
    object-fit: cover; /* Scale the video to cover the container */
}

iframe {
    background-color: white !important;
    width: 100%;
    margin-bottom: 100px;
  }

  #searchFields {
    padding: 5px;
    border-radius: 5px;
    border: 2px solid #777777;
    width: 235px;
  }

  input[type="text"] {
    font-size: 14px;
    }

  input[type="text"]:focus {
    padding: 50px;
    border-radius: 5px;
    border: 2px solid #777777;
    }

  .fields-list {
    position: absolute; /* Position the dropdown absolutely */
    top: 100%; /* Position it below the search input */
    left: 0; /* Align it with the search input */
    z-index: 1000; /* Ensure it appears above other content */
    background-color: #fff; /* Add background color */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); /* Add shadow for depth */
    border-radius: 4px; /* Add some border radius for aesthetics */
    padding: 0px 0; /* Add padding for content */
    width: 100%; /* Make it full width of the parent container */
    min-height: 0px;
    max-height: 200px; /* Set a fixed height */
    overflow:hidden;
    overflow-y: auto; /* Add vertical scroll */
    color: #003865;
}

.fields-list a {
    color: #555;
    text-decoration: none;
}

.fields-list a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #f5f5f5;
}


/* Show the dropdown when the search input is focused */
#searchFields:focus + .fields-list {
    display: block;
}

.field-container {
    position: relative;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #f5f5f5;
}
.field-container a {
    display: inline-block;
    margin: 10px;
    font-size: 14px;
}

.field-container:hover {
    background-color: #f5f5f5;
}

/* Add this to make scrollbar always visible when hovering */
.fields-list:hover::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.fields-list:hover::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scroll thumb */
    border-radius: 5px;
}

.fields-list:hover::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color of the scroll thumb when hovering over it */
}

.search-container {
    position: relative;
}

.search-container .bi-search {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.search-container #searchFields {
    padding-left: 30px; /* Make room for the icon */
}

.dropdown-item {
    font-size: 14px;
}

a.dropdown-item:hover {
    color: #000000;
    background-color: #f5f5f5;
}

a.dropdown-item:active {
    color: #000000;
    background-color: #f1f1f1;
}

.dropdown-menu {
    border: 1px solid #ffffff;
}

a.dropdown-item.active {
    color: #000000;
    background-color: #eeeeee;
}
a.dropdown-item.active:hover {
    color: #000000;
    background-color: #f5f5f5;
}

.fs-7 {
    font-size: 14px;
}

.card-title {
    font-size: 20px;
}

.footer-title {
    font-size: 18px;
}

.fs-6{
    font-weight: lighter;
}

.alert-warning a{
    color:#664D03;
    text-decoration: none;
}
.alert-warning a:hover{
    color:#836303;
    text-decoration: none;
}

/* In style.css */
nav, .hero-section, section#Technology-Resources {
    background-color: #ffffff !important;
}


/* SEARCH BAR */
/* Remove Google branding */
.gsc-branding {
    display: none !important;
}

/* Ensure the search box and input align properly */
.gsc-search-box {
    display: flex !important;
    align-items: center !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #ccc !important; /* Keep only this border */
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* Remove extra border from the input box */
.gsc-input-box {
    flex-grow: 1;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important; /* Remove duplicate border */
    height: 36px !important;
    display: flex;
    align-items: center;
}

/* Style the input field */
input.gsc-input {
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border: none !important; /* Ensure no extra border */
    outline: none !important;
    font-size: 14px;
    line-height: normal !important;
    box-sizing: border-box !important;
}

/* Style the search button */
button.gsc-search-button {
    border-radius: 0 7px 7px 0 !important;
    border: none !important;
    cursor: pointer;
    padding: 0 15px !important;
    height: 36px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important;
    background-color: #003865 !important;
}
button.gsc-search-button:hover {
    background-color: #336087 !important;
}
button.gsc-search-button:focus {
    background-color: #336087 !important;
}
button.gsc-search-button:focus {
    background-color: #336087 !important;
    box-shadow:
        0 4px 0 #000,  /* Top */
        4px 0 0 #000,   /* Right */
        0 4px 0 #000;   /* Bottom */
}


/* Extra fix to ensure no gaps */
td.gsc-search-button {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
}

/* Remove extra space from the form */
form.gsc-search-box,
form.gsc-search-box.gsc-search-box-tools {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important; /* Ensure no extra border */
    min-width: 100% !important;
}

div.gsc-control-cse.gsc-control-cse-en{
    padding: 0px !important;
}

input#gsc-i-id1.gsc-input{
    padding: 5px 0px !important;
}

td.gsc-input{
    padding: 0px 0px 0px 0px !important;
    width: 100% !important;
}

/* Ensure the clear button area doesn't shift the input */
div#gs_st50.gsst_b {
    width: 20px !important;  /* Adjust width to match when "X" appears */
    display: inline-block !important; /* Keeps space even when empty */
    visibility: hidden; /* Hides when no text is entered */
}

/* Make the "X" visible when text is typed */
div#gs_st50.gsst_b:has(span#gs_cb50) {
    visibility: visible;
}

/* "X" or Clear */
span#gs_cb50.gscb_a{
    color:#0080a381;
    padding-top: 5px;
}


a.gsst_a{
    padding: 0px;
}

td#gs_tti50.gsib_a{
    padding: 0px 5px !important;
}

input#gsc-i-id1.gsc-input {
    min-width: 170px !important;
}

.table.gsc-search-box{
    width: 100% !important;
}

/* Option Dropdown */
div.gsc-selected-option-container.gsc-inline-block {
    border-radius: 5px;
}

/* Pagination Container */
.gsc-cursor-box {
    display: inline-flex !important; /* Only as wide as its children */
    justify-content: center !important;
    align-items: center !important;
    margin-top: 10px !important;
    border: 1px solid #767676 !important; /* Unified border */
    border-radius: 5px !important;
    overflow: hidden !important; /* Ensures uniform borders */

}


/* Active Page */
div.gsc-cursor-page.gsc-cursor-current-page {
    color: white !important;
    background: #003865 !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
    border-left: 1px solid #003865 !important;
    border-right: 1px solid #003865 !important;
}

/* Inactive Pages */
div.gsc-cursor-page {
    color: #003865 !important;
    background: transparent !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
    border-left: 1px solid #767676 !important;
    cursor: pointer !important;
    margin: 0px !important;
}

/* Hover Effect */
div.gsc-cursor-page:hover {
    background: #f5f5f5 !important;
    color: #003865 !important;
}
div.gsc-cursor-page.gsc-cursor-current-page:hover{
    background: #003865 !important;
    color: white !important;
}

/* Ensure "Next" and "Previous" buttons are visible and match the pagination */
button.gsc-next-page, button.gsc-prev-page {
    display: inline-block !important;
    color: #003865 !important;
    background: transparent !important;
    border: 1px solid #767676 !important;
    border: none !important;
    padding: 6px 12px !important;
    margin: 0px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

/* Hover effect for buttons */
button.gsc-next-page:hover, button.gsc-prev-page:hover {
    background: #f5f5f5 !important;
    color: #003865 !important;
}

/* Ensure first and last items do not have extra borders */
.gsc-cursor-box div.gsc-cursor-page:first-of-type {
    border-left: 1px solid #767676 !important;
}

.gsc-cursor-box div.gsc-cursor-page:last-of-type {
    border-right: 1px solid #767676 !important;
}


div.gcsc-find-more-on-google{
    display: none !important;
}

/* Responsive adjustments for small devices *SEARCH* */
@media (max-width: 1199px) {
    td#gs_tti50.gsib_a {
        width: 2000px !important;
        min-width: 150px !important;
        max-width: 2000px !important;
    }
}
/* Focus element for search */
.gsc-control-cse.gsc-control-cse-en:focus-within {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 120, 191, 0.6); /* Or 0.25rem */
    border-radius: 7px; /* match the actual shape */
}
/* End SEARCH BAR */


/* MN Branding */
.bg-mn-black {
    background-color: #003865;
}

.text-mn-blue {
    color: #003865;
}

.text-mn-green {
    color: #78BE21;
}
/* End MN Branding */

.visually-hidden-focusable {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  .visually-hidden-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    left: auto;
    overflow: visible;
    padding: 8px;
    background: #003865;
    color: #fff;
    z-index: 1000;
  }

  main > div:last-child {
  overflow: hidden; /* Prevents margin collapsing */
}

  .custom-btn {
    background-color: #0258D8;
    border: 1px solid #0258D8;
  }

  .custom-btn:hover {
    background-color: #004bb5; /* hover color */
    border-color: #004bb5;
  }

  /* iOS-specific fix for hero image */
@supports (-webkit-overflow-scrolling: touch) {
  .hero-section {
    background-attachment: scroll;
  }
}