* {
    padding: 0px;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Creato Display', sans-serif;
    letter-spacing: -0.5px;
}



a {
    display: inline-block;
    text-decoration: none !important

}

ul,
li,
ol {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h5,
h6 {
    font-family: 'Creato Display', sans-serif;
    margin-bottom: 0px;
      letter-spacing: 0px;

}

p {
    font-family: 'Creato Display', sans-serif;
    letter-spacing: 0px;
    margin-bottom: 0px;

}

span {
    font-family: 'Creato Display', sans-serif;
    margin-bottom: 0px;
      letter-spacing: 0px;
    

}

strong {
    font-family: 'Creato Display', sans-serif;
    margin-bottom: 0px;

  letter-spacing: -1px;
}

/* fonts.css ya style.css */
/* Regular */
@font-face {
    font-family: "Creato Display";
    src: url("fonts/CreatoDisplay/CreatoDisplay-Regular.otf") format("opentype");
    font-weight: 500;
    font-style: medium;
}

/* Medium */
@font-face {
    font-family: "Creato Display";
    src: url("fonts/CreatoDisplay/CreatoDisplay-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: medium;
}

/* Bold */
@font-face {
    font-family: "Creato Display";
    src: url("fonts/CreatoDisplay/CreatoDisplay-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: medium;
}

/* Black */
@font-face {
    font-family: "Creato Display";
    src: url("fonts/CreatoDisplay/CreatoDisplay-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}


/* ///////////////////////// */
:root {
    /* dashboard css*/
    --bg-body: #FFFFFF;
    --bg-sidebar: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-input: #FFFFFF;
    --bg-section: #FFFFFF;
    

    --bg-hover: #F5F6FA;
    --bg-active-nav: #EDEEF0;
    --bg-search: #EDEEF0;
    --bg-icon-box: #EDEEF0;
    --bg-card-hover: #BDE8F5;
    --bg-icon-hover: #0F2854;
    --profile-skill: #1C4D8D;

    --bg-banner: #0f172a;
    --bg-detail-box: #EDEDED;
    --bg-activity-row: #D2DBE8;
    --password-change-bg: #D2DBE8;
    --bg-lang-options: #F8FAFC;
    --bg-toast: #333333;
    --bg-chat-received: #FFFFFF;
    --bg-chat-sent: #1C4D8D;
    --add-btn-bg: #1C4D8D;

    --text-main: #1F1F26;
    --text-primary: #33323F;
    --profile-avatar: #FFFFFF;
    --details-heading: #33323F;
    --text-secondary: #575866;
    --text-tertiary: #626273;
    --text-muted: #9CA3AF;
    --text-sub: #666666;
    --text-sub: #666666;
    --text-detail: #585858;
    --text-input: #1f2937;
    --text-menu-title: #363966;
    --text-inverse: #FFFFFF;

    --border-light: #e5e7eb;
    --border-medium: #f3f4f6;
    --border-darker: #d1d5db;
    --border-solid: #e6e6e6;
    --doted-border-bottom: #e6e6e6;

    --border-trans-card: #0000001A;
    --dash-list-border: #0000001A;
    --border-trans-btn: #1415261A;
    --border-trans-input: #5856711A;
    --card-border-btn: #1415261A;

    --brand-blue: #1C4D8D;
    --textarea-blue: #1C4D8D;
    --brand-blue-hover: #143A6D;
    --btn-edit: #1C4D8D;

    --skill-icon: #1C4D8D;
    --brand-blue-faint: #1C4D8D33;
    --brand-link: #006FFF;
    --brand-link-hover: #2563eb;

    --chat-hover: #1C4D8D0D;
    --stat-circle-bg: #F0F0F7;
    --chat-input-wrapper: #F0F0F7;

    --status-gold: #D9A218;
    --status-star-icon: #e3ac1a;
    --status-green: #059669;
    --status-green-badge-bg: #26AD6126;
    --status-green-badge-text: #26AD61;
    --status-red: #D91818;
    --status-red-bg: #D9181833;
    --status-logout: #FF2F2F;
    --status-logout-hover: #dc2626;

    --ui-slider-off: #CBD5E1;
    --ui-slider-on: #1C4D8D;
    --header-account: #FFFFFF;
    --account-icon: #141526;
    --card-icon: #141526;
    --chat-border: #d9d9d9;
    --card-btn: #141526;
    --card-btn-text-hover: #141526;

    --scroll-track: #f1f1f1;
    --scroll-thumb: #c1c1c1;
    --scroll-thumb-hover: #a8a8a8;
    --review-text: #575D66;
    --details-profile: #575D66;
    --review-bottam-text: #1C4D8D;

    /* mentor css  */
    --badge-pending-text: #F8A500;
    --badge-pending-bg: #F8A5001A;
    --badge-reject-text: #F80000;
    --badge-reject-bg: #F800001A;
    --badge-accept-bg: #11A8371A;
    --badge-accept-text: #11A837;

    --req-card-bg: #F7F8FA;
    --mini-pagi-border: #E5E7EB;
    --native-border: #6262731A;
    --tag-time: #1C4D8D1A;
    --form-divider: #dfe0e1;
    --close-btn-bid: #7f7f7f;
    --disabled-btn-bg: #C6CED9;
    --gray-box: #D9D9D9;
    --line-color: rgba(0, 0, 0, 0.10);

    --mentor-bg-search: #EDEEF0;
    --mt-stat-online: #1415261A;
    --mt-stat-online-text: #141526;
    --mt-card-hover: #BDE8F5;
    --mt-bid-bg: #F7F8FA;
    --mt-bid-border: none;
    --mt-bid-btn-border: #1415261A;
    --mt-bid-btn-text: #FFFFFF33;
    --mt-select-text: #626273;
    --native-border-second: #6262731A;
    --mt-view-btn: #626273;
    --pagi-disabled: #F9FAFB;
    --bid-form-right-divider: #dfe0e1;
    --mt-details-para-text: #626273;
    --close-bid-points-bg: #1C4D8D1A;
    --balance-card: #F7F8FA;
    --card-gradient: linear-gradient(180deg, #EDEEF0 0%, #B0BFD2 100%);
    --silvar-card-text: #1C4D8D;
    --bid-coins-point-bg: #1C4D8D1A;
    --backdrop-filter-notishse:#E8ECF0 ;
    
    
  

}


/* Dark Theme*/
body.dark-theme {
    /* mentor  */
    --mentor-bg-search: #212226;
    --mt-card-hover: #103642;
    --mt-bid-bg: none;
    --mt-bid-border: #FFFFFF33;
    --mt-bid-btn-border: #FFFFFF33;
    --mt-bid-btn-text: #FFFFFF;
    --mt-stat-online: #FFFFFF33;
    --mt-stat-online-text: #FFFFFF;
    --native-border: #FFFFFF33;
    --native-border-second: #FFFFFF66;
    --mt-select-text: #FFFFFF;
    --mt-view-btn: #FFFFFF;
    --tag-time: #1C4D8D1A;
    --badge-accept-bg: #11A8371A;
    --badge-accept-text: #11A837;
    --pagi-disabled: none;
    --bid-form-right-divider: #43424b;
    --mt-details-para-text: #9b9b9f;
    --close-btn-bid: #FFFFFF;
    --close-bid-points-bg: #4988C433;
    --balance-card: #33323F;
    --card-gradient: linear-gradient(180deg, #273042 0%, #061325 100%);
    --silvar-card-text: #FFFFFF;
    --bid-coins-point-bg: #212226;
    /* student  */
    --bg-body: #05040F;
    --bg-sidebar: #05040F;
    --bg-card: #05040F;
    --bg-input: #1F2937;
    --bg-section: #151921;
    --bg-icon: #FFFFFF1A;
    --account-icon: #FFFFFF;
    --card-icon: #4988C4;
    --header-account: #FFFFFF1A;
    --chat-hover: #4988C433;
    --chat-border: #525159;
    --card-btn: #4988C4;
    --add-btn-bg: #4988C4;
    --skill-icon: #FFFFFF;
    --doted-border-bottom: #504f57;
    --line-color: rgb(80 79 87);
    --details-heading: #FFFFFF;
    --details-profile: #f1f1f1;
    --profile-avatar: #33323F;

    --card-btn-text-hover: #FFFFFF;
    --dash-list-border: #2f2e38;
    --stat-circle-bg: #26252E;
    --status-gold: #936900;
    --review-text: #FFFFFF;
    --review-bottam-text: #BDE8F5;
    --textarea-blue: #FFFFFF33;
    --chat-input-wrapper: none;
    --chat-input-wrapper-border: #FFFFFF33;
    --btn-edit: #33323F;
    --profile-skill: #FFFFFF;
    --password-change-bg: #FFFFFF0D;

    --bg-hover: #2A2F3A;
    --bg-active-nav: #212226;
    --bg-search: #1F2937;
    --bg-icon-box: #232732;
    --bg-card-hover: #11566B;
    --bg-icon-hover: #0F2854;
    --card-border-btn: #4988C44D;


    --bg-banner: #0f172a;
    --bg-detail-box: #232732;
    --bg-activity-row: transparent;

    --bg-lang-options: #1F2937;
    --bg-toast: #FFFFFF;
    --bg-chat-received: transparent;
    --bg-chat-sent: #1C4D8D;

    --text-main: #FFFFFF;
    --text-primary: #E2E8F0;
    --text-secondary: #9CA3AF;
    --text-tertiary: #BCBCBC;
    --text-muted: #6B7280;
    --text-sub: #9b9b9f;
    --list-text-sub: #FFFFFF;
    --text-detail: #D1D5DB;
    --text-input: #F3F4F6;
    --text-menu-title: #8286B2;
    --text-inverse: #FFFFFF;
    --text-skill-title: #666666;
     --text-skill-title: #FFFFFF;

    --border-light: #2D303E;
    --border-medium: #2D303E;
    --border-darker: #4B5563;
    --border-solid: #37363f;

    --border-trans-card: #FFFFFF33;
    --border-trans-btn: #FFFFFF1A;
    --border-trans-input: #FFFFFF33;

    --brand-blue: #3B82F6;
    --brand-blue-hover: #2563EB;
    --brand-blue-faint: #33323F;
    --brand-link: #FFFFFF;
    --brand-link-hover: #93C5FD;

    --status-green: #10B981;
    --status-logout: #FF2F2F;
    --status-logout-hover: #DC2626;

    --ui-slider-off: #475569;
    --ui-slider-on: #3B82F6;

    --scroll-track: #1F2937;
    --scroll-thumb: #4B5563;
    --scroll-thumb-hover: #6B7280;

    --scrollbar-color: #888;
    --scrollbar-bg: #f1f1f1;
  --backdrop-filter-notishse:#05040f;
}