:root{
    --btn-icon-size:20px;
    --section-block-padding:55px;
    --gap-30:30px;
    --gap-40:40px;
    --grid-column:4
}
.gap--10{
    gap:10px
}
main.page{
    padding-block-start:30px;
    padding-block-end:100px;
    min-height:65vh
}
main.page p{
    font-size:var(--fs-18);
    line-height:1.6;
    color:var(--clr-373737)
}
.section__title.h-padding{
    padding-block-end:clamp(30px,4vw,40px)
}
main.page .tag__title{
    font-size:16px
}
@media(max-width:1600px){
    main.page p{
        font-size:var(--fs-16)
    }
}
@media(max-width:700px){
    .section__title{
        --fs-60:35px
    }
}
.banner__slider .slider__nav,.content__slider .slider__nav{
    z-index:99
}
.content__slider .slider__nav.inline,.banner__slider .slider__nav.inline{
    top:50%;
    transform:translateY(-50%)
}
.content__slider .slider__nav.inline .swiper--arrows,.content__slider .slider__nav.inline .swiper--arrows:not(.swiper-button-disabled):hover,.banner__slider .slider__nav.inline .swiper--arrows,.banner__slider .slider__nav.inline .swiper--arrows:not(.swiper-button-disabled):hover{
    background:var(--clr-text-light)
}
.breadcrumbs{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    padding-block-end:var(--gap-30)
}
.breadcrumbs li,.breadcrumbs li a{
    position:relative;
    color:var(--clr-666);
    font-size:clamp(12px,3vw,15px)
}
.breadcrumbs li{
    display:flex;
    align-items:center;
    gap:10px
}
.breadcrumbs li a:hover{
    color:var(--clr-brand);
    text-decoration:underline
}
.breadcrumbs li:not(:last-child)::after{
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid currentColor;
    border-right:1px solid currentColor;
    transform:rotate(45deg)
}
.company{
    padding-block-end:clamp(60px,6vw,100px)
}
.models--list.card__grid{
    row-gap:60px;
    --card-gap:30px;
    align-items:start;
    padding-block-start:40px
}
.models--list .card figure{
    aspect-ratio:auto;
    grid-template-rows:auto;
    gap:15px;
    border-radius:0
}
.models--list .card figure picture,.models--list .card figure figcaption{
    grid-area:auto
}
.models--list .card figure picture{
    background-color:#fff;
    padding:30px;
    border-radius:var(--radius-6);
    overflow:clip
}
.models--list .card figure figcaption{
    color:var(--clr-text-dark);
    background:transparent;
    padding-inline:0;
    padding-block-end:0
}
.models--list .card .card__title{
    font-family:var(--ff-body);
    font-size:clamp(16px,2vw,20px)
}
@media(hover:hover){
    .models--list a.card:hover img,.models--list a.card:hover .card__title{
        transform:none
    }
    .models--list a.card:hover{
        --card-content-b-end-padding:0
    }
    .models--list .card:hover .card__title{
        color:var(--clr-brand)
    }
}
@media(max-width:1600px){
    .models--list.card__grid{
        --card-gap:20px
    }
    .models-search.form-wrap{
        column-gap:20px
    }
}
@media(max-width:640px){
    .models--list.card__grid{
        --card-count:2;
        row-gap:40px
    }
    .models-search.form-wrap{
        gap:20px
    }
    .models--list .card figure picture{
        padding:15px
    }
}
.seo__content{
    border-top:1px solid rgba(0,0,0,.2);
    padding-block-start:clamp(50px,6vw,80px)
}
.seo__content .wrapper{
    gap:var(--gap-30)
}
.pagination-container{
    padding-block-start:clamp(60px,6vw,100px)
}
.pagination{
    --pagination-size:50px;
    --pagination-f-size:16px
}
.pagination a,.pagination span{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:var(--pagination-size);
    height:var(--pagination-size);
    color:var(--clr-dark);
    border:1px solid transparent;
    font-weight:var(--fw-semibold);
    transition:all ease-in-out 200ms
}
.pagination li a:hover{
    color:var(--clr-brand)
}
.pagination .active a,.pagination .active span{
    color:var(--clr-brand);
    border-color:var(--clr-brand)
}
.content .list li{
    list-style-type:none;
    position:relative;
    padding-inline-start:25px
}
.content .list li:before{
    content:"â–º\20";
    font-size:10px;
    position:absolute;
    top:5px;
    left:0
}
.content p>a{
    color:var(--clr-brand)
}
.content>a{
    color:var(--clr-brand)
}
.content-section{
    --section-b-padding:80px;
    --content-gap:60px;
    padding-block:var(--section-b-padding)
}
.content-section h5{
    font-size:var(--fs-26);
    line-height:1.3
}
.iti{
    width:100%
}
.form-wrap h3,.form-wrap h4{
    font-size:var(--fs-32);
    line-height:1.3;
    margin-block-start:var(--gap-40);
    margin-block-end:calc(var(--gap-40)/2)
}
.form-wrap{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px 30px;
    align-items:start
}
.form-wrap .form__group{
    display:flex;
    flex-direction:column;
    gap:10px;
    align-content:flex-start;
    flex-wrap:wrap;
    justify-content:center
}
.form-wrap .form__group.full--width{
    grid-column:span 2
}
.form-wrap .category-list{
    grid-template-columns:1fr 1fr 1fr;
    grid-column:span 2;
    gap:20px;
    display:grid;
    align-items:start
}
.form-wrap .category-list .form-check-inline{
    width:20px;
    height:20px
}
.form__group input,.form__group textarea,.form__group select{
    width:100%;
    background:none;
    border:1px solid rgba(0,0,0,.5);
    border-radius:0;
    padding:15px 20px;
    outline:0;
    font-size:16px;
    border-radius:var(--radius-6)
}
.form__group .input-validation-error{
    border-color:#f00
}
.form__group textarea{
    min-height:120px
}
.form__group .input-group{
    grid-template-columns:auto auto 1fr;
    row-gap:5px;
    column-gap:20px;
    align-items:center
}
.input-group{
    width:100%;
    display:grid;
    grid-template-columns:.5fr .5fr 3fr
}
.form__group .radioContainer{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    width:100%;
    padding-block:10px
}
.form__group .radio-inline{
    display:flex;
    align-items:flex-start;
    gap:5px;
    font-size:16px;
    padding-block:5px
}
.form__group .radio-inline label{
    font-weight:var(--fw-medium);
    color:var(--clr-brand);
    font-size:1.125rem
}
.input-group-addon{
    display:flex;
    gap:5px;
    align-items:start
}
.form__group input[type="radio"],.form__group input[type="checkbox"]{
    line-height:normal;
    width:20px;
    height:20px
}
.select__wrapper{
    position:relative;
    width:100%
}
.select__wrapper::after{
    position:absolute;
    right:20px;
    top:18px;
    content:'';
    width:13px;
    height:13px;
    border-top:1px solid #000;
    border-right:1px solid #000;
    transform:rotate(135deg)
}
.dark .select__wrapper::after{
    border-top:1px solid #fff;
    border-right:1px solid #fff
}
.form__group select{
    -webkit-appearance:none;
    appearance:none
}
.form__group .text-danger{
    color:#f00;
    font-size:14px
}
.form__group sup,.info-alerts,.red-star{
    color:#f00
}
.models__search{
    position:relative
}
.models-search label{
    font-size:var(--fs-14);
    font-family:var(--ff-josefin);
    color:var(--clr-brand);
    font-weight:var(--fw-semibold);
    text-transform:uppercase
}
.dark .models__search button svg path{
    fill:#fff
}
.models__search button{
    position:absolute;
    z-index:4;
    right:0;
    top:0;
    width:60px;
    height:100%;
    display:grid;
    align-items:center;
    justify-content:center;
    border:0;
    outline:0;
    cursor:none;
    border-end-end-radius:6px;
    border-start-end-radius:6px;
    background:transparent
}
.models__search i{
    position:absolute;
    z-index:4;
    left:20px;
    top:18px;
    width:20px;
    height:20px
}
.models__search:focus-within button{
    background-color:var(--clr-brand);
    cursor:pointer
}
.models__search:focus-within button svg path{
    fill:#fff!important
}
.models-search input{
    -webkit-appearance:none
}
.on-screen__info{
    --content-logo-size:300px;
    gap:30px;
    align-content:start;
    align-items:start
}
.on-screen__info figure.events{
    grid-template-columns:1fr;
    gap:50px
}
.on-screen__info figure{
    grid-template-columns:var(--content-logo-size) 1fr;
    gap:50px
}
.on-screen__info figure .tahir-jabbar-productions__logo{
    background:#fff;
    border-radius:var(--radius-6);
    padding:15px;
    max-width:var(--content-logo-size)
}
.on-screen__info figure figcaption ul{
    row-gap:30px;
    column-gap:60px
}
.on-screen__info figure figcaption ul li{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:20px;
    align-items:center
}
.on-screen__info figure figcaption ul li.content--time{
    width:100%
}
.content__details{
    grid-template-columns:60% 40%;
    padding-block-start:clamp(40px,5vw,80px);
    align-items:start
}
.content__details__content{
    display:grid;
    align-content:space-between;
    gap:40px;
    padding-inline-start:50px;
    min-height:100%
}
.no-space.content__details__content{
    padding-inline-start:0
}
.content__details__content .content{
    gap:20px;
    justify-items:start
}
.content__details__content .content .content__desc{
    display:grid;
    gap:15px
}
.content__details__content .content .btn__wrapper{
    padding-block-start:10px
}
main.page .content__desc p{
    font-size:var(--fs-17)
}
.content__tags{
    gap:30px;
    margin-block-start:auto
}
.content__tags__group{
    display:grid;
    gap:15px
}
.content__tags__list{
    gap:10px;
    flex-wrap:wrap
}
.content__tags__list a,.content__tags__list span{
    display:block;
    border:1px solid #999;
    color:var(--clr-text-dark);
    padding:8px 20px;
    border-radius:60px;
    width:max-content;
    font-size:clamp(14px,4vw,15px)
}
.content__tags__list span{
    padding:5px 15px
}
.content__tags__list a:hover{
    background-color:var(--clr-brand);
    border-color:var(--clr-brand);
    color:#fff
}
.content--happenings{
    border-top:1px solid rgba(0,0,0,.2);
    padding-block-end:0
}
.on-screen__info figcaption ul li a{
    color:var(--clr-text-dark)
}
.on-screen__info figure figcaption ul li a:hover{
    border-bottom:1px solid var(--clr-text-dark)
}
@media(max-width:1400px){
    .content__details{
        grid-template-columns:50% 50%
    }
    .content__slider{
        max-width:100%
    }
}
@media(max-width:1200px){
    .content__details{
        grid-template-columns:minmax(0,1fr)
    }
    .content__details__content{
        padding-inline-start:0;
        padding-block-start:40px
    }
}
@media(max-width:860px){
    .on-screen__info figure{
        grid-template-columns:auto
    }
}
@media(max-width:640px){
    .on-screen__info{
        --content-logo-size:180px;
        gap:20px
    }
    .form__group .radioContainer{
        grid-template-columns:repeat(2,1fr)
    }
    .content__slider{
        max-width:100%
    }
    main.page .tag__title{
        font-size:14px
    }
    .on-screen__info figure .tahir-jabbar-productions__logo{
        padding:10px
    }
    .on-screen__info figure{
        gap:25px
    }
    .on-screen__info figure figcaption ul{
        row-gap:20px;
        flex-direction:column
    }
    .on-screen__info figure figcaption ul li{
        grid-template-columns:20px 1fr;
        gap:10px;
        word-break:break-word;
        font-size:var(--fs-15)
    }
    .on-screen__info figure figcaption ul li.content--time{
        align-items:start
    }
    .on-screen__info figure figcaption ul li svg{
        width:20px;
        height:20px
    }
    main.page .content__desc p{
        font-size:var(--fs-16)
    }
    main.page{
        padding-block-end:50px
    }
}
.mall__profile{
    padding-block-end:clamp(60px,5vw,80px)
}
.mall__profile .wrapper{
    gap:40px
}
.mall__profile .mall__profile__content{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:50px;
    align-items:start;
    align-content:start
}
.mall__profile .mall__profile__content .content{
    gap:20px
}
.awards{
    border-top:1px solid rgba(0,0,0,.2);
    padding-block-start:clamp(40px,5vw,60px)
}
.awards .section__title{
    font-size:clamp(25px,4vw,45px);
    color:var(--clr-brand)
}
.awards .awards__list{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:30px 50px;
    padding-block-start:50px
}
.awards .award--item{
    gap:15px
}
.awards .award--item picture{
    background:#fff;
    padding:10px;
    border-radius:var(--radius-6)
}
.awards .award--item figcaption{
    padding-inline:5px
}
.awards .award--item .award__title{
    color:var(--clr-text-dark)
}
@media(max-width:1600px){
    .awards .awards__list{
        gap:40px 30px
    }
}
@media(max-width:860px){
    .mall__profile .mall__profile__content{
        grid-template-columns:auto;
        gap:30px
    }
    .awards .awards__list{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:860px){
    .awards .awards__list{
        gap:40px 15px;
        padding-block-start:30px
    }
}
.tjp__services .title__wrapper{
    gap:20px
}
.service__list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:80px;
    column-gap:50px;
    padding-block-start:clamp(40px,5vw,80px)
}
.service__list .service__item{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px;
    align-items:start
}
.service__list .service__item figcaption{
    gap:20px
}
.service__list .service__item figcaption .item--title{
    color:var(--clr-brand);
    font-size:clamp(22px,2vw,32px)
}
.service__list .service__item figcaption p{
    text-wrap:balance
}
@media(max-width:860px){
    .service__list{
        grid-template-columns:auto;
        row-gap:50px
    }
    .service__list .service__item{
        grid-template-columns:280px 1fr
    }
    .service__list .service__item figcaption .item--title{
        font-size:25px
    }
}
@media(max-width:860px){
    .service__list{
        row-gap:60px
    }
    .service__list .service__item{
        grid-template-columns:auto;
        gap:20px
    }
}
.mall__timings .group__title{
    font-family:var(--ff-josefin);
    color:var(--clr-brand);
    font-size:clamp(22px,3vw,25px);
    text-transform:uppercase;
    padding-block-start:40px;
    padding-block-end:30px
}
.mall__timings .time__group{
    display:grid;
    gap:20px
}
.mall__timings .time__group h3{
    font-family:var(--ff-body);
    font-size:18px;
    font-weight:var(--fw-bold);
    color:var(--clr-text-dark)
}
.mall__timings .time__group__item{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
    margin-block-end:30px
}
.mall__timings .time__data{
    background:#fff;
    border-radius:var(--radius-6);
    padding:25px;
    border-inline-start:4px solid var(--clr-brand)
}
.dark .mall__timings .time__data{
    background:#1f2326
}
.mall__timings .time__data>p{
    color:var(--clr-brand)
}
@media(max-width:640px){
    .mall__timings .time__group__item{
        grid-template-columns:auto;
        gap:10px
    }
    .mall__timings .time__group h3{
        font-size:16px
    }
    .mall__timings .time__data{
        padding:18px;
        border-width:2px
    }
}
.floorplan .content--wrapper{
    gap:20px
}
.floorplan__list{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(20px,2vw,40px);
    margin-block-start:40px
}
.floorplan__list .tab-link{
    border:1px solid rgba(0,0,0,.2);
    border-radius:var(--radius-6);
    border-start-end-radius:0;
    border-end-end-radius:0;
    padding:20px;
    display:flex;
    position:relative;
    cursor:pointer;
    align-items:center;
    justify-content:space-between;
    color:var(--clr-brand);
    font-family:var(--ff-marcellus);
    height:60px;
    flex-grow:1;
    font-size:clamp(16px,3vw,20px);
    transition:all ease-in-out 200ms
}
.floorplan__list .tab-link.active,.floorplan__list .tab-link:hover{
    background:hsl(357deg 58% 42%/10%);
    border-color:var(--clr-brand);
    color:var(--clr-brand)
}
.iti__flag-container{
    background:#f7f7f7;
    border-radius:6px
}
@media(max-width:860px){
    .floorplan__list .tab-link{
        padding:22px
    }
    .floorplan__list a svg{
        width:55px;
        height:55px
    }
}
@media(max-width:640px){
    .floorplan__list{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .floorplan__list .tab-link{
        padding:20px
    }
    .floorplan__list a svg{
        width:45px;
        height:45px
    }
}
.leasing__page .content__wrap{
    gap:20px
}
.form-wrap .form__group.form__action--group{
    flex-direction:row;
    align-items:center;
    justify-content:start;
    gap:20px;
    padding-block-start:20px
}
.loader__animation{
    position:relative;
    width:35px;
    height:35px;
    border-radius:100%;
    background:var(--clr-bg-light);
    animation:spin .7s infinite linear
}
.loader__animation:before,.loader__animation::after{
    position:absolute;
    top:0;
    left:0;
    content:""
}
.loader__animation:before{
    width:50%;
    height:50%;
    background:var(--clr-brand);
    border-radius:100% 0 0 0
}
.loader__animation:after{
    background:var(--clr-bg-light);
    width:80%;
    height:80%;
    border-radius:50%;
    margin:auto;
    bottom:0;
    right:0
}
@keyframes spin{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.events__list .intro__content{
    gap:25px
}
.events__list .select__wrapper{
    width:300px
}
.events.card__grid{
    --card-gap:30px;
    --card-count:3;
    row-gap:80px;
    margin-block-start:60px
}
.events.card__grid .card__stack figure figcaption{
    gap:15px
}
.events.card__grid .card__stack figure figcaption .tag__group{
    font-size:14px
}
.event--desc{
    display:grid;
    gap:20px
}
@media(max-width:860px){
    .events.card__grid{
        --card-count:2
    }
}
@media(max-width:640px){
    .events.card__grid{
        --card-count:1;
        row-gap:50px;
        margin-block-start:40px
    }
    .events__list .select__wrapper{
        max-width:100%;
        margin-block:1rem
    }
    .form-wrap .form__group{
        width:100%
    }
    .form-wrap .category-list{
        display:flex;
        flex-direction:column
    }
}
.offers{
    --offer-img-size:500px;
    --offer-item-gap:40px
}
.offers .title__wrapper,.offers .offer__list--item figcaption,.offers .offer__list--item .offer__content{
    gap:25px;
    align-content:start
}
.offers .offer__list{
    gap:60px;
    padding-block-start:80px
}
.offers .offer__list--item{
    grid-template-columns:var(--offer-img-size) 1fr;
    gap:var(--offer-item-gap)
}
.offers .offer__list--item .offer__title{
    font-size:clamp(24px,5vw,32px);
    color:var(--clr-brand);
    padding-block-end:15px
}
.offers .offer__list--item .offer__date{
    gap:10px
}
.dark .on-screen__info figcaption svg path,.dark .offer__date svg path{
    fill:#fff
}
@media(max-width:1500px){
    .offers{
        --offer-img-size:400px
    }
}
@media(max-width:860px){
    .offers{
        --offer-img-size:320px;
        --offer-item-gap:25px
    }
}
@media(max-width:640px){
    .offers{
        --offer-img-size:100%;
        --offer-item-gap:25px
    }
    .offers .offer__list{
        padding-block-start:40px
    }
    .offers .offer__list--item{
        grid-template-columns:auto
    }
}
.on-screen__highlights{
    --movie-img-size:350px;
    --movie-cols:2;
    --movie-cols-gap:50px
}
.on-screen__highlights .on-screen__info{
    padding-block-end:50px
}
.on-screen__highlights .on-screen__info figure .tahir-jabbar-productions__logo{
    /* background-color:#1a1e3b */
}
.on-screen__highlights .highlights__header{
    font-family:var(--ff-josefin);
    color:var(--clr-brand);
    font-size:clamp(22px,3vw,25px);
    text-transform:uppercase;
    padding-block-start:10px;
    padding-block-end:20px
}
.social-media-icon{
    display:flex;
    flex-wrap:wrap;
    gap:15px
}
.social-media-icon a{
    border:1px solid var(--clr-bg-dark);
    border-radius:30px;
    padding:8px 20px;
    display:flex;
    align-items:center;
    transition:all ease-in-out 200ms
}
.social-media-icon a:hover{
    border:1px solid var(--clr-brand);
    transition:all ease-in-out 200ms
}
.highlights__list{
    grid-template-columns:1fr;
    column-gap:var(--movie-cols-gap);
    row-gap:calc(var(--movie-cols-gap) + 30px);
    border-top:1px solid rgba(0,0,0,.2);
    padding-block-start:50px
}
.highlights__list figure{
    grid-template-columns:var(--movie-img-size) 1fr;
    gap:clamp(20px,4vw,30px)
}
.highlights__list figure figcaption{
    gap:20px;
    align-content:start;
    justify-items:start
}
.highlights__list figure figcaption h3{
    color:var(--clr-brand);
    font-size:clamp(25px,4vw,30px)
}
.highlights__list figure figcaption .tags{
    gap:10px;
    align-items:flex-start;
    width:100%
}
.highlights__list figure figcaption .tags h3{
    width:100%;
    border-bottom:1px solid #ccc;
    padding-block-end:8px;
    margin-block-end:5px;
    font-weight:var(--fw-semibold)
}
.highlights__list figure figcaption .tags .info p,.highlights__list figure figcaption .tags h3 p{
    display:inline;
    font-size:14px;
    color:var(--clr-brand);
    font-weight:var(--fw-semibold);
    font-family:var(--ff-body)
}
.highlights__list figure figcaption .tags h3 p{
    margin-inline-start:25px
}
.highlights__list figure figcaption .tags .info{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap
}
.highlights__list figure figcaption .tags span{
    display:flex;
    align-items:center;
    padding:6px 18px;
    border:1px solid rgba(0,0,0,.3);
    border-radius:50px;
    font-size:14px;
    color:var(--clr-373737)
}
.dark .highlights__list figure figcaption .tags span{
    border:1px solid rgb(255 255 255/30%)
}
.highlights__list figure figcaption .tags span.pg{
    text-transform:uppercase;
    font-weight:var(--fw-bold);
    font-size:12px;
    color:#fff;
    background-color:var(--clr-brand);
    border-color:var(--clr-brand)
}
.highlights__list figure figcaption .highlight__plot{
    width:100%;
    font-size:16px;
    line-height:1.4;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
    display:-webkit-box
}
.highlights__list figure figcaption .highlight__plot .directorCast{
    font-size:16px
}
@media(max-width:1400px){
    .on-screen__highlights{
        --movie-img-size:220px
    }
}
@media(max-width:1025px){
    .on-screen__highlights{
        --movie-cols:1
    }
    .form-wrap .category-list{
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:640px){
    .on-screen__highlights{
        --movie-img-size:120px;
        --movie-cols-gap:10px
    }
    .highlights__list{
        padding-block-start:30px
    }
    .highlights__list figure figcaption .tags h3 p{
        margin-inline-start:5px;
        font-size:12px
    }
    .highlights__list figure figcaption .highlight__plot{
        -webkit-line-clamp:3;
        font-size:14px
    }
    .highlights__list figure figcaption .highlight__plot .directorCast{
        font-size:14px
    }
    .highlights__list figure figcaption .tags{
        gap:5px
    }
    .highlights__list figure figcaption .tags span{
        font-size:12px;
        padding:3px 10px
    }
    .highlights__list figure figcaption .tags span.pg{
        font-size:10px
    }
}
.mall__profile.millennium{
    padding-block-end:0
}
.mall__profile.millennium .wrapper{
    gap:10px
}
.millennium__address{
    font-style:normal
}
.millennium__address ul{
    display:grid;
    gap:15px;
    justify-content:start
}
.millennium__address ul li{
    display:grid;
    justify-content:start
}
.contact__mall .title__wrapper{
    gap:15px
}
.contact--address{
    gap:10px
}
.contact--address a{
    color:var(--clr-text-dark);
    text-decoration:underline
}
.contact__details{
    grid-template-columns:1fr 2fr;
    column-gap:50px;
    row-gap:40px;
    align-content:start;
    padding-block-start:40px
}
.contact__details h4{
    font-family:var(--ff-josefin);
    font-size:clamp(18px,4vw,20px);
    color:var(--clr-brand);
    text-transform:uppercase;
    padding-block-end:15px
}
.contact__details .contact__form h4{
    margin-block:0
}
.contact__infos{
    align-content:start;
    justify-content:start;
    gap:40px
}
.contact__infos .social__links{
    gap:10px
}
@media(max-width:860px){
    .contact__details{
        grid-template-columns:auto
    }
}
.google__location .wrapper{
    gap:40px
}
.google__location .iframe__wrap{
    width:100%;
    min-height:50vh;
    border-radius:6px;
    border:1px dashed #ccc;
    padding:10px
}
.google__location .iframe__wrap iframe{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
.page__contents .cms--content{
    display:grid;
    padding-block-start:30px;
    gap:20px
}
.page__contents .cms--content h3{
    color:var(--clr-brand);
    font-family:var(--ff-body);
    font-weight:var(--fw-bold);
    font-size:clamp(18px,4vw,22px)
}
.page__contents .cms--content ul{
    display:grid;
    gap:10px;
    font-size:18px
}
.page__contents .cms--content ul,.page__contents .cms--content ul li{
    list-style-type:initial
}
.page__contents .cms--content ul{
    padding-inline-start:20px
}
@media(max-width:1600px){
    .page__contents .cms--content ul{
        font-size:16px
    }
}
@media(max-width:1100px){
    :root{
        --grid-column:2;
        --gap-30:20px
    }
    .card__grid{
        --card-count:2
    }
}
@media(max-width:700px){
    :root{
        --grid-column:2;
        --gap-30:15px;
        --gap-40:20px;
        --fs-18:16px
    }
    .pagination{
        --pagination-size:35px;
        --pagination-gap:12px;
        --pagination-f-size:12px;
        gap:var(--pagination-gap)
    }
    .inner-banner picture img{
        width:100%;
        min-height:200px;
        object-fit:cover
    }
    .card__grid{
        --card-count:1
    }
    .contact-form .form-wrap,.content-detail-info{
        margin-block-end:1rem
    }
    .sitemap__list{
        grid-template-columns:1fr
    }
    .form-wrap{
        display:flex;
        flex-direction:column
    }
    .form-wrap .category-list{
        width:100%
    }
    .input-group-addon{
        font-size:12px;
        padding:17px 8px
    }
    .iti__selected-flag{
        gap:10px
    }
    .form-wrap .form__group.form__action--group{
        width:auto
    }
}
.alert-success{
    background:#008000;
    padding:15px 25px;
    border-radius:10px;
    color:#fff;
    margin:5px 0 25px 0;
    display:flex;
    gap:20px
}
.alert-error{
    background:#f00;
    padding:15px 25px;
    border-radius:10px;
    color:#fff;
    margin:5px 0 25px 0
}
.form__msg.alert-success p,.form__msg.alert-error p{
    color:#fff
}
.swiper-video{
    width:100%;
    height:100vh;
    max-width:940px;
    overflow:hidden;
    margin:0 auto
}
.swiper-video .swiper-wrapper .swiper-slide video{
    width:100%;
    height:100%
}
.page__not__found{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:center;
    padding-block-end:var(--section-block-padding);
    gap:var(--gap-30)
}
.search__page{
    min-height:50vh
}
.search__page .pagination-container{
    padding-block-start:50px
}
.search__results{
    padding-block-start:30px;
    gap:20px
}
.search__results h3,.search__results h4{
    font-family:var(--ff-body)
}
.search__results .search__key{
    font-weight:var(--fw-regular);
    font-size:clamp(20px,4vw,24px)
}
.search__results .search__key span{
    color:var(--clr-brand);
    font-weight:var(--fw-bold)
}
.search__results a{
    color:var(--clr-bg-dark);
    gap:10px;
    background-color:var(--clr-text-light);
    border-radius:var(--radius-6);
    border:1px solid #eee;
    padding:clamp(20px,3vw,30px)
}
.search__results a h4{
    font-size:clamp(18px,4vw,22px)
}
.dark .search__results a{
    background-color:#1f2427;
    border-color:#2c3134
}
.search__results a p{
    font-size:clamp(14px,2vw,16px);
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.dark .search__results a h4,.search__results a:hover h4{
    color:var(--clr-brand)
}
.search__results a:hover{
    background-color:#ccc
}
.dark .search__results a:hover{
    background-color:#fff
}
.sitemap{
    --sitemap-list-count:4;
    --sitemap-list-gap:20px;
    --sitemap-group-gap:30px
}
.sitemap__list{
    display:grid;
    grid-template-columns:repeat(var(--sitemap-list-count),1fr);
    gap:var(--sitemap-list-gap);
    padding-block-start:var(--sitemap-group-gap)
}
.sitemap__list h4{
    font-size:clamp(20px,3vw,28px);
    line-height:1.4;
    margin-block-end:calc(var(--gap-40)/2)
}
.sitemap__group ul{
    display:grid;
    gap:5px
}
.sitemap__list ul li{
    position:relative;
    padding-inline-start:20px
}
.sitemap__list ul li:after{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    border:solid #ab2d34;
    border-width:0 2px 2px 0;
    display:inline-block;
    padding:3px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}
.sitemap__list a{
    font-size:16px;
    display:inline-block;
    padding-block:10px;
    color:var(--clr-text-dark)
}
.sitemap__list a:hover{
    color:var(--clr-brand);
    text-decoration:underline;
    text-underline-offset:4px
}
@media(max-width:1200px){
    .sitemap__list{
        --sitemap-list-count:2
    }
}
@media(max-width:640px){
    .sitemap__list{
        --sitemap-list-count:1
    }
}
.no__results{
    border:1px solid var(--clr-brand);
    background:hsl(357deg 58% 42%/10%);
    padding:30px;
    border-radius:6px;
    text-align:center;
    font-size:clamp(18px,3vw,22px);
    color:var(--clr-brand);
    font-weight:var(--fw-bold)
}
.no__offer__available{
    min-height:40vh;
    display:grid;
    justify-content:center;
    align-items:center;
    align-content:center;
    justify-items:center;
    text-align:center;
    gap:20px
}
.no__offer__available p.note{
    font-size:clamp(20px,4vw,24px);
    font-weight:var(--fw-bold);
    color:var(--clr-brand)
}
.dine--list{
    --card-count:2;
    --card-gap:30px;
    --list-item-block-size:450px
}
.dine--list .card{
    --card-content-inline-padding:40px
}
.dine--list .card:hover{
    --card-content-b-end-padding:50px
}
.dine--list .card,.dine--list .card figure{
    height:var(--list-item-block-size)
}
.card .content--count{
    font-family:var(--ff-josefin);
    text-transform:uppercase;
    font-weight:var(--fw-semibold);
    font-size:var(--fs-14)
}
.entertain--list{
    --card-count:3;
    --card-gap:30px;
    --list-item-block-size:400px
}
.entertain--list .card,.entertain--list .card figure{
    height:var(--list-item-block-size)
}
.entertain--list .card{
    --card-content-inline-padding:35px
}
@media(max-width:1700px){
    .dine--list,.entertain--list{
        --list-item-block-size:350px
    }
}
@media(max-width:1400px){
    .dine--list,.entertain--list{
        --card-gap:25px;
        --list-item-block-size:300px
    }
}
@media(max-width:860px){
    .entertain--list{
        --card-count:2
    }
    .dine--list .card{
        --card-content-inline-padding:30px
    }
}
@media(max-width:640px){
    .dine--list,.entertain--list{
        --card-gap:20px;
        --list-item-block-size:230px
    }
    .dine--list,.entertain--list{
        --card-count:1
    }
    .dine--list .card,.entertain--list .card{
        --card-content-inline-padding:20px
    }
    .page__not__found svg{
        width:150px
    }
}
.dark .form__group select option{
    background:#ffff;
    color:#161a1c
}
.floorplan__list .tab-item a svg{
    width:40px;
    height:40px
}
.tab-item{
    display:flex;
    justify-content:space-between
}
.floorplan__list .tab-item a{
    border:1px solid rgba(0,0,0,.2);
    border-inline-start:0;
    border-radius:var(--radius-6);
    border-start-start-radius:0;
    border-end-start-radius:0;
    width:60px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center
}
.floorplan__list .tab-item a:hover{
    background:hsl(357deg 58% 42%/10%);
    border-color:var(--clr-brand)
}
.floorplan-view .zoomer_wrapper{
    border:1px solid rgba(0,0,0,.2);
    height:600px;
    margin:10px 0;
    overflow:hidden;
    width:100%;
    margin-block-start:4rem;
    border-radius:6px
}
.floorplan-view .item.active{
    height:600px;
    opacity:1;
    overflow:visible
}
.floorplan-view .item{
    height:0;
    opacity:0;
    overflow:hidden
}
@media(max-width:1030px){
    .floorplan__list{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media(max-width:650px){
    .floorplan__list{
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}