h1, h2, h3, h4, h5, h6 {
    font-family: "Heebo", Sans-serif, serif;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    border-radius: 0 20px 20px 0;
}

.preloadcssitems {
    display: none;
}

.preloadcssitems .hearthover {
    background: url('../img/heart-off-hover.svg') no-repeat 50% 50%;
}

.preloadcssitems .heartactive {
    background: url('../img/heart-on.svg') no-repeat 50% 50%;
}

.clear100 {
    display: block;
    width: 100%;
    clear: both;
}

.white-icon svg > path {
    stroke: white;
}

@media (max-width: 1600px) {
    .subcaticonsline {
        zoom: 0.8
    }
}

@media (max-width: 1400px) {
    .subcaticonsline {
        zoom: 0.6
    }
}

.listboxed1-container .listboxed-list .listboxed-item .likeboxfav {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    z-index: 5;
    background: transparent url('../img/heart-off.svg') no-repeat 50% 50%;
    transition: opacity 0.3s ease, background-color 0.3s ease; /* Smooth transitions */
}

.listboxed1-container .listboxed-list .listboxed-item .likeboxfav:hover {
    opacity: 0.8; /* Smooth opacity change */
    background: transparent url('../img/heart-off-hover.svg') no-repeat 50% 50%; /* Change image */
}

.listboxed1-container .listboxed-list .listboxed-item .likeboxfav.active {
    background: transparent url('../img/heart-on.svg') no-repeat 50% 50%;
}

.listboxed1-container .listboxed-list .listboxed-item .likeboxfav.active:hover {
    opacity: 0.75; /* Smooth opacity change */
}


@media (min-width: 961px) {
    .mobonlyttl {
        display: none;
    }
}

@media (max-width: 960px) {
    .favaslist .listboxed1-container .listboxed-list .listboxed-item {
        padding: 10px 0
    }

    .deskonlyttl {
        display: none;
    }

    .title-hhline.deskonlyttl {
        display: none;
    }

    .collapsed-mob {
        display: none;
    }

    .mobspace {
        height: 30px
    }

    .mobonlyttl .title-hhline {
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.mobonlyttl {
    cursor: pointer;
    font-size: 28px;
    line-height: 32px;
}

.mobonlyttl .icon-plus {
    margin-right: 10px;
    font-size: 16px;
    float: left;
    font-style: normal;
    font-weight: 900;
}

.mobonlyttl i.icon-plus::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free", sans-serif;
}

.mobonlyttl .icon-minus {
    margin-right: 10px;
    font-size: 16px;
    float: left;
    font-style: normal;
    font-weight: 900;
}

.mobonlyttl i.icon-minus::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free", sans-serif;
}

.span-icon {
    padding-right: 0;
    background-repeat: no-repeat;
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-content: center;
}


.span-ico-web::before {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    content: "";
    display: inline-flex;
    background-image: url(https://trthaifa.webtemp.win/wp-content/uploads/2024/11/web-ico.svg);
    background-position: 50% 50%;
}

.span-ico-time::before {
    width: 25px;
    height: 20px;
    content: "";
    display: inline-flex;
    background-image: url(https://trthaifa.webtemp.win/wp-content/uploads/2024/11/time-ico.svg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.span-ico-address::before {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    content: "";
    display: inline-flex;
    background-image: url(https://trthaifa.webtemp.win/wp-content/uploads/2024/11/address-ico.svg);
    background-position: 50% 50%;
}

.span-ico-info::before {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    content: "";
    display: inline-flex;
    background-image: url(https://trthaifa.webtemp.win/wp-content/uploads/2024/11/ico-info.svg);
    background-position: 50% 50%;
}


/* MAINMENU */
.elementor-20 .wpr-pointer-background-fx .mmenu .wpr-menu-item:before {
    border-radius: 25px;
    border: 2px solid #FFFFFF;
    transition-duration: unset !important;
}

.elementor-20 .wpr-pointer-background-fx .mmenu:hover .wpr-menu-item:before {
    border: 2px solid #FFFFFF;
}

.elementor-20 .wpr-pointer-background-fx .mmenu.current-menu-item a {
    color: #333333 !important;
}

.elementor-20 .wpr-pointer-background-fx .mmenu.current-menu-item .wpr-menu-item:before {
    opacity: 1;
}


/*.elementor-20 .wpr-pointer-background-fx .mmenu.myellow .wpr-menu-item:before {*/
/*    background-color: #F8C100;*/
/*    border: 3px solid #F8C100;*/
/*}*/

.elementor-20 .wpr-pointer-background-fx .mmenu.myellow:hover .wpr-menu-item:before {
    background-color: #F8C100;
    border: 2px solid #F8C100;
}

.elementor-20 .wpr-pointer-background-fx .mmenu.myellow.current-menu-item .wpr-menu-item:before {
    border: 2px solid #F8C100;
    background-color: #FFFFFF;
}


/*.elementor-20 .wpr-pointer-background-fx .mmenu.mgreen .wpr-menu-item:before {*/
/*background-color: #1FBC7A;*/
/*}*/

.elementor-20 .wpr-pointer-background-fx .mmenu.mgreen:hover .wpr-menu-item:before {
    background-color: #1FBC7A;
    border: 2px solid #1FBC7A;
}

.elementor-20 .wpr-pointer-background-fx .mmenu.mgreen.current-menu-item .wpr-menu-item:before {
    border: 2px solid #1FBC7A;
    background-color: #FFFFFF;
}


/*.elementor-20 .wpr-pointer-background-fx .mmenu.mred .wpr-menu-item:before {*/
/*background-color: #FF5166;*/
/*}*/

.elementor-20 .wpr-pointer-background-fx .mmenu.mred:hover .wpr-menu-item:before {
    background-color: #FF5166;
    border: 2px solid #FF5166;
}

.elementor-20 .wpr-pointer-background-fx .mmenu.mred.current-menu-item .wpr-menu-item:before {
    border: 2px solid #FF5166;
    background-color: #FFFFFF;
}


/*.elementor-20 .wpr-pointer-background-fx .mmenu.mblue .wpr-menu-item:before {*/
/*background-color: #2F80ED;*/
/*}*/

.elementor-20 .wpr-pointer-background-fx .mmenu.mblue:hover .wpr-menu-item:before {
    background-color: #2F80ED;
    border: 2px solid #2F80ED;
}

.elementor-20 .wpr-pointer-background-fx .mmenu.mblue.current-menu-item .wpr-menu-item:before {
    border: 2px solid #2F80ED;
    background-color: #FFFFFF;
}

/*.elementor-20 .wpr-pointer-background-fx .mmenu.mpink .wpr-menu-item:before {*/
/*background-color: #FFB8E2;*/
/*}*/


.elementor-20 .wpr-pointer-background-fx .mmenu.mpink:hover .wpr-menu-item:before {
    background-color: #FFB8E2;
    border: 2px solid #FFB8E2;
}

.elementor-20 .wpr-pointer-background-fx .mmenu.mpink.current-menu-item .wpr-menu-item:before {
    border: 2px solid #FFB8E2;
    background-color: #FFFFFF;
}


/* END MAINMENU */


.iconsline100w .elementor-icon {
    background-color: #ffffff;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconsline100w.yellow:hover .elementor-icon {
    background-color: #F8C100;
}

.iconsline100w-cc:hover .green .elementor-icon,
.iconsline100w-cc-stroke:hover .green .elementor-icon {
    background-color: #1FBC7A;
}

.iconsline100w.yellow:hover svg path,
.iconsline100w.yellow:hover svg * {
    stroke: white;

}

.iconsline100w-cc:hover .elementor-icon svg path {
    fill: #ffffff;
}

.iconsline100w-cc-stroke:hover .elementor-icon svg path {
    stroke: #ffffff;
}


@media (max-width: 1200px) {
    .iconsline100w .elementor-icon-box-description {
        display: none;
    }

    .iconsline100w .elementor-icon-box-content {
        flex-grow: 1;
        display: flex;
        align-content: center;
        flex-direction: column;
        justify-content: center;
    }
}

.innerbox100 {
    position: relative;
}

.innerbox100 > .n2-ss-layer-with-background::before {
    content: "";
    background: transparent url(https://trthaifa.webtemp.win/wp-content/uploads/2024/10/btnrnd-yellow.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: -28px;
    font-family: "Font Awesome 5 Free", sans-serif;
    z-index: 50000;
    font-size: 32px;
    color: coral;
    width: 58px;
    height: 58px;
    top: 26px;
}


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

    .transport-icons-cc {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .transport-imgbox img {
        margin: 0 auto;
    }

    .favaslist .listboxed1-container {
        margin: 10px 0;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item {
        display: flex;
        flex: 1 1 100%;
        max-width: 100%;
        flex-direction: row;
        padding: 5px 0;
        position: relative;
        align-items: stretch;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .likeboxfav {
        zoom: 0.9;
        cursor: pointer;
        position: absolute;
        right: auto;
        left: 10px;
        top: 21px;
        width: 40px;
        height: 40px;
        z-index: 5;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .top-section {
        position: unset;
        max-height: none;
        min-height: auto;
        overflow: hidden;
        border-radius: 0;
        width: 110px;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .bottom-section {
        background-color: white;
        padding: 10px 10px 15px 10px;
        border-radius: 15px 0 0 15px;
        box-shadow: 0 0 7px rgb(0 0 0 / 0.1);
        height: 100%;
        position: relative;
        width: calc(100% - 110px);
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .badgebox {
        display: none;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .bottom-section .post-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .post-img {
        border-radius: 0 15px 15px 0;
        min-height: 125px;
        max-height: 125px;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .likeboxfav.active {
        background: transparent url('../img/heart-nobg.png') no-repeat 50% 50%;
    }

    .favaslist .hideinfavmob {
        display: none;
    }

    .favaslist .listboxed1-container .listboxed-item .flex-gap-15.hideinfavmob {
        display: none;
    }

    .favaslist .listboxed1-container .listboxed-list .listboxed-item .bottom-section .btn.btn-primary {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        border-radius: 25px;
        padding: 3px 10px;
        width: auto;
        display: inline-block;
        text-align: center;
        max-width: 100%;
    }


}