body {
    box-sizing: content-box;
}
.red {
    background-color: yellow;
    border: 1px red solid;
}
border {
    border: 1px red solid;
}
.site-header {
    background-color: rgb(255, 255, 255);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.mt-100 {
    margin-top: 100px !important;
}
.ms-100 {
    margin-left: 5rem !important;
}
.app-icon {
    width: 120px;
    height: 120px;
    background-image: url("../images/ic_launcher.png");
    background-size: contain;
    background-position: right bottom;
    background-repeat:no-repeat;
}
.product-title {
    font-size: 3em;
    padding-top: 4rem !important;
 }

.gradient-text {
    background: linear-gradient(to right, #224399, #c21b1b, #cbff0f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 } 
 .product-title2 {
    color: var(--bs-gray-600);
 }
.img-phone-product {
    min-height: 20rem;
    height: 100%;
    background-image: url('../images/phone-product.png');
    background-size: contain;
    background-position: center bottom;
    background-repeat:no-repeat;
}
.download-tip {
    color: var(--bs-gray-400);
}
.bg-image-grey {
    background-image: url('../images/bg1.png');
    background-size: contain;
    background-position: center center;
}
.qrcode {
    width: 100px;
    height: 100px;
    background-image: url('../images/qrcode.png');
    background-size: 100% 100%;
}
.mf-small-title {
    color: var(--bs-gray-500);
    margin: 0.5rem;
    font-size: 1.25rem !important;
    line-height:1.25rem;
}
.mf-title {
    text-align: center;
}

@media (min-width: 0px) {
    .app-features .rowh {
        height: 300px;
    }
}
@media (min-width: 576px) {
    .app-features .rowh {
        height: 300px;
    }
}
@media (min-width: 768px) {
    .app-features .rowh {
        height: 300px;
    }
}
@media (min-width: 992px) {
    .app-features .rowh {
        height: 400px;
    }
}
.app-features>.rowbg {
    background-color: rgba(231, 231, 231, 0.425);
}

.app-features .left-bg {
    background-image: url('../images/app-features.png');
    background-size: cover;
    background-position: right top;
    background-repeat:no-repeat;
}
.app-features .right-gray-title {
    color: var(--bs-gray-500);
    
    margin-left: 2rem;
    margin-bottom: 1.5rem;
    font-size: 1.25rem !important;
    line-height:1.25rem;
}
.app-features  .right-main-title {
    font-size: 2.5rem;
    margin-left: 2rem;
}

.app-detail .bg {
    background-color: aqua;
}
.app-detail img {
    width: 100%;
    height: auto;
}
.app-detail .h {
    height: auto;
}
.app-detail ul {
    list-style :circle;    
}

.footer {
    background-color: var(--bs-gray-100);
}
.footer .h {
    height: 200px;
}
.footer .ft-gray {
    font-size: 0.8rem;
    color: rgb(151, 151, 151);
}