body {
    background-color: #020307;
}

.banner {
    background-color: #000;
}

.banner .container {
    max-width: 100%;
    /*padding-left: clamp(78.125px, 20.833333333333336vw, 400.0px);*/
    /*padding-right: clamp(37.5px, 10.0vw, 192.0px);*/
    /*padding-bottom: clamp(35.9375px, 9.583333333333334vw, 184.0px);*/
    position: relative;
}

.banner .container .videoGroup {
    width: 100%;
    height: clamp(164.0625px, 43.75vw, 840.0px);
    position: relative;
    overflow: hidden;
}

.banner .container .videoGroup video {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.topShadow {
    width: 100%;
    height: clamp(31.25px, 8.333333333333334vw, 160.0px);
    background: linear-gradient(180deg, #000000 -19%, rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(0px);
    position: absolute;
    top: 0;
}

.leftShadow {
    width: clamp(42.1875px, 11.25vw, 216.0px);
    height: 101%;
    background: linear-gradient(90deg, #000000 -19%, rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(0px);
    position: absolute;
    left: -2px;
}

.rightShadow {
    width: clamp(42.1875px, 11.25vw, 216.0px);
    height: 101%;
    background: linear-gradient(270deg, #000000 -19%, rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(0px);
    position: absolute;
    right: -2px;
}

.banner h1{
    font-family: Cus-Bold;
    margin-bottom: clamp(9.375px, 2.5vw, 48.0px);
    font-size: clamp(14.0625px, 3.75vw, 72.0px);
    font-weight: bold;
    line-height: clamp(19.53125px, 5.208333333333334vw, 100.0px);
    letter-spacing: normal;
    color: #FFFFFF;
    text-shadow: 0px 4px 30px rgba(0, 0, 0, 0.3);
}

.banner p {
    font-family: Cus-Light;
    font-size: clamp(4.6875px, 1.25vw, 24.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    margin-bottom: clamp(32.2265625px, 8.59375vw, 165.0px);
    min-height: clamp(25.390625px, 6.770833333333334vw, 130.0px);
}

.banner .titleGroup {
    width: clamp(121.09375px, 32.29166666666667vw, 620.0px);
    position: absolute;
    bottom: clamp(9.1796875px, 2.447916666666667vw, 47.0px);
    left: clamp(78.125px, 20.833333333333336vw, 400.0px);
    z-index: 2;
}

.banner .contentGroup {
    position: absolute;
    top: 0;
    width: clamp(206.0546875px, 54.94791666666667vw, 1055.0px);
    right: clamp(37.5px, 10.0vw, 192.0px);
    z-index: 1;
}

.banner .contentGroup .background{
    height: 90%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.banner .contentGroup .shadow {
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: clamp(37.5px, 10.0vw, 192.0px);
    background: linear-gradient(180deg, #000000 -19%, rgba(0, 0, 0, 12%) 100%);
    backdrop-filter: blur(0px);
}

.banner .contentGroup .imgBtnGroup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.banner .contentGroup .imgBtnGroup .imgBtn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 0 clamp(5.859375px, 1.5625vw, 30.0px);
    width: 24%;
    padding-top: 15%;
}

.banner .downloadApp {
    height: clamp(37.890625px, 10.104166666666668vw, 194.0px);
}

.banner .pcDownloadApp {
    display: block;
    font-family: Cus-Regular;
    font-size: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    margin-left: clamp(78.125px, 20.833333333333336vw, 400.0px);
}

.banner .pcDownloadApp .title {
    margin-right: clamp(8.984375px, 2.3958333333333335vw, 46.0px);
}

.banner .pcDownloadApp svg{
    width: clamp(12.3046875px, 3.28125vw, 63.0px);
    height: clamp(12.3046875px, 3.28125vw, 63.0px);
}

.banner .mobileDownloadApp {
    display: none;
    font-family: Cus-Light;
    font-size: clamp(11.71875px, 3.125vw, 24.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.12);
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.23);
    backdrop-filter: blur(10px);
    border-radius: clamp(48.828125px, 13.020833333333334vw, 100.0px);
    padding: 0;
    width: max-content;
    padding: clamp(5.859375px, 1.5625vw, 12.0px) clamp(11.23046875px, 2.994791666666667vw, 23.0px);
}

.localService {
    background-color: #fff;
}

.localService h2{
    font-family: Cus-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #000000;
}

.localService .titleGroup {
    margin-bottom: clamp(29.6875px, 7.916666666666667vw, 152.0px);
}


.localService .titleGroup p {
    font-family: Cus-Light;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.localService .row:first-child {
    margin-bottom: clamp(23.4375px, 6.25vw, 120.0px);
}

.localService .col .content {
    width: clamp(62.5px, 16.666666666666668vw, 320.0px);
}

.localService .col img {
    width: clamp(20.5078125px, 5.46875vw, 105.0px);
    margin-right: clamp(4.6875px, 1.25vw, 24.0px);
}

.localService .col h3 {
    font-family: Cus-Medium;
    font-size: clamp(5.859375px, 1.5625vw, 30.0px);
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #000000;
}

.localService .col p {
    font-family: Cus-Light;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #000000;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
}

.deliveryService {
    background: radial-gradient(45% 52% at 40% 53%, #411B19 0%, #020408 100%);
}

.deliveryService .titleGroup {
    margin-bottom: clamp(25.0px, 6.666666666666667vw, 128.0px);
}

.deliveryService h2 {
    font-family: Cus-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: 600;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.deliveryService .titleGroup p {
    font-family: Cus-Light;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: normal;
    color: #FFFFFF;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.deliveryService .container .contentGroup {
    perspective: 80rem;
}

.deliveryService .contentGroup .titleGroup h3 {
    font-family: Cus-Medium;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: normal;
    color: #FFFFFF;
}

.deliveryService .contentGroup .titleGroup p {
    font-family: Cus-Light;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: normal;
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.deliveryService .contentGroup .col {
    width: clamp(65.8203125px, 17.552083333333336vw, 337.0px);
    height: clamp(98.6328125px, 26.302083333333336vw, 505.0px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: clamp(9.765625px, 2.604166666666667vw, 50.0px);
    will-change: transform;
    backface-visibility: hidden;
    transition: 0.5s ease-out;
    cursor: pointer;
    opacity: 0;
}

.deliveryService .contentGroup .col:nth-child(1){
    transform: translate3d(115%, 0px, -70px) rotateX(0deg) rotateY(-15deg) scale(1);
    z-index: 1;
}

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

.deliveryService .contentGroup .col:nth-child(2){
    margin: 0 clamp(10.9375px, 2.916666666666667vw, 56.0px);
    z-index: 2;
}

.deliveryService .contentGroup .col:nth-child(2):hover{
    transform: scale(1.1);
}

.deliveryService .contentGroup .col:nth-child(3){
    transform: translate3d(-115%, 0px, -70px) rotateX(0deg) rotateY(15deg) scale(1);
    z-index: 1;
}

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

.deliveryService .contentGroup .col:nth-child(1) h3,
.deliveryService .contentGroup .col:nth-child(3) h3{
    font-size: clamp(2.947265625px, 0.7859375000000001vw, 15.09px);
}

.deliveryService .contentGroup .col:nth-child(2) h3{
    font-size: clamp(3.791015625px, 1.0109375vw, 19.41px);
}

.deliveryService .contentGroup .col:nth-child(1) p,
.deliveryService .contentGroup .col:nth-child(3) p{
    font-size: clamp(2.734375px, 0.7291666666666667vw, 14.0px);
}

.deliveryService .contentGroup .col:nth-child(2) p{
    font-size: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.deliveryService .contentGroup .col .titleGroup {
    position: absolute;
    top: 65%;
    height: 35%;
    border-radius: 0 0 clamp(7.03125px, 1.875vw, 36.0px) clamp(7.03125px, 1.875vw, 36.0px);
    padding: clamp(4.6875px, 1.25vw, 24.0px) clamp(9.375px, 2.5vw, 48.0px) 0 clamp(9.375px, 2.5vw, 48.0px);
    background: linear-gradient(180deg, rgba(14, 17, 38, 0) 0%, rgba(12, 9, 9, 0.76) 67%);
    backdrop-filter: blur(42.44px);
    width: 100%;
    margin-bottom: 0;
}

.deliveryService .detailGroup {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deliveryService .detailGroup .left {
    width: clamp(95.83789062499999px, 25.556770833333335vw, 490.69px);
    height: clamp(110.744140625px, 29.531770833333333vw, 567.01px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: clamp(11.71875px, 3.125vw, 60.0px) 0rem clamp(3.125px, 0.8333333333333334vw, 16.0px) clamp(7.8125px, 2.0833333333333335vw, 40.0px);
    position: relative;
    margin-right: clamp(25.0px, 6.666666666666667vw, 128.0px);
}

.deliveryService .detailGroup .left p {
    font-family: Cus-Light;
    font-size: clamp(2.640625px, 0.7041666666666667vw, 13.52px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #FFFFFF;
    max-width: clamp(28.3203125px, 7.552083333333334vw, 145.0px);
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

/*TITLE*/
.deliveryService .detailGroup .left h3 {
    font-family: Cus-Bold;
    font-size: clamp(8.91015625px, 2.3760416666666666vw, 45.62px);
    font-weight: normal;
    line-height: clamp(14.453125px, 3.854166666666667vw, 74.0px);
    letter-spacing: normal;
    text-align: left;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.deliveryService .detailGroup .titleGroup {
    margin-bottom: 0;
}

.deliveryService .detailGroup .item1, .deliveryService .detailGroup .item2,.deliveryService .detailGroup .item3 {
    display: none;
}

.deliveryService .detailGroup .item1 .left h3 {
    margin-bottom: clamp(46.875px, 12.5vw, 240.0px);
}

.deliveryService .detailGroup .item2 .left h3 {
    margin-bottom: clamp(31.25px, 8.333333333333334vw, 160.0px);
}

.deliveryService .detailGroup .item3 .left h3 {
    margin-bottom: clamp(31.25px, 8.333333333333334vw, 160.0px);
}

/*ICON*/
.deliveryService .detailGroup .left .icon {
    position: absolute;
    width: clamp(78.125px, 20.833333333333336vw, 400.0px);
}

.deliveryService .detailGroup .item1 .left .icon {
    right: -15%;
    bottom: 12%;
}

.deliveryService .detailGroup .item2 .left .icon {
    right: -30%;
    bottom: clamp(6.25px, 1.6666666666666667vw, 32.0px);
}

.deliveryService .detailGroup .item3 .left .icon {
    right: -15%;
    bottom: clamp(12.5px, 3.3333333333333335vw, 64.0px);
    width: clamp(68.75px, 18.333333333333336vw, 352.0px);
}

.deliveryService .detailGroup .left .icon img{
    width: 100%;
}

.deliveryService .detailGroup .item2 .left {
    background-image: url("../img/ourDeliveryDetailBackground1.png");
}

.deliveryService .detailGroup .item1 .left {
    background-image: url("../img/ourDeliveryDetailBackground2.png");
}

.deliveryService .detailGroup .item3 .left {
    background-image: url("../img/ourDeliveryDetailBackground3.png");
}

.deliveryService .detailGroup .right .contentGroup {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.deliveryService .detailGroup .right .itemList{
    padding-left: 0;
    margin-bottom: clamp(7.8125px, 2.0833333333333335vw, 40.0px);
    width: 100%;
}

.deliveryService .detailGroup .right h4{
    font-family: Cus-Medium;
    font-size: clamp(5.279296875px, 1.4078125000000001vw, 27.03px);
    font-weight: normal;
    line-height: clamp(16.5px, 4.4vw, 84.48px);
    letter-spacing: normal;
    color: #FFFFFF;
    margin-bottom: clamp(7.8125px, 2.0833333333333335vw, 40.0px);
}

.deliveryService .detailGroup .right .item{
    font-family: Cus-Light;
    font-size: clamp(3.630859375px, 0.9682291666666667vw, 18.59px);
    font-weight: normal;
    line-height: clamp(5.939453125px, 1.5838541666666668vw, 30.41px);
    letter-spacing: normal;
    color: #FFFFFF;
    padding: clamp(3.125px, 0.8333333333333334vw, 16.0px);
    margin: clamp(1.5625px, 0.4166666666666667vw, 8.0px) 0;
}

.deliveryService .detailGroup .right .item:hover {
    border-radius: 8px;
    background: linear-gradient(90deg, #ffffff1c 0%, rgb(255 255 255 / 0%) 100%);
    cursor: pointer;
}

.deliveryService .detailGroup .right .order-now a{
    font-family: Cus-Light;
    font-size: clamp(4.15625px, 1.1083333333333334vw, 21.28px);
    font-weight: normal;
    line-height: clamp(5.34375px, 1.425vw, 27.36px);
    text-align: center;
    letter-spacing: normal;
    color: #000000;
    padding: clamp(0.78125px, 0.20833333333333334vw, 4.0px) clamp(0.9765625px, 0.2604166666666667vw, 5.0px) clamp(0.78125px, 0.20833333333333334vw, 4.0px) clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(90deg, #1A1F5E -27%, #464A7C 25%, #987888 63%, #FFD1B5 101%), #D8D8D8;
    border-radius: clamp(9.017578125px, 2.4046875vw, 46.17px);
}

.deliveryService .detailGroup .right .order-now img{
    width: clamp(9.765625px, 2.604166666666667vw, 50.0px);
    height: clamp(9.765625px, 2.604166666666667vw, 50.0px);
    margin-left: clamp(1.953125px, 0.5208333333333334vw, 10.0px);
}

.deliveryService .detailGroup .page-btn {
    position: absolute;
    top: calc(50% - 30px);
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 95%;
}

.deliveryService .detailGroup .page-btn img {
    width: clamp(11.71875px, 3.125vw, 60.0px);
}

.deliveryService .detailGroup .page-btn .page-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.deliveryService .detailGroup .page-btn .page-right .page-size {
    margin-right: 1rem;
    font-family: Cus-Regular;
    font-size: clamp(3.515625px, 0.9375vw, 18.0px);
    font-weight: normal;
    line-height: clamp(3.515625px, 0.9375vw, 18.0px);
    letter-spacing: 0em;
    color: #FFFFFF;
    transition: all .3s ease-out;
}

.moveInCircle {
    animation: moveInCircle .8s ease-in-out forwards;
}

@keyframes moveInCircle {
    0% {
        opacity: 0;
        filter: blur(100px);
    }

    1% {
        transform: translate(-60%, -20%) rotate(-90deg) translate(60%, 20%) rotate(90deg);
        opacity: 0;
        filter: blur(100px);
    }

    100% {
        transform: translate(-60%, -20%) rotate(0deg) translate(60%, 20%) rotate(0deg);
        opacity: 1;
        filter: blur(0px);
    }
}

.moveOutCircle {
    animation: moveOutCircle .8s ease-in-out forwards;
}

@keyframes moveOutCircle {
    0% {
        transform: translate(-60%, -20%) rotate(0deg) translate(60%, 20%) rotate(0deg);
        opacity: 1;
        filter: blur(0px);
    }

    100% {
        transform: translate(-60%, -20%) rotate(90deg) translate(60%, 20%) rotate(-90deg);
        opacity: 0;
        filter: blur(100px);
    }
}

.brandAdv {
    background-color: #fff;
}

.brandAdv h2 {
    font-family: Cus-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.brandAdv .titleGroup {
    margin-bottom: clamp(18.75px, 5.0vw, 96.0px);
}

.brandAdv .titleGroup p {
    font-family: Cus-Light;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.brandAdv .contentGroup .item {
    width: clamp(66.2109375px, 17.65625vw, 339.0px);
    height: clamp(73.046875px, 19.479166666666668vw, 374.0px);
    margin: clamp(2.1484375px, 0.5729166666666667vw, 11.0px);
    box-shadow: 0px clamp(3.90625px, 1.0416666666666667vw, 20.0px) clamp(9.765625px, 2.604166666666667vw, 50.0px) 0px rgba(0, 0, 0, 0.04);
    border-radius: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
}

.brandAdv .contentGroup .item p {
    font-family: Cus-Light;
    font-size: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: normal;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
    width: clamp(48.24218749999999px, 12.864583333333334vw, 247.0px);
}

.brandAdv .contentGroup .item h3 {
    font-family: Cus-Medium;
    font-size: clamp(4.4921875px, 1.1979166666666667vw, 23.0px);
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #000000;
}

.brandAdv .contentGroup .item svg {
    margin: clamp(10.7421875px, 2.8645833333333335vw, 55.0px) 0;
    width: clamp(12.5px, 3.3333333333333335vw, 64.0px);
    height: clamp(12.5px, 3.3333333333333335vw, 64.0px);
}

.brandAdv .contentGroup .item:hover {
    box-shadow: 0px 20px 50px 20px rgba(0, 0, 0, 0.08);
}

.appFeature {
    background: linear-gradient(270deg, #423332 -2%, #020408 65%);
}

.appFeature h2{
    font-family: Cus-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.appFeature .titleGroup p {
    font-family: Cus-Light;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.appFeature .itemTitleGroup h3{
    font-family: Cus-Regular;
    font-size: clamp(3.9843749999999996px, 1.0625vw, 20.4px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #8D7777;
    position: relative;
    margin-bottom: 0;
    transition: all .3s ease-out;
}

.appFeature .itemContentGroup p{
    font-family: Cus-Light;
    font-size: clamp(2.734375px, 0.7291666666666667vw, 14.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    display: none;
    opacity: 0;
    margin-left: calc(clamp(5.46875px, 1.4583333333333335vw, 28.0px) + clamp(5.625px, 1.5vw, 28.8px));
    transition: all .3s ease-out;
}

.appFeature .right {
    width: clamp(70.5078125px, 18.802083333333336vw, 361.0px);
}

.appFeature .right img{
    width: 100%;
}

.appFeature .left {
    width: 55%;
}

.appFeature .titleGroup {
    margin-bottom: clamp(25.0px, 6.666666666666667vw, 128.0px);
}

.appFeature .contentGroup {
    height: clamp(93.75px, 25.0vw, 480.0px);
    width: clamp(97.65625px, 26.041666666666668vw, 500.0px);
}

.appFeature .contentGroup .item {
    margin-bottom: clamp(15.625px, 4.166666666666667vw, 80.0px);
    cursor: pointer;
    transition: all .3s ease-out;
}

.appFeature .contentGroup .item svg {
    margin-right: clamp(5.46875px, 1.4583333333333335vw, 28.0px);
    width: clamp(5.625px, 1.5vw, 28.8px);
    height: clamp(6.060546875px, 1.6161458333333334vw, 31.03px);
}

.appFeature .contentGroup .item h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 35px;
    height: 4px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, #FFFFFF -25%, #FF731C 98%);
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.appFeature .contentGroup .item .itemTitleGroup {
    margin-bottom: clamp(2.1484375px, 0.5729166666666667vw, 11.0px);
}

.appFeature .contentGroup .item:hover h3:after {
    opacity: 1;
}

.appFeature .contentGroup .item:hover h3 {
    font-size: clamp(5.46875px, 1.4583333333333335vw, 28.0px);
    font-weight: 500;
    color: #FFFFFF;
}

.appFeature .contentGroup .item:hover p{
    display: block;
    opacity: 1;
}

.appFeature .section1 {
    margin-bottom: clamp(40.625px, 10.833333333333334vw, 208.0px);
}

.appFeature .section2 img {
    width: 30%;
}

.appFeature .section2 img:nth-child(2) {
    margin: 0 clamp(5.46875px, 1.4583333333333335vw, 28.0px);
}

.iziaAi {
    background-color: #fff;
}

.iziaAi h2{
    font-family: Cus-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(9.375px, 2.5vw, 48.0px);
}

.iziaAi p {
    font-family: Cus-Light;
    font-size: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: clamp(15.039062500000002px, 4.010416666666667vw, 77.0px);
}

.iziaAi a img {
    width: clamp(13.671875px, 3.6458333333333335vw, 70.0px);
}

.iziaAi .titleGroup {
    width: clamp(85.546875px, 22.8125vw, 438.0px);
}

.iziaAi .contentGroup {
    width: clamp(128.3203125px, 34.21875vw, 657.0px);
    position: relative;
}

.iziaAi .contentGroup img{
    width: clamp(44.921875px, 11.979166666666668vw, 230.0px);
    margin: 0 1%;
    position: relative;
}

.iziaAi .contentGroup .background {
    height: 80%;
    width: 100%;
    background-color: #c6d1fd;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(100px);
}

.ourLatestEvent {
    display: none;
    background: linear-gradient(90deg, #000000 24%, rgba(0, 0, 0, 0.38) 99%),
    url(../img/ourLatestEventBackground.png) bottom right/cover no-repeat;
}

.ourLatestEvent h2 {
    font-family: Cus-Bold;
    font-size: clamp(8.59375px, 2.291666666666667vw, 44.0px);
    font-weight: bold;
    line-height: clamp(19.140625px, 5.104166666666667vw, 98.0px);
    letter-spacing: normal;
    color: #FFFFFF;
    margin-bottom: clamp(14.0625px, 3.75vw, 72.0px);
}

.ourLatestEvent p {
    font-family: Cus-Light;
    font-size: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    max-width: clamp(65.4296875px, 17.447916666666668vw, 335.0px);
    margin-bottom: clamp(3.125px, 0.8333333333333334vw, 16.0px);
}

.ourLatestEvent .left {
    width: clamp(81.25px, 21.666666666666668vw, 416.0px);
}

.ourLatestEvent .left .viewMore {
    margin-bottom: clamp(10.546875px, 2.8125vw, 54.0px);
}

.ourLatestEvent .left .viewMore svg{
    width: clamp(11.71875px, 3.125vw, 60.0px);
    height: clamp(11.71875px, 3.125vw, 60.0px);
}

.ourLatestEvent .left .viewMore  p {
    margin-bottom: 0;
    margin-right: clamp(3.125px, 0.8333333333333334vw, 16.0px);
    font-family: Cus-Regular;
    font-size: clamp(4.296875px, 1.1458333333333335vw, 22.0px);
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
}

.ourLatestEvent .right {
    width: clamp(128.3203125px, 34.21875vw, 657.0px);
}

.ourLatestEvent .right .img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%
}

.ourLatestEvent .right a {
    min-width: clamp(66.9921875px, 17.864583333333336vw, 343.0px);
    height: clamp(41.6015625px, 11.09375vw, 213.0px);
    margin-right: clamp(4.8828125px, 1.3020833333333335vw, 25.0px);
}

.discover {
    background-color: #020307;
}

.discover.customPadding{
    padding-top: clamp(62.5px, 16.666666666666668vw, 320.0px);
}

.discover h2 {
    font-family: Cus-Bold;
    font-size: clamp(7.8125px, 2.0833333333333335vw, 40.0px);
    font-weight: bold;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-bottom: clamp(8.0078125px, 2.135416666666667vw, 41.0px);
}

.discover p {
    font-family: Cus-Light;
    font-size: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    font-weight: normal;
    line-height: normal;
    text-align: center;
    letter-spacing: normal;
    color: #FFFFFF;
    max-width: clamp(146.2890625px, 39.01041666666667vw, 749.0px);
    margin-bottom: clamp(8.7890625px, 2.34375vw, 45.0px);
    opacity: 0.8;
}

.discover a {
    border-radius: clamp(5.859375px, 1.5625vw, 30.0px);
    border: 1px solid #FFFFFF;
    padding: 6px 0;
    font-family: Cus-Light;
    font-size: clamp(3.90625px, 1.0416666666666667vw, 20.0px);
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
}

.discover a.downloadApp {
    background-color: #fff;
    padding: clamp(2.9296875px, 0.78125vw, 15.0px) clamp(5.859375px, 1.5625vw, 30.0px);
    width: clamp(41.6015625px, 11.09375vw, 213.0px);
    height: clamp(11.71875px, 3.125vw, 60.0px);
    color: #0E1126;
    margin-right: clamp(7.8125px, 2.0833333333333335vw, 40.0px)
}

.discover a.business {
    color: #fff;
    padding: clamp(2.9296875px, 0.78125vw, 15.0px) clamp(5.859375px, 1.5625vw, 30.0px);
    width: clamp(31.8359375px, 8.489583333333334vw, 163.0px);
    height: clamp(11.71875px, 3.125vw, 60.0px);
}

.discover a.business:hover {
    border: 1px solid #fff;
}

#eventContainer {
    width: clamp(138.8671875px, 37.03125vw, 711.0px);
    overflow-x: auto;
    height: calc(clamp(41.6015625px, 11.09375vw, 213.0px)* 1.1);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#eventContainer::-webkit-scrollbar {
    display: none;
}