.ok07-banner {position:relative;overflow:hidden;}
.ok07-banner .swiper-slide {position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden;}
@media (min-width:768px) {
.ok07-banner .swiper-slide {align-items:center;}
}
.ok07-banner .bg-image {position:absolute;inset:0;z-index:0;}
.ok07-banner .bg-image img {width:100%;height:100%;object-fit:cover;object-position:center;}
.ok07-banner .bg-overlay {display: none;
    position:absolute;inset:0;
    /* background:linear-gradient(to right,rgba(13,35,62,0.8),rgba(13,35,62,0.4),transparent); */
}
.ok07-banner .wp{position:relative;z-index:10;padding-bottom:5rem;display: none;}
@media (min-width:768px) {
.ok07-banner .wp{padding-bottom:0;}
}
.ok07-banner .content {max-width:672px;text-align:left;}
.ok07-banner .badge {display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:50px;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);color:#fff;font-size:12px;font-weight:500;margin-bottom:24px;}
.ok07-banner .badge .dot {position:relative;width:8px;height:8px;}
.ok07-banner .badge .dot-ping {position:absolute;inset:0;border-radius:50%;background:#5da9e1;opacity:0.75;animation:ping 1s cubic-bezier(0,0,0.2,1) infinite;}
.ok07-banner .badge .dot-core {position:relative;width:8px;height:8px;border-radius:50%;background:#5da9e1;display:block;}
@keyframes ping {75%,100% {transform:scale(2);opacity:0;}
}
.ok07-banner .title {font-size:2.25rem;font-family:'Outfit',sans-serif;font-weight:700;line-height:1.25;color:#fff;margin-bottom:40px;}
@media (min-width:768px) {
.ok07-banner .title {font-size:3rem;}
}
@media (min-width:1024px) {
.ok07-banner .title {font-size:3.75rem;}
}
.ok07-banner .title .accent {color:#5da9e1;}
.ok07-banner .buttons {display:flex;flex-wrap:wrap;gap:20px;margin-bottom:48px;}
.ok07-banner .primary {position:relative;display:inline-flex;align-items:center;gap:8px;background-color:transparent;}
.ok07-banner .primary:focus {box-shadow:none;}
.ok07-banner .primary .glow {position:absolute;inset:-4px;background:linear-gradient(to right,#5da9e1,#60a5fa);border-radius:50px;filter:blur(8px);opacity:0.25;transition:opacity 1s;}
.ok07-banner .primary:hover .glow {opacity:0.75;transition-duration:0.2s;}
.ok07-banner .primary .btn-inner {position:relative;background:#5da9e1;color:#fff;border-radius:50px;padding:0 32px;height:56px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background 0.3s;}
.ok07-banner .primary:hover .btn-inner {background:#4d99d0;}
.ok07-banner .primary .btn-inner .icon {width:20px;height:20px;}
.ok07-banner .btn-secondary {background:#fff;color:#0d233e;border-radius:50px;padding:0 32px;height:56px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;border:none;box-shadow:0 10px 15px rgba(255,255,255,0.1);transition:all 0.3s;}
.ok07-banner .btn-secondary:hover {background:rgba(255,255,255,0.9);}
.ok07-banner .features {display:flex;flex-wrap:wrap;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);}
.ok07-banner .feature-item {display:flex;align-items:center;gap:8px;}
.ok07-banner .feature-item i {font-size:22px;color:#5da9e1;}
.ok07-banner .feature-item span {font-size:14px;font-weight:500;color:rgba(255,255,255,0.9);}
.ok07-banner .scroll-indicator {position:absolute;bottom:40px;right:40px;z-index:10;color:rgba(255,255,255,0.3);display:none;}

.ok07-banner .page {position: absolute;right: 160px;bottom: 75px;display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;}
.ok07-banner .swiper-button-prev,.ok07-banner .swiper-button-next{position:static;width:50px;height:50px;line-height:50px;overflow:hidden;background:none;margin-top:0;text-align:center;color:#fff;background: rgba(255,255,255,.22);transition: all 0.3s ease 0s;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}
.ok07-banner .swiper-button-next::after,.ok07-banner .swiper-button-prev::after {display:none;}
.ok07-banner .swiper-button-prev i,.ok07-banner .swiper-button-next i{color:inherit;font-size:28px;display:inline-block;margin-top:1px;}
.ok07-banner .swiper-button-prev:hover,.ok07-banner .swiper-button-next:hover{background: #fff;color: #444444;}

@media (min-width:992px) {
.ok07-banner .scroll-indicator {display:block;}
}


@media (max-width:1800px) {
.ok07-banner .swiper-slide {min-height: auto;aspect-ratio: 1/.47;}
}

@media (max-width:992px) {
.ok07-banner .swiper-slide {min-height: 360px;}
.ok07-banner .primary .btn-inner {padding: 0 16px;height: 36px;font-size: 14px;gap: 5px;}
.ok07-banner .btn-secondary {padding: 0 16px;height: 36px;font-size: 14px;}
.ok07-banner .title {font-size: 1.5rem;margin-bottom: 20px;}
.ok07-banner .buttons {gap: 10px;margin-bottom: 15px;}
.ok07-banner .features {gap: 15px;padding-top: 0;}
.ok07-banner .feature-item i {font-size: 18px;}
.ok07-banner .swiper-button-prev, .ok07-banner .swiper-button-next {width: 36px;height: 36px;line-height: 36px;}
.ok07-banner .page {right: 10px;bottom: 10px;}
.ok07-banner .swiper-button-prev i, .ok07-banner .swiper-button-next i {font-size: 22px;}
.ok07-banner .badge {gap: 5px;padding: 4px 10px;font-size: 11px;margin-bottom: 15px;}
.ok07-banner .swiper-slide {min-height: auto;}
.ok07-banner .bg-overlay {position: relative;}
.ok07-banner .bg-image {position: relative;width: 100%;}
.ok07-banner .swiper-slide {display: block;}
.ok07-banner .wp {position: absolute;padding-bottom: 2rem;bottom: 0;}
}

@media (max-width:768px) {
}

@media (max-width:480px) {
}

@media (max-width:400px) {
}
.ok07-banner .scroll-indicator .mouse {width:24px;height:40px;border:2px solid rgba(255,255,255,0.2);border-radius:12px;display:flex;justify-content:center;padding:4px;}
.ok07-banner .scroll-indicator .mouse .wheel {width:4px;height:8px;background:#5da9e1;border-radius:2px;animation:bounce 1s infinite;}
@keyframes bounce {
0%,100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1);}
50% {transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1);}
}