html {
  scroll-behavior: smooth;
}
ul.us-state-list {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}
ul.us-state-list li {
    display:flex;
    align-items: center;
}
ul.us-state-list li:hover {
    text-decoration: none;
}
ul.us-state-list li:before{
    content: "";
    width: 18px;
    height: 18px;
    background: #0699FE;
    display: inline-block;
    border-radius: 500%;    
    margin-right: 10px;
}
ul.us-state-nav {
    gap:1px;
}
ul.us-state-nav li a {
    border:none;
    text-decoration:none;
    outline-width: unset;
    outline-style: unset;
}
ul.us-state-nav li a{
    color: #fff !important;
    background-color: #C7C7C7;
    text-decoration:none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 12px;
}
ul.us-state-nav li.active a{
    color: #fff !important;
    background-color: #0699FE !important;
}
#state-description {
    background: white;
    border-left: 0;
    padding-top: 150px;
    margin-top: -150px;
}
.desc-wrapper{
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 1px 24px 0px rgba(209, 209, 209, 0.75);
    -webkit-box-shadow: 0px 1px 24px 0px rgba(209, 209, 209, 0.75);
    -moz-box-shadow: 0px 1px 24px 0px rgba(209,209,209,0.75);
}
a.btn.request {
    background-color: #0699fe;
    color: #fff;
    display: block;
    position: relative;
    padding: 10px;
    max-width: 235px;
    border-radius: 10px;
    margin-top: 20px;
    text-decoration:none;
}
a.btn.request:hover, a.btn.request:focus {
    color: #fff;
    text-decoration: none;
    background-color: red;
}
a.btn.request{
    display:flex;
    gap:10px;
}
a.btn.request:hover{
    background-color:#fff !important;
    border:1px solid #0699fe;
    color:#0699fe;
    text-decoration:none;
}
a.btn.request:after {
    content:"➤ ";
}
.us-state-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.us-state-nav li{margin:0}
.us-state-nav a{display:block;padding:10px 18px;text-decoration:none;color:#333}
.us-tab-pane{padding:15px;display:none}
.us-tab-pane.active{display:block}
.us-state-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.us-state-list li{padding:6px 0;cursor:pointer;line-height:1.4}
.us-state-list li:hover{text-decoration:underline}
.us-state-map-wrapper{width:100%;overflow-x:auto;padding-bottom:10px}
.us-state-map-wrapper svg{width:100%;height:auto}
path{stroke:#fff;fill:#C13B91!important;transition:fill .3s ease}
path:hover{fill:orange!important;cursor:pointer;transform:scale(1.005)}
#details-box{position:fixed;top:0;left:0;padding:4px 8px;background:rgba(0,0,0,.75);color:#fff;font:700 14px/1 Poppins,sans-serif;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:9999}
#state-description h3{margin-top:0;font-size:20px}
#state-description p{margin:5px 0 0;font-size:16px}
@media(max-width:600px){.us-state-nav a{padding:8px 12px;font-size:14px}#state-description p{font-size:15px}}

@media screen and (max-width:767px){
        ul.us-state-nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}