/* Custom Font Face */
    @font-face {
        font-family: 'Ubuntu-Bold';
        src: url('../fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins-Regular';
        src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Poppins-Medium';
        src: url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    .agenda-documents ul li a::before {
        font-size: 18px;
        content: "📄";
    }
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.eot");
        src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
            url("../fonts/Flaticon.woff2") format("woff2"),
            url("../fonts/Flaticon.woff") format("woff"),
            url("../fonts/Flaticon.ttf") format("truetype"),
            url("../fonts/Flaticon.svg#Flaticon") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "ElegantIcons";
        src: url("../fonts/ElegantIcons.eot");
        src: url("../fonts/ElegantIcons.eot?#iefix") format("embedded-opentype"),
            url("../fonts/ElegantIcons.woff2") format("woff2"),
            url("../fonts/ElegantIcons.woff") format("woff"),
            url("../fonts/ElegantIcons.ttf") format("truetype"),
            url("../fonts/ElegantIcons.svg#ElegantIcons") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    /* Change font-family for all Headers, Paragraphs, Hyperlinks, Spans and Divs */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    div {
        font-family: 'Poppins' !important;
        word-wrap: break-word;
        /* Forces long words to wrap to the next line */
        overflow-wrap: break-word;
        /* Ensures long words or text break if necessary */
        white-space: normal;
        /* Ensures the text wraps and doesn't stay on one line */
    }
    button#openLoginBtn {
        background: transparent;
        color: #000;
        border: 1px solid #000;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    button#openLoginBtn:hover {
      background: #000;
      color: #fff;
    }
    .header-btns-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    .no-data-found{
        text-align:center;
    }
    .e-con>.e-con-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Filter Button */
    .filter-open-btn {
        background: #222;
        color: #fff;
        padding: 10px 18px;
        border-radius: 4px;
        cursor: pointer;
    }

    .filter-mode-toggle>label {
        width: 50%;
        justify-content: center;
    }

    /* Sidebar */
    .filter-sidebar {
        position: fixed;
        right: -350px;
        top: 0;
        width: 300px;
        height: 100%;
        overflow: hidden;
        background: #fff;
        box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
        transition: 0.3s;
        z-index: 99999;
    }

    .filter-sidebar .filter-mode-toggle {
        display: flex;
        gap: 12px;
        margin-bottom: 16px;
        background: #fff;
        padding: 10px;
        border-radius: 8px;
        border: 1px solid #e0e0e0;
    }

    .filter-sidebar.active {
        transform: translateX(0);
    }

    .filter-sidebar .filter-close-btn:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: rotate(90deg);
    }

    .filter-sidebar .filter-close-btn {
        background: rgba(255, 255, 255, 0.2);
        border: none;
        color: #fff;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        font-size: 24px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
        line-height: 1;
    }

    .filter-sidebar .filter-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 24px;
        border-bottom: 1px solid #e8e8e8;
        background: #000;
        color: #fff;
    }

    .filter-sidebar .filter-body {
        padding: 20px 24px;
        overflow-y: auto;
        max-height: calc(100vh - 100px);
    }

    .filter-sidebar .filter-checkbox-list {
        list-style: none;
        margin-bottom: 24px;
    }

    .filter-sidebar .filter-checkbox-list label {
        display: flex;
        align-items: center;
        cursor: pointer;
        padding: 12px;
        border-radius: 8px;
        transition: all 0.2s;
        background: #fafafa;
        border: 1px solid transparent;
    }

    .filter-sidebar.active {
        right: 0;
    }



    .filter-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .filter-close-btn {
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
    }

    .filter-checkbox-list {
        list-style: none;
        padding: 0;
    }

    .filter-checkbox-list span.checkbox-label {
        width: calc(100% - 28px);
        font-size: 15px;
        line-height: 20px;
    }

    .filter-checkbox-list li {
        margin-bottom: 12px;
    }

    .checkbox-color {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 8px;
    }

    .filter-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        display: none;
        z-index: 9999;
    }

    .filter-backdrop.active {
        display: block;
    }

    .filter-mode-toggle {
        display: flex;
        gap: 12px;
        margin-bottom: 16px;
        background: white;
        padding: 4px;
        border-radius: 8px;
        border: 1px solid #e0e0e0;
    }

    .filter-sidebar-inner .toggle-label {
        flex: 1;
        text-align: center;
        cursor: pointer;
        position: relative;
        padding: 0;
        border-radius: 8px;
        text-align: center;
        transition: all 0.2s ease-in-out;
    }

    .filter-sidebar-inner .toggle-label input[type="radio"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    .filter-header h3 {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
    }

    .filter-sidebar-inner .toggle-label span {
        display: block;
        padding: 10px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #6b7280;
        text-align: center;
    }

    .filter-sidebar-inner .toggle-label input[type="radio"]:checked+span {
        background: #000;
        color: #ffff;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
        width: 100%;
    }

    /*****************************/
    /***** Header Css Start ******/
    /*****************************/
    .profile-card {
        max-width: 100%;
        margin: 40px auto;
        padding: 25px 30px;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    }

    .profile-title {
        text-align: center;
        margin-bottom: 20px;
        font-size: 1.6rem;
        font-weight: 600;
        color: #333;
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
    }

    .user-dashboard-container .profile-form {
        display: flex;
        flex-wrap: wrap;
    }

    .user-dashboard-container .profile-form .form-group {
        margin-bottom: 15px;
        width: 100%;
        max-width: 50%;
        padding: 10px;
    }

    .profile-form label {
        display: block;
        font-weight: 500;
        margin-bottom: 6px;
        color: #444;
    }

    .profile-form input[type="text"],
    .profile-form input[type="email"] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 15px;
        transition: all 0.3s ease;
    }

    .profile-form input:focus {
        border-color: #4A90E2;
        box-shadow: 0 0 6px rgba(74, 144, 226, 0.3);
        outline: none;
    }

    .form-info {
        margin: 15px 0;
        font-size: 14px;
        color: #666;
    }

    .save-btn {
        width: 100%;
        background: #4A90E2;
        color: #fff;
        font-size: 16px;
        padding: 12px;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        font-weight: 600;
        transition: background 0.3s ease;
    }

    .save-btn:hover {
        background: #357ABD;
    }

    #agenda-toast-container {
        position: fixed;
        top: 70px;
        right: 0;
        transform: translateX(-50%);
        z-index: 9999;
        text-align: center;
        width: 100%;
        max-width: 400px;
        pointer-events: none;
    }

    .agenda-toast {
        display: none;
        margin: 10px auto;
        padding: 12px 20px;
        border-radius: 8px;
        font-weight: 500;
        color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        animation: slideDown 0.3s ease-out;
    }

    .agenda-toast.success {
        background-color: #28a745;
        /* green */
    }

    .agenda-toast.error {
        background-color: #dc3545;
        /* red */
    }

    @keyframes slideDown {
        from {
            transform: translateY(-20px);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .menu-item-has-children:after {
        content: unset !important;
    }

    ul.sub-menu li {
        margin: 0 !important;
        text-align: center;
        padding: 10px 20px !important;
    }

    .custom-header-wrp ul.sub-menu {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        box-shadow: 7px 9px 8px -4px #ccc;
        overflow: hidden;
    }

    .site-header .header-inner {
        align-items: center;
        max-width: 1320px;
        padding: 0 20px;
    }

    .site-logo a.custom-logo-link img.custom-logo {
        width: 100px;
    }

    .user-profile {
        display: inline-flex;
        align-items: center;
        position: relative;
        margin-left: 15px;
    }

    /* Switcher Css */
    .profile-card .switch-group {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .profile-card .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 26px;
    }

    .profile-card .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .profile-card .slider {
        position: absolute;
        cursor: pointer;
        background-color: #ccc;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: .4s;
        border-radius: 34px;
    }

    .profile-card .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

    .profile-card input:checked+.slider {
        background-color: #4CAF50;
    }

    .profile-card input:checked+.slider:before {
        transform: translateX(24px);
    }



    .profile-badge {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }

    .profile-badge:hover {
        transform: scale(1.05);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    .profile-menu {
        position: absolute;
        top: 50px;
        right: 0;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
        padding: 15px;
        min-width: 220px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        z-index: 1000;
    }

    .profile-badge:hover+.profile-menu,
    .profile-menu:hover {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .user-name {
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        text-align: center;
        text-transform: capitalize;
    }

    .logout-btn {
        display: block;
        width: 100%;
        padding: 8px 12px;
        color: #ff0e0e;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.2s ease;
        font-size: 16px;
    }

    .logout-btn:hover {
        background: #ffbcbc78;
        color: #ff0e0e;
    }

    a.view_profile,
    a.see_user_meeting {
        display: block;
        width: 100%;
        padding: 8px 12px;
        color: #3F4161;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.2s ease;
        font-size: 16px;
        margin-bottom: 10px;

    }

    a.see_user_meeting:hover, 
    a.view_profile:hover {
        background: #e6e6e6;
        color: #000;
    }

    /*.logout-btn:hover {*/
    /*    background: #ef4444;*/
    /*    color: white;*/
    /*}*/
    header#site-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        display: unset;
        background: #fff;
        padding-bottom: 0;
        padding-top: 0;

    }

    .custom-header-wrp {
        padding: 0;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        position: relative;
    }

    .logged-in.admin-bar header#site-header {
        top: 32.5px;
        padding-top: 0;
    }

    nav.site-navigation ul#menu-main-menu li {
        position: relative;
        float: left;
        margin-left: 45px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        padding: 20px 0;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    nav.site-navigation ul#menu-main-menu li a {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 30px;
        font-weight: 500;
        padding: 10px 0;
        color: var(--menu-color, #000) ;
        opacity: 1;
        text-align: center;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        /*color: #3f4161;*/
    }
    
    nav.site-navigation ul#menu-main-menu > li > a:hover{
        color: var(--menu-before-color, #000);
    }

    nav.site-navigation ul#menu-main-menu li .sub-menu li a {
        padding: 0;
    }

    nav.site-navigation ul#menu-main-menu li .sub-menu li:hover {
        background: #fff;
    }

    
    nav.site-navigation ul#menu-main-menu li .sub-menu li:hover a {
        color: var(--menu-before-color, #000);
    }

    nav.site-navigation>ul#menu-main-menu>li>a:before {
        position: absolute;
        left: 50%;
        bottom: 10px;
        height: 2px;
        width: 0%;
        content: "";
        -webkit-transform: scale(-1);
        -moz-transform: scale(-1);
        -ms-transform: scale(-1);
        -o-transform: scale(-1);
        transform: scale(-1);
        background-color: var(--menu-before-color, #000);
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    nav.site-navigation>ul#menu-main-menu>li:hover>a:before {
        left: 0;
        width: 100%;
    }

    .site-header.scrolled .custom-header-wrp {
        background-color: #ffffff;
        padding: 0;
    }

    .site-header.scrolled nav.site-navigation ul#menu-main-menu li {
        padding: 10px 0;
    }
    
    #menu-footer-menu > li > a {
        color: var(--footer-color, #000);
    }
    #menu-footer-menu > li > a:hover {
        color: var(--footer-hover-color, #000);
    }
    .speaker-name a {
        color: #000;
    }
    /********************************/
    /* Banner New Section Css Start */
    /********************************/
    #heading_linear .elementor-heading-title {
        display: block;
        font-size: 76px;
        line-height: 1.2em;
        color: #e78f45;
        background: rgb(247, 0, 104);
        background: -moz-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: -webkit-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: linear-gradient(to left, rgba(247, 0, 104) 0%, rgba(68, 16, 102, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70068', endColorstr='#441066', GradientType=1);
        color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        margin-bottom: 50px;
    }

    #outer-layout-banner-bg {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        /* width: 50%; */
        z-index: -1;
    }

    .layer-outer {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
    }

    .gradient-layer {
        position: absolute;
        left: 0;
        width: 140%;
        height: 140%;
        top: -20%;
        border-radius: 50%;
        -webkit-transform: skew(-200deg);
        -moz-transform: skew(-200deg);
        -ms-transform: skew(-200deg);
        -o-transform: skew(-200deg);
        transform: skew(-200deg);
        background: rgb(247, 0, 104);
        background: -moz-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: -webkit-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: linear-gradient(to left, rgba(247, 0, 104) 0%, rgba(68, 16, 102, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70068', endColorstr='#441066', GradientType=1);
        opacity: 2;
    }

    /*****************************/
    /* Speaker Section Css Start */
    /*****************************/
    .speaker-custom-section-main-wrp {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .speaker-custom-section-main-wrp .speaker-block-two {
        width: calc(100% / 4 - 15px);
        border: 1px solid #dddddd;
        border-radius: 8px;
        transition: all .3s ease-in-out;
        overflow: hidden;
    }

    .exhibitor-custom-section-main-wrp .exhibitors-grid .speaker-block-two:hover,
    .speaker-custom-section-main-wrp .speaker-block-two:hover {
        box-shadow: 7px 9px 8px -4px #ccc;
    }

    .speaker-custom-section-main-wrp .speaker-block-two .inner-box {
        border: 0 !important;
    }

    .speaker-custom-section-main-wrp .speaker-block-two .image-box .image {
        border: 0 !important;
        display: flex;
    }

    .speaker-custom-section-main-wrp .speaker-block-two .info-box {
        background: transparent !important;

    }

    .speaker-custom-section-main-wrp .speaker-block-two .speaker-content-wrapper {
        padding: 20px;
        background: #fff;
    }

    .speaker-custom-section-main-wrp .info-box .name,
    .speaker-custom-section-main-wrp .info-box .name a {
        color: #1E1F36;
        word-wrap: break-word;
    }

    .speaker-custom-section-main-wrp .info-box .name {
        font-family: "Poppins", sans-serif;
        margin-bottom: 2px;
        font-size: 18px;
    }

    .speaker-custom-section-main-wrp .image img {
        width: 100%;
        aspect-ratio: 1;
        height: 100%;
        vertical-align: middle;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .speaker-custom-section-main-wrp .info-box .designation {
        font-size: 14px;
        font-family: "Poppins", Sans-serif;
        font-weight: 400;
        color: #404040;
    }

    .speaker-custom-section-main-wrp .speaker-block-two .image-box .image a {
        width: 100%;
    }

    .speaker-custom-section-main-wrp .info-box .name {
        font-family: inherit;
    }

    .speaker-custom-section-main-wrp .info-box .designation {
        font-family: inherit;
        color: #808080;
    }

    .speaker-custom-section-main-wrp .social-links {
        list-style: none;
        padding: 2px 0 0;
    }

    .speaker-custom-section-main-wrp .info-box .name .designation {
        color: #1E1F36;
        font-weight: 500;
        font-size: 18px;
    }

    body .speaker-custom-section-main-wrp {
        display: flex;
        margin-bottom: 20px;
    }

    .elementor-shortcode .speakers_fillter select {
        max-width: 300px;
        position: relative;
        background: #fff;
    }

    .elementor-shortcode .speakers_fillter input[type=text],
    .elementor-shortcode .attendee-search-box input[type=text] {
        padding: 10px 10px 10px 35px;
        position: relative;
        max-width: 300px;
    }

    .elementor-shortcode .speakers_fillter {
        margin-bottom: 30px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .elementor-shortcode .attendee-search-box {
        position: relative;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .attendee-search-box input#attendee-search-input {
        max-width: 100%;
    }

    .elementor-shortcode .speakers_fillter::before,
    .elementor-shortcode .attendee-search-box::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' x='0' y='0' viewBox='0 0 612.01 612.01' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M606.209 578.714 448.198 423.228C489.576 378.272 515 318.817 515 253.393 514.98 113.439 399.704 0 257.493 0S.006 113.439.006 253.393s115.276 253.393 257.487 253.393c61.445 0 117.801-21.253 162.068-56.586l158.624 156.099c7.729 7.614 20.277 7.614 28.006 0a19.291 19.291 0 0 0 .018-27.585zM257.493 467.8c-120.326 0-217.869-95.993-217.869-214.407S137.167 38.986 257.493 38.986c120.327 0 217.869 95.993 217.869 214.407S377.82 467.8 257.493 467.8z' fill='%23000000' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
        position: absolute;
        top: 12px;
        left: 10px;
        height: 20px;
        width: 20px;
        z-index: 22;
    }

    .agenda-speakers {
        overflow: auto;
    }

    @media (max-width: 1180px) {
        nav.site-navigation ul#menu-main-menu li {
            margin-left: 35px;
        }
    }

    @media (max-width: 991px) {
        .speaker-custom-section-main-wrp .speaker-block-two {
            max-width: 100%;
            flex: unset;
            width: calc(100% / 3 - 14px);
            display: block;
        }


    }

    @media (max-width: 767px) {
        .schedule-block .text {
            padding-right: 0;
        }

        .speaker-custom-section-main-wrp .speaker-block-two {
            width: calc(100% / 2 - 10px);
        }
    }

    @media (max-width: 575px) {
        .speaker-custom-section-main-wrp .speaker-block-two {
            width: calc(100% / 1);
        }

        .header-btns-wrapper {
            gap: 10px;
        }

        .site-logo a.custom-logo-link img.custom-logo {
            width: 80px;
        }

        .site-header.scrolled .custom-header-wrp {
            padding: 8px 0;
        }
    }

    /* Popup Overlay */
    .blocked-popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 99999;
    }

    /* Popup Box */

    .blocked-popup-box {
        background: #ffffff;
        padding: 25px;
        width: 340px;
        border-radius: 12px;
        text-align: center;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        top: calc(50% - 99px);
        position: absolute;
        left: calc(50% - 170px);
    }

    .blocked-popup-box h3 {
        margin: 0 0 15px;
        font-size: 20px;
        color: #333;
    }

    .blocked-popup-box p {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .close-blocked-popup {
        padding: 10px 20px;
        background: #0073aa;
        color: #fff;
        border: none;
        border-radius: 6px;
        cursor: pointer;
    }

    .close-blocked-popup:hover {
        background: #005f8a;
    }

    /* Style for blocked agenda */
    .schedule-block.blocked-agenda {
        opacity: 0.5;
        cursor: not-allowed;
        position: relative;
    }








    /*.speaker-custom-section-main-wrp {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    column-gap: 30px;*/
    /*}*/
    /*.speaker-block-two {*/
    /*    width: 100%;*/
    /*    max-width: calc(25% - 30px);*/
    /*}*/
    /*.speaker-block-two {*/
    /*    position: relative;*/
    /*    margin-bottom: 50px;*/
    /*}*/
    /*.section-bg-title .elementor-heading-title {*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    font-size: 16px;*/
    /*    line-height: 1em;*/
    /*    color: #ff8a01;*/
    /*    font-weight: 500;*/
    /*    background: rgb(247, 0, 104);*/
    /*    background: -moz-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 25%, rgba(247, 0, 104, 1) 75%, rgba(68, 16, 102, 1) 100%);*/
    /*    background: -webkit-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 25%, rgba(247, 0, 104, 1) 75%, rgba(68, 16, 102, 1) 100%);*/
    /*    background: linear-gradient(to left, rgba(247, 0, 104) 0%, rgba(68, 16, 102, 1) 25%, rgba(247, 0, 104, 1) 75%, rgba(68, 16, 102, 1) 100%);*/
    /*    color: transparent;*/
    /*    -webkit-background-clip: text;*/
    /*    -webkit-text-fill-color: transparent;*/
    /*    text-transform: uppercase;*/
    /*    letter-spacing: 5px;*/
    /*    margin-bottom: 15px;*/
    /*}*/
    /*.speaker-block-two .inner-box:hover {*/
    /*    box-shadow: none;*/
    /*}*/
    /*.speaker-block-two .inner-box {*/
    /*    position: relative;*/
    /*    background-color: #ffffff;*/
    /*    overflow: hidden;*/
    /*    padding: 50px 0 40px;*/
    /*    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.10);*/
    /*    border: 1px solid #dddddd;*/
    /*    border-bottom: 5px solid #a7cfff;*/
    /*    max-width: 300px;*/
    /*    margin: 0 auto;*/
    /*    -webkit-transition: all 600ms ease;*/
    /*    -moz-transition: all 600ms ease;*/
    /*    -ms-transition: all 600ms ease;*/
    /*    -o-transition: all 600ms ease;*/
    /*    transition: all 600ms ease;*/
    /*}*/
    /*.speaker-block-two .inner-box:before {*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    top: 0;*/
    /*    height: 100%;*/
    /*    width: 100%;*/
    /*    background-image: url(https://eventrox.elsnerdev.com/wp-content/uploads/2025/08/speaker-bg.png);*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: center;*/
    /*    background-size: 100%;*/
    /*    content: "";*/
    /*    opacity: .30;*/
    /*}*/
    /*.speaker-block-two .info-box {*/
    /*    position: relative;*/
    /*    display: inline-block;*/
    /*    padding: 10px 30px;*/
    /*    border-radius: 0 50px 50px 0;*/
    /*    background-color: #a7cfff;*/
    /*    margin-bottom: 50px;*/
    /*}*/
    /*.speaker-block-two .info-box .name {*/
    /*    position: relative;*/
    /*    font-size: 22px;*/
    /*    line-height: 1.2em;*/
    /*    color: #ffffff;*/
    /*    font-weight: 600;*/
    /*    font-family: "Ubuntu-Bold";*/
    /*    margin: 0;*/
    /*    word-wrap: break-word;*/
    /*}*/
    /*.speaker-block-two .info-box .designation {*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    font-size: 16px;*/
    /*    line-height: 30px;*/
    /*    color: #ffffff;*/
    /*    font-weight: 400;*/
    /*}*/
    /*.speaker-block-two .image-box {*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    margin-bottom: 30px;*/
    /*    text-align: center;*/
    /*}*/
    /*.speaker-block-two .image-box .image {*/
    /*    position: relative;*/
    /*    display: inline-block;*/
    /*    height: 150px;*/
    /*    width: 150px;*/
    /*    overflow: hidden;*/
    /*    border: 4px solid #a7cfff;*/
    /*    box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);*/
    /*    border-radius: 50%;*/
    /*    z-index: 9;*/
    /*    margin-bottom: 0;*/
    /*}*/
    /*a {*/
    /*    text-decoration: none;*/
    /*    cursor: pointer;*/
    /*    color: #f20487;*/
    /*}*/
    /*.speaker-block-two .inner-box:hover .image img {*/
    /*    -webkit-transform: scale(1.1);*/
    /*    -moz-transform: scale(1.1);*/
    /*    -ms-transform: scale(1.1);*/
    /*    -o-transform: scale(1.1);*/
    /*    transform: scale(1.1);*/
    /*}*/
    /*.speaker-block-two .image-box .image img {*/
    /*    display: block;*/
    /*    width: 100%;*/
    /*    -webkit-transition: all 300ms ease;*/
    /*    -moz-transition: all 300ms ease;*/
    /*    -ms-transition: all 300ms ease;*/
    /*    -o-transition: all 300ms ease;*/
    /*    transition: all 300ms ease;*/
    /*}*/
    /*.speaker-block-two .social-box {*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    text-align: center;*/
    /*}*/
    /*ul, li {*/
    /*    list-style: none;*/
    /*    padding: 0px;*/
    /*    margin: 0px;*/
    /*}*/
    /*.speaker-block-two .social-links li {*/
    /*    position: relative;*/
    /*    display: inline-block;*/
    /*    margin-bottom: 10px;*/
    /*}*/
    /*.speaker-block-two .social-links li a i {*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    width: 32px;*/
    /*    height: 32px;*/
    /*    border: 1px solid #eeeeee;*/
    /*    font-size: 16px;*/
    /*    line-height: 30px;*/
    /*    background-color: #ffffff;*/
    /*    text-align: center;*/
    /*    -webkit-transition: all 300ms ease;*/
    /*    -moz-transition: all 300ms ease;*/
    /*    -ms-transition: all 300ms ease;*/
    /*    -o-transition: all 300ms ease;*/
    /*    transition: all 300ms ease;*/
    /*}   */
    /*.speaker-block-two .info-box .name a {*/
    /*    color: #ffffff;*/
    /*    -webkit-transition: all 300ms ease;*/
    /*    -moz-transition: all 300ms ease;*/
    /*    -ms-transition: all 300ms ease;*/
    /*    -o-transition: all 300ms ease;*/
    /*    transition: all 300ms ease;*/
    /*}*/
    /*.social-icon-colored .fa-facebook, .social-icon-colored .fa-facebook-f, .social-icon-colored .fa-facebook-square {*/
    /*    color: #3C599F;*/
    /*}*/
    /*.social-icon-colored .fa-twitter, .social-icon-colored .fa-twitter-square {*/
    /*    color: #32CCFE;*/
    /*}*/
    /*.social-icon-colored .fa-pinterest, .social-icon-colored .fa-pinterest-square {*/
    /*    color: #CC2127;*/
    /*}*/
    /*.social-icon-colored .fa-dribbble {*/
    /*    color: #F46899;*/
    /*}*/
    /*.social-icon-colored li a:hover .fab {*/
    /*    color: #ffffff;*/
    /*}*/
    /*.social-icon-colored li a:hover .fa-dribbble {*/
    /*    background-color: #F46899;*/
    /*}*/
    /*.social-icon-colored li a:hover .fa-twitter, .social-icon-colored li a:hover .fa-twitter-square {*/
    /*    background-color: #32CCFE;*/
    /*}*/
    /*.social-icon-colored li a:hover .fa-pinterest, .social-icon-colored li a:hover .fa-pinterest-square {*/
    /*    background-color: #CC2127;*/
    /*}*/
    /*.social-icon-colored li a:hover .fa-facebook, .social-icon-colored li a:hover .fa-facebook-f, .social-icon-colored li a:hover .fa-facebook-square {*/
    /*    background-color: #3C599F;*/
    /*}*/

    /* speaker equal height */
    /*.speakers-wrapper {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*gap: 20px; /* spacing between blocks */
    /*}*/

    /*.speaker-block-two {*/
    /*flex: 1 1 calc(33.333% - 20px); /* 3 per row, adjust as needed */
    /*    display: flex;*/
    /*}*/

    /*.speaker-block-two .inner-box {*/
    /* flex: 1; /* makes inner content stretch full height */
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*}*/
    /*.speaker-block-two .image-box .image .no-image {*/
    /*    background: #efefef;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    text-align: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    font-size: 25px;*/
    /*    font-family: 'Ubuntu-Bold';*/
    /*    color: #1c94d2;*/
    /*}*/

    /**********************************/
    /* Homw Banner Secttion Css Start */
    /**********************************/

    /*.banner-conference {
        position: relative;
        padding: 290px 0;
        overflow: hidden;
    }*/
    .banner-conference .icons {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }

    .banner-conference .layer-outer {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
    }

    .banner-conference .gradient-layer {
        position: absolute;
        left: 120px;
        width: 140%;
        height: 140%;
        top: -20%;
        border-radius: 50%;
        -webkit-transform: skew(-200deg);
        -moz-transform: skew(-200deg);
        -ms-transform: skew(-200deg);
        -o-transform: skew(-200deg);
        transform: skew(-200deg);
        background: rgb(247, 0, 104);
        background: -moz-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: -webkit-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: linear-gradient(to left, rgba(247, 0, 104) 0%, rgba(68, 16, 102, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70068', endColorstr='#441066', GradientType=1);
        opacity: 2;
    }

    .anim-icons {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        max-width: 1290px;
        margin: 0 auto;
    }

    .anim-icons.full-width {
        max-width: 100%;
    }

    .banner-conference .icons .icon-one {
        position: absolute;
        left: 10% !important;
        top: 17% !important;
        width: 12px;
        height: 12px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-two {
        position: absolute;
        left: 35% !important;
        top: 25% !important;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-three {
        position: absolute;
        left: 6% !important;
        top: 58% !important;
        width: 34px;
        height: 10px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-four {
        position: absolute;
        left: 56% !important;
        top: 60% !important;
        width: 34px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-five {
        position: absolute;
        left: 79% !important;
        top: 25% !important;
        width: 35px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-six {
        position: absolute;
        left: 90% !important;
        top: 88% !important;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-seven {
        position: absolute;
        left: 80% !important;
        top: 60% !important;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-eight {
        position: absolute;
        left: 52% !important;
        top: 40% !important;
        width: 12px;
        height: 12px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-nine {
        position: absolute;
        left: 52% !important;
        top: 12% !important;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-ten {
        position: absolute;
        left: 34% !important;
        top: 68% !important;
        width: 34px;
        height: 10px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-eleven {
        position: absolute;
        left: 89% !important;
        top: 80% !important;
        width: 34px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-twelve {
        position: absolute;
        left: 69% !important;
        top: 70% !important;
        width: 35px;
        height: 16px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-thirteen {
        position: absolute;
        left: 200% !important;
        top: 88% !important;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .icons .icon-fourteen {
        position: absolute;
        left: 95% !important;
        top: 95% !important;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    .banner-conference .images-outer {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
    }

    .banner-conference .content-box h2 {
        display: block;
        font-size: 76px;
        line-height: 1.2em;
        color: #e78f45;
        background: rgb(247, 0, 104);
        background: -moz-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: -webkit-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: linear-gradient(to left, rgba(247, 0, 104) 0%, rgba(68, 16, 102, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70068', endColorstr='#441066', GradientType=1);
        color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        margin-bottom: 50px;
    }

    .banner-conference .content-box .title {
        display: block;
        font-size: 24px;
        color: #222222;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .banner-conference-two .time-counter {
        position: relative;
        margin-bottom: 30px;
    }

    .banner-conference-two .time-countdown {
        position: relative;
    }

    .banner-conference-two .time-countdown .counter-column {
        position: relative;
        display: inline-block;
        margin-right: 30px;
        width: 90px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        font-weight: 500;
    }

    .banner-conference-two .time-countdown .counter-column:last-child {
        margin-right: 0;
    }

    .banner-conference-two .time-countdown .counter-column:before {
        position: absolute;
        content: ':';
        top: 10px;
        right: -20px;
        font-size: 30px;
        line-height: 1em;
        color: #ffffff;
    }

    .banner-conference-two .time-countdown .counter-column:after {
        position: absolute;
        left: 0;
        top: -20px;
        height: 100px;
        width: 90px;
        z-index: -1;
        border-radius: 5px 30px 5px 30px;
        background-color: #ec167f;
        /* border-top: 3px solid #ec167f;
        border-bottom: 3px solid #ec167f; */
        content: "";
    }

    .banner-conference-two .time-countdown .counter-column:last-child:before {
        display: none;
    }

    .banner-conference-two .time-countdown .counter-column .count {
        position: relative;
        display: block;
        font-size: 40px;
        line-height: 1em;
        color: #ffffff;
        font-weight: 700;
    }

    .banner-conference-two .content-box .btn-box {
        position: relative;
        margin-top: 60px;
    }

    .banner-conference .icon-circle-3 {
        left: -150px;
        top: -150px;
    }

    .banner-conference .icon-dots {
        left: 40%;
        bottom: 180px;
    }


    .banner-conference .layer-outer {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
    }

    .banner-conference .gradient-layer {
        position: absolute;
        left: 120px;
        width: 140%;
        height: 140%;
        top: -20%;
        border-radius: 50%;
        -webkit-transform: skew(-200deg);
        -moz-transform: skew(-200deg);
        -ms-transform: skew(-200deg);
        -o-transform: skew(-200deg);
        transform: skew(-200deg);
        background: rgb(247, 0, 104);
        background: -moz-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: -webkit-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: linear-gradient(to left, rgba(247, 0, 104) 0%, rgba(68, 16, 102, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70068', endColorstr='#441066', GradientType=1);
        opacity: 2;
    }

    .banner-conference .images-outer {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 50%;
    }

    .banner-conference .images-outer .speaker-img {
        position: absolute;
        left: -100px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .banner-conference .content-box {
        position: relative;
        z-index: 99;
    }

    .banner-conference .content-box .title {
        display: block;
        font-size: 24px;
        color: #222222;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .banner-conference .content-box h2 {
        display: block;
        font-size: 76px;
        line-height: 1.2em;
        color: #e78f45;
        background: rgb(247, 0, 104);
        background: -moz-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: -webkit-linear-gradient(to left, rgba(247, 0, 104, 1) 0%, rgba(68, 16, 102, 1) 100%);
        background: linear-gradient(to left, rgba(247, 0, 104) 0%, rgba(68, 16, 102, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70068', endColorstr='#441066', GradientType=1);
        color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        margin-bottom: 50px;
        max-width: 800px;
    }

    .banner-conference .time-counter {
        position: relative;
        margin-bottom: 30px;
    }

    .banner-conference .time-countdown {
        position: relative;
    }

    .banner-conference .time-countdown .counter-column {
        position: relative;
        display: inline-block;
        margin-right: 30px;
        width: 80px;
        text-align: center;
        font-size: 14px;
        color: #4a763c;
        font-weight: 500;
    }

    .banner-conference .time-countdown .counter-column:last-child {
        margin-right: 0;
    }


    .banner-conference .time-countdown .counter-column:before {
        position: absolute;
        content: ':';
        top: 10px;
        right: -20px;
        font-size: 30px;
        line-height: 1em;
        color: #d84343;
    }

    .banner-conference .time-countdown .counter-column:after {
        position: absolute;
        left: 0;
        top: -20px;
        height: 80px;
        width: 80px;
        border-radius: 50px;
        border-top: 5px solid #d84343;
        content: "";
    }


    .banner-conference .time-countdown .counter-column:last-child:before {
        display: none;
    }

    .banner-conference .time-countdown .counter-column .count {
        position: relative;
        display: block;
        font-size: 40px;
        line-height: 1em;
        color: #d84343;
        font-weight: 700;
    }

    .banner-conference .content-box .btn-box {
        position: relative;
    }

    .btn-style-two {
        position: relative;
        padding: 10px 30px;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 400;
        text-align: center;
        background-color: #faaC1D;
        overflow: hidden;
        border-radius: 10px;
        font-family: Poppins-Regular;
    }

    .btn-style-two:hover {
        color: #faaC1D;
        -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
        -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
        -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
    }

    .btn-style-two:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        background-color: #ffffff;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
        border-radius: 10px;
    }

    .btn-style-two:hover:before {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }

    a.theme-btn.btn-style-two {}

    .btn-style-two .btn-title {
        position: relative;
    }

    .auto-container {
        position: static;
        max-width: 1320px;
        padding: 0px 15px;
        margin: 0 auto;
    }

    .feature-block:nth-child(3n + 2) h4 a:hover,
    .feature-block:nth-child(3n + 2) .icon-box .icon {
        color: #4c35a9;
    }

    .feature-block:nth-child(3n + 2) .link-box a {
        background-color: #4c35a9;
    }

    .feature-block:nth-child(3n + 3) h4 a:hover,
    .feature-block:nth-child(3n + 3) .icon-box .icon {
        color: #e6275a;
    }

    .feature-block:nth-child(3n + 3) .link-box a {
        background-color: #e6275a;
    }

    .feature-block .inner-box:hover {
        box-shadow: none;
    }

    .feature-block .inner-box:hover .icon-box .icon {
        -webkit-transform: scale(-1) rotate(180deg);
        -moz-transform: scale(-1) rotate(180deg);
        -ms-transform: scale(-1) rotate(180deg);
        -o-transform: scale(-1) rotate(180deg);
        transform: scale(-1) rotate(180deg);
    }

    .feature-block:nth-child(3n + 3) .inner-box:hover .link-box a {
        background: none;
        color: #e6275a;
        border-color: #e6275a;
    }

    .feature-block:nth-child(3n + 2) .inner-box:hover .link-box a {
        background: none;
        color: #4c35a9;
        border-color: #4c35a9;
    }

    .feature-block .inner-box:hover .link-box a {
        border-radius: 0px;
        color: #40cbb4;
        background: none;
        border-color: #40cbb4;
    }


    /******************************/
    /* FunFacts Section Css Start */
    /******************************/
    .fun-fact-section .fact-counter {
        position: relative;
    }

    .fun-fact-section .counter-column {
        position: relative;
        text-align: center;
        width: 100%;
        max-width: calc(25% - 30px);
    }

    .custom-wrp-fact {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 30px;
    }

    .fun-fact-section .count-box {
        position: relative;
        font-size: 80px;
        line-height: 1em;
        color: #222222;
        font-weight: 700;
    }

    .fun-fact-section .count-box .counter-title {
        position: relative;
        display: block;
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        color: #222222;
    }

    .fun-fact-section .count-box .count-text {
        position: relative;
        display: block;
        font-size: 72px;
        line-height: 1em;
        color: #15212f;
        text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.10);
        font-weight: 600;
        margin-bottom: 10px;
    }

    .fun-fact-section .counter-column:nth-child(4n + 1) .count-box .icon {
        background-color: #ffc20b;
    }

    .icon_exhibitor:before {
        content: "\f02d";
        font-weight: 900;
        display: inline-block;
    }

    .fun-fact-section.style-two .count-box .count-text {
        color: #ffffff;
    }

    .fun-fact-section .counter-column:nth-child(4n + 1) .counter-title {
        color: #e12809;
    }

    .fun-fact-section .count-box:hover .icon {
        transform: rotateY(360deg);
    }

    .fun-fact-section .counter-column:nth-child(4n + 2) .count-box .icon {
        background-color: #40cbb4;
    }

    .icon_speaker:before {
        content: "\f130";
        font-weight: 900;
        display: inline-block;
    }

    .fun-fact-section .counter-column:nth-child(4n + 2) .counter-title {
        color: #e12809;
    }

    .fun-fact-section .counter-column:nth-child(4n + 3) .count-box .icon {
        background-color: #4c35a9;
    }

    .icon_attendee:before {
        content: "\f025";
        font-weight: 900;
        display: inline-block;
    }

    .fun-fact-section .counter-column:nth-child(4n + 3) .counter-title {
        color: #e12809;
    }

    span.icon {
        font-family: 'Font Awesome 6 Free';
    }

    .fun-fact-section .counter-column:nth-child(4n+2) .counter-title {
        color: #e12809;
    }

    .fun-fact-section .counter-column .counter-title {
        text-transform: capitalize;
    }

    .fun-fact-section .count-box .icon {
        position: relative;
        display: inline-block;
        font-size: 60px;
        color: #fff;
        margin-bottom: 20px;
        height: 120px;
        width: 120px;
        line-height: 120px;
        border-radius: 50%;
        font-weight: 400;
        -webkit-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
        -moz-transition: all .6s ease;
        transition: all .6s ease;
        background-color: #222;
        box-shadow: 5px 10px 30px #0000001a;
    }

    /*******************************/
    /* Features Secttion Css Start */
    /*******************************/
    .feature-section-inner:nth-child(3) a.elementor-button {
        border-radius: 0px !important;
        color: #40cbb4;
        background: none !important;
        border-color: #40cbb4 !important;
        border-left: none !important;
        border-right: none !important;
    }

    .feature-section-inner:nth-child(4):hover .elementor-button {
        border-radius: 0 !important;
        color: #4c35a9;
        background: none !important;
        border-color: #4c35a9 !important;
        border-left: none !important;
        border-right: none !important;
    }

    .feature-section-inner:nth-child(5):hover .elementor-button {
        border-radius: 0 !important;
        color: #e6275a;
        background: none !important;
        border-color: #e6275a !important;
        border-left: none !important;
        border-right: none !important;
    }

    .feature-section-inner:hover .elementor-icon-box-icon .elementor-icon {
        -webkit-transform: scale(-1) rotate(180deg);
        -moz-transform: scale(-1) rotate(180deg);
        -ms-transform: scale(-1) rotate(180deg);
        -o-transform: scale(-1) rotate(180deg);
        transform: scale(-1) rotate(180deg);
    }

    .feature-section-inner:hover {
        box-shadow: none;
    }

    .feature-block .inner-box {
        position: relative;
        padding: 60px 40px;
        background-color: #ffffff;
        border: 1px solid #eeeeee;
        box-shadow: 0 30px 40px rgba(0, 0, 0, 0.10);
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        text-align: center;
        overflow: hidden;
    }

    .feature-block .icon-box {
        position: relative;
        display: block;
        margin-bottom: 30px;
    }

    .feature-block .icon-box .icon {
        position: relative;
        display: inline-block;
        font-size: 70px;
        line-height: 1em;
        color: #40cbb4;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    .feature-block h4 {
        position: relative;
        display: block;
        font-size: 24px;
        line-height: 1.2em;
        color: #12114a;
        font-weight: 700;
        margin-bottom: 20px;
        font-family: 'Ubuntu-Bold';
    }

    .feature-block h4 a {
        color: #12114a;
        display: inline-block;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .feature-block .text {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 26px;
        color: #666666;
        font-weight: 400;
        margin-bottom: 25px;
        cursor: default;
        font-family: Poppins-Regular;
    }

    .feature-block .link-box {
        position: relative;
        display: block;
    }

    .feature-block .link-box a {
        position: relative;
        display: inline-block;
        padding: 10px 20px;
        line-height: 20px;
        font-size: 14px;
        color: #ffffff;
        background-color: #40cbb4;
        border-radius: 10px;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
        font-family: 'Poppins-Regular';
    }

    .features-section-inner-row {
        display: flex;
        margin: 0 -12px;
        flex-wrap: wrap;
    }

    .features-section-inner-row .feature-block {
        max-width: 33.33%;
        width: 100%;
        padding: 0 12px;
    }

    .icon-shape-3 {
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        height: 490px;
        width: 290px;
        background-size: 100%;
    }

    .icon-line-1 {
        -webkit-animation: fa-spin 30s infinite alternate;
        -moz-animation: fa-spin 30s infinite alternate;
        -ms-animation: fa-spin 30s infinite alternate;
        -o-animation: fa-spin 30s infinite alternate;
        animation: fa-spin 30s infinite alternate;
    }

    .flaticon-search:before {
        content: "\f107";
    }

    .flaticon-diamond-1:before {
        content: "\f1ac";
    }

    .flaticon-success:before {
        content: "\f106";
    }

    [class^="flaticon-"]:before,
    [class*=" flaticon-"]:before,
    [class^="flaticon-"]:after,
    [class*=" flaticon-"]:after {
        font-family: Flaticon;
        font-style: normal;
    }

    /*******************************/
    /* Schedule Secttion Css Start */
    /*******************************/
    .event-detail .speaker-item .name a {
        color: #000;
    }
    .schedule-search-filter-main {
        display: flex;
        align-items: center;
        max-width: 100%;
        margin: 0 auto;
        justify-content: space-between;
    }

    .schedule-search-wrapper input#scheduleSearch {
        display: block;
    }

    .schedule-search-wrapper {
        padding-right: 100px;
        width: 100%;
    }

    .date {
        position: relative;
    }

    .speaker-session-info {
        position: relative;
    }

    .favourite_icon {
        position: absolute;
        right: 30px;
        top: 20px;
        cursor: pointer;
    }

    i.fa-regular.fa-bookmar,
    i.fa-solid.fa-bookmar.active {
        font-size: 24px;
    }

    /*.schedule-tabs .tab-buttons li {*/
    /*    position: relative;*/
    /*    display: inline-block;*/
    /*    height: 135px;*/
    /*    width: 160px;*/
    /*    border-radius: 20px;*/
    /*    background-color: #ffffff;*/
    /*    font-size: 16px;*/
    /*    line-height: 20px;*/
    /*    color: #222222;*/
    /*    font-weight: 600;*/
    /*    text-align: left;*/
    /*    padding: 15px 15px;*/
    /*    padding-top: 70px;*/
    /*    padding-left: 90px;*/
    /*    cursor: pointer;*/
    /*    margin: 0 15px 20px;*/
    /*    border: 1px solid #dddddd;*/
    /*    -webkit-transition: all 300ms ease;*/
    /*    -moz-transition: all 300ms ease;*/
    /*    -ms-transition: all 300ms ease;*/
    /*    -o-transition: all 300ms ease;*/
    /*    transition: all 300ms ease;*/
    /*    font-family: Poppins-Medium;*/
    /*}*/

    .schedule-tabs .tab-buttons li.tab-btn.active-btn {
        background-color: #000;
        color: #fff;
    }

    .schedule-tabs .tab-buttons li.tab-btn.active-btn .day {
        background-color: #fff !important;
    }

    .schedule-tabs .tab-buttons li.tab-btn.active-btn .month,
    .schedule-tabs .tab-buttons li.tab-btn.active-btn .date {
        color: #ffff !important;
    }

    .schedule-tabs .tab-buttons li.tab-btn.active-btn .day {
        color: #000;
    }

    .schedule-tabs .tab-buttons li .day {
        position: absolute;
        left: 0px;
        top: 30px;
        padding: 5px 20px;
        background-color: #222222;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        color: #ffffff;
        border-radius: 0 15px 15px 0;
        font-family: Poppins-Medium;
    }

    .schedule-tabs .tab-buttons li .date {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        display: block;
        font-size: 38px;
        line-height: 20px;
        font-weight: 600;
        color: #222222;
        margin-bottom: 5px;
        font-family: Poppins-Medium;
    }

    .schedule-tabs .tab-buttons li .month {
        display: block;
        font-size: 20px;
        line-height: 1em;
        font-weight: 600;
        color: #222222;
        text-transform: uppercase;
        margin-bottom: 3px;
        font-family: Poppins-Medium;
    }

    .schedule-section.style-two .schedule-timeline {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
    }

    .tabs-box .tab.active-tab {
        display: block;
    }

    .schedule-block {
        position: relative;
        margin-bottom: 30px;
    }

    .schedule-section.style-two .schedule-block .inner-box {
        width: 100%;
    }

    .schedule-block .inner-box {
        position: relative;
        width: 100%;
        text-align: left;
    }

    .schedule-section.style-two .schedule-block .inner-box .inner {
        margin: 0;
        padding: 50px 50px 40px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    }

    .schedule-block .inner-box .inner {
        position: relative;
        padding: 20px 30px 20px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
        margin-left: 80px;
        border-radius: 20px;
    }

    .schedule-block h4 a {
        color: #0f1925 !important;
    }

    .schedule-section.style-two .schedule-block .date {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        height: auto;
        width: auto;
        margin-bottom: 20px;
        text-align: left;
        font-size: 16px;
        font-family: Poppins-Medium;
    }

    .schedule-block .speaker-info {
        position: relative;
        padding-left: 80px;
        padding-top: 10px;
        min-height: 60px;
    }

    .schedule-block .speaker-info .thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
    }

    .schedule-block .speaker-info .name {
        font-size: 20px;
        color: #212639;
        font-weight: 600;
        line-height: 1.2em;
    }

    .schedule-block .speaker-info .designation {
        font-size: 15px;
        line-height: 30px;
    }

    .schedule-block h4 {
        position: relative;
        font-size: 28px;
        line-height: 1.3em;
        color: #0f1925;
        font-weight: 600;
        margin-bottom: 15px;
        padding-top: 15px;
        font-family: 'Ubuntu-Bold';
    }

    .schedule-block .text {
        position: relative;
        font-size: 16px;
        line-height: 26px;
        color: #666666;
        margin-bottom: 15px;
    }

    .schedule-block .btn-box a {
        padding: 10px 20px;
        line-height: 20px;
        font-size: 14px;
        background-color: #444444;
        color: #ffffff;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-radius: 5px;
    }

    .schedule-block {
        position: relative;
        margin-bottom: 30px;
    }

    .tab {
        display: none;
    }

    .active-tab {
        display: block !important;
    }

    .schedule-tabs ul.tab-buttons {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        transition: transform 0.4s ease;
        will-change: transform;
        justify-content: center;
        margin-bottom: 35px;
    }

    .schedule-tabs .tab-buttons li.tab-btn-item {
        flex-shrink: 0;
        padding: 0 7.5px;
    }
    .schedule-tabs .tab-buttons li.tab-btn-item .tab-btn {
        position: relative;
        display: inline-block;
        /* height: 135px; */
        width: 160px;
        border-radius: 20px;
        background-color: #ffffff;
        font-size: 16px;
        line-height: 20px;
        color: #222222;
        font-weight: 600;
        text-align: center;
        padding: 35px 15px;
        cursor: pointer;
        margin: 0;
        border: 1px solid #dddddd;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        font-family: Poppins-Medium;
        box-sizing: border-box;
    }
    .schedule-tabs .tab-buttons li.tab-btn-item .tab-btn:hover {
        border-color: #404040;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    .schedule-tabs .tab-buttons li.tab-btn-item .tab-btn.active-btn {
        background: #000;
        color: #fff;
        box-shadow: none;
    }
    .schedule-tabs .tab-buttons li.tab-btn-item .tab-btn.active-btn span.date,
    .schedule-tabs .tab-buttons li.tab-btn-item .tab-btn.active-btn span.month{
        color: #fff !important;
    }

    .zoom-join-btns {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 20px;
        background: #2D8CFF;
        color: #ffffff !important;
        border: none;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        margin-bottom: 20px;
    }
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 1) .day {*/
    /*    background-color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 1) .month, .schedule-tabs .tab-buttons li:nth-child(4n + 1) .date {*/
    /*    color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 2) .day {*/
    /*    background-color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 2) .month, .schedule-tabs .tab-buttons li:nth-child(4n + 2) .date {*/
    /*    color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 3) .day {*/
    /*    background-color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 3) .month, .schedule-tabs .tab-buttons li:nth-child(4n + 3) .date {*/
    /*    color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 4) .day {*/
    /*    background-color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 4) .month, .schedule-tabs .tab-buttons li:nth-child(4n + 4) .date {*/
    /*    color: #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 1).active-btn {*/
    /*    box-shadow: 0 0px 30px #404040;*/
    /*    border: 1px solid #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 2).active-btn {*/
    /*    box-shadow: 0 0px 30px #404040;*/
    /*    border: 1px solid #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 3).active-btn {*/
    /*    box-shadow: 0 0px 30px #404040;*/
    /*    border: 1px solid #404040;*/
    /*}*/
    /*.schedule-tabs .tab-buttons li:nth-child(4n + 4).active-btn {*/
    /*    box-shadow: 0 0px 30px #404040;*/
    /*    border: 1px solid #404040;*/
    /*}*/
    .schedule-block .text {
        padding: 10px 20px 10px 0;
        color: #404040;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-radius: 5px;
        font-family: 'Poppins-Regular';
    }

    .schedule-block .text p:last-of-type {
        margin: 0;
    }

    .schedule-block.color-1 .text:hover {
        color: #404040;
        border-radius: 0px;
        background: none;
        border-color: #404040;
    }

    .schedule-block.color-2 .text:hover {
        color: #404040;
        border-radius: 0px;
        background: none;
        border-color: #404040;
    }

    .schedule-block.color-3 .text:hover {
        color: #404040;
        border-radius: 0px;
        background: none;
        border-color: #404040;
    }

    .schedule-block.color-4 .text:hover {
        color: #404040;
        border-radius: 0px;
        background: none;
        border-color: #404040;
    }

    .schedule-block.color-1 .date {
        color: #404040;
    }

    .schedule-block.color-2 .date {
        color: #404040;
    }

    .schedule-block.color-3 .date {
        color: #404040;
    }

    .schedule-block.color-4 .date {
        color: #404040;
    }

    .agenda-locations {
        margin-top: 15px;
    }

    .schedule-block .text table {
        margin: 15px 0;
    }


    /*******************************/
    /** Clinet Secttion Css Start **/
    /*******************************/
    .sponsors-outer .row {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 -12px;
    }

    .sponsors-outer .row .client-block {
        max-width: 16.66%;
        width: 100%;
        padding: 0 12px;
        text-align: center;
    }


    /**************************************/
    /** Event Gallery Secttion Css Start **/
    /**************************************/
    .gallery-item {
        position: relative;
        margin-bottom: 30px;
    }

    .gallery-item .image-box {
        position: relative;
        box-shadow: 0 0px 30px rgba(8, 13, 62, .10);
        overflow: hidden;
    }

    .gallery-item .overlay-box {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        text-align: center;
        content: "";
        opacity: 0;
        background-color: #1d95d2;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        border-radius: 500px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .gallery-item .overlay-box a {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -29px;
        margin-left: -29px;
    }

    .gallery-item .overlay-box a span {
        display: block;
        height: 58px;
        width: 58px;
        background-color: #ec167f;
        color: #ffffff;
        border-radius: 50%;
        font-weight: 700;
        font-size: 18px;
        line-height: 58px;
    }

    .gallery-item .image-box .image img {
        display: block;
        width: 100%;
        height: auto;
    }

    .gallery-item .image-box:hover .overlay-box {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: .9;
        border-radius: 0px;
    }

    section.gallery-section .row .gallery-item {
        max-width: 33.33%;
        width: 100%;
        padding: 0 12px;
    }

    section.gallery-section .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
    }

    /**************************************/
    /*** Testimonial Secttion Css Start ***/
    /**************************************/
    .testimonial-section .carousel-outer {
        position: relative;
        max-width: 800px;
        margin: 0 auto;
    }

    .testimonial-block .icon {
        position: relative;
        display: inline-block;
        font-size: 40px;
        line-height: 80px;
        width: 80px;
        height: 80px;
        background-color: #40cbb4;
        color: #ffffff;
        border-radius: 50%;
        margin-bottom: 30px;
        text-shadow: 10px 10px 0 rgba(0, 0, 0, 0.2);
    }

    .testimonial-block {
        position: relative;
        text-align: center;
    }

    .testimonial-block .text {
        position: relative;
        display: block;
        font-size: 20px;
        line-height: 36px;
        color: #666666;
        font-weight: 400;
        max-width: 700px;
        margin: 0 auto 25px;
        font-family: 'Poppins-Regular';
    }

    .testimonial-block .name {
        position: relative;
        display: block;
        font-size: 24px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 600;
        margin-bottom: 5px;
        font-family: 'Poppins-Medium';
    }

    .testimonial-block .rating {
        position: relative;
        font-size: 15px;
        line-height: 25px;
        color: #ffc20b;
    }

    .testimonial-section .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
    }

    .testimonial-section .owl-next,
    .testimonial-section .owl-prev {
        position: absolute;
        left: -40px;
        top: 0;
        height: 50px;
        width: 50px;
        font-size: 22px;
        color: #ffffff;
        line-height: 50px;
        margin-left: 15px;
        border-radius: 50%;
        text-align: center;
        background-color: #1c94d2;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

    .testimonial-section .owl-next:hover,
    .testimonial-section .owl-prev:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
    }

    .testimonial-section .owl-next {
        left: auto;
        right: -40px;
    }

    .arrow_carrot-left:before {
        content: "\34";
    }

    .arrow_carrot-right:before {
        content: "\35";
    }

    .owl-nav span {
        font-family: 'ElegantIcons';
    }



    /*********************************/
    /*** Footer Secttion Css Start ***/
    /*********************************/
    .site-footer .footer-inner {
        display: block;
    }

    .custom-footer-social-icon .social-icon-one {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }

    .custom-footer-social-icon .social-icon-one li {
        position: relative;
        display: inline-block;
        margin-right: 8px;
        margin-bottom: 10px;
    }

    .custom-footer-social-icon .social-icon-one li span.fab,
    .custom-footer-social-icon .social-icon-one li span {
        position: relative;
        display: block;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #a9b1bf;
        background-color: #373851;
        transition: all 900ms ease;
        -moz-transition: all 900ms ease;
        -webkit-transition: all 900ms ease;
        -ms-transition: all 900ms ease;
        -o-transition: all 900ms ease;
    }

    .custom-footer-social-icon .social-icon-one li a:hover .fab,
    .custom-footer-social-icon .social-icon-one li a:hover span {
        background-color: #e1137b;
        border-color: #e1137b;
        color: #ffffff;
    }

    .custom-footer-social-icon .social-icon-one li a:hover .fab,
    .custom-footer-social-icon .social-icon-one li a:hover span {
        transform: rotate(360deg);
    }

    .site-footer .footer-inner .copyright {
        color: #ffffff;
        margin-bottom: 30px;
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 24px;
        font-family: Poppins-Regular;
    }

    .footer-inner nav.site-navigation.show ul {
        position: relative;
        margin-bottom: 30px;
        justify-content: center;
    }

    .footer-inner nav.site-navigation.show {
        justify-content: center;
    }

    .footer-inner nav.site-navigation a {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 500;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        font-family: 'Poppins-Medium';
    }

    .footer-inner nav.site-navigation a:hover {
        color: #ec167f;
    }

    .footer-inner .site-logo.show {
        margin: 0 auto;
    }

    footer#site-footer {
        padding: 70px 0px;
    }

    footer#site-footer .site-branding.show-logo {
        margin-bottom: 30px;
    }

    footer#site-footer .site-branding.show-logo .site-logo.show {
        width: 100px;
    }


    /**************************************/
    /*** Speaker Details Page Css Start ***/
    /**************************************/
    .status-publish .e-con-inner .elementor-element {
        width: 100%;
    }

    .status-publish .e-con-inner .elementor-element.elementor-widget-image {
        z-index: 0;
    }

    .speaker-detail-row {
        display: flex;
        flex-wrap: wrap;
    }

    .speaker-detail-row .info-column {
        width: 100%;
        max-width: 60%;
        padding: 0 12px;
    }

    .speaker-detail-row .image-column {
        padding: 0 12px;
        max-width: 40%;
        width: 100%;
    }

    .speaker-detail .image-column .image-box {
        position: relative;
        border: 1px solid #dddddd;
        padding: 20px;
        border-radius: 10px;
    }

    .speaker-detail .image-column .image {
        position: relative;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .speaker-detail .image-column .speaker-initials-main {
        max-width: fit-content;
        margin: 0 auto;

    }

    .speaker-detail .image-column .image img {
        display: block;
        width: 100%;
        min-width: 200px;
        min-height: 200px;
        max-width: 200px;
        margin: 0 auto;
    }

    .speaker-detail .info-column h3 {
        position: relative;
        display: block;
        font-size: 40px;
        line-height: 1em;
        font-weight: 600;
        margin-bottom: 20px;
        color: #101130;
        font-family: 'Ubuntu';
    }

    .speaker-detail .info-column p {
        position: relative;
        font-size: 16px;
        line-height: 1.6em;
        color: #888888;
        margin-bottom: 30px;
        font-family: 'Poppins-Regular';
    }

    .speaker-detail .info-column h4 {
        position: relative;
        display: block;
        font-size: 24px;
        line-height: 1em;
        font-weight: 500;
        margin-bottom: 20px;
        color: #222222;
        font-family: 'Ubuntu';
    }


    .speaker-detail {
        background: #ffffff;
        border-radius: 16px;
        /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.06);*/
        overflow: hidden;
        transition: box-shadow 0.3s ease;
    }

    /*.speaker-detail:hover {*/
    /*    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.08);*/
    /*}*/

    .speaker-agenda-heading a.agenda-link {
        color: #000;
    }
    .speaker-agenda-heading {
        margin-bottom: 10px !important;
    }
    .speaker-session-info {
        position: relative;
        margin-bottom: 30px;
        overflow: hidden;
        border: 5px solid rgba(255, 255, 255, 0.3);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        transition: transform 0.3s ease;
        max-width: 450px;
        width: 100%;
        height: auto;
        padding: 10px;
        border-radius: 15px;
    }
    .speaker-detail-auto-container {
        padding: 0;
    }

    .speaker-detail-row {
        display: flex;
        align-items: stretch;
        gap: 0;
    }

    .speaker-detail .image-column {
        padding: 50px 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .speaker-detail .image-box {
        text-align: center;
        max-width:300px;
        width: 100%;
    }

    .speaker-detail .image-box figure.image {
        margin-bottom: 20px;
    }

    .speaker-detail .speaker-initials-main {
        display: inline-block;
    }

    .speaker-detail .speaker-initials {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        overflow: hidden;
    }

    .speaker-detail .speaker-initials img:hover {
        transform: scale(1.05);
    }

    .speaker-detail .speaker-initials img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

    .speaker-detail .social-icon-two {
        list-style: none;
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-top: 10px;
    }

    .speaker-detail .info-column {
        flex: 1;
        padding: 50px 60px;
        display: flex;

    }
    .attendee-details-main-wrp .info-column {
        display: block !important;
    }
    .speaker-detail .inner-column {
        width: 100%;
    }

    .attendee-list-container .info-box {
        padding: 20px;
    }

    .speaker-detail .text-box h3 {
        font-size: 36px;
        font-weight: 700;
        color: #1a202c;
        margin-bottom: 16px;
        letter-spacing: -0.5px;
    }

    .speaker-detail .text-box h5 {
        font-size: 16px;
        font-weight: 400;
        color: #4a5568;
        line-height: 1.7;
        margin-bottom: 0;
    }


    /* Responsive Design */
    @media (max-width: 992px) {
        .speaker-detail-row {
            flex-direction: column;
        }

        .speaker-detail .image-column {
            flex: 0 0 auto;
            max-width: 100%;
            padding: 40px 30px;
        }

        .speaker-detail .info-column {
            max-width: 100%;
        }

        .speaker-detail .info-column {
            padding: 40px 30px;
        }

        .speaker-detail .text-box h3 {
            font-size: 28px;
            line-height: normal;
        }

        .speaker-detail .text-box h5 {
            font-size: 15px;
        }
    }

    @media (max-width: 575px) {


        .speaker-detail .image-column {
            padding: 30px 20px;
        }


        .speaker-detail .info-column {
            padding: 30px 20px;
        }

        .speaker-detail .text-box h3 {
            font-size: 24px;
        }

        .speaker-detail .text-box h5 {
            font-size: 14px;
        }
    }


    i.fab.fa-globe {
        font-weight: 900;
        font-family: 'FontAwesome';
    }

    ul.social-icon-two.social-icon-colored.text-center {
        margin-top: 30px;
    }
    .exhibitors-detail .speaker-initials {
        width: 100%;
        max-width: 100%;
        border-radius: unset;
        height: auto;
    }
    .exhibitors-detail .speaker-initials img {
        min-width: 100%;
        max-width: 100% !important;
        min-height: auto !important;
    }
    .exhibitors-detail .image-box {
        border: none !important;
    }
    /**********************************/
    /*** Schedule Details Css Start ***/
    /**********************************/
    .event-detail .speaker-info {
        position: relative;
        /*    padding-left: 75px;*/
        min-height: 60px;
        margin-bottom: 25px;
    }

    .event-detail {
        padding: 50px 50px 40px;
        position: relative;
        padding: 20px 30px 20px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
        border-radius: 20px;

    }

    .event-detail .speaker-info .thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
    }

    .event-detail .speaker-info .name {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        color: #222222;
    }

    .event-detail .speaker-info .designation {
        font-size: 16px;
        line-height: 24px;
    }

    .event-detail .upper-info li {
        position: relative;
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #222222;
        font-weight: 500;
        text-transform: uppercase;
        padding-left: 25px;
        margin-right: 20px;
        font-family: 'Poppins-Medium';
    }

    .event-detail .content-box p {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #888888;
        font-weight: 400;
        margin-bottom: 30px;
        font-family: 'Poppins-Regular';
    }

    .event-detail .content-box h2 {
        display: block;
        font-size: 36px;
        line-height: 1.2em;
        color: #222222;
        font-weight: 700;
        margin-bottom: 25px;
        font-family: 'Ubuntu-Bold';
    }

    .event-detail .upper-info .icon {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 16px;
        line-height: 24px;
        color: #e1137b;
    }

    .fa-clock:before {
        content: "\f017";
    }

    .fa-map-marker-alt:before {
        content: "\f3c5";
    }




    /****************************/
    /*** Exhibitors Css Start ***/
    /****************************/
    /*.exhibitor-dropdown-wrapper {*/
    /*    width: 260px;*/
    /*    position: relative;*/
    /*}*/

    /*.exhibitor-dropdown-toggle {*/
    /*    background: #fff;*/
    /*    padding: 10px 15px;*/
    /*    border-radius: 8px;*/
    /*    border: 1px solid #ddd;*/
    /*    cursor: pointer;*/
    /*    display: flex;*/
    /*    justify-content: space-between;*/
    /*    align-items: center;*/
    /*}*/

    /*.exhibitor-dropdown {*/
    /*    position: absolute;*/
    /*    top: 50px;*/
    /*    left: 0;*/
    /*    width: 260px;*/
    /*    background: #fff;*/
    /*    border-radius: 10px;*/
    /*    box-shadow: 0 2px 15px rgba(0,0,0,.15);*/
    /*    padding: 10px;*/
    /*    display: none;*/
    /*    z-index: 20;*/
    /*}*/

    /*.dropdown-search {*/
    /*    width: 100%;*/
    /*    padding: 8px 10px;*/
    /*    margin-bottom: 10px;*/
    /*    border: 1px solid #ddd;*/
    /*    border-radius: 6px;*/
    /*}*/

    /*.dropdown-option {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    padding: 6px 0;*/
    /*    cursor: pointer;*/
    /*}*/

    /*.dropdown-option input {*/
    /*    margin-right: 8px;*/
    /*}*/

    /*.dropdown-selected-count {*/
    /*    margin-top: 8px;*/
    /*    font-weight: bold;*/
    /*    color: #444;*/
    /*}*/

    /*.exhibitors-container {*/
    /*display: none; /* Hides all content containers by default */
    /*}*/

    /*.exhibitors-container.active {*/
    /*display: block; /* Shows the active content container */
    /*}*/

    /*.exhibitors-grid {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 30px;*/
    /* justify-content: center; */
    /*}*/
    /*.exhibitors-grid  .speaker-block-two {*/
    /*    flex: 1 1 calc(25% - 30px);*/
    /*    display: flex;*/
    /*}*/

    /*.exhibitor-tabs {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    margin-bottom: 20px;*/
    /*    justify-content: center;*/
    /*}*/

    /*.tab-button {*/
    /*    background-color: #1c94d2;*/
    /*    border: none;*/
    /*    outline: none;*/
    /*    cursor: pointer;*/
    /*    padding: 10px 30px;*/
    /*    transition: 0.3s;*/
    /*    font-size: 17px;*/
    /*    margin-right: 5px;*/
    /*    border-top-left-radius: 5px;*/
    /*    border-top-right-radius: 5px;*/
    /*    color: #fff;*/
    /*    font-family: 'Poppins-Medium';*/
    /*    border: 2px solid #1c94d2;*/
    /*    margin-bottom: 20px;*/
    /*}*/
    /*.tab-button.active {*/
    /*    background-color: #fff;*/
    /*    border: 2px solid #1c94d2;*/
    /*    color: #1c94d2;*/
    /*}*/
    /*.tab-button:focus{*/
    /*    background-color: #fff;*/
    /*    border: 2px solid #1c94d2;*/
    /*    color: #1c94d2;*/
    /*}*/

    /*ul.social-links.social-icon-colored i.fab.fa-globe {*/
    /*    font-weight: 900;*/
    /*    font-family: 'FontAwesome';*/
    /*}*/
    /*.speaker-block-two .social-links li a:hover i.fab.fa-instagram {*/
    /*    background: #d62976;*/
    /*}*/
    /*i.fab.fa-linkedin{*/
    /*    color: #0077B5;*/
    /*}*/
    /*i.fab.fa-youtube{*/
    /*    color: #FF0000;*/
    /*}*/
    /*i.fab.fa-globe{*/
    /*    color: #ec167f;*/
    /*}*/

    /*a:hover i.fab.fa-linkedin{*/
    /*    background-color: #0077B5;*/
    /*}*/
    /*a:hover i.fab.fa-youtube{*/
    /*    background-color: #FF0000;*/
    /*}*/
    /*a:hover i.fab.fa-globe{*/
    /*    background-color: #ec167f;*/
    /*}*/
    /*.tab-button:hover {*/
    /*    background-color: #fff;*/
    /*    border: 2px solid #1c94d2;*/
    /*    color: #1c94d2;*/
    /*}*/

    /*.load-more-btn {*/
    /*    display: block;*/
    /*    width: fit-content;*/
    /*    margin: 20px auto;*/
    /*    padding: 10px 20px;*/
    /*    background-color: #007bff;*/
    /*    color: #fff;*/
    /*    border: none;*/
    /*    cursor: pointer;*/
    /*    border-radius: 5px;*/
    /*}*/


    .exhibitor-custom-section-main-wrp .exhibitors-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }

    .exhibitor-custom-section-main-wrp .exhibitors-grid .speaker-content-wrapper {
        padding: 20px;
    }

    .exhibitor-custom-section-main-wrp .exhibitors-grid .speaker-block-two .inner-box {
        border-bottom: none !important;
    }

    .exhibitor-custom-section-main-wrp .exhibitors-grid .speaker-block-two {
        width: calc(100% / 4 - 15px);
        flex: unset;
        border: 1px solid #c3c3d1;
        border-radius: 8px;
        padding: 0;
        transition: all .3s ease-in-out;
    }


    .exhibitors-grid .image-box img {
        aspect-ratio: 1;
        height: 100%;
        width: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;

    }

    .exhibitors-grid .speaker-block-two .image-box .image {
        border: 0 !important;
    }

    .exhibitors-grid .speaker-block-two .image-box .image a {
        width: 100%;
        display: block;
    }

    .exhibitors-grid .speaker-block-two .info-box {
        background: transparent !important;
        height: auto !important;
    }

    .exhibitors-grid .speaker-block-two .image-box {
        position: relative;
    }

    .exhibitors-grid .speaker-block-two .info-box .name,
    .exhibitors-grid .speaker-block-two .info-box .name a {
        margin: 0;
        color: #1E1F36;
        font-size: 18px;
    }

    .exhibitors-grid .speaker-block-two .social-links li.block-background {
        padding-left: 10px;
    }

    .exhibitors-grid .speaker-block-two .social-links,
    .exhibitors-detail ul.social-icon-two {
        list-style: none;
        padding: 15px 0px 15px;
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .exhibitors-grid .speaker-block-two .social-links li a,
    .exhibitors-detail ul.social-icon-two li a {
        font-size: 24px;
    }

    .exhibitors-grid .speaker-block-two .social-links li {
        padding: 0;
    }

    .exhibitors-detail ul.social-icon-two li {
        padding-left: 15px;
    }

    .exhibitors-container {
        padding-bottom: 30px;
    }

    .exhibitors-grid .speaker-block-two .info-box .name {
        margin: 0 0 2px;
    }

    .exhibitors-grid .speaker-block-two .info-box .designation {
        font-size: 14px;
        font-weight: 400;
        color: #404040;
    }

    @media (max-width: 991px) {
        .exhibitor-custom-section-main-wrp .exhibitors-grid .speaker-block-two {
            max-width: 100%;
            flex: unset;
            width: calc(100% / 3 - 14px);
            display: block;
        }

        .schedule-section.style-two .schedule-block .inner-box .inner {
            margin: 0;
            padding: 40px 20px;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
        }
    }

    @media (max-width: 767px) {
        .exhibitor-custom-section-main-wrp .exhibitors-grid .speaker-block-two {
            width: 100%;
        }
    }



    /********************************/
    /*** User Dashboard Css Start ***/
    /********************************/
    .user-dashboard-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        padding-top: 200px;
    }

    .dashboard-header a.logout-btn {
        width: auto;
    }

    .dashboard-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e0e0e0;
    }

    .logout-btn {
        /*background-color: #dc3545;*/
        /*color: white;*/
        /*padding: 10px 15px;*/
        /*text-decoration: none;*/
        /*border-radius: 4px;*/
        /*transition: background-color 0.3s;*/
        font-family: 'Ubuntu-Bold';
    }

    /*.logout-btn:hover {*/
    /*    background-color: #c82333;*/
    /*}*/

    .welcome-section {
        background-color: #f8f9fa;
        padding: 20px;
        border-radius: 5px;
        margin-bottom: 30px;
    }

    .dashboard-cards {
        display: grid;
        grid-template-columns: 'repeat(auto-fit, minmax(300px, 1fr))';
        gap: 20px;
    }

    .card {
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .card h3 {
        background-color: #4a90e2;
        color: white;
        margin: 0;
        padding: 15px;
        font-size: 18px;
    }

    .card-content {
        padding: 20px;
    }

    .card-content ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .card-content ul ul {
        padding-left: 20px;
        margin: 10px 0;
    }

    .card-content li {
        padding: 8px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .card-content li:last-child {
        border-bottom: none;
    }

    .action-btn {
        display: block;
        background-color: #4a90e2;
        color: white;
        text-decoration: none;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 4px;
        text-align: center;
        transition: background-color 0.3s;
    }

    .action-btn:hover {
        background-color: #357abD;
    }

    /***********************************/
    /* Request Metting Popup Css Start */
    /***********************************/

    /* Overlay background */
    #request_meeting_popup.modal.fade.modal-overflow {
        /*display: none;*/
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        /* Transparent black overlay */
        z-index: 1050;
        justify-content: center;
        align-items: center;
    }

    /* Show the modal when active */
    #request_meeting_popup.show {
        display: flex;
    }

    /* Modal dialog styling */
    #request_meeting_popup .modal-dialog {
        max-width: 600px;
        margin: auto;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        overflow: hidden;
    }

    /* Modal header */
    #request_meeting_popup .modal-header {
        background-color: #000;
        color: #fff;
        padding: 15px 20px;
        border-bottom: 1px solid #444;
    }

    #request_meeting_popup .modal-header .close {
        color: #fff;
        opacity: 1;
        font-size: 22px;
    }

    /* Modal body */
    #request_meeting_popup .modal-body {
        padding: 20px;
    }

    /* Form elements */
    #request_meeting_popup .form-group {
        margin-bottom: 15px;
    }

    #request_meeting_popup .form-group label {
        font-weight: 500;
        margin-bottom: 5px;
        display: block;
    }

    #request_meeting_popup .form-control {
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: none;
        height: 40px;
        width: 100%;
        padding: 8px 10px;
    }

    /* Meeting button */
    #request_meeting_popup #request_meeting_btn_form_submitting {
        background-color: #000;
        border-color: #000;
        color: #fff;
        font-weight: 600;
        padding: 10px;
        transition: 0.3s;
    }

    #request_meeting_popup #request_meeting_btn_form_submitting:hover:enabled {
        background-color: #333;
    }

    /* Close button styling */
    #request_meeting_popup button.close {
        background: none;
        border: none;
        font-size: 22px;
        color: #fff;
        float: right;
    }

    /***********************************/
    /*  Request Metting Popup Css End  */
    /***********************************/


    /****************************************/
    /*  Request Metting List Page Css Start */
    /****************************************/
    /* Date tabs */
    /*.date-tabs-wrapper {*/
    /*    overflow-x: auto;*/
    /*    white-space: nowrap;*/
    /*    background: #000;*/
    /*    padding: 10px 0;*/
    /*    margin-bottom: 10px;*/
    /*}*/
    /*.date-tab {*/
    /*    display: inline-block;*/
    /*    color: #fff;*/
    /*    background: #000;*/
    /*    padding: 10px 15px;*/
    /*    margin: 0 5px;*/
    /*    border-radius: 4px;*/
    /*    text-align: center;*/
    /*    cursor: pointer;*/
    /*    transition: all 0.3s ease;*/
    /*    min-width: 80px;*/
    /*    user-select: none;*/
    /*}*/
    /*.date-tab.active {*/
    /*    background: #fff;*/
    /*    color: #000;*/
    /*    font-weight: bold;*/
    /*}*/

    /* Status filter tabs */
    /*.status-tabs {*/
    /*    display: flex;*/
    /*    gap: 15px;*/
    /*    margin-bottom: 20px;*/
    /*    justify-content: center;*/
    /*}*/
    /*.status-tab {*/
    /*    cursor: pointer;*/
    /*    padding: 8px 20px;*/
    /*    border-radius: 20px;*/
    /*    background: #f1f1f1;*/
    /*    font-weight: 600;*/
    /*    color: #333;*/
    /*    user-select: none;*/
    /*    border: 1px solid transparent;*/
    /*    transition: all 0.3s ease;*/
    /*}*/
    /*.status-tab.active {*/
    /*    background: #007bff;*/
    /*    color: #fff;*/
    /*    border-color: #007bff;*/
    /*}*/

    /* Meeting cards */
    /*.meeting-card {*/
    /*    border: 1px solid #ddd;*/
    /*    margin: 10px 0;*/
    /*    padding: 15px;*/
    /*    border-radius: 8px;*/
    /*    background: #fff;*/
    /*}*/
    /*.meeting-card-inner {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    /*.avatar {*/
    /*    background: #000;*/
    /*    color: #fff;*/
    /*    border-radius: 50%;*/
    /*    width: 50px;*/
    /*    height: 50px;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    margin-right: 15px;*/
    /*    font-weight: bold;*/
    /*    font-size: 16px;*/
    /*}*/
    /*.meeting-time {*/
    /*    font-weight: bold;*/
    /*    margin-bottom: 5px;*/
    /*}*/
    /*.meeting-actions {*/
    /*    margin-top: 10px;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    gap: 10px;*/
    /*    flex-wrap: wrap;*/
    /*}*/
    /*.btn {*/
    /*    padding: 6px 12px;*/
    /*    border-radius: 4px;*/
    /*    border: none;*/
    /*    cursor: pointer;*/
    /*    font-size: 14px;*/
    /*    color: #fff;*/
    /*    user-select: none;*/
    /*}*/
    /*.btn-success { background: #28a745; }*/
    /*.btn-danger { background: #dc3545; }*/
    /*.btn-warning { background: #ffc107; color: #000; }*/
    /*.status-label {*/
    /*    padding: 4px 8px;*/
    /*    border-radius: 4px;*/
    /*    font-size: 12px;*/
    /*    text-transform: uppercase;*/
    /*    white-space: nowrap;*/
    /*}*/
    /*.status-label.pending { background: #007bff; color: #fff; }*/
    /*.status-label.accepted { background: #28a745; color: #fff; }*/
    /*.status-label.rejected { background: #dc3545; color: #fff; }*/
    /*.status-label.cancelled { background: #6c757d; color: #fff; }*/
    /*.location {*/
    /*    font-size: 13px;*/
    /*    color: #666;*/
    /*    margin-top: 5px;*/
    /*}*/


    .meeting-schedule-wrapper {
        font-family: 'Arial', sans-serif;
        /*max-width: 700px;*/
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 15px 25px;
        box-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
    }

.date-tabs-wrapper {
    margin-bottom: 20px;
}

.date-tabs-wrapper .tab-buttons-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.date-tabs-wrapper .tab-buttons-carousel-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    flex: 1;
}

.date-tabs-wrapper .tab-buttons-carousel {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: transform 0.4s ease;
    will-change: transform;
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn-item {
    flex-shrink: 0;
    padding: 0 7.5px;
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn {
    position: relative;
    display: inline-block;
    width: 160px;
    border-radius: 20px;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
    font-weight: 600;
    text-align: center;
    padding: 35px 15px;
    cursor: pointer;
    margin: 0;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: Poppins-Medium;
    box-sizing: border-box;
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn:hover {
    border-color: #404040;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn.active-btn {
    background: #000;
    color: #fff;
    box-shadow: none;
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn.active-btn span.date,
.date-tabs-wrapper .tab-buttons-carousel .tab-btn.active-btn span.month {
    color: #fff !important;
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn .date {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    display: block;
    font-size: 38px;
    line-height: 20px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 5px;
    font-family: Poppins-Medium;
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn .month {
    display: block;
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-family: Poppins-Medium;
}

.date-tabs-wrapper .tab-buttons-carousel .tab-btn.active-btn .date,
.date-tabs-wrapper .tab-buttons-carousel .tab-btn.active-btn .month {
    color: #fff !important;
}

/* Carousel Navigation Buttons */
.date-tabs-wrapper .carousel-nav-btn {
    background: #222222;
    color: #ffffff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.3s ease;
    flex-shrink: 0;
    z-index: 10;
}

.date-tabs-wrapper .carousel-nav-btn:hover {
    background: #404040;
    transform: scale(1.1);
}

.date-tabs-wrapper .carousel-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.date-tabs-wrapper .carousel-nav-btn:disabled:hover {
    transform: none;
    background: #222222;
}

    .status-tabs {
        display: flex;
        gap: 12px;
        margin-bottom: 25px;
        justify-content: center;
    }

    .status-tab {
        padding: 8px 20px;
        background: #f1f3f5;
        color: #555;
        font-weight: 600;
        border-radius: 25px;
        cursor: pointer;
        border: 1px solid transparent;
        user-select: none;
        transition: all 0.3s ease;
    }

    .status-tab.active,
    .status-tab:hover {
        background: #3b82f6;
        color: white;
        border-color: #3b82f6;
        box-shadow: 0 0 10px rgba(59, 130, 246, 0.4);
    }

    .meeting-list-by-date {
        display: block;
    }

    .meeting-card {
        background: #f9fafb;
        border-radius: 10px;
        margin-bottom: 16px;
        padding: 15px 18px;
        border: 1px solid #e3e6f0;
        display: flex;
        align-items: center;
        gap: 15px;
        box-shadow: 0 2px 8px rgb(0 0 0 / 0.05);
    }

    .meeting-card-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .avatar {
        background: #000;
        color: white;
        font-weight: 700;
        font-size: 18px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .meeting-header {
        flex-grow: 1;
        margin-left: 12px;
    }

    .meeting-time {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 6px;
        color: #333;
    }

    .invited-users {
        margin: 6px 0 10px 0;
    }

    .invited-users li {
        list-style: none;
        color: #666;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .invited-users li i {
        color: #666;
        font-size: 14px;
    }

    .meeting-header strong {
        display: block;
        font-size: 15px;
        color: #1e293b;
        margin-bottom: 6px;
    }

    .meeting-header p {
        color: #555;
        font-size: 14px;
        margin: 0;
    }

    .meeting-actions {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .btn {
        border: none;
        padding: 7px 14px;
        border-radius: 6px;
        font-weight: 600;
        cursor: pointer;
        font-size: 14px;
        user-select: none;
        transition: background-color 0.25s ease;
    }

    .btn-success {
        background-color: #4caf50;
        color: white;
    }

    .btn-success:hover {
        background-color: #3b8239;
    }

    .btn-danger {
        background-color: #ef4444;
        color: white;
    }

    .btn-danger:hover {
        background-color: #b91c1c;
    }

    .btn-warning {
        background-color: #f59e0b;
        color: white;
    }

    .btn-warning:hover {
        background-color: #b45309;
    }

    .status-label {
        padding: 6px 14px;
        border-radius: 20px;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        user-select: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .status-label.pending {
        background-color: #fbbf24;
        color: #854d0e;
    }

    .status-label.accepted {
        background-color: #34d399;
        color: #064e3b;
    }

    .status-label.rejected {
        background-color: #f87171;
        color: #7f1d1d;
    }

    .status-label.cancelled,
    .status-label.status-cancel {
        background-color: #dc3545;
        color: white;
    }

    .status-label i {
        font-size: 16px;
        vertical-align: middle;
    }

    /* Responsive */
    @media (max-width: 600px) {
        .meeting-card {
            flex-direction: column;
            align-items: flex-start;
        }

        .meeting-header {
            margin-left: 0;
            margin-bottom: 10px;
        }

        .meeting-actions {
            width: 100%;
            justify-content: flex-start;
            flex-wrap: wrap;
            gap: 8px;
        }
    }


    /***************************************/
    /*  Request Metting List Page Css End  */
    /***************************************/


    /********************************************/
    /*  Cancel Meeting Request Popup Css Start  */
    /********************************************/

    /* cancel-meeting-modal.css */
    #cancel-meeting-modal {
        display: none;
        position: fixed;
        top: 20%;
        left: 50%;
        transform: translate(-50%, 0);
        background: #fff;
        padding: 24px 32px;
        box-shadow: 0 2px 16px rgba(0, 0, 0, 0.20);
        z-index: 9999;
        border-radius: 8px;
        min-width: 320px;
        max-width: 400px;
    }

    #cancel-meeting-modal h3 {
        margin-top: 0;
        margin-bottom: 18px;
        font-size: 20px;
        color: #222;
    }

    #cancel-meeting-modal textarea {
        width: 100%;
        height: 80px;
        resize: vertical;
        padding: 8px;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 14px;
    }

    #cancel-meeting-modal .btn-primary {
        background: #212121;
        color: #fff;
        border: none;
        padding: 7px 14px;
        border-radius: 4px;
        cursor: pointer;
    }

    #cancel-meeting-modal .btn-primary:hover {
        background: #444;
    }

    #cancel-meeting-modal .close-cancel-modal {
        position: absolute;
        top: 8px;
        right: 12px;
        font-size: 22px;
        color: #888;
        cursor: pointer;
        font-weight: bold;
    }

    /********************************************/
    /*  Cancel Meeting Request Popup Css End    */
    /********************************************/



    /********************************************/
    /*          Chat MSG Css Start              */
    /********************************************/

    .chat-message {
        display: flex;
        align-items: flex-end;
        margin: 24px 0;
    }

    .chat-message.left {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .chat-message.right {
        justify-content: flex-end;
    }

    .chat-sender-name {
        display: flex;
        align-items: center;
        font-size: 13px;
        width: 100%;
        text-transform: capitalize;
        font-weight: 500;
        font-family: 'Ubuntu-Bold';
    }

    .chat-sender-name i.fa-solid.fa-circle-user {
        font-size: 27px;
        padding-right: 20px;
    }

    #chat-form {
        margin-top: 15px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    /* Input Field */
    #chat-input {
        flex: 1;
        padding: 12px 15px;
        border: 1px solid #d1d5db;
        border-radius: 10px;
        font-size: 1rem;
        transition: all 0.3s ease;
    }

    #chat-input:focus {
        outline: none;
        border-color: #6366f1;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
    }

    /* Send Button */
    #chat-form button {
        padding: 13px 25px;
        background:#505050;
        border-radius: 10px;
        color: white;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    #chat-form button:hover {
        transform: translateY(-2px);
    background:#505050;
    }

    /* Scrollbar styling */
    #chat-box::-webkit-scrollbar {
        width: 8px;
    }

    #chat-box::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 8px;
    }

    #chat-box::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

    .chat-bubble {
        max-width: 70%;
        padding: 10px 15px;
        border-radius: 18px;
        font-size: 14px;
        line-height: 1.4;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
        font-family: 'Poppins-Medium';
    }

    .chat-message.left .chat-bubble {
        background-color: #f1f0f0;
        color: #000;
        border-bottom-left-radius: 4px;
        margin-top: 10px;
    }

    .chat-message.left .chat-bubble {
        background: #fff;
        color: #333;
        border-bottom-left-radius: 4px;
        border: 1px solid #dddddd;
    }

    .chat-time {
        font-size: 11px;
        color: #999;
        margin: 0 6px;
    }

    .chat-date-separator {
        text-align: center;
        margin: 20px 0;
        font-size: 13px;
        color: #666;
        position: relative;
    }

    .chat-date-separator::before,
    .chat-date-separator::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 40%;
        height: 1px;
        background: #ccc;
    }

    .chat-date-separator::before {
        left: 0;
    }

    .chat-date-separator::after {
        right: 0;
    }

    /********************************************/
    /*            Chat MSG Css End              */
    /********************************************/


    /************************************************************/
    /*            Chat Notificationbar MSG Css Start            */
    /************************************************************/
    #msgSidebar {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        max-width: 450px;
        height: 100vh;
        background: #fff;
        box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
        z-index: 9999;
        transition: all 0.3s ease-out;
        display: flex;
        flex-direction: column;
        visibility: hidden;
    }

    div#msgSidebar.open {
        visibility: visible;
        transition: all 0.3s ease-in;
    }

    #closeMsgSidebar:hover,
    #closeNotification:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: rotate(90deg);
    }

    .msgSidebarHeader {
        background: #000;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 14px 18px;
        font-size: 18px;
        font-weight: 600;
        position: relative;
    }

    #closeMsgSidebar {
        background: rgba(255, 255, 255, 0.2);
        border: none;
        color: #fff;
        width: 32px;
        height: 32px;
        font-weight: 400;
        border-radius: 8px;
        font-size: 24px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
        line-height: 1;
    }

    #msgListContainer {
        flex: 1;
        overflow-y: auto;
        background: #fff;
    }

    .msgItem {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px;
        border-bottom: 1px solid #f1f1f1;
        cursor: pointer;
        transition: background 0.2s ease;
    }

    .msgItem:hover {
        background: #fafafa;
    }

    .msgAvatar {
        background: #000;
        color: #fff;
        font-weight: 600;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
        font-size: 14px;
        flex-shrink: 0;
    }

    .msgAvatarImg {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 12px;
    }

    .msgInfo {
        flex-grow: 1;
    }

    .msgName {
        font-weight: 600;
        color: #222;
        font-size: 15px;
    }

    .msgCompany {
        font-size: 13px;
        color: #777;
    }

    .msgCountBubble {
        background: #000;
        color: #fff;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 600;
    }

    .noDataText {
        padding: 20px;
        text-align: center;
        color: #888;
    }

    /************************************************************/
    /*            Chat Notificationbar MSG Css End              */
    /************************************************************/


    /************************************************/
    /*  Reschedule Meeting Request Popup Css Start  */
    /************************************************/

    #reschedule-meeting-overlay {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.3);
        z-index: 9998;
    }

    #reschedule-meeting-modal {
        display: none;
        position: fixed;
        left: 50%;
        top: 10%;
        transform: translate(-50%, 0);
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 2px 18px rgba(0, 0, 0, 0.17);
        z-index: 9999;
        min-width: 340px;
        max-width: 480px;
        padding: 0;
    }

    .reschedule-modal-content {
        padding: 30px 24px;
    }

    .reschedule-modal-content h2 {
        margin-top: 0;
        margin-bottom: 22px;
        font-size: 25px;
        color: #111;
        text-align: center;
    }

    .reschedule-modal-content label {
        display: block;
        margin-top: 10px;
        margin-bottom: 4px;
        font-weight: 500;
        color: #444;
    }

    .reschedule-modal-content select,
    .reschedule-modal-content textarea {
        width: 100%;
        margin-bottom: 16px;
        padding: 8px;
        border-radius: 5px;
        border: 1px solid #ccc;
        font-size: 15px;
    }

    .reschedule-modal-content textarea {
        min-height: 80px;
        resize: vertical;
    }

    #reschedule-meeting-modal .btn-dark {
        background: #444;
        color: #fff;
        border-radius: 4px;
        border: none;
        padding: 8px 20px;
        cursor: pointer;
        font-size: 16px;
    }

    #reschedule-meeting-modal .btn-dark:hover {
        background: #222;
    }

    .close-reschedule-modal {
        position: absolute;
        right: 18px;
        top: 18px;
    }

    /************************************************/
    /*   Reschedule Meeting Request Popup Css End   */
    /************************************************/

    /************************************************/
    /*     Notification Bar Message Css Start       */
    /************************************************/

    /* Message List Styles */
    #msgListContainer {
        padding: 20px;
    }

    #msgListContainer .msg-list {
        list-style: none;
        padding: 0;
        margin: 0;
        max-height: calc(100vh - 150px);

    }

    /* Custom Scrollbar */
    #msgListContainer .msg-list::-webkit-scrollbar {
        width: 8px;
    }

    #msgListContainer .msg-list::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    #msgListContainer .msg-list::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 10px;
    }

    #msgListContainer .msg-list::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

    #msgListContainer .msg-item {
        background: #fff;
        border-radius: 12px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        gap: 15px;
        transition: all 0.3s ease;
        border: 2px solid transparent;
    }

    #msgListContainer .msg-item:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
        border-color: #ddd;
        transform: translateY(-2px);
    }

    #msgListContainer .msg-link {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 20px;
        text-decoration: none;
        color: inherit;
        position: relative;
    }

    #msgListContainer .msg-avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        flex-shrink: 0;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

    #msgListContainer .msg-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #msgListContainer .msg-avatar-placeholder {
        width: 100%;
        height: 100%;
        background: #000;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 18px;
    }

    #msgListContainer .msg-info {
        flex: 1;
        min-width: 0;
    }

    #msgListContainer .msg-name {
        color: #1f2937;
        font-size: 16px;
        font-weight: 600;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #msgListContainer .msg-badge {
        background: #ffa500;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        min-width: 24px;
        height: 24px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        box-shadow: 0 2px 6px rgba(102, 126, 234, 0.4);
        flex-shrink: 0;
    }

    /* Animation for new messages */
    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateX(-20px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }

    #msgListContainer .msg-item {
        animation: slideIn 0.3s ease-out;
    }

    /* Active/Selected State */
    #msgListContainer .msg-item.active {
        border-color: #667eea;
        background: #f5f7ff;
    }

    #msgListContainer .msg-item.active .msg-link {
        background: transparent;
    }

    /* Mobile Responsive - Tablet */
    @media (max-width: 768px) {
        #msgListContainer {
            padding: 15px;
        }

        #msgListContainer .msg-link {
            padding: 15px;
        }

        #msgListContainer .msg-avatar {
            width: 45px;
            height: 45px;
        }

        #msgListContainer .msg-avatar-placeholder {
            font-size: 16px;
        }

        #msgListContainer .msg-name {
            font-size: 15px;
        }
    }

    /* Mobile Responsive - Phone */
    @media (max-width: 475px) {
        #msgListContainer {
            padding: 10px;
        }

        #msgListContainer .msg-link {
            padding: 12px;
            gap: 12px;
        }

        #msgListContainer .msg-avatar {
            width: 40px;
            height: 40px;
        }

        #msgListContainer .msg-avatar-placeholder {
            font-size: 14px;
        }

        #msgListContainer .msg-name {
            font-size: 14px;
        }

        #msgListContainer .msg-badge {
            min-width: 20px;
            height: 20px;
            font-size: 11px;
            padding: 0 6px;
        }
    }

    .no-msg {
        text-align: center;
        color: #777;
        padding: 15px;
    }

    /************************************************/
    /*      Notification Bar Message Css End        */
    /************************************************/


    @media (max-width: 768px) {
        .dashboard-header {
            flex-direction: column;
            text-align: center;
            gap: 15px;
        }

        .dashboard-cards {
            grid-template-columns: '1fr';
        }
    }

    .no-image-avatar {
        width: 120px;
        /* avatar size */
        height: 120px;
        border-radius: 50%;
        /* make it circle */
        background-color: #f0f0f0;
        /* light grey background */
        border: 3px solid #80bfff;
        /* blue border like your screenshot */
        display: flex;
        align-items: center;
        /* center vertically */
        justify-content: center;
        /* center horizontally */
        font-size: 36px;
        /* big initials */
        font-weight: bold;
        color: #1e90ff;
        /* blue text */
        margin: 0 auto;
        /* center inside parent */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
        /* subtle shadow */
    }

    .no-image {
        height: 340px;
        vertical-align: middle;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .button-column {
        display: flex;
        gap: 10px;
    }

    .send-msg-btn a,
    .request-met-btn button {
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        transition: background-color 0.3s ease;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .send-msg-btn a {
        background-color: #ff5722;
        /* Orange */
        color: white;
        border: 2px solid #ff5722;
    }

    .send-msg-btn a:hover {
        background-color: white;
        color: #ff5722;
        border-color: #ff5722;
    }

    .request-met-btn button {
        background-color: #7c4dff;
        /* Purple */
        color: white;
        border: 2px solid #7c4dff;
    }

    .request-met-btn button:hover {
        background-color: white;
        color: #7c4dff;
        border-color: #7c4dff;
    }

    #notificationDropdown img.loader_img {
        vertical-align: middle;
        width: 125px;
        height: auto;
        object-fit: cover;
        position: absolute;
        top: calc(50% - 63.5px);
        left: calc(50% - 63.5px);
        right: 0;
        text-align: center;
        display: none;
    }


    /*****************************************/
    /* Image Chat Send Preview Modal Overlay */
    /*****************************************/
    #preview-modal {
        display: none;
        /* Hidden by default */
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        /* Dark overlay */
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s ease;
    }

    /* Inner Modal Box */
    #preview-modal>div {
        background: #fff;
        border-radius: 12px;
        padding: 20px;
        text-align: center;
        max-width: 90%;
        max-height: 90%;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
        display: flex;
        flex-direction: column;
        align-items: center;
        animation: fadeIn 0.3s ease;
    }

    /* Image Preview */
    #preview-img {
        max-width: 100%;
        max-height: 70vh;
        border-radius: 8px;
        margin-bottom: 20px;
        object-fit: contain;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    /* Button Row */
    .modal-actions {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    /* Buttons */
    .modal-actions button {
        padding: 10px 20px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-size: 15px;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    /* Cancel Button */
    .modal-actions .btn-cancel {
        background: #ccc;
        color: #333;
    }

    .modal-actions .btn-cancel:hover {
        background: #b5b5b5;
    }

    /* Send Button */
    .modal-actions .btn-send {
        background: #0073aa;
        color: #fff;
    }

    .modal-actions .btn-send:hover {
        background: #005f8c;
    }

    /* Animation */
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: scale(0.9);
        }

        to {
            opacity: 1;
            transform: scale(1);
        }
    }

    /* ===== DOCUMENT DETAIL PAGE STYLING ===== */


    /* ---------- SPEAKER SECTION ---------- */
    .document-container .speaker-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        margin-top: 30px;
    }

    .document-container .speaker-card {
        text-align: center;
        background: #fdf0c4;
        border-radius: 16px;
        padding: 25px 20px;
        width: 300px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .document-container .speaker-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    }

    /* Speaker Image */
    .document-container .speaker-card img {
        width: 140px;
        height: 140px;
        object-fit: cover;
        border-radius: 50%;
        margin-bottom: 15px;
        border: 4px solid #fff;
        box-shadow: 0 0 0 3px #7b1fa2;
    }

    /* Placeholder if no image */
    .document-container .speaker-placeholder {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: #a7cfff;
        color: #fff;
        font-size: 2.8rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 15px auto;
        box-shadow: 0 0 0 3px #fff, 0 0 0 6px #a7cfff;
        text-transform: uppercase;
    }

    /* Speaker Texts */
    .document-container .speaker-card h4 {
        font-size: 1.2rem;
        color: #111;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .document-container .speaker-card p {
        font-size: 0.95rem;
        color: #7b1fa2;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin: 4px 0;
    }

    /* ---------- AGENDA SECTION ---------- */
    .icon-main-wrp {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .document-container .speaker-session-row {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        margin-top: 30px;
    }

    .document-container .speaker-session-info {
        background: #fff3e0;
        border-radius: 14px;
        padding: 20px;
        width: calc(33.33% - 25px);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        position: relative;
        transition: all 0.3s ease;
    }

    .document-container .speaker-session-info:hover {
        transform: translateY(-4px);
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    }

    .document-container .speaker-session-date h5 {
        color: #6a1b9a;
        margin-bottom: 8px;
        font-size: 1.1rem;
        text-transform: uppercase;
    }

    .document-container .speaker-session-info span,
    .document-container .speaker-session-info p,
    .document-container .speaker-session-info small {
        display: block;
        margin-bottom: 5px;
        font-size: 0.95rem;
        color: #333;
    }

    /* Favorite Bookmark Icon */
    .document-container .favourite_icon {
        position: absolute;
        top: 12px;
        right: 12px;
        cursor: pointer;
        font-size: 1.3rem;
        color: #999;
        transition: color 0.3s ease;
    }

    .document-container .favourite_icon:hover i {
        color: #ffb300;
    }

    .document-container .favourite_icon.favourited i {
        color: #ff9800;
    }

    .document-container .speaker-inner {
        width: 100%;
        max-width: calc(33.33% - 30px);
        text-align: center;
    }

    .document-container .speaker-inner .doc-spe-name {
        padding-top: 30px;
    }

    .document-container .speaker-inner img.doc-spek-img {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        color: #fff;
        font-size: 2.8rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 15px auto;
        box-shadow: 0 0 0 3px #fff, 0 0 0 6px #a7cfff;
        text-transform: uppercase;
    }

    .document-container .speaker-sections,
    .document-container .agendas-sections {
        padding: 50px 0px;
    }

    .document-description {
        padding-top: 35px;
    }

    .document-container .speaker-sections h2,
    .document-container .agendas-sections h2 {
        text-align: center;
        padding-bottom: 35px;
        font-size: 40px;
        font-family: 'Poppins-Medium';
    }

    /**/

    .agenda-documents {
        background: #f9fafc;
        border: 1px solid #e3e6ec;
        border-radius: 12px;
        padding: 20px 25px;
        margin-top: 25px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    }

    .agenda-documents h4 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #1a1a1a;
        border-left: 4px solid #0073aa;
        padding-left: 10px;
    }

    .agenda-documents ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .agenda-documents ul li {
        background: #fff;
        border: 1px solid #e1e1e1;
        padding: 10px 15px;
        border-radius: 8px;
        margin-bottom: 10px;
        transition: all 0.3s ease;
    }

    .agenda-documents ul li:hover {
        background: #f0f7ff;
        border-color: #0073aa;
        transform: translateY(-2px);
    }

    .agenda-documents ul li a {
        text-decoration: none;
        color: #0073aa;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .agenda-documents ul li a::before {
        font-size: 18px;
        content: "📄";
    }

    .exhibitor-type {
        display: inline-block;
        background: #000;
        color: #fff;
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 25px;
        margin: 10px 0;
        text-align: center;
        width: fit-content;
    }


    /* Pagination wrapper */
    .attendee-pagination {
        display: flex;
        justify-content: center;
        margin: 30px 0;
    }

    /* Pagination list */
    .attendee-pagination .pagination {
        display: flex;
        gap: 6px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    /* Page item */
    .attendee-pagination .page-item {
        display: inline-flex;
    }

    /* Page link base */
    .attendee-pagination .page-link {
        min-width: 38px;
        height: 38px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 14px;
        color: #333;
        background-color: #fff;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    /* Hover state */
    .attendee-pagination .page-link:hover {
        background-color: #f2f4f7;
        border-color: #cfd4dc;
        color: #000;
    }

    /* Active page */
    .attendee-pagination .page-item.active .page-link {
        background-color: #0d6efd;
        border-color: #0d6efd;
        color: #fff;
        font-weight: 600;
        cursor: default;
    }

    /* Disabled state */
    .attendee-pagination .page-item.disabled .page-link {
        color: #aaa;
        background-color: #f8f9fa;
        border-color: #e0e0e0;
        cursor: not-allowed;
        pointer-events: none;
    }

    /* Previous / Next buttons */
    .attendee-pagination .page-link[aria-label="Previous"],
    .attendee-pagination .page-link[aria-label="Next"] {
        font-weight: 500;
        padding: 0 16px;
    }

    /* Mobile responsiveness */
    @media (max-width: 576px) {
        .attendee-pagination .page-link {
            min-width: 32px;
            height: 32px;
            font-size: 13px;
            padding: 0 10px;
        }
    }
    /* ---------- Atendee filter Search DESIGN ---------- */
    .attendee-search-filter-wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .attendee-search-filter-wrapper .exhibitor-dropdown-wrp {
        width: 100%;
        max-width: 320px;
    }

    .attendee-search-filter-wrapper .exhibitor-dropdown-wrp .styled-exhibitor-dropdown {
        width: 100%;
        padding: 12px 14px;
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        font-size: 14px;
        background-color: #fff;
        cursor: pointer;
    }

    .speaker-type.tag-design {
        display: inline-block;
        background: #000;
        color: #fff;
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 25px;
        margin-bottom: 10px;
        text-align: center;
        width: fit-content;
    }

    /* 15-12-2025 */
    /* Add a right-facing chevron (Font Awesome) before the parent menu text when inactive */
    .menu-item.menu-item-has-children>a::before {
        content: '\f054';
        /* Font Awesome right-facing chevron icon (>) */
        margin-right: 8px;
        /* Space between the chevron and the text */
        font-family: 'Font Awesome 5 Free';
        /* Font Awesome icon font family */
        font-weight: 900;
        /* Ensure the icon is bold */
        font-size: 0.8em;
        /* Adjust size of the chevron */
        color: inherit;
        /* Inherit the text color */
    }

    /* Hide ::before arrow when arrow button is present - always hide it */
    .menu-item.menu-item-has-children>a.has-arrow-button::before {
        content: none !important;
        display: none !important;
    }

    /* Change the chevron to a downward-facing chevron (Font Awesome) when the parent menu item is active */
    .menu-item.elementor-active>a::before {
        content: '\f078';
        /* Font Awesome down-facing chevron icon (v) */
        font-family: 'Font Awesome 5 Free';
        /* Font Awesome icon font family */
        font-weight: 900;
        /* Ensure the icon is bold */
    }

    /* Ensure ::before arrow is hidden when arrow button is present, even when active */
    .menu-item.elementor-active.menu-item-has-children>a.has-arrow-button::before {
        content: none !important;
        display: none !important;
    }

    /* Custom Menu Arrow Button Styles */
    .menu-item-has-children {
        position: relative;
    }

    .menu-arrow-toggle {
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px 8px;
        margin-left: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: inherit;
        font-size: 0.8em;
        transition: transform 0.3s ease;
        vertical-align: middle;
        outline: none;
        z-index: 100;
        position: relative;
        pointer-events: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .menu-arrow-toggle:hover {
        opacity: 0.7;
    }

    .menu-arrow-toggle:active {
        opacity: 0.5;
    }

    .menu-arrow-toggle i {
        transition: transform 0.3s ease;
        pointer-events: none;
        display: inline-block;
        width: 1em;
        text-align: center;
        transform: rotate(-90deg);
        /* Start rotated to point right (closed state) */
    }

    /* Rotate arrow to point down when submenu is open */
    .menu-item.elementor-active .menu-arrow-toggle i {
        transform: rotate(0deg);
        /* Point down when open */
    }

    .menu-item-has-children>a {
        display: inline-flex;
        align-items: center;
        position: relative;
    }

    /* Separate the link text from arrow area */
    .menu-item-has-children>a .menu-link-text {
        pointer-events: auto;
        flex: 1;
    }

    /* Desktop menu - arrow on the right */
    .site-navigation .menu-item-has-children>a {
        position: relative;
        padding-right: 35px;
    }

    .site-navigation .menu-arrow-toggle {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0;
        z-index: 101;
    }

    /* Mobile menu - arrow on the right */
    .site-navigation-dropdown .menu-item-has-children>a {
        position: relative;
        padding-right: 40px;
    }

    .site-navigation-dropdown .menu-arrow-toggle {
        position: absolute;
        right: 10px;
        top: 32px;
        transform: translateY(-50%);
        margin-left: 0;
        z-index: 101;
        background: transparent !important;
        color: #000;
    }

    /* Left-align text in sub-menu for tablets and mobiles */
    .site-navigation-dropdown ul.menu li a {
        text-align: left;
    }

    /* Sub-menu width 100% */
    ul.sub-menu li {
        width: 100%;
    }

    /* Nav menu wrapping changed to "inherit" */
    .site-header .header-inner {
        display: flex;
        flex-wrap: inherit;
        justify-content: space-between;
    }

    .speaker-custom-section-main-wrp .speaker-block-two .info-box {
        height: auto !important;
        overflow: hidden;
    }
    
    .speaker-name a {
        color: #000;
    }

    .sectopn-gallery .gallery-item img {
        width: 100%;
        border-radius: 8px;
        transition: all .3s ease-in-out;
    }

    .sectopn-gallery .gallery-item img:hover {
        box-shadow: 0px 2px 7px 4px #dddddd;
        transition: all .3s ease-in-out;
    }


    .speaker-image-name-info {
        display: flex;
        overflow-x: auto;
        width: 100%;
    }
    .speaker-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 1px solid #cccccc;
        margin-right: 10px;
        padding: 12px 6px 6px 6px;
        border-radius: 10px;
    }
    .speaker-img, .speaker-image img, .speaker-image .speaker-img {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: inline-block;
        vertical-align: middle;
    }
    
    .agenda-speakers {
        display: flex;
        align-items: center;
    }
    
    .agenda-speakers-names {
        padding-left: 15px;
    }

    /* ---------- RESPONSIVE DESIGN ---------- */
    @media (max-width: 768px) {

        .document-container .speaker-card,
        .speaker-session-info {
            width: 90%;
        }
    }

    @media (min-width:1024px) {
        .site-navigation .menu-arrow-toggle {
            display: none;
        }
    }

    @media (max-width: 475px) {

        .document-container .speaker-card img,
        .document-container .speaker-placeholder {
            width: 100px;
            height: 100px;
            font-size: 2rem;
        }

        .document-container .speaker-card {
            padding: 20px 15px;
        }
    }



    /***********************/
    /*** Media Css Start ***/
    /***********************/
    @media only screen and (max-width: 1100px) {
        #heading_linear .elementor-heading-title {
            font-size: 54px;
        }

        .fun-fact-section .count-box .count-text {
            font-size: 52px;
        }
    }

    @media only screen and (max-width: 1023px) {
        .banner-conference .images-outer {
            width: 40%;
        }
    }

    @media (max-width: 1024px) {
        .banner-conference .content-box h2 {
            font-size: 42px;
        }
    }

    @media (max-width: 991px) {
        .site-header .header-inner .custom-logo-link {
            display: block !important;
        }

        .features-section-inner-row .feature-block {
            max-width: 50%;
            margin-bottom: 50px;
        }

        .speaker-block-two {
            flex: 1 1 calc(50% - 20px);
            display: flex;
        }

        .speaker-block-two {
            width: 100%;
            max-width: calc(50% - 30px);
        }

        .sponsors-outer .row .client-block {
            max-width: 33.33%;
        }

        section.gallery-section .row .gallery-item {
            max-width: 50%;
        }

        .custom-header-wrp {
            padding: 15px 0;
        }

        .custom-header-wrp .header-inner {
            width: 100%;
            max-width: 100%;
        }

        span.site-navigation-toggle-icon::before {
            content: "\f14b";
        }

        /* Hide sub-menu when parent is inactive */
        .menu-item:not(.elementor-active) .sub-menu {
            display: none !important;
        }

        .custom-header-wrp .header-inner button#openLoginBtn {
            order: -1;
        }

        #heading_linear .elementor-heading-title {
            font-size: 44px;
        }

        .fun-fact-section .count-box .count-text {
            font-size: 44px;
        }
    }


    @media only screen and (max-width: 767px) {
        .banner-conference {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .features-section-two .twist-line-2,
        .call-to-action .content-box h2 br,
        .banner-conference .layer-outer,
        .banner-conference .images-outer {
            display: none;
        }

        .banner-conference .content-box {
            text-align: center;
        }

        .banner-conference {
            padding-top: 150px;
        }

        .banner-conference {
            padding-bottom: 100px;
        }

        .features-section-inner-row .feature-block {
            max-width: 100%;
        }

        .features-section-inner-row {
            margin: 0;
        }

        .custom-wrp-fact {
            display: block;
        }

        .fun-fact-section .counter-column {
            width: 100%;
            max-width: 100%;
            margin-bottom: 50px;
        }

        .speaker-block-two {
            width: 100%;
            max-width: 100%;
        }

        .speaker-custom-section-main-wrp {
            display: block;
        }

        .sponsors-outer .row .client-block {
            max-width: 50%;
        }

        section.gallery-section .row .gallery-item {
            max-width: 100%;
        }

        section.gallery-section .row {
            margin: 0;
        }

        .site-footer .footer-inner {
            width: 100% !important;
            max-width: 100%;
            padding: 0 50px;
        }

        .banner-conference .time-countdown .counter-column .count {
            position: relative;
            display: block;
            font-size: 26px;
            line-height: 1em;
            color: #d84343;
            font-weight: 700;
        }

        .banner-conference .time-countdown .counter-column:after {
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            top: -20px;
            height: 40px;
            width: 40px;
            border-radius: 50px;
            border-top: 5px solid #d84343;
            content: "";
        }

        .banner-conference .time-countdown .counter-column {
            position: relative;
            display: inline-block;
            margin-right: 30px;
            width: 60px;
            text-align: center;
            font-size: 14px;
            color: #4a763c;
            font-weight: 500;
        }

        .schedule-search-wrapper {
            padding-right: 20px;

        }

        .banner-conference {
            padding: 0;
        }

        .speaker-custom-section-main-wrp .info-box .name {
            font-size: 16px;
        }

        .schedule-block h4 {
            font-size: 20px;
        }
    }

    .tab-buttons-wrapper .tab-buttons-carousel .tab-btn.active-btn {
        background: #000;
        color: #fff;
        box-shadow: none;
    }

    .tab-buttons-wrapper .tab-buttons-carousel .tab-btn.active-btn .month,
    .tab-buttons-wrapper .tab-buttons-carousel .tab-btn.active-btn .date {
        color: #fff;
    }


    /* Notification List Styles */
    #notificationDropdown {
        max-width: 800px;
        margin: 0 auto;
    }

    #notificationDropdown #notificationList {
        list-style: none;
        padding: 20px !important;
        margin: 0;
        max-height: calc(100vh - 103px);
        overflow-y: auto;
    }

    /* Custom Scrollbar */
    #notificationDropdown #notificationList::-webkit-scrollbar {
        width: 8px;
    }

    #notificationDropdown #notificationList::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    #notificationDropdown #notificationList::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 10px;
    }

    #notificationDropdown #notificationList::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

    #notificationDropdown .notif-item {
        background: white;
        border-radius: 12px;
        padding: 20px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        display: flex;
        align-items: flex-start;
        gap: 15px;
        transition: all 0.3s ease;
        border: 2px solid transparent;
    }

    #notificationDropdown .notif-item:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
        border-color: #ddd;
        transform: translateY(-2px);
    }

    #notificationDropdown .notif-avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #000;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 16px;
        flex-shrink: 0;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    }

    #notificationDropdown .notif-info {
        flex: 1;
        min-width: 0;
    }

    #notificationDropdown .notif-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 8px;
        flex-wrap: wrap;
    }

    #notificationDropdown .notif-meta .date {
        color: #6b7280;
        font-size: 13px;
        font-weight: 500;
    }

    #notificationDropdown .notif-meta .time {
        color: #9ca3af;
        font-size: 13px;
        padding-left: 10px;
        border-left: 2px solid #e5e7eb;
    }

    #notificationDropdown .notif-title {
        color: #1f2937;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px;
        line-height: 1.4;
    }

    #notificationDropdown .notif-status {
        display: inline-flex;
        align-items: center;
        padding: 4px 12px;
        background: #fef3c7;
        color: #92400e;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        gap: 5px;
    }

    #notificationDropdown .notif-status::before {
        content: '⏱';
        font-size: 14px;
    }

    #notificationDropdown .notif-actions {
        display: flex;
        gap: 10px;
        flex-shrink: 0;
    }

    #notificationDropdown .notif-accept,
    #notificationDropdown .notif-reject {
        padding: 10px 20px;
        border: none;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
    }

    #notificationDropdown .notif-accept {
        background: linear-gradient(135deg, #10b981 0%, #059669 100%);
        color: white;
        box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
    }

    #notificationDropdown .notif-accept:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
    }

    #notificationDropdown .notif-accept:active {
        transform: translateY(0);
    }

    #notificationDropdown .notif-reject {
        background: white;
        color: #dc2626;
        border: 2px solid #fecaca;
    }

    #notificationDropdown .notif-reject:hover {
        background: #fef2f2;
        border-color: #fca5a5;
        transform: translateY(-2px);
    }

    #notificationDropdown .notif-reject:active {
        transform: translateY(0);
    }

    #chat-container {
        width: 100%;
        max-width: 840px;
        background: #fff;
        border-radius: 20px;
        box-shadow: -1px 6px 20px -1px rgb(0 0 0 / 11%);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        height: 90vh;
        max-height: 700px;
        margin: 110px auto;
        margin-top:200px;
    }

    #chat-container h2 {
        background: #000;
        color: white;
        padding: 20px;
        font-size: 1.2rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        margin: 0;
    }


    #chat-container #chat-box {
        flex: 1;
        overflow-y: auto;
        padding: 20px;
        background: #ffffff;
        scroll-behavior: smooth;
    }

    #chat-container #chat-box::-webkit-scrollbar {
        width: 8px;
    }

    #chat-container #chat-box::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    #chat-container #chat-box::-webkit-scrollbar-thumb {
        background: #c9c4c4b0;
        border-radius: 4px;
    }

    #chat-container #chat-box::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    #chat-container .chat-date-separator {
        text-align: center;
        color: #999;
        font-size: 0.85rem;
        margin: 20px 0;
        position: relative;
    }

    #chat-container .chat-date-separator::before,
    #chat-container .chat-date-separator::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 40%;
        height: 1px;
        background: #ddd;
    }

    #chat-container .chat-date-separator::before {
        left: 0;
    }

    #chat-container .chat-date-separator::after {
        right: 0;
    }

    #chat-container .chat-message {
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        animation: slideIn 0.3s ease-out;
    }

    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .chat-message.left {
        align-items: flex-start;
    }

    .chat-message.right {
        align-items: flex-end;
    }

    .chat-sender-name {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #666;
        font-size: 0.85rem;
        margin-bottom: 6px;
        font-weight: 500;
    }

    .chat-sender-name i {
        font-size: 1rem;
    }

    #chat-container .chat-bubble {
        max-width: 75%;
        padding: 12px 16px;
        word-wrap: break-word;
        line-height: 1.5;
        font-size: 1rem;
    }

    .chat-message.left .chat-bubble {
        background: #fff;
        color: #333;
        border-bottom-left-radius: 4px;
    }

    .chat-message.right .chat-bubble {
        background: #F5F5F4;
        color: var(--fixed-dark-color);
        border-bottom-right-radius: 4px;
        border: 1px solid #dddddd;
    }

    .chat-time {
        font-size: 0.75rem;
        color: #999;
        margin-top: 4px;
        padding: 0 4px;
    }

    #chat-form {
        display: flex;
        gap: 10px;
        padding: 16px;
        background: white;
        border-top: 1px solid #e0e0e0;
        align-items: center;
    }

    #chat-input {
        flex: 1;
        padding: 12px 16px;
        border: 2px solid #e0e0e0;
        border-radius: 10px;
        font-size: 0.95rem;
        outline: none;
        transition: all 0.3s ease;
    }

    #chat-input:focus {
        border-color: orange;
        box-shadow: 0 0 0 3px rgb(255 111 36 / 9%);
    }

    .uloadfile {
        position: relative;
    }

    .upload-btn {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        color: white;
        border: none;
        padding: 12px 20px;
        border-radius: 25px;
        cursor: pointer;
        font-size: 0.9rem;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: all 0.3s ease;

    }



    .upload-btn:active {
        transform: translateY(0);
    }

    #chat-form button[type="submit"] {
        background: #525252;
        color: white;
        border: none;
        padding: 15px 24px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 0.9rem;
        font-weight: 600;
        transition: all 0.3s ease;
        line-height: 20px;

    }

    #chat-form button[type="submit"]:hover {
        transform: translateY(-2px);
        background:#525252;
    }

    #chat-form button[type="submit"]:active {
        transform: translateY(0);
    }

    #camera_icon_comment {
        display: none;
    }

    /* Mobile Responsive */
    @media (max-width: 768px) {
        body {
            padding: 0;
        }

        #chat-container {
            max-width: 100%;
            height: 100vh;
            max-height: 100vh;
            border-radius: 0;
            margin-top:130px;
        }

        h2 {
            font-size: 1.1rem;
            padding: 16px;
        }

        #chat-box {
            padding: 16px;
        }

        .chat-bubble {
            max-width: 85%;
            font-size: 0.9rem;
        }

        #chat-form {
            flex-wrap:wrap;
            padding: 12px;
            gap: 10px;
                    justify-content: flex-end;
        }

        #chat-input {
            width:100%;
            min-width:300px;
            font-size: 0.9rem;
            padding: 10px 14px;
        }

        .upload-btn {
            padding: 10px 16px;
            font-size: 0.85rem;
        }

        .upload-btn {
            white-space: nowrap;
        }

        #chat-form button[type="submit"] {
            padding: 10px 20px;
            font-size: 0.85rem;
        }
    }

    @media (max-width: 480px) {
        h2 {
            font-size: 1rem;
            padding: 14px;
        }

        .chat-bubble {
            max-width: 90%;
            padding: 10px 14px;
        }

        .upload-btn {
            padding: 10px 14px;
            font-size: 0;
        }

        .upload-btn::before {
            font-size: 1.2rem;
        }

        #chat-form button[type="submit"] {
            padding: 10px 18px;
        }
    }

    /* Animation for new notifications */
    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateX(-20px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }



    /* Mobile Responsive - Tablet */
    @media (max-width: 768px) {


        #notificationDropdown .notif-item {
            padding: 15px;
            flex-direction: column;
            gap: 12px;
        }

        #notificationDropdown .notif-avatar {
            width: 45px;
            height: 45px;
            font-size: 14px;
        }

        #notificationDropdown .notif-actions {
            width: 100%;
            justify-content: stretch;
        }

        #notificationDropdown .notif-accept,
        #notificationDropdown .notif-reject {
            flex: 1;
            padding: 12px 16px;
        }
    }

    /* Mobile Responsive - Phone */
    @media (max-width: 475px) {

        #notificationDropdown .notif-item {
            padding: 12px;
        }

        #notificationDropdown .notif-title {
            font-size: 15px;
        }

        #notificationDropdown .notif-meta .date,
        #notificationDropdown .notif-meta .time {
            font-size: 12px;
        }

        #notificationDropdown .notif-actions {
            flex-direction: column;
            gap: 8px;
        }

        #notificationDropdown .notif-accept,
        #notificationDropdown .notif-reject {
            width: 100%;
        }
    }


    @media only screen and (max-width: 600px) {
        .sponsors-outer .row .client-block {
            max-width: 100%;
        }

        .site-footer .footer-inner {
            padding: 0 15px;
        }
    }