/* ========================================
   Application Section
   ======================================== */
.ok07-application {
    background-color: #F8F8F8;
    padding: 5rem 0 0;
    position: relative;
}


.application-title {
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 2.6875rem;
    position: relative;
    z-index: 1;
}

.application-cards {
    display: flex;
    justify-content: center;
    gap: 3.125rem;
    position: relative;
    z-index: 1;
}

.app-card {
    overflow: hidden;
    position: relative;
}

.app-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.82), transparent);
}

.app-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3.75rem 3.75rem 3.125rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
}

.ok07-application .swiper-pagination{width:100%;font-size:0;position: static;margin-top: 2.5rem;display: none;}
.ok07-application .swiper-pagination-bullet {height:14px;width:14px;margin:0 4px;background:#B9B9B9;border-radius:50%;opacity:1;}
.ok07-application .swiper-pagination-bullet-active{background:#5da9e1;}

.app-card:nth-child(1) {
    background-image: url('./images/app1.png');
}

.app-card:nth-child(2) {
    background-image: url('./images/app2.png');
}

.app-card:nth-child(3) {
    background-image: url('./images/app3.png');
}

.app-card h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.app-card p {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #fff;
    text-align: center;
}
@media (max-width: 992px) {
.ok07-application {padding: 3rem 0 0;}
.application-title {font-size: 2rem;margin-bottom: 1.5rem;}
.app-content {position: static;padding: 1.25rem 1.75rem 1.125rem;background: #333;}
.app-card::after {display: none;}
.app-card h3 {font-size: 1.75rem;}
.app-card p {height: 9.375rem;overflow: hidden;}
}


@media (max-width: 768px) {
.app-card p {height: auto;}
}