@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Cairo', sans-serif;
}

.frontParent {

    display: flex;
    direction: rtl;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    align-items: start;
}


.front_sidebar_parent {

    width: 18%;
    
}


.front_sidebar_parent > img {

    width: 180px;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}


.front_sidebar_parent form div {

    position: relative;
}


.front_sidebar_parent form input::placeholder {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;

}

.front_sidebar_parent form img {

    position: absolute;
    width: 20px;
    left: 10px;
    top: 21px;
}


.front_sidebar_parent ul {

    margin-top: 2rem;
    margin-right: 0.5rem;
}


.front_sidebar_parent ul li {

    margin-bottom: 1.5rem;
}


.front_sidebar_parent ul li a {

    display: flex;
    align-items: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.front_sidebar_parent ul li a img {

    width: 23px;
    height: 23px;
    margin-left: 0.5rem;
}

.front_content {

    width: 35%;
    overflow: hidden;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;

}

.frontHeader {

    width: 25%;
}



.loginBtnModal {

    background-color: #0b0b0b;
    color: #ffdf00;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.first_modal_login_body section {

    width: 100%;
    border: 1px solid #eee;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;

}


.first_modal_login_body section:not(:first-of-type) {

    margin-top: 1rem;
}



.first_modal_login_body section p {

    display: block;
    margin: auto;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


.first_modal_login_body section .method {

    position: relative;
    right: 1rem;
}

.modal_login_header {

    display: flex;
    justify-content: space-between;
}



.modal_login_header button {

    font-size: 24px;
}

.first_modal_login_body > p {

    text-align: center;
    margin-bottom: 2rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
}


.first_modal_login_body small {

    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


.first_modal_login_footer div {

    display: flex;
    justify-content: center;
    width: 100%;
}


.first_modal_login_footer div button {

    color: #0b0b0b;
}


.download_app {

    display: block;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    margin-left: 1rem;

}


.login_form_phone {

    width: 100%;
}



.register_form_phone label, .login_form_phone label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 10px;

}

.register_form_phone input, .login_form_phone input {

    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee;
    padding: 1rem;
}


.PhoneInputCountrySelect {

    border: 1px solid #eee;
}


.phone_verfiy {

    direction: ltr;
}


.register_phone_verfiy {

    display: flex;
    direction: ltr;
}

/* ===== Profile Dashboard Redesign ===== */

.profile-hero-card {
    position: relative;
    background-color: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.profile-hero-cover {
    height: 180px;
    background-size: cover;
    background-position: center;
    background-color: #1e3a8a;
}

.profile-hero-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.profile-hero-main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
}

.profile-hero-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #ffffff;
    margin-top: -90px;
    overflow: hidden;
    background-color: #e2e8f0;
    position: relative;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15);
    display:flex;
    
}

.profile-hero-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-verified-badge {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background-color: #ffffff;
    border-radius: 999px;
    padding: 4px;
    color: #2563eb;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-hero-info {
    flex: 1;
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.profile-name-line {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    color: #0f172a;
}

.profile-name-line h1 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.profile-type-chip {
    background-color: #eef2ff;
    color: #4338ca;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
}

.profile-location {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: 14px;
}

.profile-bio {
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

.profile-highlight-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.profile-highlight-card {
    border-radius: 14px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.profile-highlight-value {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 6px;
}

.profile-highlight-label {
    font-size: 13px;
    color: #64748b;
}

.profile-highlight-star {
    color: #f59e0b;
    font-size: 14px;
}

.profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 10px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.profile-action-btn.primary {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.profile-action-btn.primary:hover {
    background-color: #1d4ed8;
}

.profile-action-btn.secondary {
    background-color: #f1f5f9;
    border-color: #e2e8f0;
    color: #1e293b;
}

.profile-action-btn.secondary:hover {
    background-color: #e2e8f0;
}

.profile-action-btn.outline {
    background-color: transparent;
    border-color: #cbd5f5;
    color: #2563eb;
}

.profile-action-btn.outline:hover {
    background-color: #eff6ff;
}

.profile-action-btn.accent {
    background-color: #22c55e;
    border-color: #16a34a;
    color: #ffffff;
}

.profile-action-btn.accent:hover {
    background-color: #16a34a;
}

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

.profile-circle-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #f1f5f9;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
}

.profile-circle-btn:hover {
    background-color: #2563eb;
    color: #ffffff;
}

.profile-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: #f8fafc;
    color: #0f172a;
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #e2e8f0;
    transition: background-color 0.2s ease-in-out;
}

.profile-share-btn span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.profile-share-btn:hover {
    background-color: #e2e8f0;
}

.profile-counters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.profile-counter-card {
    background-color: #f8fafc;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center;
}

.profile-counter-value {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}

.profile-counter-label {
    font-size: 13px;
    color: #64748b;
}

.profile-social-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.profile-social-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    transition: transform 0.2s ease-in-out;
}

.profile-social-icon:hover {
    transform: translateY(-2px);
}

.profile-social-icon.twitter { background-color: #1da1f2; }
.profile-social-icon.snapchat { background-color: #fffc00; color: #000000; }
.profile-social-icon.tiktok { background-color: #000000; }
.profile-social-icon.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }

.profile-tabs-container {
    padding: 0 16px;
    margin-bottom: 16px;
}

.profile-tabs-swiper {
    padding: 8px 0;
}

.tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 12px;
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

.tab-btn:hover {
    background-color: #e2e8f0;
}

.tab-btn.active {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.profile-tab-content {
    padding: 0 16px;
}

.tab-pane {
    display: none;
}

.tab-pane.show {
    display: block;
}

.tab-pane.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.tab-pane.fade.show {
    opacity: 1;
}

.profile-overview-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.profile-overview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.profile-overview-card {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.profile-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.profile-card-header h3,
.profile-overview-card h3,
.profile-overview-card h4 {
    margin: 0;
    color: #0f172a;
    font-size: 16px;
    font-weight: 700;
}

.profile-edit-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2563eb;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}

.profile-edit-link:hover {
    text-decoration: underline;
}

.profile-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}

.profile-stat-card {
    background-color: #f8fafc;
    border-radius: 12px;
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.profile-stat-value {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
}

.profile-stat-label {
    font-size: 13px;
    color: #64748b;
}

.profile-empty-message {
    margin: 0;
    color: #94a3b8;
    font-size: 13px;
}

.profile-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-chip {
    padding: 6px 12px;
    border-radius: 999px;
    background-color: #eef2ff;
    color: #4338ca;
    font-size: 13px;
    font-weight: 600;
}

.profile-job-section h4 {
    font-size: 14px;
    margin-bottom: 8px;
    color: #1e293b;
}

.profile-description {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
}

.profile-info-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.profile-info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: #f8fafc;
    border-radius: 12px;
    padding: 12px 14px;
}

.profile-info-label {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}

.profile-info-value {
    font-size: 14px;
    color: #1e293b;
    word-break: break-word;
}

.profile-bio-box h4 {
    font-size: 14px;
    color: #1e293b;
    margin-bottom: 6px;
}

.profile-bio-box .profile-description {
    background-color: #f8fafc;
    border-radius: 12px;
    padding: 16px;
}

.profile-completion-alert {
    background: linear-gradient(135deg, #ffdf00 0%, #f5c400 100%);
    color: #0b0b0b;
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 20px;
    box-shadow: 0 10px 25px rgba(79, 70, 229, 0.25);
}

.completion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.completion-header h6 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

.completion-percentage {
    background-color: rgba(255, 255, 255, 0.25);
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.progress-container {
    margin-bottom: 12px;
}

.progress {
    height: 8px;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background-color: #4cd964;
    border-radius: 999px;
    transition: width 0.4s ease-in-out;
}

.progress-details {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
}

.progress-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.progress-action {
    color: #fffbbd;
    font-size: 11px;
    text-decoration: none;
}

.progress-action:hover {
    text-decoration: underline;
}

.motivation-message {
    margin: 0;
    margin-top: 10px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 768px) {
    .profile-hero-avatar {
        margin-top: -70px;
    }

    .profile-hero-content {
        padding: 20px;
    }

    .profile-name-line h1 {
        font-size: 20px;
    }

    .profile-highlight-grid {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .profile-overview-card {
        padding: 16px;
    }

    .profile-info-list {
        grid-template-columns: 1fr;
    }
}


#register_phone_verfiy_btn, #login_phone_verfiy_btn {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    background-color: #ffdf00;
    color: #0b0b0b;

}


#register_phone_submit {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    background-color: #ffdf00;
    color: #0b0b0b;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
}


#register_user_phone, #login_user_phone {

    box-shadow: none;
    border: none;
}


.user_front_dropdown .dropdown-toggle::after {

    display: none;
}

.user_front_dropdown .profile_img {

    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #eee;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
}


.user_front_dropdown ul {

    direction: rtl;
    text-align: right;
    padding-left: 1rem;
   
}


.user_front_dropdown ul li {

    margin: 0.5rem 0;
}

.user_front_dropdown ul li a {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    display: flex;
    align-items: center;
}


.user_front_dropdown ul li a img {

    width: 20px;
    height: 20px;
    margin-left: 5px;
}


.front_sidebar_nav_btn {

    display: flex;
    align-items: center;
}


.front_sidebar_nav_btn img {

    width: 19px;
}


.front_sidebar_nav_btn span {

    margin-right: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.uppy-ProgressBar {
    height: 4px;
    background-color: #e2e8f0;
}

.uppy-ProgressBar-inner {
    background-color: #3b82f6;
    transition: width 0.3s ease;
}


/* .auth_front_content {

    width: 88%;
    overflow: hidden;
    margin-right: 22%;
} */



.uploader_parent {

    display: flex;
    justify-content: space-between;

}


.uploader_parent .uploader_left {

    width: 82%;
    margin-bottom: 2rem;
}


.uploader_parent .uploader_right {

    width: 17%;
    border-left: 1px solid #ccc;
    direction: rtl;
}


.uploader_parent_nav {

    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    
}


.uploader_parent_nav .logo {

    width: 80%;
    margin-right: 10px;
}


.uploader_parent_nav .dropdown-toggle::after {

    display: none;
}


.uploader_parent_nav .profile_img {

    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #eee;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
}


.uploader_parent .uploader_right ul li a {

    display: flex;
    align-items: center;
}


.uploader_parent .uploader_right ul li a img {

    width: 23px;
    height: 23px;
}


.uploader_parent .uploader_right .uploader_right_link {

    background-color: #0b0b0b !important;
    color: #ffdf00;
    margin-top: 1rem;
    width: 90%;
    margin:2rem auto 1rem auto;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}


.uploader_parent_nav_logo_holder {

    width: 18%;
    direction: rtl;
}


.uploader_parent .uploader_right ul {

   width: 90%;
   margin:2rem auto 0 auto;
}


.uploader_parent .uploader_right ul li {

    margin: 1.5rem 0;
}


.uploader_parent .uploader_right ul li a span {

    margin-right: 0.5rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.uploader_parent_nav .uploader_dropdown {

    margin-left: 1rem;
}

.uploader_parent_nav .uploader_dropdown ul {

    direction: rtl;
}

.uploader_parent_nav .uploader_dropdown ul li a{

    display: flex;
}

.uploader_parent_nav .uploader_dropdown ul li img {

    width: 20px;
    height: 20px;
    margin-left: 5px;
}


.uploader_parent_nav .uploader_dropdown ul li {

    padding-left: 0.7rem;
    margin: 0.5rem auto;
}


.uploader_left_title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    text-align: right;
    margin-top: 1rem;
}


.upload_form_parent form {

    direction: rtl;
    margin-top: 1rem;
}


.upload_form_parent form label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 5px;
}


.upload_form_parent form .row {

    margin-top: 0.5rem;
}


.upload_form_parent form input , .upload_form_parent form select, .upload_form_parent form textarea {

    padding: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #ccc;
}


.uppy-Dashboard-inner {

    width: 100% !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}


.user_profile_parent {

    display: flex;
    direction: rtl;
    justify-content: space-between;
}


.user_profile_parent .holder {

    width: 80%;
    padding-right: 1rem;
    padding-left: 1rem;
}


.user_profile_parent .holder .top-user-bg {

    border-radius: 10px;
    width: 100%;
    height: 300px;
    background-attachment: fixed;
    position: relative;
}


.user_profile_parent .holder .top {

    display: flex;
    padding-top: 1rem;
    width: 100%;
    justify-content: space-between;
}


.user_profile_parent .holder .first {

    display: inline-block;
    position: absolute;
    bottom: -2.5rem;
    right: 0.5rem;
}

.user_profile_parent .holder .top .right {

    display: flex;
    width: 100%;
    flex-wrap: wrap;
}


.user_profile_parent .holder .top .right .actions {

    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;

}

.user_profile_parent .holder .first .user_img {

    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #eee;
}


.user_profile_parent .top .right .second {

    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}



.user_profile_parent .top .right .second2 {

    margin-top: 1.5rem;
}

.user_profile_parent .top .right .par {

    padding-top: 2rem;
    width: 100%;
   
}

.user_profile_parent .top .right .second .profile_user_name {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 26px;
}


.user_profile_parent .top .right .profile_name {

    margin-right: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 24px;
    padding-left: 2rem;
}


.profile-rate-p {

    display: flex;
    align-items: center;
}



.profile-rate-p span {

    display: flex;
    align-items: center;
}


.profile-rate-p span svg {

    margin-right: 0.5rem;
}

.user_profile_parent .top .right .third {

    display: flex;
    margin-top: 0.5rem;
    justify-content: space-between;
    margin-top: 2rem;
}


.user_profile_parent .top .right .third2 {

    display: flex;
    margin-top: 0.5rem;
    justify-content: flex-start;
    margin-top: 2rem;
}

.user_profile_parent .top .right .third .user_edit_profile_btn, .user_profile_parent .top .right .third2 .user_edit_profile_btn {

    background-color: #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


 .user_profile_parent .top .right .third2 .user_edit_profile_btn {

    display: flex;
    align-items: center;
    justify-content: center;
    
 }

.user_profile_parent .top .right .third .ads_compaines_new_btn, .user_profile_parent .top .right .third2 .ads_compaines_new_btn {

    background-color: #e0e0e0;
    color: #000;
    margin-right: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.user_profile_parent .top .right .third span, .user_profile_parent .top .right .third2 span {

    padding: 0.6rem;
    background-color: #e0e0e0;
    margin-right: 1rem;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.user_profile_parent .top .right .third span img, .user_profile_parent .top .right .third2 span img {

    width: 19px;
    height: 19px;
}


.user_profile_parent .top .right .four {

    display: flex;
    margin-top: 1.5rem;
    width: 100%;
    align-items: center;
}


.user_profile_parent .top .right .four p {

    margin: 0 0.5rem;
}


.public-profile-user-city {

    margin-top: 2rem;
    margin-bottom: 1rem;
}

.public-profile-properties-type {

    width: 100%;
}


.public-profile-properties-type .user-city , .public-properties-type-p{

    margin-bottom: 0.5rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.public-profile-properties-type2 {

    margin-top: 1rem;
}


.public-profile-properties-type .property-item {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0 0.2rem;
    display: inline-block;
    border: 2px solid #eee;
    padding: 0.5rem;
    border-radius: 10px;
    margin-right: 0.5rem;

}


.user_profile_parent .holder .taps {

    margin-top: 2rem;
}


.public-profile-user-city {

    width: 100%;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}

.job-titles-p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.user_profile_parent .holder .taps .tab-content {

    min-height: 300px;

}


.user_profile_parent .holder .taps #myTab li button {

    display: flex;
    align-items: center;
    color: #000;
}


.user_profile_parent .holder .taps #myTab li .active {

    color: red !important;
}

.user_profile_parent .holder .taps #myTab li button img {

    width: 20px;
    height: 20px;
}


.user_profile_parent .holder .taps #myTab li button span {

    margin-right: 0.5rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.modal_edit_profile_header {

    display: flex;
    justify-content: space-between !important;
}


.modal_edit_profile_header p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;
}


.public-profile-user-details {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-bottom: 2rem;
}

.modal_edit_profile_header button {

    font-size: 24px;
}


.edit_profile_modal_body .user_img {

    display: flex;
    width: 60%;
    justify-content: space-between;
    padding-bottom: 1rem;
}


.edit_profile_modal_body .user_img p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    width: 65%;

}


.edit_profile_modal_body .user-bg-image {

    margin-bottom: 1rem;
}

.edit_profile_modal_body .user-bg-image .user-bg-img {

    max-height: 200px;
    width: 100% !important;
    object-fit: cover;

}

.edit_profile_modal_footer .cancel, .edit-personal-data form .cancel, .edit-business-data form .cancel{

    background-color: #e0e0e0;
    color: #000;
    margin-left: 1rem;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.edit_profile_modal_footer .save, .edit-personal-data form .save {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.edit-personal-data .btn-actions , .edit-business-data .btn-actions{

    margin-bottom: 2rem;
    margin-top: 1rem;
}


.edit-personal-data .btn-actions .cancel , .edit-business-data .btn-actions .cancel{
    background-color: #e0e0e0;
    color: #000;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-right: 1rem;
    text-decoration: none;
}

.upload_form_parent form .save, .edit-business-data .btn-actions .save {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
} 

.user_profile_parent .taps .tab-pane .hold {

    display: flex;
    margin-top: 0.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}


.user_profile_parent .user-statistics {

    width: 100%;
}

.user_profile_parent .taps .tab-pane .hold .user-statistics div {

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 45%;
    margin-bottom: 0.5rem;
}


.user_profile_parent .taps .tab-pane .hold .user-statistics .registred_at span{

    white-space: nowrap;
}

.user_profile_parent .taps .tab-pane .hold .user-statistics p, .user_profile_parent .taps .tab-pane .hold .user-statistics span{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.video-deal-done {

    position: absolute;
    top: 1rem;
    left: 40%;
    color: #fff;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


.user_profile_parent .top .right .second .read-more-btn {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}

.user_profile_parent .taps .tab-pane .hold .user-statistics p span {

    display: inline-block;
    margin-right: 5px;
}

.user_profile_parent .taps .tab-pane .hold section {

    width: 31%;
    border: 2px solid #ccc;
    margin: 0 0 3rem 0;
    height: 250px;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border-radius: 10px;
}


.user_profile_parent .taps .tab-pane .hold section video {

    height: 250px;
    width: 100% !important;
    object-fit: inherit;
    border-radius: 10px;
}


.public_profile_fetch_more_btn {

    display: block;
    margin: 2rem auto;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 19px;

}


.public_profile_details {

    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.public_profile_details p {

    margin-left: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
}

.explore_parent {
    
    direction: rtl;
    display: flex;

}


.explore_parent .slider-container {

    width: 80%;
    padding-top: 1rem;
    display: flex;

}

.explore_parent .slider-container section {

    width: 100%;
}


.posts_nav {

    direction: rtl;
}


.posts_nav .nav-tabs > div {

    padding: 1rem 1rem !important;
    width: 20% !important;
}


.posts_nav .nav-tabs > div:not(:first-of-type) {

    border-left: 1px solid;
}


.tap_title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.tap_sub_title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;
    padding-top: 0.5rem;
}


.LineChart {

    width: 100% !important;
    height: 400px !important;
}


.user_img .image-container img {

    width: 100px;
    height: 100px;
    border-radius: 50%;
}


.edit-personal-data .user_name, .edit-personal-data .user_full_name, .edit-business-data .user_full_name {

    margin-top: 1rem;
    margin-bottom: 1rem;
}


.edit-business-data .title {

    margin-bottom: 2rem;
}


.edit-business-data form #whatsapp, .edit-business-data form #phone {

    border: none !important;
}

.edit-business-data form label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.edit-personal-data form input, .edit-business-data form textarea,  .edit-business-data form input{

    padding: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #ccc;
}


.edit-personal-data form label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}



.edit-personal-data form .user_details {

    margin-top: 1rem;
    margin-bottom: 1rem;
}


.edit-personal-data , .edit-business-data{

    /* box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee; */
    margin-top: 2rem;
}


.edit-personal-data .title, .edit-business-data .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;
    text-align: center;
}


.edit-personal-data .user_img {

    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}



.edit-personal-data .user_img p {

    margin-top: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.edit-personal-data .user-bg-image {

    margin-bottom: 1rem;
}

.edit-personal-data .user-bg-image .user-bg-img{

    width: 100%;
    object-fit: cover;
    height: 300px;
    width: 100%;
}

.edit-personal-data .edit-photo-btn {

    width: 20px !important;
    height: auto !important;
    border-radius: 0 !important;
    position: absolute;
    top: 0 !important;

}

.user_profile_parent .top .right p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.user_profile_parent .top .right p span {

    margin-right: 0.5rem;
}


.login-container {

    width: 100%;
    background-color: #e5e7eb;

}


.login_logo {

    width: 150px;
    margin: auto;
    display: block;
}


.front_content_video_view {

    width: 80%;
}


.front_content_video_view .videos {

    width: 100% !important;
    /* height: 400px !important; */
    object-fit: inherit;
}


.video_view_icons_parent {

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
    margin-top: 1rem;
}


.video_details {

    margin-top: 2rem;
    margin-bottom: 2rem;
}

.video_details .details_title{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;
    margin-bottom: 1rem;

}


.video_user_info {

    display: flex;
    align-items: center;
    cursor: pointer;

}



.video_user_info p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
    margin-right: 1rem;
}


.video_details_holder {

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.video_details_holder > div {

    display: flex;
    width: 20%;
    margin-top: 1rem;
}


.video_details_holder > div p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.video_more_details {

    margin-top: 2rem
}


.video_more_details p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
}


.custom_holder {

    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
}


.custom_holder span {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
    margin-right: 0.8rem;
}


.country_details {

    display: flex;
    align-items: center;
}

.country_details img {

    margin-right: 0.5rem;
}


.error_handler_parent {
    
    display: flex;
    align-items: center;
    height: 90vh;
    flex-direction: column;
    justify-content: center;
}

.error_handler_parent img{

    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
}


.error_handler_parent .error_title{

    margin-top: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    text-align: center;
    font-size: 20px;

}


.error_handler_parent .error_message {

    margin-top: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    text-align: center;
    font-size: 18px;
}


.error_handler_parent .error_btn_action {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    padding: 0.8rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    display: block;
    margin: 2rem auto;
    text-align: center;
    
}


.intersted_modal_login_body .head_title , .second_intersted_title{
    
    text-align: center;
    margin-bottom: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;

}


.intersted_modal_login_body .child_title {

    text-align: center;
    margin-bottom: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  

}


.intersted_holder {

    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    margin-top: 2rem;
}


.intersted_holder section button {

    background-color: #fff;
    border: 1px solid #ffdf00;
    color: #0b0b0b;
    padding: 0.8rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    text-align: center;

}



.intersted_holder section button:hover {

    background-color: #ffdf00 !important;
    transition: 0.3s ease-in-out;
    color: #0b0b0b;
}

.intersted_you {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
}


.second_intersted_span {

    text-align: right;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    display: block;
}


.second_intersted_submit {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    float: right;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.markter_selected_intersted {

    background-color: #0b0b0b !important;
    border: none !important;
    color: #ffdf00 !important;
}


.video_publish_user {

    text-align: center;
    cursor: pointer;
    position: relative;
    margin-left:1.5rem;
}

.video_user_img {

    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}


.user_video_following {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    position: absolute;
    bottom: 0;
    padding: 3px;
    border-radius: 10px;
    z-index: 10;
}


.user_video_following img {

    width: 15px;
}



/****************** Following Page Style ****************/

.following_parent {

    display: flex;
    direction: rtl;
    align-items: flex-start;

}


.following_holder {

    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
}


.following_holder .item {

    width: 30%;
    border: 1px solid #ccc;
    margin: 1rem 0;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    padding: 2rem;
    border-radius: 10px;
}

.following_content {

    width: 80%;
    margin-right: auto;

}


.following_holder .item .following_img {

    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin:auto;
    border: 3px solid #ddd;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    
}


.following_holder .item hr {

    margin-bottom: 1rem;
}


.following_holder .item .info {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin: 1rem 0;
}


.following_holder .item .name-info {

    font-size: 18px;
    text-align: center;
    margin-bottom: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

}


.following_holder .item .public-profile-btn {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin: auto;
    display: block;
    text-align: center;
}


.following-load-more-container {

    width: 100%;
    display: flex;
    justify-content: center;

}


.following-load-more-container button {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.following-end-of-content {

    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.following_content .following-top {

    width: 100%;
  
}


.following_content .following-top span {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
}


/****************** Following Page Style ****************/


.header_front_custom {

    justify-content: flex-end !important;
}


.red { 

    color: red !important;
}

.show_whatsapp_accept {

    display: flex !important;
    direction: rtl;
    align-items: center;
    margin-top: 1rem;
}


.show_whatsapp_accept .form-check-input {

    margin-left: 1rem !important;
}


.show_whatsapp_accept label {

    margin-bottom: 0 !important;
}


.license_url_holder .license_url{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.license_url_holder .license_show {

    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.verified_icon {

    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0;
}


.upload_video_preview {

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.upload_video_preview div {

    width: 45%;
    height: 350px;
}


.upload_video_preview div img, .upload_video_preview div video {

    width: 100%;
    height: 100%;
    object-fit: inherit;
}


.upload_video_preview div .des {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.typeHolder button {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    float: right;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    direction: rtl;

}

.upload_form_parent .choose {

    margin-top: 6rem;
}


.upload_form_parent .choose .user_choose_title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 20px;

}


.upload_form_parent .choose .pare {

    display: flex;
    justify-content: center;
    margin-top: 3rem;
}


.upload_form_parent .choose .pare .typeHolder {

    margin: 0.5rem 1rem;
}


.upload_form_parent .choose img {

    width: 60px;
    height: 60px;
    display: block;
    margin:0 auto 1rem auto;
}


.upload_form_parent form .cancel {

    background-color: #e0e0e0;
    color: #000;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    margin-right: 1rem;
}


.upload_form_parent .dealapp {

    margin-top: 4rem;

}


.upload_form_parent .dealapp .dealapp_title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    direction: rtl;
}


.no_video_found {

    margin-top: 8rem;
    width: 100%;
}


.ads-change-status-holder li a{

    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

}

.stop-video-ads-holder {

    position: absolute !important;
    top: 0.5rem;
    left: 0.5rem;
}

.no_video_found img {

    width: 60px;
    height: 60px;
    display: block;
    margin:0 auto 1rem auto;
}


.no_video_found p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    text-align: center;
}


.ads_loader_parent {

    margin-top: 8rem;
    text-align: center;
    direction: rtl;
}

.ads_loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
    border-top: 4px solid #ffdf00;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 0 auto;
}


.ads_loader_parent p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 18px;
    margin-top: 1.5rem;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.uppy-Dashboard-note {

    direction: rtl !important;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 16px !important;
}


.uppy-size--md .uppy-Dashboard-AddFiles-title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


.uppy-size--md .uppy-Dashboard-AddFiles-title button {

    background-color: #ffdf00 !important;
    color:  #0b0b0b !important;
    padding: 0.8rem 1.5rem;
    border: none;
    border-radius: 10px;
    margin-left: 0.5rem;
}


.play-pause-button-container {

    right: 46%;
    position: absolute;

}


.play-pause-button-container button {

    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
}

.video_holder_div div[style*="font-size: 1.5rem"], .video_holder_div_custom div[style*="font-size: 1.5rem"] {

    display: none !important;

}


.video_holder_div_custom {

    width: 100%;
    margin:1rem auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}


.video_holder_div {

    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;

}


.video_holder_div_custom video {

    display: block;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}


.video_holder_div video {

    display: block;
    object-fit: contain;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;

}

.video_holder_div_custom video {

    border: 2px solid #eee;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border-radius: 10px;
}


.view_video_parent {

    width: 96%;
    margin: auto;
}

.view_video_parent .video {

    height: 600px;
}


.view_video_details_parent {

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}


.view_video_details_parent .right_details {

    width: 70%;
}


.view_video_details_parent .left_details {

    width: 20%;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}



.view_video_details_parent .left_details .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 1rem;
}

.view_video_details_parent .left_details .custom_video {

    height: 100% !important;
    border-radius: 10px;
    object-fit: inherit;
    height: 175px !important;
}


.left_similar_videos {

    position: relative;
    width: 100%;
}


.left_similar_videos:not(:first-of-type) {

    margin-top: 1rem;
}

.play-pause-button-container-similar {

    position: absolute;
    top: 40%;
    right: 40%;
    background-color: #fff;
    padding: 0.5rem;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#empty_similar {

    width: 100%;
}


.view_video_details_parent .left_details .title2 {
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


.view_video_details_parent .left_similar_details a{

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}


.view_video_details_parent .left_details .title3 {
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.left_similar_videos_see_more {

    text-align: center;
    margin-top: 1rem;
}

.left_similar_videos_see_more a{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


.posts_table {

    direction: rtl;
    margin-top: 1rem;
}


.posts_table video {

    height: 120px !important;
    object-fit: inherit;
    width: 180px !important;
    border-radius: 10px;
}


.posts_video_holder {

    display: flex;
    align-items: center;

}


.posts_video_holder .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}


.posts_video_holder .date {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}


.posts_video_holder div:last-of-type {

    margin-right: 1rem;
}


.posts_table td:not(:has(.posts_video_holder)) {
    text-align: center;
}


.posts_table th {

    text-align: center;
    padding: 1rem 0 !important;
}


.posts_actions img{

    width: 16px;
    height: 16px;
}


.posts_actions {

    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}


.posts_actions .dropdown-toggle::after {

    display: none !important;
}


.posts_actions > div:not(.edit_video_modal) {

    border: 1px solid #ccc;
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    cursor: pointer;

}


.posts_actions .posts_dropdown ul {

    direction: rtl !important;
    text-align: right !important;
}


.posts_actions .posts_dropdown ul li a{

    display: flex;
    align-items: center;
}


.posts_actions .posts_dropdown ul li a span {

    color: rgb(229, 46, 46);
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-right: 0.5rem;
}


.edit_video_modal_body .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 19px;
    margin-bottom: 1rem;

}


.edit_video_modal_body form .row > div {

    text-align: right;
    margin-bottom: 1rem;
}

.edit_video_modal_body form label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 5px;

}


.edit_video_modal_body form input, .edit_video_modal_body form textarea {

    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    padding: 1rem;
    border: 1px solid #eee;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.edit_video_modal_body form .edit_video_modal_btn {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    background-color: #ffdf00;
    color: #0b0b0b;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    float: right;

}


.edit_video_modal_body form .cancel {

    background-color: #e0e0e0;
    color: #000;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-right: 1rem;
}


.edit_video_modal_body form .edit_video_actions {

    display: flex;
}


.posts_empty {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.posts_empty img {

    width: 60px;
    height: 60px;
  
}


.posts_empty p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
    margin-top: 1rem;
}


.disabled {

    opacity: 0.5;
    cursor: pointer;
}


.post_analytics_parent {

    display: flex;
    direction: rtl;
    flex-wrap: wrap;
    justify-content: space-between;
}


.post_analytics_parent .post_analytics_right {

    width: 17%;
}


.post_analytics_right {

    border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.post_analytics_right .top {

    width: 100%;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}


.post_analytics_right .top a {

    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.post_analytics_right .top img {

    width: 25px;
    height: 25px;
}


.post_analytics_right .top p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-right: 1rem;
}


.post_analytics_right .hold {

    padding: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}



.post_analytics_right .hold p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 15px;
    margin-right: 0.5rem;
}


.post_analytics_right .hold video  {

    width: 45px !important;
    height: 56px !important;
    border-radius: 5px;

}

.post_analytics_parent .post_analytics_left {

    width: 78%;
    padding: 32px 0px;
    margin-inline: max(50% - 804px, 32px)
}


.post_analytics_left .top-left video{

    width: 45px !important;
    height: 56px !important;
    border-radius: 5px;

}


.post_analytics_left .top-left {

    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1)
}


.post_analytics_left .top-left .right, .post_analytics_left .top-left .left {

    width: 45%;
}


.post_analytics_left .top-left .right {

    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.post_analytics_left .top-left .right section:last-of-type {

    margin-right: 1rem;
}


.post_analytics_left .top-left .right .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
}


.post_analytics_left .top-left .right .date {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt";
    font-size: 13px;
    margin-top: 5px;

}


.post_analytics_left .top-left .left {

    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}


.post_analytics_left .top-left .left section {

    margin: 0 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.post_analytics_left .top-left .left section img {

    width: 25px;
    height: 25px;
}


.post_analytics_left .top-left .left section p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt";

}


.post_analytics_left .left-tabs {

    margin-top: 2rem;
}


.post_analytics_left .left-tabs ul li .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";

}


.post_analytics_left .left-tabs ul li .result {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    margin-top: 0.5rem;
    font-size: 19px;
}


.video_holder_div_custom2 {

    width: 100%;
    margin:1rem auto 0 auto;
    height: 100%;
    position: relative;
}


.video_holder_div_custom2 .types ul{

    width: 100%;

}



.types .slick-slider {

    width: 100% !important;
}


/* إخفاء الأسهم الافتراضية لمكتبة slick */
.types .slick-prev::before,
.types .slick-next::before {
    display: none !important;
}

/* قم بتخصيص أسهمك المخصصة حسب الحاجة، مثلاً لإظهارها بشكل أفضل */
.types .slick-prev,
.types .slick-next {
    background-color: transparent !important; /* تأكد من أن الخلفية شفافة */
    border: none !important;
    font-size: 2rem !important; /* حجم أكبر للسهولة الرؤية */
    color: black !important; /* لون أسود لإظهار السهم */
    /* يمكنك إضافة المزيد من التخصيصات هنا */
}



.analytics_custom {

    height: 400px;
    margin: 20px 0;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1)

}


.analytics_custom canvas {

    width: 100% !important;
}


.analytics_custom2 {

    margin-top: 30px;
    direction: rtl;
}


.analytics_custom2 .title , .no_videos_analytics p{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    font-size: 18px;
}


.no_videos_analytics {

    text-align: center;
    padding: 40px;
    margin-bottom: 2rem;
}


.no_videos_analytics img {

    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
}


.no_videos_analytics p {

    margin-top: 1rem;
}


.analytics_videos_holder {

    margin-top: 1rem;
}



.analytics_video_item {

    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 15px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border: 1px solid #eee;
}


.videoPlayerContainer_analytics {

    position: relative;
    width: 120px;
    height: 80px;
    border-radius: 6px;
    margin-left: 15px;
    overflow: hidden;
    background-color: #000

}


.custom_p {

    margin: 2px 0;
    color: #666;
    font-size: 14px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";

}


.explore-item-details {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
                    
}


.explore-item-details .custom_title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";

}


#custom_parent {

    height: auto;
}


.explore-section-title {
    margin-bottom: 20px;
    direction: rtl;
    border-bottom: 2px solid #ffdf00;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    font-size: 17px;
}
                
.explore-section-title-icon {
    font-size: 1.5rem;
}


.ads_loader_parent2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 400px;
}


.ads_loader2 {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #ffdf00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}


.explore-section-content {
    min-height: 400px;
}


.explore-item-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    height: 100%;
}
                
.explore-item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}


.explore-items-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}


.explore-types-container {
    position: relative;
    margin: 0 30px 20px;
}


.explore-types {
    position: relative;
    padding: 0 25px;
}

.explore-tabs-prev {
    left: -18px !important;
}

.explore-tabs-next {
    right: -18px !important;
}


.explore-custom-tabs-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: white;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    opacity: 0.8;
    transition: opacity 0.3s;
}
                
.explore-custom-tabs-arrow:hover {
    opacity: 1;
    background: #f5f5f5;
}
                
.explore-custom-tabs-arrow::before {
    display: none;
}
                

.explore-tab-item-container {
    padding: 0 5px;
    display: flex;
    justify-content: center;
}


.explore-tab-button {
    white-space: nowrap;
    padding: 10px 15px;
    border: none;
    border-radius: 20px;
    background: #f1f1f1;
    color: #333;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
                
.explore-tab-button:hover {
    background: #e0e0e0;
}
                
.explore-tab-button.active {
    background: #ffdf00;
    color: #0b0b0b;
}


/* Responsive Styles for Explore Tabs */
@media (max-width: 768px) {
    .explore-types-container {
        margin: 0 18px 18px;
    }

    .explore-types {
        padding: 0 18px;
    }

    .explore-tab-button {
        padding: 8px 12px;
        font-size: 12px;
        border-radius: 14px;
        white-space: nowrap;
    }

    .explore-tab-item-container {
        padding: 0 2px;
    }

    .explore-tabs-prev {
        left: -8px !important;
    }

    .explore-tabs-next {
        right: -8px !important;
    }
}

@media (max-width: 480px) {
    .explore-types-container {
        margin: 0 14px 16px;
    }

    .explore-types {
        padding: 0 14px;
    }

    .explore-tab-button {
        padding: 7px 10px;
        font-size: 11px;
        border-radius: 12px;
        gap: 2px;
    }

    .explore-tab-item-container {
        padding: 0 1px;
    }

    .explore-tabs-prev {
        left: -4px !important;
    }

    .explore-tabs-next {
        right: -4px !important;
    }
}

@media (max-width: 375px) {
    .explore-types-container {
        margin: 0 10px 14px;
    }

    .explore-types {
        padding: 0 12px;
    }

    .explore-tab-button {
        padding: 6px 8px;
        font-size: 10px;
        border-radius: 10px;
        line-height: 1.2;
    }

    .explore-tab-item-container {
        padding: 0 1px;
    }

    .explore-tabs-prev {
        left: -2px !important;
    }

    .explore-tabs-next {
        right: -2px !important;
    }
}


.explore-content-slide {
    padding: 15px;
    min-height: 500px;
}  


.explore-no-data, .explore-no-items {
    text-align: center;
    padding: 40px;
    color: #888;
    font-size: 18px;
}



.explore-item-image-container {
    position: relative;
    height: 280px;
    overflow: hidden;
    flex-shrink: 0;
}



.explore-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
}



.explore-item-description {
    color: #777;
    margin: 0 0 15px;
    font-size: 0.9rem;
    line-height: 1.4;
    display: -webkit-box;
    direction: rtl;
    text-align: right;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1;
}


.explore-item-features {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}



.explore-item-features span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #555;
    font-size: 0.9rem;
}



.explore-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #eee;
}



.explore-play-pause-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 5;
}



.explore-video-wrapper:hover .explore-play-pause-overlay, .explore-play-pause-overlay.active {

    opacity: 1;
            
}



.explore-play-pause-btn {
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #0b0b0b;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 10;
}
                

.explore-play-pause-btn:hover {
    background: white;
    transform: scale(1.1);
}


.explore-favorite-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255,255,255,0.8);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 10;
}


.explore-favorite-btn:hover, .explore-favorite-btn.active {
    background: #ffdf00;
    color: #0b0b0b;
}


.explore-item-details h3 {
    margin: 0 0 10px;
    color: #333;
    font-size: 1.1rem;
}


.explore-item-location {
    margin: 5px 0 10px 0;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 5px;
    direction: rtl;
    text-align: right;
    direction: rtl;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    font-size: 15px;
}


.explore-item-price {
    font-weight: bold;
    color: #0b0b0b;
    font-size: 1.2rem;
}



.explore-contact-btn {
    background: #0b0b0b;
    color: #ffdf00;
    border: none;
    border-radius: 20px;
    padding: 8px 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
}
                
.explore-contact-btn:hover {
    background: #111111;
}


.explore-load-more-container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    padding: 20px 0;
}


 .explore-load-more-btn {
     background: #ffdf00;
     color: #0b0b0b;
    border: none;
    border-radius: 25px;
    padding: 12px 30px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
}
                
.explore-load-more-btn:hover:not(:disabled) {
    background: #f5c400;
    transform: translateY(-2px);
}
                
.explore-load-more-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}


.explore-spinner {
    animation: expore_spin 1s linear infinite;
}
                
@keyframes expore_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.slick-prev::before, .slick-next::before {
    display: none !important;
}


.explore_videos {

    width: 100% !important;
    height: 100% !important;
    object-fit: inherit !important;
}


.explore-title {

    text-align: right;
    direction: rtl;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    font-size: 18px;
    direction: rtl;

}

.explore-title a {
    text-decoration: none;
}


.report-modal-holder {

    display: block !important;
    border: none !important;
}

.report-modal-holder .custom-btn {

    display: block;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    font-size: 17px;
    border:1px solid #e01e4c;
    color: #e01e4c;
    width: 70%;
    padding: 0.7rem 1.5rem;
    margin:0 auto 1rem auto;
    border-radius: 10px;
}

.custom_title2 {

    margin-bottom: 1rem !important;
}


.report-modal-holder .custom-btn:hover {

    background-color: #e01e4c;
    color: #fff;
}


.cus-btn {

    background-color: #e01e4c !important;
    color: #fff !important;
}


.share-whats-title {

    margin-top: 1rem;
    text-align: center;
}


.share-whats-details {

    font-size: 18px !important;
    text-align: right !important;
}


.search-offcanvas-height {
    height: 60vh !important; /* أو أي قيمة أخرى تناسب تصميمك */
}


.offcanvas-header {

    justify-content: space-between;
}

.advanced_search_title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    font-size: 21px;
}


 input[type="range"]::-webkit-slider-thumb {
     background-color: #ffdf00; /* Sets the thumb color to yellow */
      /* Add other styling properties like border, border-radius, width, height, etc. */
}


.advanced_search_form {

    margin-top: 1.5rem;
}


.search-form input {

    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee;
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 10px;
    padding-right: 3rem;
}


.advanced-search-btn {

    margin-top: 0.5rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";

}


.advanced_search_form label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt";
    margin-bottom: 5px;
}


.advanced_search_form .row {

    margin-top: 1rem;
}


.price-range, .space-range {

    margin-top: 1rem;
}


.price-range-result {

    display: flex;
    align-items: center;
    justify-content: space-between;
}


.advanced_search_actions {

    margin-top: 1.5rem;
}


.advanced_search_actions .search_submit{

    background-color: #ffdf00;
    color: #0b0b0b;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;

}

.advanced_search_actions .search_cancel {

    background-color: #e0e0e0;
    color: #000;
    margin-left: 1rem;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-right: 1rem;
}


.search-badge {

    background-color: #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.similars-videos-btn {

    position: absolute;
    top: 85%;
    background-color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.complete-profile {

    width: 100%;
    height: 100vh;
    background-color: #f3f3f3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.complete-profile .img {

    width: 80px;
    display: block;
    
}



.complete-profile .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 19px;
    margin-top: 1rem;
}



.complete-profile .types {

    display: flex;
    direction: rtl;
    margin-top: 3rem;
    width: 60%;
    justify-content: space-around;
}


.complete-profile .types p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 22px;
    padding: 0.7rem 1.5rem;

}


.complete-profile .types button {

    border: 1px solid #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;

}


.complete-profile .types button:hover {

    background-color: #ffdf00;
    color: #0b0b0b;
}


.complete-profile .actions {

    margin-top: 4rem;
}


.complete-profile .actions button {

    background-color: #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0.7rem 2rem;
    border-radius: 10px;
}


.privacy-settings-parent, .advertising-balance-parent {

    direction: rtl;
    background-color: #f4f4f4;
    width: 100%;
    height: 100%;
}


.privacy-settings-parent .header, .advertising-balance-parent .header {

    padding: 0.5rem 0;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee;
    background-color: #fff;
}

.privacy-settings-parent .header .logo-setting, .advertising-balance-parent .header .logo-setting{

    width: 118px;
}


.privacy-settings-parent .header .hold, .advertising-balance-parent .header .hold {

    display: flex;
    align-items: center;
    width: 98%;
    justify-content: space-between;
    margin: auto;

}


.privacy-settings-parent .header .hold .custom-section, .advertising-balance-parent .header .hold .custom-section{

    margin: auto;
    width: 45%;

}


.privacy-settings-parent .header .profile_img, .advertising-balance-parent .header .profile_img {

    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}


.privacy-settings-parent .header .hold .custom-section2, .advertising-balance-parent .header .hold .custom-section2 {

    display: flex;
    align-items: center;

}


.privacy-settings-parent .custom-section2 .upload-btn, .advertising-balance-parent .custom-section2 .upload-btn {

    background-color: #fff;
    border: 1px solid rgba(22, 24, 35, 0.12);
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    margin-left: 1.5rem;
}


.privacy-settings-parent .custom-section2 .upload-btn img, .advertising-balance-parent .custom-section2 .upload-btn img {

    width: 20px;
    height: 20px;
    margin-left: 5px;

}


.privacy-settings-parent .custom-section2 .upload-btn span, .advertising-balance-parent .custom-section2 .upload-btn span {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.privacy-settings-parent .header .hold .custom-section form input, .advertising-balance-parent .header .hold .custom-section form input {

    background-color: #1618230f;
    border: 1px solid #eee;
    padding: 0.7rem 1rem;
    border-radius: 10px;
}


.privacy-settings-parent .header .hold .custom-section form input::placeholder, .advertising-balance-parent .header .hold .custom-section form input::placeholder {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.privacy-settings-parent .setting-content {

    margin-top: 3rem;
}

.privacy-settings-parent .setting-content .row {

    justify-content: space-between;

}

.privacy-settings-parent .right {

    width: 32%;
    display: flex;

}


.privacy-settings-parent .right .link-back {

    margin-left: 1rem;
}

.privacy-settings-parent .right .link-back img{

    width: 20px;
}


.privacy-settings-parent .right .setting-ul{

    width: 80%;
    border: 1px solid;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    padding: 1.5rem 1rem;
    
}


.privacy-settings-parent .right .setting-ul li:not(:first-of-type, :last-of-type) {

    margin: 1.5rem 0;
}

.privacy-settings-parent .right .setting-ul li a {

    display: flex;
    align-items: center;
}


.privacy-settings-parent .right .setting-ul li a span {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-right: 0.5rem;
}


.privacy-settings-parent .left {

    width: 67%;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;

}


.privacy-settings-parent .left .account-managment {

    padding: 1.5rem;
}


.account-managment .head-title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 22px;
}


.left .account-managment .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
    margin-top: 1.5rem;
}


.account-managment .delete-account {

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding-bottom: 1rem;
}


.account-managment .delete-account p, .account-managment .delete-account a, .account-information .area .title2, .account-privacy .privacy-account .title2, .realtime-notification .realtime-account .title2{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.account-managment .delete-account a {

    color: red;
}


.privacy-settings-parent .left .account-information, .privacy-settings-parent .left .account-privacy, .privacy-settings-parent .left .realtime-notification, .privacy-settings-parent .left .referral-link, .privacy-settings-parent .left .advertising-balance {

    padding: 0 1.5rem 1.5rem 1.5rem;
}

.account-information .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
}


.account-information .area {

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    padding-bottom: 1rem;
}


.account-privacy .head-title{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 22px;
}


.account-information .area .area-btn {

    display: flex;
    align-items: center;
}


.account-privacy .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
    margin-top: 1.5rem;
}


.account-privacy .privacy-account {

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
}


.delete_account_modal_body {

    direction: rtl;
}

.delete_account_modal_body .title, .delete_account_modal_body .custom-ul li {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.delete_account_modal_body .title:first-of-type {

    text-align: center;
    font-size: 18px;
    margin-bottom: 1rem;
    font-weight: 600;
}


.delete_account_modal_body .title .custom {

    font-weight: 600;
}


.delete_account_modal_body .custom-ul {

    list-style-type: disc;
    padding: 1rem;
}


.delete_account_modal_footer .actions {

    direction: rtl;
}

.delete_account_modal_footer .actions .save {

    background-color: #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0.5rem 1.5rem;
}


.delete_account_modal_footer .actions .cancel {

    background-color: #e0e0e0;
    color: #000;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0.5rem 1.5rem;
    margin-right: 1rem;
}


.realtime-notification .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
}



.realtime-notification .realtime-account {

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-top: 0.5rem;
}


.referral-link .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;
}


.referral-link .referral-holder, .account-privacy .referral-holder {

    display: flex;
    justify-content: center;
    padding: 1rem;
    align-items: center;
}


.referral-link .referral-holder .title2, .account-privacy .referral-holder .title2{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.referral-link .referral-holder button, .account-privacy .referral-holder button, .account-privacy .react-share__ShareButton {

    background-color: #ffdf00 !important;
    color: #0b0b0b !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    font-family: "Cairo" !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-variation-settings: "slnt" 0;
    margin-right: 1rem  !important;
}


.referral-link .referral-holder2, .account-privacy .referral-holder2 {

    padding-bottom: 1rem;
    text-align: center;
}


.referral-link .referral-holder2 p, .account-privacy .referral-holder2 p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}



.advertising-balance .account-balance {

    text-align: center;
    margin-top: 1rem;
    padding-bottom: 1rem;
}


.advertising-balance .account-balance .balance {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;
}


.advertising-balance .account-balance .title2 {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-bottom: 1rem;
}


.restore-account-parent {

    width: 100%;
    height: 100vh;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
}


.restore-account-parent .img {

    width: 80px;
    height: 80px;
    display: block;
    margin: auto;
}


.restore-account-parent .restor-title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;
    text-align: center;
}


.restore-account-parent .restor-title-normal , .restore-account-parent .restor-title-normal2 {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    text-align: center;
    margin-top: 1rem;
}


.restore-account-parent .actions {

    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;

}


.restore-account-parent .actions .save {

    background-color: #ffdf00;
    color: #0b0b0b;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.setting-search-form {

    position: relative;
}

.setting-search-form img{

    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 15px;
    top: 15px;
}


.setting-drop-down li a {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    display: flex;
    align-items: center;

}


.setting-drop-down li a img {

    width: 20px;
    height: 20px;
    margin-left: 5px;

}

.setting-drop-down li {
    margin: 0.5rem 0;
}


.title-modal-header {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}


.account-area-title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    font-size: 18px;
    margin-bottom: 1rem;
}


.account-area-label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;

}


.account-balance-content {

    margin: 2rem 0;
}


.account-balance-content .back-tap img{

    width: 20px;
}


.account-balance-content .balance {

    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    padding: 3rem;
    width: 80%;
    margin: 1rem auto 0 auto;
}

.account-balance-content .balance-title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
}


.account-balance-content .current-balance-title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    margin-top: 1rem;

}


.account-balance-content .add-credit-btn {

    display: block;
    margin:1rem auto;
    background-color: #ffdf00;
    color: #0b0b0b;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.videos-published .holder {

    width: 80%;
    margin: auto;
    padding: 0;
}


.videos-published .holder table {

    text-align: center;
}


.videos-published .holder table th {

    padding: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.videos-published .holder table video {

    width: 120px !important;
    height: 120px !important;
}


.user_intro_video_btn {

    background-color: #e0e0e0;
    color: #000;
    margin-left: 1rem;
    padding: 0.7rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-right: 1rem;
}


.image-videro-intro-container button{

    display: block;
    margin:1rem auto 0 auto;
}


.video-intro-title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.image-videro-intro-container .intro-video-image {

    width: 100px;
    height: 100px;
    margin:1rem auto 0 auto;
    border-radius: 10px;
}


.image-videro-intro-container span {

    display: block !important;
    margin: auto;
}


.video-intro-holer {

    margin-top: 2rem;
}

.video-intro-holer p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.intro-video-modal-footer .save {

    margin-left: 1rem;
}



.play-pause-button-container2 {

    position: absolute;
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
}


.play-pause-button-container2 .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.upload-images-preview-holder {

    display: flex;
    flex-flow: wrap;
    margin-top: 16px;
}


.thumb-upload-images {

    display: inline-flex;
    border-radius: 2px;
    border: 1px solid rgb(234, 234, 234);
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100px;
    height: 100px;
    padding: 4px;
    box-sizing: border-box;
    position: relative;
}


.thumbInner-upload-images {

    display: flex;
    min-width: 0px;
    overflow: hidden;
}


.upload-images-img {

    display: block;
    width: auto;
    height: 100%;
}


.deleteButton-upload-images {

    position: absolute;
    top: -10px;
    right: -10px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: red;
    font-size: 20px;
}


.upload-images-parent {

    background-color: #f4f4f4;
    text-align: center;
    padding: 1.7rem 1rem 1rem 1rem;
    border-radius: 10px;
    margin-bottom: 2rem;
}


.uploadImages p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.mySwiper2 {

    height: 80%;
}


.resized-play-video {

    right: 50% !important;

}


.btn-audio-record1 {

    padding: 10px 20px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.btn-audio-record2 {

    padding: 10px 20px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: #0b0b0b;
    background-color: #ffdf00;
    margin-right: 1rem;
    border-radius: 10px;

}


.audio-preview {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* Hybrid Slider Styles */
.hybrid-slider-container {
    position: relative;
    background: #000;
    border-radius: 20px;
}

.main-hybrid-swiper {
    width: 100%;
    height: 85%;
}

.main-hybrid-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
}

.thumbnails-swiper {
    background: rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.thumbnails-swiper .swiper-slide {
    opacity: 0.4;
    transition: opacity 0.3s ease;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
}

.thumbnails-swiper .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #fff;
}

.video-slide {
    position: relative;
}

.play-button-overlay {
    transition: all 0.3s ease;
}

.play-button-overlay:hover {
    background: rgba(0, 0, 0, 0.7) !important;
    transform: translate(-50%, -50%) scale(1.1);
}

.hybrid-slider-btn {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}

.hybrid-slider-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    transform: scale(1.05);
}

.slide-counter {
    font-weight: bold;
}

/* تحسين تنقل Swiper */
.swiper-button-next,
.swiper-button-prev {
    color: white !important;
    background: rgba(0, 0, 0, 0.5);
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px !important;
}

.swiper-pagination-fraction {
    color: white;
    font-weight: bold;
}



/* Profile Video Slider Styles */
.profile-video-slider-container {
    direction: ltr;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.profile-video-slider-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.main-profile-swiper {
    border-radius: 8px;
    overflow: hidden;
}

.main-profile-swiper .swiper-button-next,
.main-profile-swiper .swiper-button-prev {
    color: white;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.main-profile-swiper:hover .swiper-button-next,
.main-profile-swiper:hover .swiper-button-prev {
    opacity: 1;
}

.main-profile-swiper .swiper-button-next:after,
.main-profile-swiper .swiper-button-prev:after {
    font-size: 12px;
}

.thumbnails-profile-swiper {
    background: rgba(255, 255, 255, 0.05);
}

.thumbnails-profile-swiper .swiper-slide {
    transition: all 0.3s ease;
}

.thumbnails-profile-swiper .swiper-slide:hover {
    opacity: 0.8 !important;
}

.play-button-overlay-profile {
    transition: all 0.3s ease;
}

.play-button-overlay-profile:hover {
    background: rgba(0, 0, 0, 0.7) !important;
    transform: translate(-50%, -50%) scale(1.1);
}

.video-details-link-profile {
    transition: all 0.3s ease;
}

.video-details-link-profile:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    color: #fff !important;
}

/* Grid Layout for Videos */
.profile-videos-grid {
    display: flex;
    padding: 0 0 20px 0;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;

}


.profile-videos-grid .table-responsive {

    width: 100%;
    
}


.profile-videos-grid .table {

    text-align: center;
}


.profile-videos-grid .table th {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    padding: 0.7rem;
    background-color: #ffdf00;
    color: #0b0b0b;
}


.public-profile-rating-holder {

    display: flex;
    justify-content: center;
}


.user_profile_parent .taps .tab-pane .hold .no-videos-message {

    width: 100%;
    display: flex;
    justify-content: center;
}

.profile-videos-grid .table td {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.profile-video-item {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    width: 31%;
    margin-bottom: 2rem;
}

.profile-video-item:hover {
    transform: translateY(-5px);
}

.profile-video-info {
    padding: 10px;
}

.profile-video-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
    line-height: 1.3;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.profile-video-stats {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #666;
}

.profile-video-stats span {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Load More Button */
.load-more-container {
    text-align: center;
}

.public_profile_fetch_more_btn {
    background: linear-gradient(135deg, #ffdf00 0%, #f5c400 100%);
    color: #0b0b0b;
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.public_profile_fetch_more_btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 223, 0, 0.4);
}

.public_profile_fetch_more_btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* No Videos Message */
.no-videos-message {
    text-align: center;
    padding: 60px 20px;
    color: #666;
    font-size: 18px;
}

/* Responsive Design */
@media (max-width: 768px) {
   
    .profile-video-slider-container {
        height: 250px;
    }
}

@media (max-width: 480px) {
   
    .profile-video-slider-container {
        height: 220px;
    }
}


/* new Profile */


/* تحسينات إضافية مع الحفاظ على الكلاسات الحالية */
.profile-video-slider-container2 {
    direction: ltr;
}

.main-profile-swiper2 {
    border-radius: 8px;
    overflow: hidden;
}

.main-profile-swiper2 .swiper-button-next,
.main-profile-swiper2 .swiper-button-prev {
    color: white;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.main-profile-swiper2:hover .swiper-button-next,
.main-profile-swiper2:hover .swiper-button-prev {
    opacity: 1;
}

.main-profile-swiper2 .swiper-button-next:after,
.main-profile-swiper2 .swiper-button-prev:after {
    font-size: 12px;
}

.thumbnails-profile-swiper2 {
    background: rgba(255, 255, 255, 0.05);
}

.thumbnails-profile-swiper2 .swiper-slide {
    transition: all 0.3s ease;
}

.thumbnails-profile-swiper2 .swiper-slide:hover {
    opacity: 0.8 !important;
}

.play-button-overlay2 {
    transition: all 0.3s ease;
}

.play-button-overlay2:hover {
    background: rgba(0, 0, 0, 0.7) !important;
    transform: translate(-50%, -50%) scale(1.1);
}

.video-details-link {
    transition: all 0.3s ease;
}

.video-details-link:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    color: #fff !important;
}

/* الحفاظ على التنسيقات الحالية للـ hold */
.hold {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.hold section {
    margin-bottom: 0;
}

/* تحسين responsive design */
@media (max-width: 768px) {
    .hold {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 15px;
        padding: 15px;
    }
    
    .profile-video-slider-container2 {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .hold {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
    }
    
    .profile-video-slider-container2 {
        height: 220px;
    }
}


.front_content_my_contacts {

    width: 80%;
}


.front_content_my_contacts .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;

}

.my-contacts-parent {

    direction: rtl;
}


.my_contacts_parent {

    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    margin-top: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}




.my_contacts_parent section {

    width: 31%;
    margin-bottom: 1rem;
}

.my_contacts_parent .my-contact {

    border: 1px solid #ddd;
    border-radius: 10px;
    
}


.my_contacts_parent .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
}


.my-contact .marketer-img {

    margin: 1rem 0;
}

.my-contact .marketer-img img {
    
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: auto;

}


.my-contact .marketer-img p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    font-size: 17px;

}



.marketer-details .contact-date, .marketer-details .contact-ads-btn {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}


.marketer-details .contact-ads-btn {

   margin-top: 0.5rem;
}


.my-contact .marketer-details {

    padding: 0 1rem 1rem 1rem;
}


.contacts-thumbnails-swiper {

    height: 150px;
    padding: 10px;
    box-sizing: border-box;

}


.contacts-thumbnails-swiper img{

    width: 100%;
    height: 100%;
    object-fit: contain;

}


.contact-ads-rate-btn {

    display: block;
    background-color: #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0.5rem 2rem;
    display: block;
    margin:1rem auto;
    border-radius: 10px;
}


.contact-rate-ads .rate-parent p {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 16px;

}

.contact-rate-ads .rate-star {

    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}



.contact-rate-ads button {

    background-color: #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0.5rem 2rem;
    display: block;
    margin: 2rem auto 1rem auto;
    border-radius: 10px;
}




/* تنسيقات الوسائط المتكاملة */
.explore-item-media-container {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background: #f5f5f5;
}

.explore-main-media-wrapper {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.explore-video-wrapper,
.explore-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.explore_videos {
    width: 100% !important;
    height: 100% !important;
}

.explore-current-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* أزرار التنقل بين الوسائط */
.explore-media-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.explore-prev-btn {
    left: 10px;
}

.explore-next-btn {
    right: 10px;
}

.explore-media-nav-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translateY(-50%) scale(1.1);
}

/* الشرائح المصغرة */
.explore-media-thumbnails {
    display: flex;
    gap: 5px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.05);
    border-top: 1px solid #eee;
    overflow-x: auto;
    height: 50px;
}

.explore-thumbnail {
    position: relative;
    width: 40px;
    height: 34px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.explore-thumbnail.active {
    border-color: #3b82f6;
    transform: scale(1.1);
}

.explore-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.explore-thumbnail-video {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #1e40af, #3b82f6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.explore-thumbnail-indicator {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 8px;
    padding: 1px 3px;
    border-radius: 2px;
}

/* المؤشرات */
.explore-video-indicator,
.explore-image-indicator {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 5;
}

/* عداد الوسائط */
.explore-media-counter {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    z-index: 5;
}

/* بقية التنسيقات تبقى كما هي */
.explore-play-pause-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
    z-index: 2;
}

.explore-play-pause-overlay:hover,
.explore-play-pause-overlay.active {
    opacity: 1;
}

.explore-play-pause-btn {
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.explore-mute-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    z-index: 5;
}

.explore-favorite-btn {
    position: absolute;
    top: 10px;
    right: 90px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    cursor: pointer;
    z-index: 5;
    transition: all 0.3s ease;
}

.explore-favorite-btn.active {
    color: #dc2626;
    background: rgba(255, 255, 255, 1);
}

.explore-no-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #666;
    font-size: 14px;
}


.no_video_share {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 90vh;
}

.no_video_share img{

    width: 60px;
    height: 60px;
}


.no_video_share p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-top: 1rem;
    font-size: 17px;
}


.videos-btn-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    padding-left: 5px;
    gap: 6px;
    color: #fff;
    z-index: 10;
    height: auto;
    max-height: calc(100% - 160px);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.mobile-front-header {

    display: none;
}


.front-ads-holder {

    display: flex;
    height: 100vh;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    direction: ltr;
}


.download_app {

    display: flex;
    align-items: center;
}


.home-videos-item {

    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    background-color: rgb(0, 0, 0) !important;
}


.tablet-right-offcanvas-btn {

    display: none;
}


.uploader_parent_nav_mobile {

    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
}


.uploader_parent_nav_mobile .profile_img_mobile {

    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #eee;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
}


.uploader_parent_nav_mobile .dropdown-toggle::after {

    display: none !important;
}


.uploader_parent_nav_mobile {

    display: none;
}

.dropdown-toggle::after{

    display: none !important;
}


#header-notification-ul {

    direction: rtl !important;
    width: 300px;
    padding: 1rem;
}

#header-notification-ul li {

    text-align: right;
    padding-bottom: 0.5rem;
   
}


#header-notification-ul li a{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.all-notifications-link {

    text-align: center !important;
    margin-top: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.notification-unread {
    background-color: #f8f9fa;
    border-right: 3px solid #007bff;
}

.notification-badge {
    background-color: #dc3545;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    margin-right: 8px;
}

#header-notification-ul {
    max-height: 300px;
    overflow-y: auto;
}

#header-notification-ul .dropdown-item {
    white-space: normal;
    word-wrap: break-word;
    padding: 10px 15px;
    justify-content: space-between;
    display: flex;
}

.all-notifications-link {
    text-align: center;
    padding: 8px;
}

.all-notifications-link a {
    color: #007bff;
    text-decoration: none;
}

.all-notifications-link a:hover {
    text-decoration: underline;
}

/* View Notification Page Stype */

.notification-view-parent {

    direction: rtl;
    display: flex;
}


.notification_view_content {

    width: 80%;
    margin-right: auto;
}

.notification_view_holder {

    width: 100%;
    margin-top: 2rem;
    
}


.notification_view_holder .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 18px;

}

/* View Notification Page Stype */


.user-notifications-parent {

    direction: rtl;
    display: flex;

}


.user-notifications-parent .notifications-content {

    width: 80%;
    margin-right: auto;
}


.notifications-content .notification-holder {

    width: 100%;
    margin-top: 2rem;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee;
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 10px;
}


.user-notifications-parent .notifications-content .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;

}


.notification-holder table th {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    padding: 1rem;
    background-color: #ffdf00;
    color: #0b0b0b;
}

.notification-holder table td {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    padding: 1rem 0.5rem;

}


.notification-holder table td a {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    padding: 0.5rem 1rem;
    background-color: #ffdf00;
    color: #0b0b0b;
    border-radius: 10px;
}

.notification-not-view td {

    background-color: #e6e6e6 !important;
}


.verfiy-badge-mobile {

    display: none;
}


.mobile-public-profile-share {

    display: none;
}


.ads-title-p {

    color: #fff;
    position: absolute;
    bottom: 6rem;
    text-align: center;
    width: 100%;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}


.modal_view_ads_header {

    direction: rtl;
    justify-content: space-between;
    flex-direction: row-reverse;
}


.modal_view_ads_header p{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}


.no-following-parent {

    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


.no-following-parent img {

    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
}


.no-following-parent p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
}


.front-sidebar-logo {

    width: 80px;
    margin: 1rem 0;
}


.share-public-profile {

    display: flex;
    align-items: center;
}

.share-public-profile svg {

    margin: 0 0.5rem;
}


#header-empty-notification-ul {

    direction: rtl !important;
    width: 250px;
    padding: 1.5rem 1rem;
    text-align: center;
}


#header-empty-notification-ul li a {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;

}


.modal_rate_connect_header {

    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;
}


.modal_rate_connect_header p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
}


.modal_rate_connect_header button {

    width: 20px;
}


.rate-model-title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;

}


.rate-model-sub-title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    margin-top: 1rem;
}

.contact-rate-ads .rate-parent {

    margin-top: 2rem;
}


.contact-rate-ads .rate-parent2 {

    margin: 2rem auto 0 auto;
    width: 50%;
}


.contact-rate-ads .rate-parent2 p{

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 16px;
    margin-bottom: 1rem;
}


.contact-rate-ads .rate-parent2 label, .contact-rate-review-text label {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.contact-rate-review-text {

    margin-top: 2rem;
}

.contact-rate-review-text label {

    margin-bottom: 0.5rem;
}


.contact-rate-review-text textarea {

    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee;
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 10px;
}


/* Customer Rate Page Style */

.customer_rate_parent {

    display: flex;
    direction: rtl;
    align-items: flex-start;
}


.customer_rate_parent .customer_rate_content{
    width: 80%;
    margin-right: auto;
}


.customer_rate_parent .customer_rate_holder {

    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    margin-top: 2rem;
    margin-bottom: 2rem;

}


.customer_rate_holder .user-image {

    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 2rem;
}


.customer_rate_holder .user-image img {

    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #eee;
}


.customer_rate_holder .customer-rate-user-name {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.customer_rate_holder .customer-rate-hr {

    width: 50%;
    margin:1rem auto;
}


.customer_rate_holder .title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 17px;
}


.customer_rate_holder .sub-title {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-top: 0.5rem;
}


.customer_rate_holder .rate-star {

    display: flex;
    justify-content: center;
    margin-top: 0.5rem;

}


.customer_rate_holder .rate-parent {

    margin: 2rem auto;
}


.customer_rate_holder .rate-parent p {

    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 16px;

}

.customer_rate_holder .rate-parent2 {
    margin: 2rem auto 0 auto;
    width: 50%;
}


.customer_rate_holder .rate-parent2 label {
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


.customer_rate_holder .rate-parent2 p {
    text-align: center;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    font-size: 16px;
    margin-bottom: 1rem;
}


.customer-rate-review-text {

    width: 80%;
    margin: 2rem auto 1rem auto;
}


.customer-rate-review-text label {
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    margin-bottom: 0.5rem;
}


.customer-rate-review-text textarea {
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee;
    padding: 1rem 1rem 1rem 2rem;
    border-radius: 10px;
}


.customer-rate-send {

    background-color: #ffdf00;
    color: #0b0b0b;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    padding: 0.5rem 2rem;
    display: block;
    margin: 2rem auto 2rem auto;
    border-radius: 10px;
}

/* Customer Rate Page Style */



.profile-tabs-swiper {
    width: 100%;
    margin-bottom: 20px;
}

.profile-tabs-swiper .swiper-slide {
    width: auto !important;
}

.profile-tabs-swiper .nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 25px;
    background: white;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

.profile-tabs-swiper .nav-link.active {
    background: #ffdf00;
    color: #0b0b0b;
    border-color: #ffdf00;
}

.profile-tabs-swiper .nav-link:hover {
    background: #f8f9fa;
}

.profile-tabs-swiper .nav-link.active:hover {
    background: #f5c400;
}

/* تحسين أزرار التنقل في Swiper */
.profile-tabs-swiper .swiper-button-next,
.profile-tabs-swiper .swiper-button-prev {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.profile-tabs-swiper .swiper-button-next:after,
.profile-tabs-swiper .swiper-button-prev:after {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}


.similar_videos_holder {

    position: absolute;
    bottom: 20px;
    left: 12rem;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px;
    border-radius: 8px;
    font-size: 14px;
    z-index: 10
}


.similar_videos_holder a {

    color:#fff;
    text-decoration: none;
}

.public-profile-login-sections {

    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: background-color 0.2s;
    direction: rtl;
}


.public-profile-login-sections .method {

    text-align: center;
    width: 85%;
    
}


.auction-details {

    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    padding: 1rem;
}


.auction-details-parent {

    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 2rem;
}


.auction-details-parent p {

    width: 30%;
    margin-top: 1rem;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "slnt" 0;

}


.join-auction-button {

    margin: 2rem auto;
    display: flex;
    justify-content: center;
    
}


.join-auction-button button {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    float: right;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
   
}



.auctions_requests_page {

    margin-top: 2rem;
}


.auctions_requests_page .title {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    text-align: center;
}


.auctions_requests_page .requests_list {

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2rem;
}


.auctions_requests_page .request_item {

    width: 30%;
    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 2rem;
}


.auctions_requests_page .request_item img {

    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    margin: auto;
    
}


.auctions_requests_page .header-request {

    border-bottom: 1px solid #eee;
    padding: 1rem 0;
    margin-bottom: 1rem;
}


.auctions_requests_page .request-body p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 0.5rem;
}


.auctions-entry-requests-table td {

    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}


.wallet-parent {

    margin-top: 2rem;
}


.wallet-parent .wallet-amount {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    text-align: center;
}


.wallet-parent .wallet-actions-btn {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}


.wallet-parent .wallet-actions-btn button {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    padding: 0.8rem 1.5rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;

}



.wallet-recharge-form {

    direction: rtl;
}


.wallet-recharge-form label {

    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 5px;
}



.wallet-recharge-form input {

    box-shadow: 0 3px 5px 1px rgba(115, 102, 255, 0.1) !important;
    border: 1px solid #eee;
    padding: 1rem 1rem 1rem 2rem;

}

.wallet-recharge-form .btn-actions {

    margin-top: 1rem;
}



.wallet-recharge-form .btn-actions button {

    background-color: #ffdf00 !important;
    color: #0b0b0b;
    float: right;
    padding: 0.5rem 2rem;
    border-radius: 10px;
    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    margin-right: 0.5rem;

}


.wallet-transactions {

    margin-top: 2rem;
}


.wallet-transactions #home-tab, .wallet-transactions #profile-tab{

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    color: #000;

}


.wallet-transactions #myTab .active {

    background-color: #ffdf00 !important;
    color: #0b0b0b !important;
}


.wallet-transactions table th, .wallet-transactions table td {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    padding: 1rem;
}


.bank-account-holder .bank-accounts-action{

    display: flex;
    justify-content: space-between;

}


.bank-accounts .bank-account-holder {

    margin-bottom: 1.5rem;
}



.bank-account-holder p {

    font-family: "Cairo";
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.del-bank-account {

    color: red;
    cursor: pointer;
}


/* ========================================
   Auction Pages Styles
======================================== */

.auction-page {
    min-height: 100vh;
    background: linear-gradient(135deg, #f8fafc 0%, #fff 50%, #eef2ff 100%);
    padding: 1.5rem;
    direction: rtl;
    font-family: "Cairo", sans-serif;
}

.auction-page * {
    box-sizing: border-box;
}

/* Auction Container */
.auction-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Auction Header */
.auction-header {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.auction-header-right {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.auction-header-left {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Status Badge */
.auction-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.8rem;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 600;
}

.auction-status-badge.live {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.auction-status-badge.waiting {
    background: #fef3c7;
    color: #d97706;
    border: 1px solid #fde68a;
}

.auction-status-badge.ended {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.auction-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation: pulse 1.5s ease-in-out infinite;
}

.auction-status-badge.live .auction-status-dot {
    background: #dc2626;
}

.auction-status-badge.waiting .auction-status-dot {
    background: #d97706;
}

.auction-status-badge.ended .auction-status-dot {
    background: #64748b;
    animation: none;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Auction Title */
.auction-title {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

/* Connection Status */
.auction-connection {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.7rem;
    color: #64748b;
}

.auction-connection-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #94a3b8;
}

.auction-connection-dot.connected {
    background: #22c55e;
}

/* Timer */
.auction-timer {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: #eef2ff;
    color: #4f46e5;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid #c7d2fe;
}

.auction-timer svg {
    width: 14px;
    height: 14px;
}

/* Participants Count */
.auction-participants {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: #fff;
    color: #64748b;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    font-size: 0.75rem;
    border: 1px solid #e2e8f0;
}

.auction-participants svg {
    width: 14px;
    height: 14px;
}

/* User Info */
.auction-user {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.auction-user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    object-fit: cover;
}

.auction-user-name {
    font-size: 0.75rem;
    font-weight: 500;
    color: #475569;
}

/* Auction Grid */
.auction-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
}

@media (max-width: 992px) {
    .auction-grid {
        grid-template-columns: 1fr;
    }
}

/* Main Content */
.auction-main {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Auction Card */
.auction-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.auction-card-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.auction-card-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.auction-card-subtitle {
    font-size: 0.75rem;
    color: #64748b;
}

.auction-card-body {
    padding: 1.25rem;
}

/* Property Image */
.auction-property-image {
    position: relative;
    aspect-ratio: 16/9;
    background: #f1f5f9;
    overflow: hidden;
}

.auction-property-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.auction-property-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #94a3b8;
    gap: 0.5rem;
}

.auction-property-placeholder svg {
    width: 40px;
    height: 40px;
}

.auction-live-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #dc2626;
    color: #fff;
    padding: 0.3rem 0.8rem;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

.auction-live-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    animation: pulse 1s ease-in-out infinite;
}

/* Property Details */
.auction-property-details {
    padding: 1.25rem;
    border-top: 1px solid #e2e8f0;
}

.auction-property-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.auction-property-location {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 1rem;
}

.auction-property-location svg {
    width: 12px;
    height: 12px;
}

/* Info Chips */
.auction-info-chips {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

@media (max-width: 576px) {
    .auction-info-chips {
        grid-template-columns: repeat(2, 1fr);
    }
}

.auction-info-chip {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem;
}

.auction-info-chip-label {
    font-size: 0.7rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.auction-info-chip-value {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

/* Additional Details */
.auction-property-description {
    margin-top: 1rem;
}

.auction-property-description h4 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.auction-property-description p {
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.7;
    margin: 0;
}

/* Bid History */
.auction-bid-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.auction-bid-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

.auction-bid-item:last-child {
    margin-bottom: 0;
}

.auction-bid-user {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.auction-bid-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
    color: #475569;
}

.auction-bid-info {
    display: flex;
    flex-direction: column;
}

.auction-bid-name {
    font-size: 0.8rem;
    font-weight: 500;
    color: #1e293b;
}

.auction-bid-time {
    font-size: 0.7rem;
    color: #94a3b8;
}

.auction-bid-amount {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.auction-empty-bids {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    color: #94a3b8;
    text-align: center;
}

.auction-empty-bids svg {
    width: 36px;
    height: 36px;
    margin-bottom: 0.75rem;
}

.auction-empty-bids span {
    font-size: 0.75rem;
}

/* Sidebar */
.auction-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Bidding Panel */
.auction-bidding-panel {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.auction-current-price {
    padding: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.auction-price-label {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.auction-price-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.auction-price-min {
    font-size: 0.7rem;
    color: #94a3b8;
}

/* Quick Increments */
.auction-quick-increments {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 1rem 1.25rem;
}

.auction-quick-btn {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.6rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s;
    font-family: "Cairo", sans-serif;
}

.auction-quick-btn:hover:not(:disabled) {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #4f46e5;
}

.auction-quick-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Bid Input */
.auction-bid-input-wrapper {
    padding: 0 1.25rem 1rem;
}

.auction-bid-input-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.5rem;
    display: block;
}

.auction-bid-input-container {
    position: relative;
}

.auction-bid-input {
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #1e293b;
    font-family: "Cairo", sans-serif;
    transition: all 0.2s;
}

.auction-bid-input:focus {
    outline: none;
    border-color: #a5b4fc;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.auction-bid-input:disabled {
    background: #f8fafc;
    cursor: not-allowed;
}

.auction-bid-input-suffix {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.75rem;
    color: #94a3b8;
}

.auction-bid-input-hint {
    font-size: 0.7rem;
    color: #94a3b8;
    margin-top: 0.4rem;
}

/* Submit Button */
.auction-submit-btn {
    width: 100%;
    padding: 0.85rem;
    background: #4f46e5;
    border: 1px solid #4f46e5;
    border-radius: 8px;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s;
    font-family: "Cairo", sans-serif;
    margin: 0 1.25rem 1rem;
}

.auction-submit-btn:hover:not(:disabled) {
    background: #4338ca;
}

.auction-submit-btn:disabled {
    background: #cbd5e1;
    border-color: #cbd5e1;
    cursor: not-allowed;
}

.auction-submit-btn svg {
    width: 16px;
    height: 16px;
}

.auction-submit-btn .spinner {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Waiting Notice */
.auction-waiting-notice {
    margin: 0 1.25rem 1rem;
    padding: 0.75rem;
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 8px;
    font-size: 0.75rem;
    color: #92400e;
}

/* Auction Info Summary */
.auction-info-summary {
    margin: 0 1.25rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem;
}

.auction-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    font-size: 0.75rem;
}

.auction-info-row:not(:last-child) {
    border-bottom: 1px solid #e2e8f0;
}

.auction-info-row dt {
    color: #64748b;
}

.auction-info-row dd {
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.auction-info-row dd.approved {
    color: #16a34a;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.auction-info-row dd.approved::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
}

/* Support Card */
.auction-support-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.auction-support-card p {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0 0 0.75rem 0;
    line-height: 1.6;
}

.auction-support-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #4f46e5;
    text-decoration: none;
    transition: color 0.2s;
}

.auction-support-link:hover {
    color: #4338ca;
}

.auction-support-link svg {
    width: 14px;
    height: 14px;
}

/* Notification Toast */
.auction-notification {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    font-size: 0.8rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateX(-50%) translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
}

.auction-notification.success {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
}

.auction-notification.error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.auction-notification.info {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

.auction-notification-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

/* ========================================
   Access Login Page Styles
======================================== */

.auction-access-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8fafc 0%, #fff 50%, #eef2ff 100%);
    padding: 1.5rem;
    direction: rtl;
    font-family: "Cairo", sans-serif;
}

.auction-access-container {
    width: 100%;
    max-width: 1040px;
}

.auction-access-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

.auction-access-header {
    padding: 1.75rem 2rem;
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
}

.auction-access-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.8rem;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #4f46e5;
    margin-bottom: 1rem;
}

.auction-access-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4f46e5;
    animation: pulse 1.5s ease-in-out infinite;
}

.auction-access-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.auction-access-subtitle {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

/* Form Styles */
.auction-access-body {
    padding: 1.75rem 2rem;
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .auction-access-body {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

.auction-access-panel {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 100%;
}

.auction-access-panel.session {
    background: #fff;
    border-color: #c7d2fe;
    box-shadow: 0 8px 30px rgba(79, 70, 229, 0.08);
}

.auction-access-panel.alternative {
    background: #fff7ed;
    border-color: #fdba74;
}

.auction-panel-header {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.auction-panel-header h2 {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.auction-panel-header p {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

.auction-panel-badge {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    align-self: flex-start;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #4338ca;
    background: rgba(79, 70, 229, 0.1);
}

.auction-panel-badge.secondary {
    color: #0f172a;
    background: rgba(15, 23, 42, 0.08);
}

.auction-panel-badge.accent {
    color: #b45309;
    background: rgba(234, 179, 8, 0.12);
}

.auction-panel-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.auction-panel-list li {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: #475569;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
}

.auction-panel-list li span {
    color: #64748b;
}

.auction-panel-list li strong {
    color: #0f172a;
    font-weight: 600;
}

.session-btn {
    width: 100%;
}

.auction-panel-note {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

.auction-access-form {
    display: flex;
    flex-direction: column;
}

.auction-form-group {
    margin-bottom: 1.25rem;
}

.auction-form-label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.5rem;
}

.auction-form-input {
    width: 100%;
    padding: 0.85rem 1rem;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9rem;
    color: #1e293b;
    font-family: "Cairo", sans-serif;
    transition: all 0.2s;
}

.auction-form-input::placeholder {
    color: #94a3b8;
}

.auction-form-input:focus {
    outline: none;
    border-color: #a5b4fc;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.auction-form-input.error {
    border-color: #fca5a5;
}

.auction-form-input.error:focus {
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
}

.auction-form-error {
    font-size: 0.75rem;
    color: #dc2626;
    margin-top: 0.4rem;
}

/* Buttons */
.auction-form-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

@media (min-width: 480px) {
    .auction-form-actions {
        flex-direction: row;
    }
}

.auction-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.85rem 1.5rem;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    font-family: "Cairo", sans-serif;
    text-decoration: none;
}

.auction-btn-primary {
    background: #4f46e5;
    border: 1px solid #4f46e5;
    color: #fff;
}

.auction-btn-primary:hover:not(:disabled) {
    background: #4338ca;
}

.auction-btn-primary:disabled {
    background: #cbd5e1;
    border-color: #cbd5e1;
    cursor: not-allowed;
}

.auction-btn-secondary {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.auction-btn-secondary:hover {
    background: #f8fafc;
}

.auction-btn svg {
    width: 16px;
    height: 16px;
}

.auction-google-btn {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #0f172a;
    font-weight: 600;
}

.auction-google-btn:hover:not(:disabled) {
    background: #f8fafc;
}

.auction-google-btn svg {
    width: 18px;
    height: 18px;
}

.auction-alternative-group {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.auction-phone-row {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 540px) {
    .auction-phone-row {
        flex-direction: row;
        align-items: center;
    }

    .auction-phone-row .auction-form-input {
        flex: 1;
    }
}

.auction-phone-verify {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.auction-feedback {
    font-size: 0.75rem;
    border-radius: 10px;
    padding: 0.6rem 0.8rem;
    line-height: 1.4;
}

.auction-feedback.success {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.auction-feedback.error {
    background: rgba(248, 113, 113, 0.12);
    color: #b91c1c;
}

/* Info Box */
.auction-access-info {
    margin: 0 2rem 1.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem 1.25rem;
}

.auction-access-info-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.75rem 0;
}

.auction-access-info-title svg {
    width: 16px;
    height: 16px;
    color: #4f46e5;
}

.auction-access-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.auction-access-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.auction-access-info-list li:last-child {
    margin-bottom: 0;
}

.auction-access-info-list li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #a5b4fc;
    flex-shrink: 0;
    margin-top: 0.5rem;
}

/* Footer */
.auction-access-footer {
    padding: 1.25rem 2rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.auction-access-footer p {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0;
}

.auction-access-footer a {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #4f46e5;
    text-decoration: none;
}

.auction-access-footer a:hover {
    color: #4338ca;
}

.auction-access-footer a svg {
    width: 14px;
    height: 14px;
}

/* ========================================
   Access Denied Page Styles
======================================== */

.auction-denied-header {
    padding: 1.75rem 2rem;
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
}

.auction-denied-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.8rem;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.auction-denied-badge.indigo {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    color: #4f46e5;
}

.auction-denied-badge.amber {
    background: #fef3c7;
    border: 1px solid #fde68a;
    color: #d97706;
}

.auction-denied-badge.slate {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.auction-denied-badge.blue {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
}

.auction-denied-badge.rose {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #e11d48;
}

.auction-denied-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    animation: pulse 1.5s ease-in-out infinite;
}

.auction-denied-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.auction-denied-subtitle {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

/* Content */
.auction-denied-content {
    padding: 1.75rem 2rem;
    display: flex;
    gap: 1.25rem;
}

.auction-denied-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auction-denied-icon.indigo {
    background: #eef2ff;
    color: #4f46e5;
}

.auction-denied-icon.amber {
    background: #fef3c7;
    color: #d97706;
}

.auction-denied-icon.slate {
    background: #f1f5f9;
    color: #64748b;
}

.auction-denied-icon.blue {
    background: #eff6ff;
    color: #2563eb;
}

.auction-denied-icon.rose {
    background: #fff1f2;
    color: #e11d48;
}

.auction-denied-icon svg {
    width: 24px;
    height: 24px;
}

.auction-denied-body {
    flex: 1;
}

.auction-denied-message {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.7;
    margin-bottom: 1rem;
}

.auction-denied-access-time {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    padding: 1rem;
}

.auction-denied-access-time-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #1e40af;
    margin-bottom: 0.5rem;
}

.auction-denied-access-time-header svg {
    width: 14px;
    height: 14px;
}

.auction-denied-access-time p {
    font-size: 0.75rem;
    color: #1d4ed8;
    margin: 0;
}

/* Footer */
.auction-denied-footer {
    padding: 1.25rem 2rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.auction-denied-footer .auction-btn {
    flex: 1;
    min-width: 150px;
}

/* ========================
   Videos Action Buttons Responsive
   ======================== */

/* Tablets */
@media (max-width: 768px) {
    .videos-btn-section {
        padding-left: 3px;
        gap: 4px;
    }
}

/* Mobile Devices */
@media (max-width: 480px) {
    .videos-btn-section {
        padding-left: 2px;
        gap: 3px;
        max-height: calc(100% - 180px);
    }
}

/* Small Mobile (iPhone SE, etc.) */
@media (max-width: 375px) {
    .videos-btn-section {
        padding-left: 1px;
        gap: 2px;
        max-height: calc(100% - 200px);
    }
}