.page-background {
    /* background: <?=isset($bgMidColor) ? $bgMidColor : 'white'?>; */
    background: white !important;
    overflow-x: hidden;
}

.container-background {
    background: white;
    padding: 20px;
    border-radius: 10px;
}

.custom-btn {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-logo{
    width: 75px ;
}

.Android {
    background: rgba(256, 256, 256, 9);
    padding: 20px;
    border-radius: 10px; 
}

.IOS {
    background: rgba(256, 256, 256, 9);
    padding: 20px;
    border-radius: 10px;
}

.content {
    background: rgba(256, 256, 256, 9);
    padding: 20px;
    border-radius: 10px; 
}
.platform-btn{
    padding:15px 28px;
    background: white;
    border-radius:12px;
    border:0px;
    display:grid;
    grid-template-columns: 48px auto;
}
.platform-info-grid{
    display:grid;
    grid-template-columns: 55px auto;
    gap:5px;
}	
.text-black-apply *{
    color:black;
}
.bold-focus-text{
    font-weight:800 !important;
    font-size:30px !important;

}
.globe-viewmore-btn{
    border:0px;
    background: white;
    padding:16px 50px;
    color:#2A2A2A;
    border-radius:12px;
    font-weight:600;
}
.platform-btn:hover {
    background: #E3E3E3; /* Light grey background on hover */
}
.globe-viewmore-btn:hover {
    background: #E3E3E3; /* Light grey background on hover */
}
.lh-26px h2 { line-height: 1.2 !important }
.hero {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hero img {
    width: 100%;
    height: auto;
    display: block;
}

.hero-text {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    color: white; /* Or any other text color */
    font-size: 2rem; /* Adjust size as needed */
}

@media (min-width: 1199.98px) {
    .hero-text {
        top: 8%;
        font-size: 42px !important;
    }
}
@media (min-width: 1499.98px) {
    .hero-text {
        top: 8%;
        font-size: 48px !important;
    }
}
@media (max-width: 991.98px) {
    .hero-text {
        top: 8%;
        font-size: 26px !important;
    }
}
@media (max-width: 767.98px) {
    .hero-text {
        top: 10%;
        font-size: 21px !important;
    }
}
@media (max-width: 575.98px) {
    .hero-text {
        top: 7%;
        font-size: 13px !important;
    }
}
.lg-horizontal-padding {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1200px) {
.lg-horizontal-padding-left {
        padding-left: 80px;
    }
.lg-horizontal-padding-right {
        padding-right: 80px;
    }
}
.globe-viewmore-btn:hover{
    color:black !important;
}
@media(max-width:576px){
    #rapid-grow{
        border-radius:0px !important;
    }
}
@media(max-width:576px){
    #download{
        border-radius:0px !important;
    }
}
section{
    margin-bottom:68px !important;
}
footer a:hover, footer a{
    color:white !important;
}
a.nav-link{
    font-size:18px;
    padding-left:12.5px !important;
    padding-right:12.5px !important;
}
.navbar{
    border-radius:0px !important;
}