@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.I4de909__85b-9edcd * {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
}

.I4de909__85b-9edcd {
    font-family: Lato, serif;
    margin: 32px 0;
}

.M4de909__866-0e034 {
    display: flex;
    flex-direction: column;
    counter-reset: section;
    gap: 14px;
}

.M4de909__5e6-3b13a {
    box-sizing: border-box;
}

.A4de909__709-94874 {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0;
    gap: 10px;
    box-sizing: border-box;
}

.D4de909__81c-21f1c {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    text-transform: capitalize;
    color: #e74a35;
    border: 1px solid #e74a35;
    border-radius: 8px;
    background: #f0efef;
}

.D4de909__81c-21f1c.K4de909__256-0bf61 {
    color: #fff;
    border: unset;
    background: #000a29;
}

.R4de909__443-5c42c {
    /* box-sizing: content-box; */
}

.R4de909__443-5c42c.C4de909__6cb-3f0f4 {
    display: none;
}

.O4de909__9aa-c2857 ul {
    list-style: none;
}

.Y4de909__297-f5457 {
    box-sizing: border-box;
    border: 2px solid #6f6f6f;
    border-radius: 17px;
    background-color: #fff;
}

.O4de909__9aa-c2857 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 31px 33px 33px 25px;
    gap: 11px;
}

.S4de909__715-19d27 div {
    font-size: 18px;
    font-weight: 500;
    color: #2e2e30;
}

.S4de909__715-19d27 {
    margin-bottom: 26px;
    padding: 20px 30px;
    border: 1px solid #0000005e;
    border-radius: 15px;
}

a.play-now-cta {
    font-family: Lato, serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    display: block;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 8px;
    background: #e74a35;
    box-shadow: 0 4px 14px 0 #00000040;
}

a.play-now-cta:hover {
    background-color: #000a29;
}

.J4de909__3dd-de23d {
    border-radius: 50px;
    background-color: #e74a35;
}

.J4de909__3dd-de23d .X4de909__4ee-09370 {
    font-size: 15px;
    font-weight: 800;
    line-height: 31px;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
}

.J4de909__3dd-de23d .X4de909__4ee-09370:after {
    content: counter(section);
    counter-increment: section;
}

.U4de909__3db-e4c2d {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 15px 15px 0 0;
    background: #000a29;
    gap: 46px;
}

.U4de909__3db-e4c2d .C4de909__b49-233ae span {
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    gap: 15px;
}

.Q4de909__970-7ebeb {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    max-width: 105px;
    padding: 8px;
    text-align: center;
    color: #463c3c;
    border-radius: 6px;
    background: #b6b0b033;
}

.U4de909__759-84a1e {
    font-size: 20px;
    font-weight: 800;
    line-height: 39px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #000a29;
}

.Z4de909__6c2-2357a .C4de909__6e9-8c6fd {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    color: #463c3c;
}

.D4de909__064-664fe .L4de909__da9-042f7 span {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    display: flex;
    align-items: center;
    color: #a4a2a2;
    gap: 8px;
}

.D4de909__064-664fe .L4de909__da9-042f7 span span {
    font-weight: 800;
    color: #463c3c;
}

.D4de909__064-664fe .L4de909__da9-042f7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

.Z4de909__339-14337 {
    width: 19%;
    text-align: center;
}

.Z4de909__339-14337 img {
    max-width: 160px;
}

.U4de909__3db-e4c2d .C4de909__b49-233ae span img {
    width: 29px;
}

.U4de909__2a1-dc442 {
    width: 23%;
}

.Z4de909__340-7eb6e {
    width: 42.4%;
}

@media (max-width: 991px) {
    .A4de909__709-94874 {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin: 0 -16px 16px;
        padding: 0 16px;
    }

    .A4de909__709-94874::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 799px) {
    .main-container {
        padding: 0 11px;
    }

    .S4de909__715-19d27 {
        padding: 10px 20px;
        border-radius: 10px;
    }

    .S4de909__715-19d27 div {
        font-size: 15px;
    }

    .U4de909__3db-e4c2d {
        gap: 26px;
    }

    .J4de909__3dd-de23d .X4de909__4ee-09370 {
        font-size: 13px;
        line-height: 24px;
        width: 24px;
        height: 24px;
    }

    .U4de909__3db-e4c2d .C4de909__b49-233ae span {
        font-size: 14px;
        line-height: 22px;
    }

    .Z4de909__339-14337 img {
        max-width: 112px;
    }

    .U4de909__3db-e4c2d .C4de909__b49-233ae span img {
        width: 22px;
    }

    .U4de909__759-84a1e {
        font-size: 13px;
        line-height: 31px;
    }

    .Z4de909__6c2-2357a .C4de909__6e9-8c6fd {
        font-size: 14px;
        line-height: 11px;
    }

    .O4de909__9aa-c2857 {
        padding: 20px;
    }

    .D4de909__064-664fe .L4de909__da9-042f7 span img {
        width: 16px;
    }

    .D4de909__064-664fe .L4de909__da9-042f7 span {
        font-size: 11px;
        gap: 4px;
    }

    .D4de909__064-664fe .L4de909__da9-042f7 {
        padding-bottom: 10px;
    }

    a.play-now-cta {
        font-size: 16px;
        padding: 10px;
    }

    .Q4de909__970-7ebeb {
        font-size: 13px;
        line-height: 18px;
        max-width: 83px;
        padding: 4px;
    }
}

@media (max-width: 575px) {
    .U4de909__3db-e4c2d .C4de909__b49-233ae span {
        font-size: 13px;
        line-height: 17px;
        gap: 11px;
    }

    .J4de909__3dd-de23d .X4de909__4ee-09370 {
        font-size: 15px;
        line-height: 30px;
        width: 32px;
        height: 32px;
    }

    .U4de909__3db-e4c2d {
        gap: 17px;
    }

    .Z4de909__339-14337 {
        width: 46%;
        text-align: left;
    }

    .U4de909__2a1-dc442 {
        width: 50%;
    }

    .Z4de909__340-7eb6e {
        width: 100%;
    }

    .Z4de909__339-14337 img {
        max-width: 137px;
    }

    .U4de909__3db-e4c2d .C4de909__b49-233ae span img {
        width: 29px;
    }

    .Q4de909__970-7ebeb {
        max-width: 72px;
        padding: 8px;
    }

    .U4de909__759-84a1e {
        font-size: 19px;
        line-height: 44px;
    }

    .Z4de909__6c2-2357a .C4de909__6e9-8c6fd {
        font-size: 15px;
        font-weight: 700;
    }

    .O4de909__9aa-c2857 {
        padding: 20px 11px 16px;
    }

    a.play-now-cta {
        font-size: 20px;
        font-weight: 700;
        line-height: 39px;
        padding: 11px;
    }

    .D4de909__064-664fe .L4de909__da9-042f7 span {
        font-size: 16px;
        gap: 8px;
    }

    .D4de909__064-664fe .L4de909__da9-042f7 span img {
        width: 20px;
    }

    .D4de909__064-664fe {
        display: flex;
        flex-direction: column-reverse;
        gap: 19px;
    }

    .D4de909__064-664fe .L4de909__da9-042f7 {
        padding-bottom: 0;
    }

    .button-inner {
        margin-top: 14px;
    }
}

@media (max-width: 375px) {
    .Z4de909__339-14337 {
        width: 45%;
    }

    .Z4de909__339-14337 img {
        max-width: 115px;
    }

    .U4de909__759-84a1e {
        font-size: 15px;
        line-height: 37px;
    }

    a.play-now-cta {
        font-size: 18px;
        padding: 4px;
    }

    .D4de909__064-664fe .L4de909__da9-042f7 span {
        font-size: 13px;
    }

    .U4de909__3db-e4c2d .C4de909__b49-233ae span {
        font-size: 10px;
        line-height: 14px;
    }

    .U4de909__3db-e4c2d .C4de909__b49-233ae span img {
        width: 25px;
    }

    .J4de909__3dd-de23d .X4de909__4ee-09370 {
        font-size: 13px;
        line-height: 26px;
        width: 26px;
        height: 26px;
    }
}