p:empty{
    display: none;
}
/* Header style start here */


.st-header{
    background-color: var(--header_bg_color);
}

.st-header .header-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.st-header .header-wrapper .site-logo{
    display: block;
    width: 100px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.st-header .header-wrapper .site-logo img{
  width: 100%;
  height: 100%;
}

.st-header .header-wrapper .primary-navigation{
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

.st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper{
    display: flex;
    gap: 15px;
    align-items: baseline;
}

.st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item a{
    font-size: clamp(0.75rem, 0.9vw, 1.05rem);
    /*font-size: clamp(14px, 1vw, 16px);*/
    font-weight: 500;
    line-height: 1.25;
    position: relative;
    /*padding-bottom: 5px;*/
}

.st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item::after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 1px;
    background: var(--black_color);
    transition: all 0.3s ease;
}

.st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item:hover::after{
    width: 100%;
}

.st-header .header-wrapper .primary-navigation .header-actions{
    display: flex;
    gap: 10px;
    align-items: center;
}
.st-header .header-wrapper .primary-navigation .header-actions .btn-outline,
.st-header .header-wrapper .primary-navigation .header-actions .btn-filled{
    font-size: clamp(0.75rem, 1vw, 0.875rem);
}

.st-header .header-wrapper .primary-navigation .header-actions .btn-outline img,
.st-header .header-wrapper .primary-navigation .header-actions .btn-filled img{
    display: none;
}


.st-header .header-wrapper .primary-navigation .mobile-menu-toggle{
    display: none;
}

@media (max-width: 1800px){
    .st-header .fluid-container{
        margin: 0;
        padding: 0 30px;
        width: 100%;
        max-width: 100%;
    }
    .st-header .header-wrapper .primary-navigation .header-actions .btn-outline, 
    .st-header .header-wrapper .primary-navigation .header-actions .btn-filled{
        padding: 12px 14px;
        font-size: clamp(0.75rem, 0.9vw, 0.938rem);
    }

    .st-header .header-wrapper .primary-navigation .primary-menu-container{
        flex: 1;
    }
    .st-header .header-wrapper .primary-navigation{
        gap: 15px;
    }
    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper{
        justify-content: end;
    }
}
@media (max-width: 1440px) and (min-width: 1366px){
    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper{
        gap: 15px;
    }
}
@media (max-width: 1440px){
    .st-header .fluid-container{
        padding: 0 20px;
    }
}
@media(max-width: 1280px){
    .st-header .header-wrapper .primary-navigation .header-actions .btn-outline, .st-header .header-wrapper .primary-navigation .header-actions .btn-filled {
        padding: 8px;
    }
    .st-header .header-wrapper .primary-navigation{
        gap: 10px;
    }
    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper{
        gap: 8px;
    }
    .st-header .header-wrapper .primary-navigation .header-actions .btn-outline img,
    .st-header .header-wrapper .primary-navigation .header-actions .btn-filled img{
        display: block;
    }
    
    .st-header .header-wrapper .primary-navigation .header-actions .btn-outline span,
    .st-header .header-wrapper .primary-navigation .header-actions .btn-filled span{
        display: none;
    }
}

@media(max-width: 1023px){

    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper {
        justify-content: start;
    }
    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item {
        position: relative;
        display: flex;
        width: 100%;
    }
    #primary-menu-list .menu-item-has-children {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    #primary-menu-list .menu-item-has-children .sub-menu-toggle{
        display: flex;
        position: relative;
        right: 10px;
    }
    .sub-menu-toggle svg.svg-icon {
        width: 30px;
        height: 30px;
    }
    .st-header .header-wrapper .primary-navigation .primary-menu-container{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: var(--section_bg_color);
        padding: 20px;
        bottom: 0;
        transform: translate(100%, 0%);
        transition: transform 0.6s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
    }

    .st-header .header-wrapper .primary-navigation.active .primary-menu-container{
        transform: translate(0, 0);
        overflow: auto;
    }

    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper{
        flex-direction: column;
        gap: 20px;
        width: 100%;
        max-height: 100%;
        position: relative;
        overflow-y: auto;
        height: 100%;
        top: 130px;
    }

    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item a{
        font-size: clamp(1rem, 2vw, 1.625rem);
        width: 100%;
    }

    .st-header .header-wrapper .primary-navigation .mobile-menu-toggle{
        display: block;
        z-index: 99;
        background: none;
        font-size: 1.25rem;
        border: 1px solid var(--black_color);
        line-height: 1;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        cursor: pointer;
    }
}


@media(max-width: 767px){
    .st-header .header-wrapper .primary-navigation .header-actions .btn-outline,
    .st-header .header-wrapper .primary-navigation .header-actions .btn-filled{
        padding: 10px;
    }

    .st-header .header-wrapper .primary-navigation .header-actions .btn-outline:hover{
        background-color: var(--white_color);
    }

    .st-header .header-wrapper .primary-navigation .header-actions .btn-filled:hover{
        background-color: var(--dark_active_color);
    }
    
    

}

/* Header style end here */

/* Footer style start here */

.st-footer{
    background-color: var(--footer_bg_color);
    color: var(--white_color);
    padding: 0 0 25px;
}

.st-footer .upper-footer{
    border-bottom: 1px solid var(--footer_border_color);
}

.page-template-template-exhibitor-registration .st-footer .upper-footer .upper-footer-wrapper{
    justify-content: center;
    text-align: center;
}

.st-footer .upper-footer .upper-footer-wrapper{
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.st-footer .upper-footer .upper-footer-wrapper .left-content .upper-footer-description{ 
    margin: 20px 0 0;
}

.st-footer .upper-footer .upper-footer-wrapper .left-content .upper-footer-link{ 
    color: var(--primary_color);
    margin: 25px 0 0;
    display: inline-block;
}

.page-template-template-exhibitor-registration .st-footer .upper-footer .upper-footer-wrapper .right-content{
    display: none;
}

.st-footer .upper-footer .upper-footer-wrapper .right-content{
    background-color: var(--copyright_bg_color);
    padding: 10px;
    border-radius: 10px;
    backdrop-filter: blur(6.003925800323486px);
    box-shadow: 7.2px 7.81px 1.2px -3.3px var(--video_overlay_color);
    text-align: center;
}

.st-footer .upper-footer .upper-footer-wrapper .right-content .show-time-wrapper{
    display: flex;
    gap: 10px;
    margin: 13px 0 0;
}

.st-footer .upper-footer .upper-footer-wrapper .right-content .show-time-wrapper .common-time-wrapper{
    background-color: var(--showtime_bg_color);
    border-radius: 10px;
    width: 66px;
    height: 66px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.st-footer .upper-footer .upper-footer-wrapper .right-content .show-time-wrapper .common-time-wrapper .number-title{
    color: var(--primary_color);
    text-transform: uppercase;
}

.st-footer .lower-footer .lower-footer-wrapper{
    display: flex;
    gap: 30px;
    justify-content: space-between;
}

.st-footer .lower-footer .lower-footer-wrapper .footer-logo-section .footer-logo{
    display: block;
    width: 100px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.st-footer .lower-footer .lower-footer-wrapper .footer-logo-section .footer-logo img{
    width: 100%;
    height: 100%;
}


.st-footer .lower-footer .lower-footer-wrapper .footer-logo-section .footer-description{
    color: rgba(255, 255, 255, 0.75);
    margin: 32px 0;
    max-width: 400px;
}

.st-footer .lower-footer .lower-footer-wrapper .footer-logo-section .social-media-icons{
    display: flex;
    gap: 32px;
    font-size: 1.25rem;
    line-height: 1;
}

.st-footer .lower-footer .lower-footer-wrapper .footer-logo-section .social-media-icons a:hover i{
    color: var(--primary_color);
}

.st-footer .lower-footer .lower-footer-wrapper .shop-section{
    min-width: 160px;
}

.st-footer .lower-footer .lower-footer-wrapper .shop-section .shop-title{
    text-transform: uppercase;
}

.st-footer .lower-footer .lower-footer-wrapper .shop-section .list{
    margin: 22px 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.st-footer .lower-footer .lower-footer-wrapper .shop-section .list .list-item{
    transition: all 0.3s ease;
}

.st-footer .lower-footer .lower-footer-wrapper .shop-section .list .list-item:hover{
    color: var(--primary_color);
}

.st-footer .lower-footer .lower-footer-wrapper .information-section .information-title{
    text-transform: uppercase;
}

.st-footer .lower-footer .lower-footer-wrapper .information-section .date-information{
    margin: 22px 0 0;
}
.st-footer .lower-footer .lower-footer-wrapper .information-section .date-information a:hover{
    color: var(--primary_color);
}
.st-footer .lower-footer .lower-footer-wrapper .information-section .date-information .date{
    font-weight: 600;
    margin: 0 0 10px 0;
}

.st-footer .lower-footer .lower-footer-wrapper .information-section .date-information .time-details{
    max-width: 290px;
    line-height: 1.75;
}

.st-footer .lower-footer .lower-footer-wrapper .information-section .time-information{
    margin: 26px 0 0;
}

.st-footer .lower-footer .lower-footer-wrapper .information-section .time-information .time-title{
    font-weight: 600;
    margin: 0 0 10px 0;
}

.st-footer .lower-footer .lower-footer-wrapper .information-section .time-information .time-details{
    max-width: 340px;
    line-height: 1.75;
}

.st-footer .lower-footer .lower-footer-wrapper .contactus-section{
    min-width: 265px;
}

.st-footer .lower-footer .lower-footer-wrapper .contactus-section .contactus-title{
    text-transform: uppercase;
}

.st-footer .lower-footer .lower-footer-wrapper .contactus-section .contactus-link{
    margin: 22px 0 0;
    max-width: 275px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.st-footer .lower-footer .lower-footer-wrapper .contactus-section .contactus-link:hover{
    color: var(--primary_color);
}

.st-footer .lower-footer .lower-footer-wrapper .contactus-section .location i,
.st-footer .lower-footer .lower-footer-wrapper .contactus-section .call i{
    font-size: 1.625rem;
    line-height: 1;
}

.st-footer .lower-footer .lower-footer-wrapper .contactus-section .mail i{
    font-size: 1.25rem;
    line-height: 1;
}

.st-footer .copyright-section{
    background-color: var(--copyright_bg_color);
    margin: 35px 0 0;
}

.st-footer .copyright-section .copyright-section-wrapper{
    display: flex;
    justify-content: space-between;
    margin: 0 0;
    padding: 15px 0;
    gap: 10px;
}

.st-footer .copyright-section .copyright-section-wrapper .scroll-top-btn{
    background-color: var(--transparent_color);
    border: none;
    display: flex;
    gap: 5px;
    color: var(--white_color);
    cursor: pointer;
    min-width: 145px;
}

.st-footer .copyright-section .copyright-section-wrapper .scroll-top-btn img{
    transform: rotate(-90deg);
    object-fit: contain;
}



@media(max-width: 1023px){

    .st-footer .lower-footer .lower-footer-wrapper{
        flex-wrap: wrap;
        gap: 50px;
    }

    .st-footer .lower-footer .lower-footer-wrapper .common-footer-section{
        flex: 0 0 calc(50% - 25px);
        max-width: calc(50% - 25px);
        min-width: inherit;
    }

    .st-footer .lower-footer .lower-footer-wrapper .shop-section,
    .st-footer .lower-footer .lower-footer-wrapper .information-section,
    .st-footer .lower-footer .lower-footer-wrapper .contactus-section{
        min-width: inherit;
    }

}

@media(max-width: 767px){
    .st-footer .upper-footer .upper-footer-wrapper .right-content .show-time-wrapper .common-time-wrapper{
        width: 56px;
        height: 56px;
    }

    .st-footer .copyright-section{
        margin: 0;
    }
}

@media(max-width: 575px){
    .st-footer .upper-footer .upper-footer-wrapper .right-content .show-time-wrapper .common-time-wrapper{
        width: 50px;
        height: 50px;
    }
    .st-footer .lower-footer .lower-footer-wrapper .common-footer-section{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .st-footer .copyright-section .copyright-section-wrapper{
        margin: 0;
        flex-direction: column;
        align-items: center;
    }
    .st-footer .copyright-section .copyright-section-wrapper .scroll-top-btn{
        margin-left: auto;
    }
    .st-footer .lower-footer .lower-footer-wrapper{
        gap: 30px;
    }
}



/* Footer style end here */









/* Hero Banner section style start here */


.hero-banner-section{
    background-image: url('/wp-content/uploads/2025/10/banner-image.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    max-height: 630px;
    aspect-ratio: 21 / 9;
    width: 100%;
    align-content: center;
    /*overflow: hidden;*/
    z-index: 2; 
}

.hero-banner-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #0000004a;*/
    background: #000000;
    z-index: 1;
    opacity: 0.7;
}

.hero-banner-section .hero-banner-section-wrapper{
    color: var(--white_color);
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    position: absolute;
    align-items: center;
    z-index: 9;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.hero-banner-section .hero-banner-section-wrapper .left-content{
    flex: 0 0 46%;
    max-width: 46%;
    align-content: center;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .banner-subtitle{
    margin: 15px 0 0;
    letter-spacing: 0.5px;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .banner-description{
    margin: 20px 0 0;
    letter-spacing: 0.5px;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .banner-buttons-wrapper{
    margin: 30px 0 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .banner-buttons-wrapper .btn-outline{
    border-color: var(--secondary_color);
    background-color: var(--transparent_color);
    color: var(--secondary_color);
    max-width: 215px;
    width: 100%;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .banner-buttons-wrapper .btn-outline:hover{
    background-color: var(--dark_active_color);
    border-color: var(--dark_active_color);
}

.hero-banner-section .hero-banner-section-wrapper .left-content .banner-link{
    margin: 20px 0 0;
    transition: all 0.3s ease;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap{
        margin: 30px 0 0;
    width: fit-content;
    padding: 10px;
    border-radius: 10px;
    background: #ffffff;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .expired{
    display: none;
    color: var(--red_color);
}

.hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .expired.show{
    display: block;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .clock{
    display: flex;
    align-items: center;
    gap: 15px;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .clock .time-block{
    display: flex;
    align-items: center;
    background: #1e2832;
    color: var(--section_bg_color);
    padding: 5px;
    border-radius: 10px;
    min-width: 60px;
    text-align: center;
    aspect-ratio: 1 / 1;
    align-content: center;
    flex-direction: column;
    gap: 0;
    justify-content: center;
}

.hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .clock .time-block .time{
    letter-spacing: 1px;
    color: #fff;
    font-size: 1.25rem;
}
.hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .clock .time-block span{
    font-size: 0.625rem;
    color: var(--orange_color);
}

.hero-banner-section .hero-banner-section-wrapper .right-content{
    background-color: var(--white_color);
    border-radius: 20px;
    box-shadow: 0px 4px 31.6px 0px #0000001F;
    color: var(--black_color);
    padding: 30px;
    max-width: 430px;
    width: 100%;
    height: max-content;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slider-subtitle{
    margin: 10px 0 15px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #E6E6E6;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slide-item-image{
    width: 100%;
    aspect-ratio: 2 / 1;
    max-height: 186px;
    overflow: hidden;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slide-item-image img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 10px;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slider-wrapper{
    padding: 0 0 20px 0;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slider-wrapper .slick-list{
    margin: 0 -15px;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slider-wrapper .slide-item{
    cursor: pointer;
    margin: 0 15px;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slider-wrapper .slide-item .common-detail{
    margin: 20px 0 0;
    display: flex;
    gap: 15px;
    align-items: center;
}

.hero-banner-section .hero-banner-section-wrapper .right-content .slider-wrapper .slide-item .common-detail img{
    width: 27px;
    height: 22px;
    object-fit: contain;
}

.hero-banner-section {
    position: relative; 
    z-index: 1; 
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    background-color: rgba(0, 0, 0, 0.4); 
    z-index: 0; 
}

.hero-video .herov {
    min-width: 100%; 
    min-height: 100%;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    object-fit: cover;
}

@media (max-width: 768px) {
    .hero-video {
        display: block; 
        background-size: cover;
        background-position: center;
    }
}

@media(max-width: 1280px){
    .hero-banner-section .hero-banner-section-wrapper .left-content .banner-subtitle{
        margin: 10px 0 0;
    }

    .hero-banner-section .hero-banner-section-wrapper .left-content .banner-description{
        margin: 15px 0 0;
    }

    .hero-banner-section .hero-banner-section-wrapper .left-content .banner-buttons-wrapper{
        margin: 20px 0 0;
    }

    .hero-banner-section .hero-banner-section-wrapper .left-content .banner-link{
        margin: 15px 0 0;
    }

    .hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap{
        margin: 20px 0 0;
    }
}

@media(max-width: 1023px){

    .hero-banner-section .hero-banner-section-wrapper{
        justify-content: center;
        position: relative;
        align-items: center;
        z-index: 9;
        transform: inherit;
        left: inherit;
        top: inherit;
    }

    .hero-banner-section .hero-banner-section-wrapper .left-content{
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }

    .hero-banner-section .hero-banner-section-wrapper .left-content .banner-buttons-wrapper{
        justify-content: center;
    }

}

@media(max-width: 767px){
    .hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .clock{
        gap: 10px;
    }

    .hero-banner-section .hero-banner-section-wrapper .left-content .clock-wrap .clock .time-block{
        /*gap: 10px;*/
    }

    .hero-banner-section .hero-banner-section-wrapper .right-content{
        padding: 20px;
    }

    .hero-banner-section .hero-banner-section-wrapper .right-content .slider-wrapper .slide-item .common-detail{
        gap: 15px;
    }
}

/* Hero Banner section style end here */








/* Registration section style start here */

.registration-section .registration-section-wrapper{
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.registration-section .registration-section-wrapper .left-content{
    max-width: 420px;
}

.registration-section .registration-section-wrapper .left-content .registration-title{
    margin: 0 0 20px 0;
    max-width: 370px;
}

.registration-section .registration-section-wrapper .left-content .registration-title span{
    color: var(--dark_active_color);
}

.registration-section .registration-section-wrapper .right-content{
    display: flex;
    gap: 40px;
}

.registration-section .registration-section-wrapper .right-content .registration-tab{
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    padding: 35px;
    border-radius: 20px;
    min-width: 420px;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .title-and-icon-wrapper{
    display: flex;
    gap: 20px;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .title-and-icon-wrapper img{
    max-width: 52px;
    max-height: 52px;
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .title-and-icon-wrapper .title-wrapper .title{
    text-align: left;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .title-and-icon-wrapper .title-wrapper .subtitle{
    margin: 5px 0 0;
    color: var(--light_black_color);
    text-align: left;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .feature-list{
    margin: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .feature-list .feature-list-item{
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .btn-filled,
.registration-section .registration-section-wrapper .right-content .registration-tab .btn-outline{
    width: 100%;
}

.registration-section .registration-section-wrapper .right-content .registration-tab .registration-deadline{
    text-align: center;
    /*color: var(--light_black_color);*/
    color: #ff0000;
    margin: 15px 0 0;
}


@media(max-width: 1280px){
    .registration-section .registration-section-wrapper{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .registration-section .registration-section-wrapper .left-content{
        max-width: 100%;
    }

    .registration-section .registration-section-wrapper .left-content .registration-title{
        max-width: 100%;
    }

    .registration-section .registration-section-wrapper .left-content .title-underline::after{
        left: 50%;
        transform: translate(-50%, 0%);
    }

}

@media(max-width: 1280px){
    .registration-section .registration-section-wrapper .right-content{
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .registration-section .registration-section-wrapper .right-content .registration-tab{
        padding: 25px;
        width: 100%;
    }
}

@media(max-width: 767px){

    .registration-section .registration-section-wrapper{
        gap: 30px;
    }

    .registration-section .registration-section-wrapper .right-content{
        gap: 30px;
    }
}

@media(max-width: 575px){
    .registration-section .registration-section-wrapper .right-content .registration-tab{
        min-width: 100%;
        padding: 20px;  
    }

    .registration-section .registration-section-wrapper .right-content .registration-tab .title-and-icon-wrapper{
        gap: 10px;
    }
    
    .registration-section .registration-section-wrapper .right-content .registration-tab .title-and-icon-wrapper img{
        max-width: 32px;
        max-height: 32px;
    }

    .registration-section .registration-section-wrapper .right-content .registration-tab .feature-list{
        gap: 10px;
        margin: 20px 0;
    }
}


/* Registration section style start here */






/* why choose section style start here */


.why-choose-section .why-choose-section-wrapper{
    text-align: center;
}

.why-choose-section .why-choose-section-wrapper .why-choose-description{
    margin: 20px auto 0;
    max-width: 810px;
    line-height: 1.5;
    text-align: center;
}

.why-choose-section .why-choose-section-wrapper .why-choose-description span{
    display: block;
    font-weight: 600;
}

.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper{
    margin: 40px 0 0;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item{
  border-radius: 10px;
  padding: 30px 20px;
  transition: all 0.3s ease;
  flex: 0 0 calc(25% - 22.5px);
  max-width: calc(25% - 22.5px);
  cursor: pointer;
}


.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item:first-child{
    border: 2px solid var(--tab_one_border_color);
    background-color: var(--tab_one_bg_color);
}

.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item:nth-child(2){
    border: 2px solid var(--tab_two_border_color);
    background-color: var(--tab_two_bg_color);
}

.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item:nth-child(3){
    border: 2px solid var(--tab_three_border_color);
    background-color: var(--tab_three_bg_color);
}

.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item:last-child{
    border: 2px solid var(--tab_four_border_color);
    background-color: var(--tab_four_bg_color);
}

.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item:hover{
    background-color: var(--white_color);
    box-shadow: 0px 0px 12px 0px #0000001F;
}

.why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item .tab-stats-number{
    margin: 0 0 10px 0;
}


@media(max-width: 1023px){
    .why-choose-section .why-choose-section-wrapper .tab-stats-wrapper{
        gap: 20px;
    }
    
    .why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item{
        flex: 0 0 calc(25% - 15px);
        max-width: calc(25% - 15px);
        padding: 20px 10px;
    }
}


@media(max-width: 767px){
    .why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item{
        flex: calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media(max-width: 575px){
    .why-choose-section .why-choose-section-wrapper .tab-stats-wrapper .tab-stats-item{
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* why choose section style start here */


/* video section style start here */

.video-section .video-section-wrapper .video-wrapper{
     position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white_color);
    aspect-ratio: 16 / 9;
}

.video-section .video-section-wrapper .video-wrapper::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--video_overlay_color);
}

.video-section .video-section-wrapper .video-wrapper iframe{
    width: 100%;
    height: 100%;
}

.video-section .video-section-wrapper .video-wrapper .video-title-wrapper{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
}


.video-section .video-section-wrapper .btn-filled{
    margin: 50px auto 0;
    display: block;
    width: max-content;
    font-size: clamp(1rem, 2vw, 1.25rem);
}


@media(max-width: 767px){
    .video-section .video-section-wrapper .btn-filled{
        margin: 30px auto 0;
    }
}


/* video section style start here */










/* News section style start here */

.news-section .news-section-wrapper{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.news-section .news-section-wrapper .left-content{
    flex: 0 0 calc(32% - 15px);
    max-width: calc(32% - 15px);
}

.news-section .news-section-wrapper .left-content .upper-content{
    border: 1px solid var(--black_color);
    padding: 30px 20px;
    border-radius: 10px;
}

.news-section .news-section-wrapper .left-content .upper-content title{
    font-weight: 600;
}

.news-section .news-section-wrapper .left-content .upper-content .posts-wrapper{
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post{
    display: flex;
    gap: 15px;
}

.news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post a{
    font-weight: 500;
}

.news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post a:hover{
    text-decoration: underline;
}


.news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post .image-wrapper{
  position: relative;
  width: 100%;
  height: 95px;
  max-width: 140px;
  overflow: hidden;
}

.news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post .image-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}

.news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post p{
    font-weight: 500;
}

.news-section .news-section-wrapper .left-content .lower-content{
    margin: 25px 0 0;
}

.news-section .news-section-wrapper .left-content .lower-content img{
    border-radius: 10px;
    width: 100%;
}

.news-section .news-section-wrapper .right-content{
    flex: 0 0 calc(68% - 15px);
    max-width: calc(68% - 15px);
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper{
    margin: 30px 0 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab{
    display: flex;
    gap: 20px;
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .image-wrapper{
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
    max-width: 395px;
    min-width: 395px;
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .image-wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .details-wrapper .date{
    color: var(--primary_color);
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .details-wrapper .title{
    margin: 10px 0 0;
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .details-wrapper .description{
    color: var(--description_color);
    margin: 10px 0 0;
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .details-wrapper .read-more-link{
    color: var(--dark_active_color);
    margin: 25px 0 0;
    font-weight: 500;
}

.news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .details-wrapper .read-more-link:hover{
    text-decoration: underline;
}

@media(max-width: 1280px){

    .news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post .image-wrapper{
        max-width: 120px;
        height: auto;
        width: auto;
        aspect-ratio: 1/1;
    }

}

@media(max-width: 1023px){
    .news-section .news-section-wrapper .left-content{
        flex: 0 0 calc(40% - 15px);
        max-width: calc(40% - 15px);
    }


    .news-section .news-section-wrapper .right-content{
        flex: 0 0 calc(60% - 15px);
        max-width: calc(60% - 15px);
    }

    .news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab{
        flex-direction: column;
        padding: 0 0 20px 0;
        border-bottom: 1px solid var(--black_color);
    }

}

@media(max-width: 767px){
    .news-section .news-section-wrapper .right-content .news-tab-wrapper .news-tab .image-wrapper{
        min-width: inherit;
    }
    .news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post .image-wrapper {
        height: auto;
        max-width: 100px;
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }
    .news-section .news-section-wrapper .left-content .upper-content{
        padding: 20px;
    }
    
    .news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post{
        flex-direction: column;
    }

    .news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post:not(:last-child){
        padding: 0 0 15px 0;
        border-bottom: 1px solid var(--black_color);
    }
}


@media(max-width: 575px){
    .news-section .news-section-wrapper .left-content{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post{
        flex-direction: row;
    }
    .news-section .news-section-wrapper .left-content .upper-content .posts-wrapper .post:not(:last-child){
        padding: 0;
        border-bottom: none;
    }

    .news-section .news-section-wrapper .right-content{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* News section style start here */









/* Testimonial section style start here */

.testimonial-section .testimonial-section-wrapper .title-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows{
    display: flex;
    gap: 10px;
}

.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .prev-btn,
.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .next-btn{
    background-color: var(--primary_color);
    color: var(--white_color);
    border: 0;
    padding: 10px 11px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .prev-btn img,
.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .next-btn img{
    height: 10px;
    width: 10px;
    object-fit: contain;
}

.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .prev-btn:hover,
.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .next-btn:hover{
    transform: scale(1.1);
}

.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .prev-btn.slick-disabled, 
.testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .next-btn.slick-disabled{
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper{
    margin: 40px 0 0;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slick-list{
  margin: 0 -15px;
  height: 100% !important;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item{
    background-color: #f5f5f5;
    padding: 25px;
    display: flex;
    gap: 25px;
    margin: 0 15px;
    cursor: pointer;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .image-wrapper{
    flex: 0 0 auto;
    position: relative;
    width: 100%;
    max-width: 208px;
    aspect-ratio: 208 / 217;
    overflow: hidden;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .image-wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details .quote-image{
    margin-left: auto;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details .description{
    color: var(--description_color);
    max-width: 346px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details .description .name-wrapper{
    margin: auto 0 25px 0;
}

.testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details .description .name-wrapper .student-name{
    color: var(--black_color);
    margin: 0 0 5px 0;
}


@media(max-width: 480px){
    .testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .prev-btn,
    .testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows .next-btn{
        padding: 5px;
    }
    .testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item{
        flex-direction: column;
    }

    .testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details .quote-image{
        margin-left: inherit;
        margin-right: auto;
    }

    .testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details .description{
        margin: 10px 0 0;
    }

    .testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .details .description .name-wrapper{
        margin: 0;
    }
    .testimonial-section .testimonial-section-wrapper .title-wrapper{
        flex-direction: column;
        gap: 10px;
    }
    .testimonial-section .testimonial-section-wrapper .title-wrapper .testimonial-arrows{
        margin-left: auto;
    }
    .testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper {
        margin: 30px 0 0;
    }
    .testimonial-section .testimonial-section-wrapper .testimonial-slider-wrapper .slide-item .image-wrapper {
        flex: 0 0 auto;
        position: relative;
        width: 100%;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }

}





/* Testimonial section style start here */


/* Banner Section style start here */

.banner-section{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--white_color);
    min-height: 280px;
    align-content: center;
    position: relative;
}
.banner-section:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.8;
}
.banner-section .container{
    position: relative;
    z-index: 9;
}

.banner-section .banner-section-wrapper{
    display: flex;
    flex-direction: column;
    gap: 15px;
    /*gap: 25px;*/
}

.banner-section .banner-section-wrapper .date{
    color: var(--primary_color);
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 700;
    flex-wrap: wrap;
}
.banner-section .banner-section-wrapper .date.notice-text {
    color: #f00;
    font-weight: 700;
}

.banner-section .banner-section-wrapper .registration-breadcrum-wrapper{
    display: flex;
    align-items: center;
    gap: 30px;
}

.banner-section .banner-section-wrapper .registration-breadcrum-wrapper .registration-breadcrum{
    display: flex;
    align-items: center;
    gap: 12px;
}

.banner-section .banner-section-wrapper .registration-breadcrum-wrapper .registration-breadcrum:not(:first-child){
    padding: 0 0 0 46px;
    position: relative;
}


.banner-section .banner-section-wrapper .registration-breadcrum-wrapper .registration-breadcrum:not(:first-child)::after{
    content: url('/wp-content/uploads/2025/11/link-white-arrow.webp');
    position: absolute;
    left: 0;
    top: 55%;
    transform: translate(0%, -50%);
}

.banner-section .banner-section-wrapper .registration-breadcrum-wrapper .registration-breadcrum .number-wrapper{
    background-color: #FFFFFF1A;
    border: 1px solid #FFFFFF4D;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    align-content: center;
    text-align: center;
}

.banner-section .banner-section-wrapper .registration-breadcrum-wrapper .registration-breadcrum.active .number-wrapper{
    background-color: var(--primary_color);
}

.banner-section .banner-section-wrapper .breadcrum-wrapper{
    color: var(--primary_color);
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.banner-section .banner-section-wrapper .breadcrum-wrapper .breadcrum-text:not(:first-child){
    position: relative;
    padding: 0 0 0 25px;
}

.banner-section .banner-section-wrapper .breadcrum-wrapper .breadcrum-text:not(:first-child):after{
    content: '|';
    position: absolute;
    left: 0;
    top: 0;
}

@media(max-width: 767px){
    .banner-section .banner-section-wrapper .registration-breadcrum-wrapper{
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .banner-section .banner-section-wrapper .registration-breadcrum-wrapper .registration-breadcrum:not(:first-child){
        padding: 25px 0 0;
    }

    .banner-section .banner-section-wrapper .registration-breadcrum-wrapper .registration-breadcrum:not(:first-child)::after{
        left: 13px;
        top: 0;
        transform: rotate(90deg) translate(-50%, 0%);
    }
}


/* Banner Section style start here */



/* Submission Option Section style start here */


.submission-option-section .submission-option-section-wrapper{
    text-align: center;
}

.submission-option-section .submission-option-section-wrapper .title{
    color: var(--dark_active_color);
}

.submission-option-section .submission-option-section-wrapper .late-fee-text{
    width: fit-content;
    margin: 30px auto 10px;
    border: 1px solid var(--red_color);
    background-color: #C7363638;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px;
    border-radius: 8px;
    text-align: left;
}

.submission-option-section .submission-option-section-wrapper .late-fee-text p span{
    color: var(--red_color);
}

.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper{
    margin: 30px 0 0;
    display: flex;
    gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
}

.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab{
    border: 1px solid var(--primary_color);
    padding: 30px;
    border-radius: 10px;
    max-width: 600px;
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    text-align: left;
}


.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-icon-wrapper{
    background-color: var(--primary_color);
    border-radius: 50%;
    height: 52px;
    aspect-ratio: 1 / 1;
    width: auto;
    align-content: center;
}

.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-icon-wrapper img{
    display: block;
    object-fit: cover;
    max-height: 32px;
    margin: 0 auto;
}

.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-details{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-details .tab-title{
    padding: 9px 0;
}

.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-details .link{
    color: var(--primary_color);
    word-break: break-word;
}

.submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-details .link:hover{
    text-decoration: underline;
}


@media(max-width: 1023px){
    .submission-option-section .submission-option-section-wrapper .option-tabs-wrapper{
        gap: 30px;
    }
    .submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab{
        padding: 20px;
    }
}


@media(max-width: 767px){
    .submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-icon-wrapper{
        height: 42px;
    }

    .submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-icon-wrapper img{
        max-height: 22px;
    }

    .submission-option-section .submission-option-section-wrapper .option-tabs-wrapper .option-tab .tab-details{
        gap: 15px;
    }
}


/* Submission Option Section style start here */






/* Important details section style start here  */


.important-detail-section .important-detail-section-wrapper{
    padding: 30px;
    border-radius: 10px;
    color: var(--red_color);
}

.important-detail-section .important-detail-section-wrapper .description{
    margin: 20px 0 0;
}

.important-detail-section .important-detail-section-wrapper .tab-content-section-wrapper{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin: 30px 0 0;
}

.important-detail-section .important-detail-section-wrapper .tab-content-section-wrapper .tab-content-box{
    flex: 0 0 calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
    background-color: var(--white_color);
    border-radius: 10px;
    padding: 20px;
}

.important-detail-section .important-detail-section-wrapper .tab-content-section-wrapper .tab-content-box .tab-content-title-wrapper{
    display: flex;
    gap: 10px;
    align-items: center;
}

.important-detail-section .important-detail-section-wrapper .tab-content-section-wrapper .tab-content-box .tab-content-description{
    margin: 15px 0 0;
}

.important-detail-section .important-detail-section-wrapper .after-tab-description{
    margin: 30px 0 0;
}


@media(max-width: 767px){
    .important-detail-section .important-detail-section-wrapper .tab-content-section-wrapper .tab-content-box{
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

@media(max-width: 575px){
    .important-detail-section .important-detail-section-wrapper{
        padding: 20px;
    }

    .important-detail-section .important-detail-section-wrapper .tab-content-section-wrapper .tab-content-box{
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Important details section style start here  */







/* Registration form section style start here */

.registration-form-section .registration-form-section-wrapper{
    padding: 36px;
    box-shadow: var(--section_box_shadow);
    border-radius: 20px;
}
.buyer-form-section.registration-form-section .registration-form-section-wrapper{
    max-width: 860px;
    margin: 0 auto;
}

.registration-form-section .registration-form-section-wrapper .registration-title{
    color: var(--primary_color);
    margin: 0 0 30px 0;
}

.registration-form-section .registration-form-section-wrapper .gform-theme--api, 
.registration-form-section .registration-form-section-wrapper .gform-theme--framework{
    margin: 0;
    padding: 0;
    box-shadow: none;
}

.registration-form-section.exhibitor-form-section .registration-form-section-wrapper form{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

@media(max-width: 575px){
    .registration-form-section .registration-form-section-wrapper{
        padding: 20px 20px;
    }
}

/* Registration form section style end here */




/* Form style start here */

.form-wrapper form .gf_page_steps{
    flex-direction: column;
    max-width: 250px;
    width: 100%;
    margin: 0;
}

.form-wrapper form .gf_page_steps .gf_step{
    padding: 20px 15px;
    background-color: var(--section_bg_color);  
    border-radius: 10px;
}

.form-wrapper form .gf_page_steps .gf_step .gf_step_number{
    color: var(--gf_step_number_color);
    position: relative;
}

.form-wrapper form .gf_page_steps .gf_step.gf_step_active,
.form-wrapper form .gf_page_steps .gf_step.gf_step_completed{
    background-color: var(--primary_color);
}

.form-wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_label,
.form-wrapper form .gf_page_steps .gf_step.gf_step_completed .gf_step_label{
    color: var(--secondary_color);
}

.form-wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_number,
.form-wrapper form .gf_page_steps .gf_step.gf_step_completed .gf_step_number{
    background-color: var(--secondary_color);
    border-color: var(--secondary_color);
}

.form-wrapper form .gf_page_steps .gf_step.gf_step_completed .gf_step_number::after{
    background-color: var(--white_color);
    color: var(--gf_step_number_color);
    border-color: var(--secondary_color);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* .form-wrapper form .gf_page_steps{
    gap: 0;
    max-width: 100%;
    justify-content: center;
}

.form-wrapper form .gf_page_steps .gf_step{
    flex-direction: column;
    flex: 1;
    gap: 2px;
}

.form-wrapper form .gf_page_steps .gf_step::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 7px;
    height: 2px;
    background: var(--gf_step_number_dot_bg_color);
    z-index: 0;
    transform: translateX(8px);
    transition: all 0.22s ease;
    width: calc(100% - 9px);
}

.form-wrapper form .gf_page_steps .gf_step:last-child:after{
    content: none;
}

.form-wrapper form .gf_page_steps .gf_step .gf_step_number{
    color: transparent;
    background-color: var(--gf_step_number_dot_bg_color);
    border: 4px solid var(--white_color);
    text-indent: -9999px;
    overflow: hidden;
    height: 16px;
    width: 16px;
    min-inline-size: auto;
    position: relative;
}

.form-wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_number{
    border-color: var(--primary_color);
    background-color: var(--white_color);
}

.form-wrapper form .gf_page_steps .gf_step.gf_step_completed .gf_step_number{
    background-color: var(--primary_color);
    text-indent: inherit;
    border: 2px solid var(--primary_color);
}

.form-wrapper form .gf_page_steps .gf_step.gf_step_completed .gf_step_number::after{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    inline-size: 12px;
    block-size: 12px;
    background-color: var(--primary_color);
    border: 0;
    font-size: 11px;
    lin.form-wrapper form .gf_page_steps .gf_step .gf_step_label{
    max-width: 110px;
    font-size: clamp(12px, 1vw, 14px);
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    text-transform: capitalize;
    margin: 0 4px;
} */

.form-wrapper form .gform-body{
    border: 1px solid var(--form_border_color);
    padding: 36px;
    border-radius: 10px;
    flex: 1;
}

.form-wrapper form .gform-body .gform_page{
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.form-wrapper form .gform-body .gform_fields{
    row-gap: 24px;
}

.form-wrapper form .gform-body .gform_fields .gfield .form-section-header-custom .section-description{
    margin: 5px 0 0;
}

.form-wrapper form .gform-body .gform_fields .gfield .notice-text{
    color: var(--red_color);
    font-weight: 700;
}

.form-wrapper form .gform-body .gform_fields .gfield .title-wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-wrapper form .gform-body .gform_fields .gfield .link{
    color: var(--red_color);
    text-decoration: none;
    font-weight: bold;
}

.notice-text {
    color: #f00;
    font-weight: 700;
}
.form-wrapper form .gform-body .gform_fields .gfield .link:hover{
    text-decoration: underline;
}


.form-wrapper form .gform-body .gform_fields .gfield label{
    font-size: clamp(0.813rem, 1vw, 0.875rem);
    font-weight: 500;
    line-height: 1.4;
    color: var(--black_color);
}

.form-wrapper form .gform-body .gform_fields .gfield legend{
    font-size: clamp(0.813rem, 1vw, 1.2rem);
    font-weight: 500;
    line-height: 1.25;
    color: var(--black_color);
    margin: 0 0 20px 0;
    display: inline-block;
}
.form-wrapper form.label-order-form .gform-body .gform_fields .gfield legend{
    margin: 0 0 10px 0;
}
.form-wrapper form .gform-body .gform_fields .gfield input,
.form-wrapper form .gform-body .gform_fields .gfield textarea,
.form-wrapper form .gform-body .gform_fields .gfield select{
    border-radius: 6px;
    border: 1px solid var(--primary_color);
    box-shadow: var(--input_field_box_shadow);
    outline: none;
    color: var(--black_color);
    width: 100%;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 400;
    line-height: 1.25;
    block-size: auto;
    padding: 9px;
}

.form-wrapper form .gform-body .gform_fields .gfield input::before{
    background-color: var(--primary_color);
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox{
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice{
    border-radius: 8px;
    border: 1px solid var(--primary_color);
    align-items: center;
    padding: 10px;
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice:hover,
.form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice.checked-bg
{
    background-color: var(--input_field_active_bg_color);
}

.form-wrapper form .gform-body .gform_fields .gfield.not-applicable .gfield_checkbox .gchoice{
    width: fit-content;
    box-shadow: var(--input_field_box_shadow);
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice input[type="checkbox"]{
    border-radius: 0;
    box-shadow: none;
    position: relative;
    cursor: pointer;
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice input[type="checkbox"]::before{
    position: absolute;
    top: 0;
    left: 0;
    color: var(--primary_color);
    width: 100%;
    height: 100%;
    align-content: center;
    text-align: center;
    border: 2px solid var(--primary_color);
    background-color: var(--white_color);
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice label{
    color: var(--primary_color);
    cursor: pointer;
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice{
    align-items: center;
    grid-template-columns: min-content auto;
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input,
.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice label{
    cursor: pointer;
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input{
    /*padding: 10px;*/
    padding: 5px;
}

.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input::before{
    padding: 5px;
}

.form-wrapper form .gform-body .gform_fields .gfield .ginput_container_consent{
    align-items: center;
}

.form-wrapper form .gform-body .gform_fields .gfield .ginput_container_consent input{
    padding: 5px;
}

.form-wrapper form .gform-body .gform_fields .gfield .ginput_container_consent input::before{
    background-color: var(--white_color);
    color: var(--primary_color);
}

.form-wrapper form .gform-body .gform_page .gform_page_footer{
    margin-top: auto;
}

.form-wrapper form .gform-body .gform_next_button,
.form-wrapper form .gform_page_footer input[type="submit"],
.form-wrapper form .gform_footer input[type="submit"]{
    display: inline-block !important;
    background-color: var(--primary_color) !important;
    padding: 15px 20px !important;
    color: var(--secondary_color) !important;
    text-align: center !important;
    border-radius: 90px !important;
    cursor: pointer !important;
    border: 1px solid var(--primary_color) !important;
    transition: all 0.3s ease !important;
    outline: none !important;

    font-size: clamp(0.875rem, 1vw, 1.125rem) !important;
    font-weight: 500 !important;
}

.form-wrapper form .gform-body .gform_next_button:hover,
.form-wrapper form .gform_page_footer input[type="submit"]:hover,
.form-wrapper form .gform_footer input[type="submit"]:hover{
    background-color: var(--secondary_color) !important;
    color: var(--primary_color) !important;
}

.form-wrapper form .gform_footer input[type="submit"]{
    margin-left: auto !important;
}

.form-wrapper form .gform-body .gform_previous_button{
    display: inline-block !important;
    background-color: var(--secondary_color) !important;
    padding: 15px 20px !important;
    color: var(--primary_color) !important;
    text-align: center !important;
    border-radius: 90px !important;
    cursor: pointer !important;
    border: 1px solid var(--primary_color) !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}

.form-wrapper form .gform-body .gform_previous_button:hover{
    background-color: var(--primary_color) !important;
    color: var(--secondary_color) !important;
}

.form-wrapper form .gform-body .gform_fields .gfield .info-box{
    background-color: var(--section_bg_color);
    padding: 20px;
    border-radius: 8px;
    color: var(--black_color);
}

.form-wrapper form .gform-body .gform-loader
{
    border-block-end-color: var(--primary_color);
    border-inline-start-color: var(--primary_color);
}

.form-wrapper form .gform-body .gform_fields .gfield.term-condition{
    position: absolute;
    right: 0;
    bottom: 10px;
}

@media(max-width: 1023px){
    .form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox{
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }

    .form-wrapper form .gform-body .gform_fields .gfield.term-condition{
        /*left: 0;
        bottom: 0;
        right: inherit;*/
    }
}

@media(max-width: 767px){
    /* .form-wrapper form .gf_page_steps .gf_step .gf_step_label{
        display: none;
    } */

    .form-wrapper form .gf_page_steps{
        max-width: 100%;
    }
    .form-wrapper form .gf_page_steps .gf_step{
        display: none;
        padding: 15px;
    }

    .form-wrapper form .gf_page_steps .gf_step.gf_step_active{
        display: flex;
    }

    .form-wrapper form .gform-body{
        padding: 20px;
        flex: 1 1 100%;
    }

    .form-wrapper form .gform-body .gform_previous_button,
    .form-wrapper form .gform-body .gform_next_button{
        padding: 10px 15px !important;
    }

    .form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox{
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }

}

@media(max-width: 575px){
    .form-wrapper form .gform-body .gform_fields .gfield .gfield_checkbox{
        display: flex;
    }
    /* .form-wrapper form .gf_page_steps{
        justify-content: flex-start;
    }

    .form-wrapper form .gf_page_steps .gf_step::after{
        content: none;
    }
    
    .form-wrapper form .gf_page_steps .gf_step{
        display: none;
    }
    
    .form-wrapper form .gf_page_steps .gf_step.gf_step_completed .gf_step_number::after{
        content: none;
    }
    
    .form-wrapper form .gf_page_steps .gf_step.gf_step_active{
        display: flex;
        align-items: flex-start;
        flex: 0;
    }
    
    .form-wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_number{
        text-indent: inherit;
        background-color: var(--white_color);
        border: none;
        color: var(--primary_color);
        width: auto;
        height: auto;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.25;
        padding: 0 37px 0 0;
        justify-content: start;
        border-radius: 0;
    }

    .form-wrapper form .gf_page_steps .gf_step.gf_step_active .gf_step_number::after{
        content: " / 10";
        position: absolute;
        right: 0;
        top: 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.25;
        width: fit-content;
    } */

    .form-wrapper form .gform-body .gform_fields .gfield input, 
    .form-wrapper form .gform-body .gform_fields .gfield textarea, 
    .form-wrapper form .gform-body .gform_fields .gfield select{
        padding: 10px;
    }

    .form-wrapper form .gform-body .gform_page .gform_page_footer{
        padding-bottom: 35px;
    }

    .form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input{
        padding: 6px;
    }

    .form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input::before{
        padding: 3px;
    }
    
    .form-wrapper form .gform_footer input[type="submit"]{
        margin-left: 0 !important;
        width: 100% !important;
    }

}

/* Form style end here */







/* Buyer Registration Title section style start here */

.title-section .title-section-wrapper{
    text-align: center;
}

.title-section .title-section-wrapper .title{
    color: var(--primary_color);
}

.title-section .title-section-wrapper .note-wrapper{
    padding: 20px;
    border: 1px solid var(--primary_color);
    border-radius: 10px;
    margin: 30px 0 0;
}

.title-section .title-section-wrapper .note-wrapper p span{
    color: var(--primary_color);
}


/* Buyer Registration Title section style end here */






/* Important guideline section style start here */


.important-guideline-section .important-guideline-section-wrapper{
    padding: 30px;
    border-radius: 10px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.important-guideline-section .important-guideline-section-wrapper .title-wrapper{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.important-guideline-section .important-guideline-section-wrapper .title-wrapper p span{
    font-weight: 600;
}

.important-guideline-section .important-guideline-section-wrapper .description-wrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.important-guideline-section .important-guideline-section-wrapper .description-wrapper h6 span{
    color: var(--red_color);
}

.important-guideline-section .important-guideline-section-wrapper .description-wrapper ul{
    padding: 0 0 0 20px;
}

.important-guideline-section .important-guideline-section-wrapper .description-wrapper ul li{
    list-style-type: disc;
}

.important-guideline-section .important-guideline-section-wrapper .description-wrapper ol{
    padding: 0 0 0 20px;
}

.important-guideline-section .important-guideline-section-wrapper .description-wrapper ol li{
    list-style-type: decimal;
}

@media(max-width: 575px){
    .title-section .title-section-wrapper .note-wrapper{
        padding: 20px;
    }

    .important-guideline-section .important-guideline-section-wrapper{
        padding: 20px;
    }
}


/* Important guideline section style end here */





/* Blog Page style start here */

.blog-card-section .blog-card-section-wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.blog-card{
    box-shadow: 0px 13.82px 18.42px -4.61px #10182814;
    border-radius: 20px;
    padding: 30px;
    background-color: var(--white_color);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
    min-height: 670px;
}

.blog-card .image-wrapper{
  position: relative;
  width: 100%;
  aspect-ratio: 7 / 5;
  max-height: 277px;
  overflow: hidden;
}

.blog-card .image-wrapper img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  max-height: 277px !important;
  max-width: 100% !important;
}

.blog-card .lower-content{
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 15px;
}

.blog-card .lower-content .card-subtitle{
    color: var(--primary_color);
}

.blog-card .lower-content .card-title-wrapper{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
}

.blog-card .lower-content .card-title-wrapper .card-title{
    transition: all 0.3s ease;
}

.blog-card .lower-content .card-title-wrapper:hover .card-title{
    color: var(--primary_color);
}

.blog-card .lower-content .card-title-wrapper i{
    margin: 10px 0 0;
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    transform: rotate(-45deg);
    transition: all 0.3s ease;
}

.blog-card .lower-content .card-title-wrapper:hover i{
    transform: rotate(0deg);
    color: var(--primary_color);
}

.blog-card .lower-content .author-detail{
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-card .lower-content .author-detail .author-image-wrapper{
    width: 47px;
    aspect-ratio: 1 / 1;
    border-radius: 50%; 
    overflow: hidden;  
    display: inline-block; 
}

.blog-card .lower-content .author-detail .author-image-wrapper img{
    width: 100%;
    height: 100%;
    object-position: center;   
}

.blog-card .lower-content .author-detail .author-name-wrapper .author-name{
    font-weight: 500;
}

.blog-card .lower-content .author-detail .author-name-wrapper .date{
    color: var(--light_black_color);
    margin: 5px 0 0;
}

@media(max-width: 1023px){
    .blog-card-section .blog-card-section-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-card .lower-content .card-title-wrapper i{
        margin: 5px 0 0;
    }
}

@media(max-width: 767px){
    .blog-card-section .blog-card-section-wrapper{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .blog-card{
        min-height: auto;
        padding: 20px;
        gap: 20px;
    }

    .blog-card .lower-content{
        gap: 10px;
    }

    .blog-card .lower-content .author-detail{
        margin-top: 20px;
    }
}



/* Blog Page style end here */





/* Blog Single Page style start here */

.blog-detail-section .blog-detail-section-wrapper{
    display: flex;
    gap: 25px;
}

.blog-detail-section .blog-detail-section-wrapper .left-content{
    flex: 1;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .image-wrapper{
    position: relative;
    width: 100%;
    max-height: 670px;
    overflow: hidden;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .image-wrapper img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
    max-width: 100% !important;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .image-wrapper .image-tag{
    position: absolute;
    background-color: var(--primary_color);
    color: var(--secondary_color);
    right: 0;
    top: 0;
    padding: 10px 25px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .title-wrapper{
    margin: 35px 0 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .title-wrapper .author-detail{
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .title-wrapper .author-detail .author-image-wrapper{
    width: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 50%; 
    overflow: hidden;  
    display: inline-block; 
}

.blog-detail-section .blog-detail-section-wrapper .left-content .title-wrapper .author-detail .author-image-wrapper img{
    width: 100%;
    height: 100%;
    object-position: center; 
    display: block;   
}

.blog-detail-section .blog-detail-section-wrapper .left-content .title-wrapper .author-name-wrapper .author-name{
    font-weight: 500;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .title-wrapper .author-detail .author-name-wrapper .date{
    color: var(--light_black_color);
    margin: 5px 0 0;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .detail-wrapper{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 35px 0 0;
}

.blog-detail-section .blog-detail-section-wrapper .right-content{
    max-width: 443px;
    width: 100%;
    height: 100%;
}

@media(max-width: 1023px){
    .blog-detail-section .blog-detail-section-wrapper{
        flex-direction: column;
    }

    .blog-detail-section .blog-detail-section-wrapper .left-content .title-wrapper{
        flex-wrap: wrap;
    }
}


/* Blog Single Page style end here */



/* Contact us page style start here */

.contactus-section-wrapper.form-wrapper form{
    border: 1px solid var(--form_border_color);
    padding: 30px;
    border-radius: 10px;
}

.contactus-section-wrapper.form-wrapper form .gform-body{
    border: 0;
    padding: 0;
    border-radius: 0;
}

.contactus-section-wrapper.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice{
    border: 1px solid var(--form_border_color);
    border-radius: 6px;
    padding: 12px;
    justify-content: space-between;
}

.contactus-section-wrapper.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice label{
    margin: 0;
    color: #4B5563;
}

.contactus-section-wrapper.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input{
    order: 2;
    border-radius: 50%;
    font-size: 0.75rem;
    border: 1px solid var(--form_border_color);
    padding: 6px;
    cursor: pointer;
}

.contactus-section-wrapper.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice:has(input[type="radio"]:checked){
    background-color: var(--input_field_active_bg_color);
    border-color: var(--primary_color);
}

.contactus-section-wrapper.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input[type="radio"]:checked{
    border-color: var(--primary_color);
}

@media(max-width: 767px){
    .contactus-section-wrapper.form-wrapper form{
        padding: 20px;
    }
}

/* Contact us page style end here */

.hotels-section-wrapper.hotel-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/* Hotel Start Here */
:root {
  --hotel-primary: #a33654;
  --hotel-secondary: #efdcb3;
  --hotel-bg: #fff;
  --hotel-title: #322c22;
  --hotel-card-bg: #f6eedc;
  --hotel-border: #e5dac2;
  --hotel-error-bg: #fbeaea;
  --hotel-error-text: #a33654;
  --hotel-btn-bg: #a33654;
  --hotel-btn-text: #fff;
}

.hotel-item {
  margin:0 auto 2rem auto;
  background: var(--hotel-bg);
  border-radius: 16px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.07);
  overflow: hidden;
  padding: 0;
}

.hotel-item__image-slider {
  position: relative;
  width: 100%;
  /*height: 320px;*/
      max-height: 380px;
  background: #eee;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

.hotel-item__slider img {
  width: 100%;
  height: 100%;
  max-height: 380px;
  object-fit: cover;
  object-position: center center;
  border-radius: 16px 16px 0 0;
}

.hotel-item__property-tag {
    display: none;
  position: absolute;
  top: 14px;
  left: 18px;
  background: var(--primary_color);
  color: var(--white_color);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 500;
  z-index: 2;
}

.hotel-item__details {
  display: flex;
  gap: 24px;
  padding: 28px;
  background: var(--hotel-bg);
}

.hotel-item__description {
  flex: 2;
}
.hotel-brand {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    border-bottom: 1px solid var(--form_border_color);
    padding:0 0 25px 0;
}
.hotel-brand img{
    max-width: 150px;
}
.hotel-item__title {
    color: var(--black_color);
    font-size: clamp(1.5rem,2.5vw,1.875rem);
    margin-bottom: 0;
    font-weight: 600;
}

.hotel-item__subtitle {
  color: var(--black_color);
  font-size: clamp(1rem,2vw,1.25rem);
  font-weight: 500;
  margin-top: 22px;
  margin-bottom: 6px;
  display: none;
}

.hotel-item__desc-text {
  color: var(--black_color);
  margin-bottom: 14px;
  font-size: 1rem;
}

.hotel-item__policy-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.hotel-item__policy-list li {
  font-size: 0.98rem;
  color: var(--color-black);
  background: #C7363638;
  border-radius: 9px;
  padding: 10px 14px;
  margin-bottom: 8px;
  border: 1px solid var(--hotel-border);
}

.hotel-item__info-card {
  flex: 1.2;
  padding: 24px 18px;
  border-radius: 10px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
  min-width: 220px;
  height: fit-content;
}

.hotel-item__info-title {
  color: var(--primary_color);
  font-size: clamp(1rem,2vw,1.5rem);
  font-weight: 600;
  margin-bottom: 10px;
}

/* FAQ  */
.hotel-toggle {
  width: 100%;
  margin-top: 18px;
}

.hotel-toggle__faq {
  /*border-bottom: 1px solid var(--hotel-border);*/
  padding: 10px 0 0 0;
}

.hotel-toggle__question {
  cursor: pointer;
  margin: 0;
  color: var(--red_color);
  transition: color 0.2s;
  position: relative;
  padding-right: 24px;
  margin-bottom: 10px;
}

.hotel-toggle__question::after {
    /*content: "\f107";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: var(--hotel-primary);
    transition: transform 0.3s;
    font-weight: 600;*/
}

.hotel-toggle__faq.active .hotel-toggle__question {
  color: #8f3150;
}

.hotel-toggle__faq.active .hotel-toggle__question::after {
  transform: translateY(-50%) rotate(180deg);
}

.hotel-toggle__answer {
  /*display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.35s, max-height 0.35s;
  margin: 0;
  padding-left: 0;*/
}

.hotel-toggle__faq.active .hotel-toggle__answer {
  opacity: 1;
  max-height: 300px; /* Adjust as needed for content */
  margin: 12px 0 0 0;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* FAQ End */
.hotel-item__info-list {
  list-style: none;
  padding-left: 0;
  font-size: 0.99rem;
  color: var(--black_color);
  margin-bottom: 18px;
}

.hotel-item__info-list li {
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    text-align: center;
}
.hotel-item__info-list li i{
    color: var(--white_color);
    font-size: 1.125rem;
}
.hotel-item__info-list li span.sicon{
    background-color: var(--primary_color);
    border-radius: 5px;
    height: 45px;
    aspect-ratio: 1 / 1;
    width: auto;
    align-content: center;
}
.hotel-item__info-list li a{
    display: flex;
    flex-direction: column;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    font-size: 0.938rem;
}
.hotel-item__info-list li span.stext{
    display: flex;
    flex-direction: column;
    text-align: left;
}
.hotel-item__book-btn {
  display: block;
  width: 100%;
  padding: 12px 0;
  background: var(--hotel-btn-bg);
  color: var(--hotel-btn-text);
  border: none;
  border-radius: 8px;
  font-size: 1.13rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
  box-shadow: 0 1px 5px rgba(123,39,54,0.17);
}

.hotel-item__book-btn:hover {
  background: #8f3150;
}

@media (max-width: 850px) {
  .hotel-item { max-width: 99vw; }
  .hotel-item__details { flex-direction: column; gap: 14px; padding: 15px; }
  .hotel-item__description, .hotel-item__info-card { min-width: 0; width: 100%; }
  .hotel-item__image-slider, .hotel-item__slider img { height: 220px; }
}

ul.hotel-item_amenities{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}
.am-tab{
    padding: 5px 10px;
    font-size: 0.625rem;
    background: var(--primary_color);
    color: var(--white_color);
    border-radius: 20px;
    text-transform: uppercase;
}
/* Slick navigation customization (optional) */
.hotel-item .slick-prev, 
.hotel-item .slick-next {
  z-index: 5;
  background: var(--slider_dot_color);
  color: var(--normal_active_color);
  opacity: 0.85;
  border-radius: 50%;
  width: 36px !important;
  height: 36px !important;
  transition: background 0.17s;
}
.hotel-item .slick-prev {
    left: 15px;
}
.hotel-item .slick-next {
    right: 15px;
}
.hotel-item .slick-prev:hover, 
.hotel-item .slick-next:hover {
  background: var(--normal_active_color);
}
.hotel-item .slick-prev:hover:before, 
.hotel-item .slick-next:hover:before {
    color: var(--white_color);
}
.hotel-item .slick-prev:before{
    content: "\f104";
    font-family: "Font Awesome 6 Free";
    color: var(--normal_active_color);
    font-weight: 600;
}
.hotel-item .slick-next:before{
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    color: var(--normal_active_color);
    font-weight: 600;
}

@media (max-width: 580px){
    .hotel-brand{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
}
/* Hotel End here */

/* Airport / Transportation Start Here */
.transport-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.transport-item-head {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 15px 30px;
    background: var(--primary_color);
    color: var(--white_color);
    border-radius: 10px 10px 0 0;
}
.transport-item-head h2.transport-item-title{
    font-size: clamp(1.125rem, 2vw, 1.625rem);
}
.transport-item-head i{
    font-size: 1.625rem;
}
.transport-item{
    padding: 0;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 0 0 10px 10px;
}
.transport-item-content{
    padding:20px 30px;
    border-radius: 0 0 10px 10px;
}
.transport-item-content p:not(:last-child){
    margin-bottom: 10px;
}
.transport-detail {
    /*padding-top: 20px;*/
}
.trd-title{
    font-size: clamp(1rem, 2vw, 1.25rem);
    padding: 0 0 10px 0;
}
ul.ad-list li:not(:last-child){
    margin-bottom: 5px;
}
.transport-detail a{
    color: var(--primary_color);
}
.transport-detail a:hover{
    color: var(--dark_active_color);
}
ul.ad-list {
    padding-left: 20px;
}
ul.ad-list li{
    list-style: disc;
}
ul.ad-list:not(:last-child){
    padding: 0 0 20px 20px;
}
ul.trsp-lists{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px 0 20px 0;
}
li.transport-icon-list {
    padding: 5px 20px;
    border-radius: 50px;
    border: 1px solid var(--primary_color);
    display: flex;
    gap: 10px;
    font-size: 1.25rem;
    background: var(--primary_color);
    color: var(--white_color);
    transition: 0.6s all;
    cursor: pointer;
    align-items: center;
}
li.transport-icon-list:hover{
    transform: translateY(-4px);
}
/* Airport / Transportation End Here */


/* Gallery Start Here */
.gallery-section-wrapper .gallery-title{
    margin-bottom: 30px;
    font-size: clamp(1.125rem, 2.4vw, 1.875rem);
    text-align: center;
}
.gallery-title-sec{
    margin-bottom: 30px;
}
.gallery-description{
    text-align: center;
}
.gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   /* background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    width: 80%;
    margin: 0 auto;
    padding: 10px;*/
}
.gallery-item {
    flex-basis: 32.7%;
    margin-bottom: 12px;
    opacity: .85;
    cursor: pointer;
    aspect-ratio: 4/3;
}
.gallery-item:hover {
    opacity: 1;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-content {
    font-size: 0.8rem;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
}
.lightbox-content img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 7px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

@media (max-width: 767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49%;
        margin-bottom: 12px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 10px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}
/* Galllery End Here */

/* show dates start here */
.show-dates-section-wrapper{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.page-detail {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-detail img{
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.page-detail .page-title{
    font-size: clamp(1.375rem, 2.4vw, 1.875rem);
    margin-bottom: 10px;
}
.show-item-flex {
    display: flex;
    gap: 50px;
    align-items: center;
}
.show-item-flex .show-thumbnail {
    flex: 1 1 60%;
}
.show-item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.location span{
    font-size: 1.25rem;
    font-weight: bold;
    display: block;
}
.location a{
    color: var(--primary_color);
}
.location a:hover{
    color: var(--dark_active_color);
}
.show-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
ul.show-detail-list li:not(:last-child){
    margin-bottom: 5px;
}

@media (max-width: 1024px){
    .show-item-flex{
        flex-direction: column;
        gap: 30px;
    }
    .show-details{
        width: 100%;
    }
    .show-item{
        padding: 20px;
    }
}
/* show dates End here */


/* floor Plan Start Here */
.floor-grid{
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 30px;
    padding-top: 30px;
}
.floor-item {
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: 0.6s all;
}
.floor-item:hover{
    transform: translateY(-4px);
}
.floor-thumb {
    aspect-ratio: 4 / 3;
}
.floor-detail .floor-card-title{
    font-size: clamp(1rem, 2vw, 1.25rem);
}

@media (max-width: 998px){
    .floor-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 668px){
    .floor-grid{
        grid-template-columns: 1fr;
    }
}

/* Model Start Here */
#floor-modal {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
#modal-content {
  background: #fff;
  padding: 32px 24px 24px;
  border-radius: 8px;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
  position:relative;
  text-align:center;
}
#modal-close {
  position:absolute; top:8px; right:16px;
  font-size: 2rem; color:#222;
}
#modal-pdf-btn{
    display:inline-block;
    margin:16px 0 0 0;
    text-decoration:none;
}
#modal-content #modal-title{
    font-size: clamp(1rem, 2vw, 1.375rem);
}
/* Model end Here */

/* floor Plan End Here */


/* FAQ Page start */
.faq-section-wrapper.faq-wrapper{
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
}
.faq-accordion {
  background: var(--section_bg_color);
  /*border-radius: 6px;
  box-shadow: var(--section_box_shadow);
  margin: 32px auto;*/
  padding: 0;
}

.faq-accordion-box:not(:last-child) {
  border-bottom: 1px solid var(--form_border_color);
}

.faq-accordion-title {
  cursor: pointer;
  padding: 22px 32px;
  background: var(--white_color);
  color: var(--gf_step_number_color);
  font-weight: 600;
  font-size: 1.25rem;
  transition: background 0.2s;
  position: relative;
  padding-right: 40px;
}

.faq-accordion-title.active {
  background: var(--header_bg_color);
  color: var(--primary_color);
}

.faq-content-container {
  display: none;
  padding:24px 32px;
  color: var(--description_color);
  font-size: 1rem;
  background: var(--white_color);
}
.faq-content-container br,
.faq-content-container p:empty{
    display: none;
}
.faq-content-container p:not(:last-child){
    margin-bottom: 8px;
}
.faq-content-container a{
    color: var(--primary_color);
}
.faq-content-container a:hover{
    color: var(--dark_active_color);
}
.faq-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.faq-accordion-title.active .faq-icon {
  transform: translateY(-50%) rotate(0);
  /* rotate plus to minus */
}

/* FAQ Page End Here */


/* Retails Start Here */
.retailers-main-content{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.retailers-content > p{
    text-align: center;
    font-weight: 700;
}

.retailers-content p:not(:last-child){
    margin: 0 0 30px 0;
}

.retailers-main-content .jtTableContainer{
    overflow: auto;
}

.retailers-main-content .jtTableContainer table{
    min-width: 500px;
}

.retailers-main-content .jtTableContainer table .footable-filtering-search{
    float: left;
    display: flex;
    align-items: center;
}

.retailers-main-content .jtTableContainer table .footable-filtering-search .sr-only {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0 10px 0 0;
    font-size: clamp(14px, 1vw, 18px);
}

.retailers-main-content .jtTableContainer table .footable-filtering-search .input-group input{
    max-width: 150px;
    height: auto;
    padding: 5px 12px;
    outline: none;
}

.retailers-main-content .jtTableContainer table .footable-filtering-search .input-group .input-group-btn .btn.btn-primary{
    display: none;
}

.retailers-main-content .jtTableContainer table .footable-header th{
    text-align: left;
    background: #00000080;
    color: #fff;
    padding: 10px;
}

.retailers-main-content .jtTableContainer table tr td{
    padding: 10px;
}

.retailers-main-content .jtTableContainer table tr td:empty{
    display: none !important;
}

/* Retails End here */

/* Event Schedule Start Here */
.event-schedule-main-content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.event-date{
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.event-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.event-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}
.event-item{
    background: var(--tab_two_bg_color);
    padding: 15px;
    border-radius: 6px;
    border-left: 4px solid var(--primary_color);
    align-content: center;
}
.event-section-location{
    font-size: clamp(1rem,2vw,1.25rem);
    font-weight: 700;
    color: var(--primary_color);
}
.event-section-location:hover{
     color: var(--dark_active_color);
}

.event-lists{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.event-list-item {
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
    display: flex;
    gap: 50px;
}
.event-list-thumb {
    max-width: 400px;
    width: 100%;
}
.event-list-thumb img{
    margin: 0 auto;
}
.event-list-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.event-list-time {
    display: flex;
    gap: 10px;
}
.event-location {
    display: flex;
    gap: 10px;
}
.event-location b{
    display: block;
}
.event-icon{
    background-color: var(--primary_color);
    border-radius: 5px;
    height: 45px;
    aspect-ratio: 1 / 1;
    width: auto;
    align-content: center;
    text-align: center;
    color: #fff;
}
.event-time-content{
    display: flex;
    flex-direction: column;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    font-size: 0.938rem;
}
ul.event-list-list li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 4px;
}
ul.event-list-list li a{
    color: var(--primary_color);
}
ul.event-list-list li a:hover{
    color: var(--dark_active_color);
}
ul.event-list-list li:before{
    content: "\f178";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    position: absolute;
    left: 8px;
    color: var(--orange_color);
}

@media (max-width: 992px){
    .event-list-item{
        gap: 30px;
    }
    .event-list-thumb {
        max-width: 300px;
    }
}
@media (max-width: 768px){
    .event-list-item{
        flex-direction: column;
    }
    .event-schedule-main-content{
        gap: 30px;
    }

}
/* Event Schedule End Here */

/* Retail Training Workshop Start Here */
.rtraining-main-content{
    display: flex;
    gap: 30px;
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
}
.rtraining-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: baseline;
}
.rtraning-thumb{
    max-width: 500px;
}
.rtainc-section p:not(:last-child){
    margin-bottom: 10px;
}
@media (max-width: 768px){
    .rtraining-main-content{
        flex-direction: column;
        padding: 20px;
    }
    .faq-accordion-title{
        padding: 12px 15px;
        padding-right: 40px;
    }
    .faq-section-wrapper.faq-wrapper {
        padding: 10px 10px;
    }
}
/* Retail Training Workshop end Here */


/*  */
.label-order-form_wrapper.gform-theme--foundation .ginput_complex .ginput_container_date {
    inline-size: 33%;
}
.custom-content p:not(:last-child){
    margin-bottom: 10px;
}
.custom-content .fees p{
    margin-bottom: 0;
    flex: 1;
}
.fees{
    display: flex;
    justify-content: center;
    margin: 30px auto 0 auto;
    gap: 40px;
}
.fees p{
    border: 1px solid var(--primary_color);
    padding: 30px;
    border-radius: 10px;
}
.fees a{
    color: var(--primary_color);
}
.primary-icon{
    padding: 10px;
    background-color: var(--primary_color);
    border-radius: 50%;
    height: 62px;
    aspect-ratio: 1 / 1;
    width: auto;
    align-content: center;
    display: block;
    color: #fff;
    margin: 0 auto 20px auto;
    font-size: 1.75rem;
}
.info-p {
    padding: 10px 0;
}

.visitor-sec {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.visitor-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}
.visitor-card{
    padding: 20px;
    border: 1px solid var(--primary_color);
    border-radius: 8px;
}

.visitor-registration-main-content{
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
}
.visitor-registration-main-content h2{
    margin-bottom: 15px;
}
.gform_heading {
    margin-bottom: 10px !important;
}

/* Exhibitor Information Start Here */
.einfo-main-content{
        display: flex;
    flex-direction: column;
    gap: 50px;
}
.einfo-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
}
.einfo-title {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.cont-info-grid{
   display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px; 
}
.cont-info-card{
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
    transition: 0.6s all;
}
.cont-info-card:hover{
    transform: translateY(-5px);
}
.cont-info-card h6{
    color: var(--primary_color);
    margin-bottom: 10px;
}
.cont-info-content p:not(:last-child){
    margin-bottom: 5px;
}
.cont-info-content a{
    color: var(--primary_color);
}
.cont-info-content a:hover{
    color: var(--dark_active_color);
}
.cont-info-card ul {
    padding-left: 20px;
}
.cont-info-card ul li{
    list-style: disc;
    margin-bottom: 7px;
}
.cont-info-card ul li strong {
    color: #f00;
}

.cont-info-card table{
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}
.cont-info-card table th{
    color: #000;
    font-weight: 700;
    padding: 9px 24px;
}
.cont-info-card table td{
    border-top: 1px solid #eee;
    padding: 6px 24px;
}
.responsive-table{
    margin-top: 15px;
}
/* Exhibitor Information End Here */


/* Registeration New Start Here */
.exhibitor-registration-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--red_color);
}

.reg-new-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.reg-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.reg-list ul,
.reg-list ol{
    padding-left: 20px;
}
.reg-list ul li{
    list-style: disc;
    margin-bottom: 5px;
}
.reg-list ol li{
    list-style: number;
    margin-bottom: 5px;
}
.reg-content p:not(:last-child){
    margin-bottom: 7px;
}

.registration-new-form.form-wrapper form .gform-body .gform_fields .gfield .gfield_radio .gchoice input {
    padding: 5px;
}
/* Registeration New End Here */

.boothaprocess-main-content{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.esm-main-content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.esm-grid{
    grid-template-columns: repeat(2, 1fr);
}
.cont-icon{
    height: 60px;
    aspect-ratio: 1 / 1;
    padding: 5px;
    background-color: var(--primary_color);
    border-radius: 8px;
    align-content: center;
    text-align: center;
    font-size: 1.875rem;
    /*margin-bottom: 20px;*/
    color: var(--white_color);
    width: fit-content;
}

@media (max-width: 768px){
    .esm-grid{
        grid-template-columns: repeat(1, 1fr);
    }
}

/* .eshiping-info-main-content */
.eshiping-info-main-content{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/* Client request to remove we hide home page section */
section.hero-banner-section.section-padding-large .right-content {
    visibility: hidden;
}

/* Client request to remove we hide */
 

/* Introduction Page Start Here */
.einfo-full-card{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.intro-main {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.user-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.user-info-card{    
    padding: 30px;
    background-color: var(--white_color);
    box-shadow: var(--section_box_shadow);
    border-radius: 8px;
    transition: 0.6s all;
    text-align: center;
}
.user-info-card:hover{    
    transform: translateY(-5px);
}
.user-icon {
    height: 60px;
    aspect-ratio: 1 / 1;
    padding: 5px;
    background-color: var(--primary_color);
    border-radius: 8px;
    align-content: center;
    text-align: center;
    font-size: 1.875rem;
    margin: 0 auto;
    margin-bottom: 20px;
    color: var(--white_color);
}
.user-info-card h6 {
    color: var(--primary_color);
}
/* Introduction Page End Here */

/* article-sec */
.cont-info-card{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.introduction-section .cont-info-card ul{
    margin-bottom: 8px;
}
.article-sec ul{
    margin: 10px 0;
    padding-left: 20px;
}
.article-sec ul li{
    list-style: disc;
}
.article-sec.cont-info-content p:not(:last-child) {
    margin-bottom: 10px;
}

.mt-5{
    margin-top: 50px;
}
.submission-option-section{
    margin-bottom: 50px;
}
@media (max-width: 1024px){
    section.hero-banner-section.section-padding-large .right-content{
        display: none;
    }
}
@media (max-width: 568px){
    .einfo-content{
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }
    .cont-info-card {
        padding: 15px;
    }
    .transport-item-head{
        padding: 15px 20px;
    }
    .transport-item-content {
        padding: 20px;
    }
}
/* article-sec */


.rvideo-wraper {
  max-width: 100%;
  position: relative;
  font-family: sans-serif;
}

.video-wrapper {
  position: relative;
  width: 90%;
  max-width: 1024px; /* You can adjust as needed */
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
}

.video-wrapper video.video {
  width: 100%;
  display: block;
}

/* Overlay covers entire video */
.video-overlay {
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

/* Play button styling */
.rvideo-play {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.85);
  position: relative;
  cursor: pointer;
}
.rvideo-play i{
    font-size: 1.563rem;
}

/* Hide overlay */
.video-overlay.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}


/* Pricing Start Here */
.pricing-section{
    box-shadow: var(--section_box_shadow);
    padding: 30px;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.pricing-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

.package-card {
    background-color: #ffffff;
    border: 1px solid var(--form_border_color);
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease-in-out;
        display: flex;
    flex-direction: column;
    justify-content: end;
    box-shadow: var(--section_box_shadow);
}

.package-card:hover {
    transform: translateY(-5px);
}
.package-card .pack-head{
    background: var(--primary_color);
    padding: 20px;
}
.package-card .pack-head  {
    font-size: clamp(1.375rem,3vw,1.875rem);
    font-weight: bold;
    color: var(--white_color);
    border-radius: 8px 8px 0 0;
}

.package-cost {
    font-size: clamp(1.375rem,3vw,1.625rem);
    font-weight: bold;
    color: var(--white_color); /* A nice green for pricing */
    padding: 20px;
}

.package-list {
    list-style: none;
    padding: 20px;
    margin: 0;
    text-align: left;
        flex: 1;
}

.package-list li {
    padding: 8px 0;
    border-bottom: 1px dashed var(--form_border_color);
    color: var(--black_color);
    font-size: 1rem;
}

.package-list li:last-child {
    border-bottom: none;
}

.note {
    font-style: italic;
    color: #e67e22; /* Orange for emphasis */
    margin-top: 15px;
    font-size: 0.9rem;
    padding: 20px;
}
.pack-footer{
    background: var(--primary_color);
    color: var(--white_color);
    border-top: 1px solid var(--form_border_color);
    border-radius: 0 0 8px 8px;
}

/* Pricing end here */

/* Thank you start here */
.thank-section-wrapper.thank-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.thank-content{
    border: 2px solid var(--tab_two_border_color);
    background-color: var(--tab_two_bg_color);
    padding: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}
.thank-content .late-fee-text p span {
    color: var(--red_color);
}

/* Social Page Start Here */
.social-section .container{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
section.banner-social{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--white_color);
    position: relative;
}
section.banner-social:before{
    position: absolute;
    content: "";
        background-color: #3588b7;
    opacity: 0.8;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
section.banner-social .container{
    position: relative;
    z-index: 2;
}
section.banner-social .social-title{
    text-align: center;
}
.social-section-wrapper.social-wrapper {
    display: flex;
    gap: 50px;
}
.social-content {
    background-color: var(--section_bg_color);
    max-width: 60%;
    width: 100%;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.social-content h2{
    color: var(--primary_color);
}
.social-slider{
    box-shadow: var(--section_box_shadow);
    max-width: 40%;
    width: 100%;
    padding: 30px;
    border-radius: 10px;
}

.social-slider .slick-slide img {
    display: block;
    aspect-ratio: 4/3;
}
.social-content-inner p:not(:last-child){
    margin-bottom: 15px;
}

.social-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
    box-shadow: var(--section_box_shadow);
    border-radius: 20px;
}
.social-form-wrapper .social-subtext{
    text-align: center;
}
.gform-theme--foundation #gform_30 .gform_footer .gform_button{
    margin-left: 0 !important;
}

@media (max-width: 768px){
    .social-section-wrapper.social-wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .social-section .container{
        gap: 30px;
    }
    .social-content{
        max-width: 100%;
    }
    .social-slider{
        max-width: 100%;
    }
}
/* Social Page end Here */



/* Form Gap  */
.gform-theme--foundation .gfield.sec-title{
    margin-top: 20px;
}

/* Default wrapper */
.default-wrapper{
    padding: 36px;
    box-shadow: var(--section_box_shadow);
    border-radius: 20px;
    max-width: 1024px;
    margin: 0 auto;
}

/* Default wrapper */


/* Header Submenu Desing Start Here */
.st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item {
    position: relative;
}
.st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item > .sub-menu .menu-item a{
    padding: 0 15px;
}


#primary-menu-list .menu-item-has-children {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 0;
}

#primary-menu-list .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 280px;
    box-shadow: var(--section_box_shadow);
    opacity: 0;
    visibility: hidden;
    transform: translate(-30px, 0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    list-style: none;
    margin: 0;
    z-index: 1000;
    border-top: 2px solid var(--primary_color);
}

#primary-menu-list .sub-menu li {
    margin: 0;
}

#primary-menu-list .sub-menu a {
    font-size: 0.875rem;
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    border-bottom: 1px solid var(--form_border_color);
}

#primary-menu-list .sub-menu a:hover {
    /*background: var(--section_bg_color);*/
    color: var(--primary_color);
}

#primary-menu-list .menu-item-has-children:hover .sub-menu,
#primary-menu-list .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0 , 0);
}

/* Toggle Icon Animation */
.sub-menu-toggle {
    background: none;
    border: none;
    cursor: pointer;
    /*padding: 8px;*/
    border-radius: 4px;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    /*display: none;*/
}

.sub-menu-toggle:hover {
    /*background: rgba(0,0,0,0.05);*/
}

.sub-menu-toggle .icon-plus,
.sub-menu-toggle .icon-minus {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    width: 16px;
}

.sub-menu-toggle[aria-expanded="true"] .icon-plus {
    opacity: 0;
    transform: rotate(90deg) scale(0.8);
}

.sub-menu-toggle[aria-expanded="true"] .icon-minus {
    opacity: 1;
    transform: rotate(0deg);
    position: absolute;
}

.sub-menu-toggle[aria-expanded="false"] .icon-minus {
    opacity: 0;
    transform: rotate(-90deg) scale(0.8);
}

.sub-menu-toggle[aria-expanded="false"] .icon-plus {
    opacity: 1;
    transform: rotate(0deg);
    position: absolute;
    font-size: 1.25rem;
    right: 0;
    align-content: baseline;
    display: flex;
}
.sub-menu-toggle[aria-expanded="false"] .icon-minus{
    /*position: absolute;*/
}

@media (max-width: 1023px){
    .sub-menu-toggle .icon-plus, .sub-menu-toggle .icon-minus{
        width: auto;
    }
    #primary-menu-list .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 280px;
    box-shadow: var(--section_box_shadow);
    opacity: 0;
    visibility: hidden;
    transform: translate(-30px, 37px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    list-style: none;
    margin: 0;
    z-index: 1000;
    border-top: 2px solid var(--primary_color);

}
    /*#primary-menu-list .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu{
        transform: translate(0, 10px);
    }*/
    #primary-menu-list .menu-item-has-children .sub-menu.active, #primary-menu-list .menu-item-has-children:hover .sub-menu, #primary-menu-list .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu {
        transform: translate(-100%, 10px);
        opacity: 0;
        visibility: hidden;
    }
    #primary-menu-list .menu-item-has-children .sub-menu.active, #primary-menu-list .sub-menu-toggle[aria-expanded="true"] ~ .sub-menu.active{
            opacity: 1;
    visibility: visible;
    transform: translate(0, 10px);
    }
    #primary-menu-list .sub-menu{
        min-width: 100%;
        max-height: 300px;
        overflow: auto;
    }
    #primary-menu-list .sub-menu a{
        width: 100%;
    }
    #primary-menu-list .sub-menu li.current-menu-item a{
        color: var(--primary_color);
    }
}
@media (max-width: 768px){
    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper{
        top: 100px;
    }
    .submission-option-section {
        margin-bottom: 0;
    }
}
/* Header Submenu end here */


/* FInal Responsive */
h5.h5.breadcrum-text{
    font-size: clamp(0.875rem, 2vw, 1.375rem);
}
@media (max-width: 768px){
    .default-wrapper {
        padding: 20px;
    }
    .user-grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .user-info-card {
        padding: 20px;
    }
    .title-underline{
        padding: 0 0 10px 0;
    }
    .cont-info-card{
        padding: 15px;
    }
    .einfo-full-card{
        gap: 20px;
    }
    .einfo-content{
        gap: 20px;
        padding: 0;
    }
    .boothaprocess-main-content{
        gap: 30px;
    }
    .visitor-registration-main-content {
        padding: 20px;
    }
    .pricing-section{
        padding: 15px;
        margin-top: 30px;
    }
    .package-card .pack-head,
    .package-cost,
    .package-list{
        padding: 15px;
    }
}
@media (max-width: 580px){
    .banner-section{
        min-height: 200px;
    }
    .user-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .user-info-card {
        padding: 20px 10px;
    }
    .cont-info-card{
        gap: 20px;
    }
    .cont-icon{
        height: 50px;
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .user-icon {
        height: 50px;
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    .banner-section .banner-section-wrapper .breadcrum-wrapper .breadcrum-text:not(:first-child) {
        padding: 0 0 0 20px;
    }
    .event-date{
        gap: 10px;
        padding: 20px;
    }
    .event-list-item {
        padding: 20px;
    }
    .fees{
        flex-wrap: wrap;
        gap: 20px;
    }
    .ginput_container.ginput_recaptcha{
        transform: scale(0.8);
    }
    .esm-section-wrapper .einfo-content{
        padding: 0;
    }
}


.sfloor-section-wrapper.sfloor-wrapper.default-wrapper {
    max-width: 1280px;
}
.floor-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
a#pdf-btn {
    width: fit-content;
    margin: 0 auto;
}
.floor-map{
    display: flex;
    justify-content: center;
    padding: 30px 0;
    gap: 30px;
}
.fmap {
    flex: 1 1 50%;
    text-align: center;
}

.social-thumb{
    aspect-ratio: 21 / 7;
    position: relative;
    overflow: hidden;
}
.social-thumb img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: contain;
    aspect-ratio: 21 / 7;
}
.cont-deadline{
    color: #f00;
}
.deadline{
    color: #f00;
}






body.error404 div#content{
    padding: 60px 0px;
}

body.error404 div#content div#primary{
    padding: 36px;
    box-shadow: var(--section_box_shadow);
    border-radius: 20px;
    max-width: 1024px;
    margin: 0 auto;
}

body.error404 div#content .error-404 .page-content{
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px 0;
    justify-content: center;
    text-align: center;
}
body.error404 form.search-form{
    display: flex;
    gap: 10px;
    margin: 0 auto;
    align-items: center;
}
body.error404 form.search-form input#search-form-1 {
    padding: 10px 20px;
    height: auto;
    line-height: 1.5;
    min-height: 44px;
    min-width: 300px;
}
body.error404 form.search-form input.search-submit {
    display: inline-block;
    background-color: var(--dark_active_color);
    padding: 11px 20px;
    color: var(--secondary_color);
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid var(--dark_active_color);
    transition: all 0.3s ease;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 500;
    line-height: 1.25;
}
body.error404 div#content header.page-header.alignwide {
    text-align: center;
}

/* Search Page Start Here */
/* ============================================================
   SEARCH RESULTS PAGE REDESIGN (TWENTY TWENTY-ONE CHILD)
   ============================================================ */

/* 1. Header Styling (The "Search results for: X" area) */
.search-results .page-header {
    background: #f7f7f7;
    padding: 3rem 2rem;
    border-radius: 12px;
    margin-bottom: 3rem;
    text-align: center;
    border: 1px solid #eee;
}

.search-results .page-title {
    font-size: 2rem;
    font-weight: 800;
    color: #111;
}

.search-results .page-title span {
    color: var(--primary_color);
    font-style: italic;
}

/* 2. Grid Layout for Results */
@media (min-width: 768px) {
    .search-results .page-header {
        grid-column: 1 / -1; /* This forces the header to take all columns */
        width: 100%;
        background: #f1f1f1;
        padding: 60px 40px;
        margin-bottom: 40px;
        border-radius: 8px;
        text-align: left;
    }
   .search-results #main {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 60px 15px;
    }
    .search-result-count.default-max-width {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* 3. Individual Result Card */
.search-results article.post {
    background: #fff;
    border: 1px solid var(--primary_color);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important; /* Overwrite theme default margin */
    height: 100%;
}

.search-results article.post:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    border-color: var(--primary_color);
}

/* 4. Thumbnail Image Styling */
.search-results .post-thumbnail {
    margin: 0 !important;
}

.search-results .post-thumbnail img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.search-results article.post:hover .post-thumbnail img {
    transform: scale(1.05);
}

/* 5. Content Area (Titles & Excerpts) */
.search-results .entry-content, 
.search-results .entry-summary {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
}

.search-results .entry-title {
    font-size: 1.3rem !important;
    line-height: 1.4;
    font-weight: 700;
    padding: 15px;
}

.search-results .entry-title a {
    text-decoration: none;
    color: #222;
}

.search-results .entry-title a:hover {
    color: var(--primary_color);
}

/* 6. "Read More" or Meta styling */
.search-results .entry-footer {
    padding: 0 20px 20px;
    border-top: none;
    margin: 0;
}

.search-results .entry-footer a.post-edit-link {
    display: none; /* Hide edit links for cleaner look */
}

/* 7. Search Form (Top of page if no results) */
.search-results .no-results .search-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    border-radius: 8px;
}

/* 8. Pagination Styling */

/* ============================================================
   PAGINATION DESIGN - TWENTY TWENTY-ONE
   ============================================================ */

/* 1. Container Alignment */
.search-results nav.navigation.pagination{
    grid-column: 1 / -1;
    width: 100%;
}
.search-results .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 50px 0;
    padding: 20px 0;
    border-top: 1px solid #eee; /* Light separator from results */
    width: 100%;
}

/* 2. Common Style for All Page Numbers & Arrows */
.search-results .nav-links .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    padding: 0 15px;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

/* 3. Hover State */
.search-results .nav-links a.page-numbers:hover {
    background-color: var(--primary_color);
    color: #fff !important;
    border-color: var(--primary_color);
}

/* 4. Current (Active) Page State */
.search-results .nav-links .page-numbers.current {
    background-color: var(--primary_color); /* Brand Color */
    color: #fff;
    border-color: var(--primary_color);
    cursor: default;
}

/* 5. Dots Styling (e.g., ...) */
.search-results .nav-links .page-numbers.dots {
    border: none;
    background: transparent;
    min-width: 30px;
    color: #999;
}

/* 6. Previous/Next Arrow Styling */
.search-results .nav-links .prev.page-numbers, 
.search-results .nav-links .next.page-numbers {
    background-color: #f8f8f8;
    padding: 0 20px;
}

/* Adjust SVG icon inside arrows */
.search-results .nav-links .svg-icon {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

/* Hide the "posts" text on small mobile if needed for space */
@media (max-width: 480px) {
    .search-results .nav-short {
        display: none;
    }
    .search-results .nav-links .page-numbers {
        min-width: 38px;
        height: 38px;
        font-size: 0.9rem;
    }
}
/* Search Page End Here */


/* Home Page Gallery Section with lightbox */
/* Gallery Grid / Slider Container */
.home-gallery-sec {
    margin: 40px 0;
}
.home-gallery-sec .slick-prev:before, 
.home-gallery-sec .slick-next:before {
    color: #173d53;
}

/* 4 Column Layout for Desktop (before Slick loads) */
.home-gallery-sec:not(.slick-initialized) {
   display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; /* 20px space between items */
    margin: 40px 0;
}

/* Add margin to each slide */
.home-gallery-sec .slick-slide {
    margin: 0 10px; /* 10px on each side = 20px total space between slides */
}
.home-gallery-sec.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

/* Compensate for the outer margins so the edges align with your content */
.home-gallery-sec .slick-list {
    margin: 0 -10px;
}
.home-gallery-sec .gallery-item {
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.home-gallery-sec .gallery-item img {
    width: 100%;
    aspect-ratio: 1 / 1; /* Makes all gallery images square */
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.home-gallery-sec .gallery-item:hover img {
    transform: scale(1.1);
}

/* Slick Arrow Customization */
.home-gallery-sec .slick-prev:before, 
.home-gallery-sec .slick-next:before {
    color: #000; /* Change arrow color */
}

/* Lightbox Styles */
.home-gallery-sec .lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.home-gallery-sec .lightbox-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    margin: 0;
    padding: 60px 30px;
}

.home-gallery-sec .lightbox-content img {
        max-width: 800px;
    max-height: 70vh;
    border: 3px solid white;
    box-shadow: 0 0 25px rgba(0,0,0,0.5);
}

.home-gallery-sec .lightbox-prev, 
.home-gallery-sec .lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.5rem;
    color: white;
    cursor: pointer;
    padding: 20px;
    user-select: none;
}

.home-gallery-sec .lightbox-prev { left: 5%; }
.home-gallery-sec .lightbox-next { right: 5%; }
.gallery-view-btn{
    text-align: center;
}

@media (max-width: 1600px){
    .home-gallery-sec .slick-prev {
        left: 10px;
    }
    .home-gallery-sec .slick-next{
        right: 10px;
    }
}
/* Home Page Gallery Section with lightbox end */


/* Gallery Version 2 Start Here */
rectpackr-layout {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 8px;
}

rectpackr-layout > * {
  box-sizing: border-box;
  display: block;
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
  padding: 8px;
  border-radius: 16px;
}

rectpackr-layout > *:nth-child(12n + 1),
rectpackr-layout > *:nth-child(12n + 6),
rectpackr-layout > *:nth-child(12n + 12) {
  aspect-ratio: 8/3;
}

rectpackr-layout > *:nth-child(12n + 3),
rectpackr-layout > *:nth-child(12n + 7) {
  aspect-ratio: 2/3;
}

@media (min-width: 500px) {
  rectpackr-layout > * {
    --base-size: 50%;
    width: var(--base-size);
  }

  rectpackr-layout > *:nth-child(12n + 1),
  rectpackr-layout > *:nth-child(12n + 2),
  rectpackr-layout > *:nth-child(12n + 6),
  rectpackr-layout > *:nth-child(12n + 12) {
    width: calc(2 * var(--base-size));
  }
}

@media (min-width: 800px) {
  rectpackr-layout > * {
    --base-size: 25%;
  }
}

@media (min-width: 1400px) {
  rectpackr-layout > * {
    --base-size: 19.999%;
  }
}

@media (min-width: 1800px) {
  rectpackr-layout > * {
    --base-size: 19.999%;
  }
}

@media (min-width: 2200px) {
  rectpackr-layout > * {
    --base-size: 19.999%;
  }
}
@media (max-width: 768px){
    rectpackr-layout{
        padding: 20px 0px;
    }
}
/* Gallery Version End Here */

/*Buyer Pre Registration page bullet points css*/

.important-guideline-section .important-guideline-section-wrapper .title-wrapper li {
    list-style: disc;
    list-style-position: inside;
}

/*Buyer Pre Registration page bullet points css*/



/* Popup container - hidden by default */
.v-custo-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

/* Dark background overlay */
.v-custo-popup .popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
}

/* Centered content box */
.v-custo-popup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1000px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    border-radius: 10px;
}

/* Close button */
.v-custo-popup .close-popup {
    position: absolute;
    top: -30px;
    right: 0;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

/* Responsive video wrapper (16:9 aspect ratio) */
.v-custo-popup .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.v-custo-popup .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-detail-section .blog-detail-section-wrapper .left-content .detail-wrapper a {
    color: var(--primary_color);
}

/* Start Custom Responsive Menu Styles */
/* Desktop Flyout for 3rd Level */
@media (min-width: 1024px) {
	#primary-menu-list .menu-item-has-children{
		
	}
	#primary-menu-list .menu-item-has-children:last-child .sub-menu .menu-item-has-children > .sub-menu{
	   top: 0;
        left: auto;
       right: 100%;	
	}
	#primary-menu-list .menu-item-has-children:last-child .sub-menu .menu-item-has-children:hover > .sub-menu {
        top: 0;
        left: auto;
       right: 100%;
		transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
        display: block;
        
    }
	#primary-menu-list .sub-menu .menu-item-has-children > .sub-menu {
        top: 0;
        left: 100%;
        display:none;
}
    #primary-menu-list .sub-menu .menu-item-has-children:hover > .sub-menu {
        top: 0;
        left: 100%;
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
		display:block;
    }
    .sub-menu-indicator[aria-hidden="true"] span.icon-minus{
		display: none;
	}
    .sub-menu-indicator[aria-hidden="true"]:hover span.icon-plus{
/* 		display: none; */
	}
	#primary-menu-list .menu-item-has-children a {
		display: flex;
		gap: 5px;
		justify-content: space-between;
		width: 100%;
	}
}
 
@media (max-width: 1023px) {
    #primary-menu-list .menu-item-has-children{
        position: relative;
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 0;
        flex-direction: column;
    }
    .st-header .header-wrapper .primary-navigation .primary-menu-container .menu-wrapper .menu-item{
        /*min-height: 30px;*/
    }
    /* Hide separate toggle buttons if any remain */
    .sub-menu-toggle {
        display: none !important;
    }
 
    #primary-menu-list .menu-item-has-children > a {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        padding-right: 15px !important;
    }
 
    /* Integrated Indicator Styling */
    .sub-menu-indicator {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 22px;
        margin-left: 10px;
        flex-shrink: 0;
    }
 
    /* Toggle visibility based on .submenu-open class on parent LI */
    .menu-item-has-children.submenu-open > a .icon-plus {
        display: none;
    }
    .menu-item-has-children.submenu-open > a .icon-minus {
        display: inline;
    }
    .menu-item-has-children:not(.submenu-open) > a .icon-plus {
        display: inline;
    }
    .menu-item-has-children:not(.submenu-open) > a .icon-minus {
        display: none;
    }
 
    #primary-menu-list .sub-menu {
        position: static !important;
        transform: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        max-height: 0 !important;
        overflow: hidden !important;
        transition: max-height 0.3s ease, padding 0.3s ease !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        display: block !important;
    }
 
    #primary-menu-list .sub-menu.active {
        opacity: 1 !important;
        visibility: visible !important;
        max-height: 2500px !important; /* Large enough for multiple levels */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #primary-menu-list .sub-menu a {
        padding-left: 20px !important;
    }
 
    #primary-menu-list .sub-menu .sub-menu a {
        padding-left: 30px !important;
    }
    #primary-menu-list .sub-menu .sub-menu .sub-menu a {
        padding-left: 30px !important;
    }
}
/* End Custom Responsive Menu Styles */

.form-wrapper form .gform-body .gform_fields .gfield.furnished-grid .gfield_checkbox {
display: grid;
}