.main-container {
    min-height: calc(100vh - (105px + 101px));
    background: url("/assets/images/cloud1.png");
}

.about-container .about-box .title h1 {
    color: #ffffff;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
}

.about-container .about-box .info p {
    text-align: center;
    color: #ffffff;
    line-height: 24px;
}

.about-container .about-box .mobile-container .mobile-box.img-box img {
    /* height: 500px; */
}

.about-container .about-box .mobile-container .mobile-box.img-box {
    pointer-events: none;
}

/* responsive  */
@media (max-width: 1023px) {
    .about-container .about-box .mobile-container {
        column-gap: 20px;
    }
}

@media (max-width: 850px) {
    .about-container .about-box .mobile-container .mobile-box.img-box img {
        height: 500px;
    }
}

@media (max-width: 800px) {
    .about-container .about-box .mobile-container .mobile-box.img-box img {
        height: 480px;
    }
}

@media (max-width: 767px) {
    .about-container .about-box .mobile-container .mobile-box.img-box img {
        height: auto;
    }
    .about-container .about-box .mobile-container .mobile-box.img-box {
        display: none;
        pointer-events: all;
    }
    .about-container
        .about-box
        .mobile-container
        .mobile-box.img-box.mobile-box1 {
        display: block;
    }
    .about-container .about-box .info p br {
        display: none;
    }
}

@media (max-width: 500px) {
    .about-container .about-box .logo-box img {
        height: 34px;
    }
    .about-container .about-box .title h1 {
        font-size: 32px;
    }
    .about-container .about-box .info p {
        font-size: 14px;
        line-height: 22px;
    }
}