<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">    .slick-prev::before, .slick-next::before {
              display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
       font-family: "Font Awesome 5 Free" !important;
       font-weight: 900;
       font-size: 36px !important;
    }
    
    .slick-next {
        right: 0 !important;
    }
    
    .slick-prev {
        left: 0 !important;
    }
    
    .slick-next, .slick-prev {
        transform: translateY(-100%) !important;
        z-index: 10;
        width: auto !important;
        height: auto !important;
    }
    
    .slick-prev::before {
        content: '\f053' !important;
    }
    
    .slick-next::before {
        content: '\f054' !important;
        
    }
    
    .kulturecity-text-blue {
        color: #0C1630;
    }
    .app-main-hero {
        position: relative;
        
    }
    .app-main-bg {
        background: 
        linear-gradient(45deg, #E74D3D -15%, rgba(231, 77, 61, 0) 69.61%),
        #0C1630;
        width: 100%;
        height: calc(100vh - 80px); 
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 1;
    }
    .app-overlay {
        opacity: 0.45;
        background: url('/wp-content/uploads/2024/06/koji-app-bg-img.png') lightgray 50% / cover no-repeat;
        mix-blend-mode: multiply;
        width: 100%;
        height: calc(100vh - 80px); 
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 2;
    }
    .app-content {
        position: relative;
        z-index: 3;
        font-family: Futura;
    }
    
    .app-heading {
        max-width: 600px;
    }
    
    
    .app-content h5,
    .app-slider-wrapper,
    h3.app-heading  {
        max-width: 540px;
    }
    
    main ~ *,
    .app-main-hero ~ *{
        position: relative;
        z-index: 3;
    }
    
    .scroll-wrapper {
        height: 2000px; 
        position: relative;
        background: #fff;
        position: relative;
        z-index: 3;
        background: linear-gradient(to left, #0C1630 36%, #ffffff 36%);
        font-family: Futura;
    }
    
    .app-content-section-wrapper {
        height: calc(100vh - 80px);
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .app-content-bar {
        border-left: solid 2px #0C1630;
    }
    
    #phone-image {
        max-height: 600px;
        position: absolute;
        right: 35%;
        top: 50%;
        transform: translate(50%,-50%);
    }
    
    #text-content {
        max-width: 340px;
    }
    
 
    @media(max-width: 1023px) {
        .hero-image {
            width: 280px;   
        }
        
        .app-content h5,
        .app-slider-wrapper {
            max-width: 360px;
        }
        
        .app-buttons a img {
            max-height: 42px;
        }
    }
    
    @media(max-width: 767px) {
        .app-main-bg {
            background: linear-gradient(0deg, #E74D3D -30%, rgba(231, 77, 61, 0) 69.61%), #0C1630;
        }
        
        .app-content h5 {
            max-width: calc(100vw - 32px);
            margin: 48px auto 0;
        }
        
        .app-slider-wrapper {
            max-width: calc(100vw - 32px);
        }
        
        .scroll-wrapper {
             background: linear-gradient(to left, #0C1630 20%, #ffffff 20%);
        }
        
        #phone-image {
            max-height: 400px;
            right: 20%;
        }
    }
    
    @media(max-width: 540px) {
        .scroll-wrapper {
             background: linear-gradient(to left, #0C1630 15%, #ffffff 15%);
        }
        
        #phone-image {
            max-height: 300px;
            right: 15%;
        }
        
        #text-content {
            max-width: 240px;
        }
    }
    
    @media(max-width: 410px) {
        .scroll-wrapper {
             background: linear-gradient(to left, #0C1630 15%, #ffffff 15%);
        }
        
        #phone-image {
            max-height: 300px;
            right: 7%;
        }
        
        #text-content {
            max-width: 240px;
        }
    }</pre></body></html>