.content-popup .card {

        /* height: 560px; */

        height: 100%;

    }

.mob-dialog-width{

    width: 88%;

    vertical-align: top;

}

.mob-only{

    display: none;

}

.desk-only{

    display: block;

}

    .page_banner1{display: block;}

    .page_banner2{display: none;}

    .page_banner3{display: none;}



@media only screen and (max-width: 1240px) {







    /* .content-popup .card {

        height: 762px;

    } */

}

@media only screen and (max-width: 1145px) {

    .page_banner1{display: none;}

    .page_banner2{display: block;}

    .page_banner3{display: none;}



}

@media only screen and (max-width: 1140px) {

/* 



    .content-popup .card {

        height: 781px;

    } */

}

@media only screen and (max-width: 1024px) {

.mob-dialog-width{

    width: 88%;

    vertical-align: top;

}

}

@media only screen and (max-width: 1023px) {





    .declaim2{

        position: unset!important;

        width: 100%;

        text-align: right;

        padding-top: 30px;

    }

}

@media only screen and (max-width: 960px) {







    /* .content-popup .card {

        height: 790px;

    } */

}

@media only screen and (max-width: 900px) {

    .page_banner1{display: none;}

    .page_banner2{display: none;}

    .page_banner3{display: block;}

}

@media only screen and (max-width: 768px) {







    /* .content-popup .card {

        height: 791px;

    } */

}

@media only screen and (max-width: 600px) {





    /* .content-popup .card {

        height: 719px;

    } */

}

@media only screen and (max-width: 599px) {

    /* .content-popup .card {

        height: 764px;

    } */

}

@media only screen and (max-width: 575px) {

    .bottomtxt{
        display: block!important;
        word-break: break-all;
    }

    .mob-only{

        display: block;

    }

    .desk-only{

        display: none;

    }

    .content-popup .card {

       height: auto;

    }

    .content-popup .card .declaim{

        position: unset!important;

        padding-top: 30px;

        padding-left: 3%!important;

        padding-right: 3%!important;

    }

}


.link_sq{
    position: absolute;
    bottom: 8.9%;
    left: 1%;
    width: 5%;
}
.link_sq2{
    position: absolute;
    bottom: 8.9%;
    left: 6.8%;
    width: 5%;
}
.link_sq3{
    position:absolute;
    bottom: 8.3%;
    left: 1.5%;
    width: 6.2%;
}
.link_sq4{
    position:absolute;bottom: 8.3%;left: 8.2%;width:6.2%;
}
.link_sq5{
    position:absolute;
    bottom: 7.5%;
    left: 2.5%;
    width: 8.2%;
}

.link_sq6{
    position:absolute;
    bottom: 7.5%;
    left: 12.3%;
    width: 8.2%;
}
.page_banner1{
    position:relative;padding: 0;
}
.page_banner2{
    position:relative;padding: 0;
}
.page_banner3{
    position:relative;padding: 0;
}
.note_txt{
    width: 100%;text-align: right;display: block;font-size: 12px;margin-bottom: 5px;margin-top: 5px;
}
.fa.fa-facebook.istyle1{
    display: inline-block;margin-right:5px;font-size: 30px;color: #FFF;vertical-align: top;margin-right:14px;margin-left: 4px;margin-top: 10px;
}
.fa.fa-instagram.istyle2{
    display: inline-block;font-size: 30px;color: #FFF;vertical-align: middle;margin-top: 9px;margin-right: 5px;" class="fa fa-instagram
}
.mob-dialog-width.astyle1{
    display: inline-block; word-break: break-all; vertical-align: top; margin-top: 7px; color: rgb(255, 255, 255); text-decoration: underline;
}
.declaim2.destyle2{
    position:absolute;bottom: 10px;right:31px;font-size: 12px;
}

.mob-dialog-width.moba{
    display: inline-block; word-break: break-all; color: rgb(255, 255, 255); text-decoration: underline;margin-top: 9px;
}
.mob-dialog-width.mobb{
    display: inline-block;word-break: break-all;vertical-align: top;margin-top: 8px;
}
.web-img{
    display: inline-block;margin-right:5px;width:28px;margin-top: 12px;
}
.bottomtxt{
    display: flex;justify-content: flex-start;padding-top: 30px;font-size: 24px;
}

.bottomtxtunderline{
    text-decoration: underline;
}

.triangle::before{border-right-color: #c32c32;}

.content .card{
    padding: 30px 15px;

    border-radius: 15px;

}
.content .image{
    padding: 30px;
    background-color: #fff;

}
.content .image div{
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;

    border-radius: 15px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    position: relative;

    height: 0;

    padding-bottom: 75%;

    z-index: 1;

}
.content .image img{
    display: block;
    margin: 40px auto 0 auto;
}
.content .details{
    color: #fff;
}
.content .details h3{
    margin-top: 10px;
}
.content .details a{
    color: #fff;
    text-decoration: underline;
}
@media only screen and (max-width: 960px) {
    .content .details div{
        width: 400px;
    }
    .content .details div.declaim2{
        width: 100%;
    }
    .content{
        width: auto;
    }
}
@media only screen and (max-width: 768px) {
    .content .details div{
        width: 100%;
    }
    .content .image div{

        position: relative;

        height: 0;

        padding-bottom: 75%;

        z-index: 1;

        background-position: center center;
    }
    .content{
        width: auto;
    }
}
@media only screen and (max-width: 480px) {
    .content .image img{
        width: 65%;
        margin: 40px auto 0 auto;
    }
}
.content .details div{
    width: 600px;
}
.content .details div.declaim2{
    width: auto;
}
.content .image div{
    position: relative;

    height: 0;

    padding-bottom: 75%;

    z-index: 1;
}
.content{
    width: auto;
}
.lazy.fontrip-img{
    background-image: url(../images/summerpromotion2024/IMG-20220613-WA0008.jpg);
}
.card.card1{
    background-color: #89bedb;
}
.card .img1{
    background-image: url('../images/foodexpo2025/01_angelchild/popup_04_b.jpg');
}
.triangle1::before{
    border-right-color: #89bedb;
}
.card.card10{
    background-color: #52aa50;
}
.card .img10{
    background-image: url('../images/foodexpo2025/02_timetogold/inside.jpg');
}
.triangle10::before{
    border-right-color: #52aa50;
}
.card.card6{
    background-color: #db3532;
}
.card .img6{
    background-image: url('../images/foodexpo2025/03_gingkohouse/inside.jpg');
}
.triangle6::before{
    border-right-color: #db3532;
}
.card.card8{
    background-color: #e99e6f;
}
.card .img8{
    background-image: url('../images/foodexpo2025/04_The Edible Projects/inside1.jpg');
}
.triangle8::before{
    border-right-color: #e99e6f;
}
.card.card7{
    background-color: #137345;
}
.card .img7{
    background-image: url('../images/foodexpo2025/05_star/cover.jpg');
}
.triangle7::before{
    border-right-color: #137345;
}
.card.card9{
    background-color: #d47f9e;
}
.card .img9{
    background-image: url('../images/foodexpo2025/06_green/inside.jpeg');
}
.triangle9::before{
    border-right-color: #d47f9e;
}
.card.card2{
    background-color: #89bedb;
}
.card .img2{
    background-image: url('../images/foodexpo2025/07_h-link/se1.png');
}
.triangle2::before{
    border-right-color: #89bedb;
}
.card.card5{
    background-color: #2faf71;
}
.card .img5{
    background-image: url('../images/foodexpo2025/08_slashfarming/inside.png');
}
.triangle5::before{
    border-right-color: #2faf71;
}
.card.card11{
    background-color: #d47f9e;
}
.card .img11{
    background-image: url('../images/foodexpo2025/09_deliciousexpresshk/inside.png');
}
.triangle11::before{
    border-right-color: #d47f9e;
}
.card.card4{
    background-color: #db3532;
}
.card .img4{
    background-image: url('../images/foodexpo2025/10_seniordeli/inside.png');
}
.triangle4::before{
    border-right-color: #db3532;
}
.card.card3{
    background-color: #e99e6f;
}
.card .img3{
    background-image: url('../images/foodexpo2025/11_chumrest/inside.jpg');
}
.triangle3::before{
    border-right-color: #e99e6f;
}
.triangle img{
    width: 200px;
}
.content-popup img{
     object-fit: cover;
}
/*.content .details h3{
text-shadow: 
        -1px -1px 0 #959595,  
         1px -1px 0 #959595,
        -1px  1px 0 #959595,
         1px  1px 0 #959595; 
}
.details p{
text-shadow: 
        -1px -1px 0 #959595,  
         1px -1px 0 #959595,
        -1px  1px 0 #959595,
         1px  1px 0 #959595; 
}
.details a{
text-shadow: 
        -1px -1px 0 #959595,  
         1px -1px 0 #959595,
        -1px  1px 0 #959595,
         1px  1px 0 #959595; 
}
.content .details div.declaim2{
text-shadow: 
        -1px -1px 0 #959595,  
         1px -1px 0 #959595,
        -1px  1px 0 #959595,
         1px  1px 0 #959595;
}*/