:root {
       --primary: #1688c9;
       --accent: #EB3237;
   }

   body {
       margin: 0;
       overflow: hidden;
       font-family: sans-serif;
   }

   .header {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       padding: 20px 40px;
       z-index: 20;
   }

   .logo img {
       height: 55px;
   }

   /* Slider */

   .full-slider {
       height: 100vh;
       width: 100%;
   }

   .full-slider .item {
       height: 100vh;
       width: 100%;
   }

   .full-slider img {
       width: 100%;
       height: 100vh;
       object-fit: inherit;
   }

   /* dots */

   .owl-dots {
       position: absolute;
       bottom: 30px;
       width: 100%;
   }

   .owl-dot span {
       background: white !important;
       opacity: .5;
   }

   .owl-dot.active span {
       background: var(--accent) !important;
       transform: scale(1.2);
       opacity: 1;
   }

   .scroll-text {
       white-space: nowrap;
       font-size: 72px;
       font-weight: 600;
       color: #000;
       position: absolute;
       width: max-content;
       animation: scrollLeft 10s linear infinite;
   }

   .scroll-text p {
       white-space: nowrap;
       font-size: 36px;
       font-weight: 600;
       color: #000;
       position: absolute;
       text-align: center;
       width: max-content;
   }

   @keyframes scrollLeft {
       0% {
           transform: translateX(100%);
       }

       100% {
           transform: translateX(-100%);
       }
   }
       .logo-box {
        position: fixed;
        top: 15px;
        left: 20px;
        z-index: 9999;
    }

    .logo-box img {
        height: 60px;
    }

    .marquee-container {
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    main {
        position: absolute;
        inset: 0;
        display: flex;
        overflow: hidden;
    }

    marquee {
        font-size: 72px;
        width: 100%;
        height: 100%;
        text-transform: uppercase;
    }

    @supports (font: -apple-system-body) {
        marquee>marquee {
            --top-margin: calc(100dvh - 1.4em);
            margin-top: var(--top-margin);
        }
    }

    marquee mark {
        display: inline-block;
        padding: 0.2em 0.25em;
        background-color: transparent;
        color: #000;
        text-box-trim: trim-both;
        line-height: 1em;
    }