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

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

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

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

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

@media (max-width: 768px) {
    body {
        background-color: #fff;
    }

    .banner {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .banner .container {
        padding: 0 !important;
    }

    .banner .container .videoGroup {
        height: clamp(208.0078125px, 55.46875vw, 426.0px);
    }

    .topShadow {
        height: clamp(47.0px, 12.533333333333333vw, 96.256px);
    }

    .banner .titleGroup {
        /*padding-left: clamp(50.29296875px, 13.411458333333334vw, 103.0px);*/
        /*width: 50%;*/
        /*padding-top: clamp(73.73046875px, 19.661458333333336vw, 151.0px);*/
        /*padding-bottom: clamp(23.92578125px, 6.380208333333334vw, 49.0px);*/
        /*background: linear-gradient(270deg, rgba(58, 45, 45, 0) 0%, #020408 93%);*/
        /*backdrop-filter: blur(8px);*/
        width: clamp(200.0px, 53.333333333333336vw, 409.6px);
        bottom: clamp(79.0px, 21.066666666666666vw, 161.792px);
        left: clamp(60.0px, 16.0vw, 122.88px);
    }

    .banner .downloadApp {
        position: absolute;
        bottom: clamp(25.0px, 6.666666666666667vw, 51.2px);
        left: clamp(50.99999999999999px, 13.6vw, 104.448px);
    }

    .banner h1 {
        font-size: clamp(24.0px, 6.4vw, 49.152px);
        margin-bottom: unset;
        line-height: clamp(29.0px, 7.733333333333334vw, 59.392px);
    }

    .banner p {
        font-size: clamp(12.6953125px, 3.385416666666667vw, 26.0px);
        margin-bottom: clamp(19.04296875px, 5.078125vw, 39.0px);
    }

    .banner .mobileDownloadApp {
        display: block;
    }

    .localService h2 {
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
    }

    .localService .titleGroup {
        margin-bottom: clamp(11.474609375px, 3.0598958333333335vw, 23.5px);
    }

    .localService .row:first-child {
        margin-bottom: 0;
    }

    .localService .col {
        margin-bottom: clamp(12.20703125px, 3.2552083333333335vw, 25.0px);
    }

    .localService .col h3 {
        font-size: clamp(14.6484375px, 3.90625vw, 30.0px);
        margin-bottom: clamp(3.90625px, 1.0416666666666667vw, 8.0px);
    }

    .localService .col .content {
        width: auto;
    }

    .localService .col img {
        width: clamp(39.0625px, 10.416666666666668vw, 80.0px);
        margin-right: clamp(13.671875px, 3.6458333333333335vw, 28.0px);
    }

    .localService .col p {
        font-size: clamp(9.765625px, 2.604166666666667vw, 20.0px);
    }

    .deliveryService {
        background: #fff;
    }

    .deliveryService .titleGroup {
        margin-bottom: clamp(11.474609375px, 3.0598958333333335vw, 23.5px);
    }

    .deliveryService h2 {
        color: #000;
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
    }
    .deliveryService .contentGroup .titleGroup p {
        display: none;
    }

    .deliveryService .contentGroup {
        overflow-y: scroll;
    }

    .deliveryService .contentGroup .col {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
        border-radius: clamp(4.8828125px, 1.3020833333333335vw, 10.0px);
        width: clamp(139.6484375px, 37.239583333333336vw, 286.0px);
        height: clamp(182.12890625px, 48.567708333333336vw, 373.0px);
    }

    .deliveryService .contentGroup .col:nth-child(1):hover{
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
    }

    .deliveryService .contentGroup .col:nth-child(3):hover{
        transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important;
    }

    .deliveryService .contentGroup .col:nth-child(2) {
        margin: clamp(9.765625px, 2.604166666666667vw, 20.0px);
        background-image: url("../img/ourDeliveryService1Mobile.png") !important;
        background-position: top !important;
    }

    .deliveryService .contentGroup .col .titleGroup {
        position: unset;
        height: auto;
        border-radius: unset;
        background: unset;
        backdrop-filter: unset;
        width: auto;
        margin-bottom: unset;
    }

    .deliveryService .contentGroup .titleGroup h3 {
        text-align: left;
        font-size: clamp(13.671875px, 3.6458333333333335vw, 28.0px) !important;
    }

    .brandAdv h2 {
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
    }

    .brandAdv .titleGroup {
        margin-bottom: clamp(11.474609375px, 3.0598958333333335vw, 23.5px);
    }

    .brandAdv .contentGroup .item {
        width: 100%;
        margin-bottom: clamp(9.765625px, 2.604166666666667vw, 20.0px);
        padding: clamp(9.765625px, 2.604166666666667vw, 20.0px);
        height: auto;
    }

    .brandAdv .contentGroup .item p {
        text-align: left;
        font-size: clamp(9.765625px, 2.604166666666667vw, 20.0px);
        height: auto;
        width: auto;
    }

    .brandAdv .contentGroup .item h3 {
        font-size: clamp(14.6484375px, 3.90625vw, 30.0px);
        margin-bottom: clamp(3.90625px, 1.0416666666666667vw, 8.0px);
    }

    .brandAdv .contentGroup .item svg {
        margin: 0;
        width: clamp(39.0625px, 10.416666666666668vw, 80.0px);
        min-width: clamp(39.0625px, 10.416666666666668vw, 80.0px);
        height: auto;
        margin-right: clamp(9.765625px, 2.604166666666667vw, 20.0px);
    }

    .brandAdv .contentGroup .item:hover {
        box-shadow: 0px clamp(3.90625px, 1.0416666666666667vw, 20.0px) clamp(9.765625px, 2.604166666666667vw, 50.0px) 0px rgba(0, 0, 0, 0.04);
    }

    .appFeature h2 {
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
    }

    .appFeature .titleGroup {
        margin-bottom: clamp(11.474609375px, 3.0598958333333335vw, 23.5px);
    }

    .appFeature .itemTitleGroup h3 {
        color: #fff;
        font-size: clamp(14.6484375px, 3.90625vw, 30.0px)
    }

    .appFeature .section1 {
        width: 100%;
    }

    .appFeature .right {
        width: clamp(118.65234375px, 31.640625vw, 243.0px);
        height: clamp(245.60546875px, 65.49479166666667vw, 503.0px);
    }

    .appFeature .contentGroup {
        height: auto;
        width: auto;
    }

    .appFeature .contentGroup .item {
        pointer-events: none;
        margin-bottom: clamp(34.66796875px, 9.244791666666668vw, 71.0px);
    }

    .iziaAi .container {
        padding-top: clamp(19.53125px, 5.208333333333334vw, 40.0px) !important;
        padding-bottom: clamp(39.0625px, 10.416666666666668vw, 80.0px) !important;
    }

    .iziaAi h2 {
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
        margin-bottom: calc(clamp(11.474609375px, 3.0598958333333335vw, 23.5px) + 8px);
    }

    .iziaAi h2 span:nth-child(2){
        display: none;
    }

    .iziaAi p {
        font-size: clamp(12.6953125px, 3.385416666666667vw, 26.0px);
    }

    .iziaAi .titleGroup {
        width: auto;
        margin-bottom: clamp(34.1796875px, 9.114583333333334vw, 70.0px);
    }

    .iziaAi .contentGroup {
        width: 100%;
    }

    .iziaAi .contentGroup img {
        width: 40%;
    }

    .ourLatestEvent {
        background: #fff;
    }

    .ourLatestEvent .left, .ourLatestEvent .right {
        width: 100%;
    }

    .ourLatestEvent h2 {
        color: #000;
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
        margin-bottom: calc(clamp(11.474609375px, 3.0598958333333335vw, 23.5px) + 8px);
    }

    .ourLatestEvent .right a {
        width: 100%;
        margin-bottom: clamp(20.99609375px, 5.598958333333334vw, 43.0px);
        height: auto;
    }

    .ourLatestEvent .right h3 {
        font-family: Cus-Medium;
        font-size: clamp(13.671875px, 3.6458333333333335vw, 28.0px);
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.04em;
        color: #0E1126;
        width: 100%;
    }

    .ourLatestEvent .right .description {
        font-family: Cus-Light;
        font-size: clamp(11.71875px, 3.125vw, 24.0px);
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0.04em;
        color: #0E1126;
    }

    .ourLatestEvent .right .img {
        width: clamp(103.02734375px, 27.473958333333336vw, 211.0px);
        height: clamp(77.63671875px, 20.703125vw, 159.0px);
        padding-top: 0;
        border-radius: clamp(7.8125px, 2.0833333333333335vw, 16.0px);
        margin-right: clamp(9.765625px, 2.604166666666667vw, 20.0px);
    }

    .ourLatestEvent .right p {
        width: 100%;
    }

    .ourLatestEvent .right p span {
        font-family: Cus-Light;
        font-size: clamp(11.71875px, 3.125vw, 24.0px);
        font-weight: normal;
        line-height: normal;
        letter-spacing: 0.04em;
        color: #0E1126;
    }

    #eventContainer {
        width: auto;
        overflow-x: unset;
        height: auto;
    }

    .discover h2 {
        text-align: left;
        font-size: clamp(15.625px, 4.166666666666667vw, 32.0px);
    }

    .discover p {
        font-size: clamp(12.6953125px, 3.385416666666667vw, 26.0px);
    }
}

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

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