input#phoneNumber {padding: 10px;}
h1.get-sms{font-size: 32px;  font-weight: 800;}
.home-hero .navbar-light .navbar-nav .nav-link:focus, .home-hero .navbar-light .navbar-nav .nav-link:hover ,.home-hero .navbar-light .navbar-nav .nav-link  {color: #ffffff;}
.home-hero {color: white;padding: 72px 20px;position: relative;}
.hero-logo {font-size: 2rem;font-weight: bold;color: white;text-align: center;}
.hero-menu {margin-top: 10px;display: flex;justify-content: center;gap: 20px;}
.hero-menu a {color: white;text-decoration: none;font-weight: 500;}
.hero-menu a:hover {text-decoration: underline;}
.icongroup-container{z-index: 999;position: relative;}
header.underheader .mobile-header {
justify-content: space-between;
padding: 0 15px; 
}
header.underheader .mobile-header .row {
justify-content: center;
}
header.underheader .mobile-header .col {
flex: 1; 
padding: 0 5px;
text-align: center;
}
header.underheader .btn {
display: block;
width: 100%; 
padding: .25rem .5rem;
text-align: center;
}

@media only screen and (max-width: 480px) {
header.underheader .mobile-header {padding: 0 10px;}
.no-space-sm{padding:0px;}
h1.get-sms {font-size: 30px;}
}
@media (max-width: 480px) {
.home-hero{top:50px;min-height: 60vh;padding: 70px 20px;}
h1.get-sms {font-size: 30px;}
.no-space-sm{padding:0px;}
  .btn-sm-on-sm {
    font-size: 0.875rem; 
    padding: 0.5rem 1rem; 
  }
}