html{
    font-family: Roboto;
}

.logo-color, .logo-white{
    height: 66px;
}

.navbar{
    background-color: #ffffff;
    padding: 10px 0;
    position: relative;
    width: 100%;
    z-index: 10000;
}

.navbar-dark .main-menu li a.nav-link, .navbar-light .main-menu li a.nav-link{
    color: #23282d !important;
    font-weight: 500 !important;
}

#first-section{
    padding: 11% 0 4% 0;
}

.hero-app-img::before {
    background-color: #cdf3ff;
}

.text-warning {
    color: #FFB900;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    left: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgb(6 64 114 / 50%) !important; /* Set a background color */
    border-radius: 36px;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    font-size: 18px; /* Increase font size */
  }
  
  #myBtn:hover {
    background-color: rgb(6 64 114 / 100%) !important; /* Add a dark-grey background on hover */
  }
  
  
/* .video-bg-with-icon {
    padding: 0;
} */

.video-bg-with-icon::before {
    width:0 !important;
}

.text-warning{
    color: #f25244 !important;
}

h2, h3{
    color: #064072 !important;
}

/*.btn-primary{
    border-color: #f25244 !important;
    background-color: #f25244 !important;
    -webkit-box-shadow: 0 11px 18px -8px rgb(242 82 68 / 60%) !important;
    box-shadow: 0 11px 18px -8px rgb(242 82 68 / 60%) !important;
    border-radius: 36px;;
}*/

.bg-dark h2{
    color: white !important;
}

.bg-dark{
    background-color: #064072 !important;
}

@media screen and (max-width: 768px){
.lllf{
    justify-content: center !important;
}
.footer-single-col{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rating-list{
    display: flex;
    justify-content: center;
}
.footer-nav-list{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hero-content-wrap{
    text-align: center;
}
#list{
    display: flex !important;
    flex-direction: column;
    align-items: center;
}
}

@media screen and (max-width: 426px){
    .copyright-text{
        text-align: center;
    }
}