.dashboard-banner-area-wrapper{
	position: relative;
	width: 100%;
	padding: 70px;
	background: #7763e6;
}
.dashboard-banner-area-start .author-profile-image-and-name {
    position: absolute;
    bottom: -30px;
    left: 60px;
    display: flex;
    align-items: center;
}
.dashboard-banner-area-start .author-profile-image-and-name .profile-pic {
    padding: 10px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
}
.dashboard-banner-area-start .author-profile-image-and-name .profile-pic img {
    transition: 0.3s;
    width: 100%;
    height: 100%;
}
.dashboard-banner-area-start .rating-area-banner-dashboard {
    position: absolute;
    max-width: 235px;
    right: 60px;
    bottom: 35px;
}
.dashboard-banner-area-start .rating-area-banner-dashboard .stars {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
}
.dashboard-banner-area-start .rating-area-banner-dashboard .stars span {
    color: #fff;
    margin-right: 10px;
}
.dashboard-banner-area-start .rating-area-banner-dashboard .stars i {
    color: #FFA41C;
}
.dashboard-banner-area-start .rating-area-banner-dashboard p {
    color: #fff;
    margin-bottom: 15px;
}
.dashboard-banner-area-start .author-profile-image-and-name .name-desig .title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 5px;
}
.dashboard-banner-area-start .author-profile-image-and-name .name-desig .course-vedio {
    display: flex;
    align-items: center;
    gap: 30px;
}
.dashboard-banner-area-start .author-profile-image-and-name .name-desig .course-vedio i {
    color: #fff;
}
.dashboard-banner-area-start .author-profile-image-and-name .name-desig {
    margin-left: 50px;
    margin-top: -50px;
}
.dashboard-banner-area-start .author-profile-image-and-name .name-desig .course-vedio span {
    color: #fff;
    font-weight: 300;
}


.dashboard--area-main{
	position: relative;
	width: 100%;
	padding: 20px 0px 20px;
}
.left-sindebar-dashboard {
    border-radius: 6px;
    border: 1px solid #DDD8F9;
    background: #FFF;
    min-height: auto;
    padding:0px !important;
}
.left-sindebar-dashboard .single-item {
    display:block;
    color: #303030;
    text-decoration: none;
    font-size: 16px;
}
.left-sindebar-dashboard .single-item.active i {
    color:#333s;
}
.left-sindebar-dashboard .single-item i {
    position: absolute;
    left: 15px;
    top: 14px;
    font-size: 18px;
}
.right-sidebar-dashboard1 {
    padding: 0px 20px;
}

.single-dashboard-card1 {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px 15px;
    cursor: pointer;
    transition: box-shadow 0.2s;
    box-shadow: 0 4px 14px rgba(16,24,40,0.08);
}
.single-dashboard-card:hover {
    box-shadow: 0 4px 14px rgba(16,24,40,0.1);
}

.sd-icon {
    width: 50px;
    height: 50px;
    background: #f1f4fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.sd-icon i {
    font-size: 23px;
    color: #2046a3;
}

.sd-value {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 2px;
    line-height: 1;
}

.sd-label {
    font-size: 13px;
    color: #8b93a7;
    font-weight: 500;
}

/* ---- My Profile card ---- */
.right-sidebar-my-profile-dash {
    border-radius: 8px;
    border: 1px solid #e9ecf2;
    padding: 30px;
    background: #fff;
}

.my-single-portfolio-dashed .name {
    flex-basis: 40%;
    color: #110C2D;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
}
.my-single-portfolio-dashed {
    display: flex;
    align-items: flex-start;
    padding-bottom: 15px;
}
.my-single-portfolio-dashed .value {
    flex-basis: 60%;
}
.post-history-area-dashed {
    border-radius: 6px;
    border: 1px solid #DDD8F9;
    padding: 30px;
}
.post-history-area-dashed .table-reviews {
    width: 100%;
    border: 1px solid #DDD8F9;
    border-radius: 6px !important;
}
.post-history-area-dashed table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
    width: 100%;
}
.post-history-area-dashed .table-reviews thead tr th {
    text-transform: capitalize !important;
    color: #110C2D;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.post-history-area-dashed .table-reviews thead tr th {
    padding:10px;
    background: #F9F8FF;
}
.post-history-area-dashed .table-reviews tbody tr td {
    padding: 10px;
}
.post-history-area-dashed .table-reviews tbody tr {
    border-top: 1px solid #DDD8F9;
}
.post-history-area-dashed .table-reviews tbody tr td .information-quiz p.quiz {
    margin-top: 4px;
    margin-bottom: 5px;
    color: #110C2D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.post-history-area-dashed .table-reviews tbody tr td .hold-area .hold-i {
    width: 36px;
    height: 36px;
    background: #F3F1FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    transition: 0.3s;
}
.post-history-area-dashed .table-reviews tbody tr td .hold-area .hold-i i {
    color: var(--color-primary);
    transition: 0.3s;
}
.post-history-area-dashed .table-reviews tbody tr td .hold-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.post-history-area-dashed .table-reviews tbody tr td .hold-area .hold {
    border-radius: 3px;
    border: 1px solid #ED9770;
    background: #FCF0D9;
    padding: 2px 13px;
    color: #ED9770;
}
.right-sidebar-edit-profile-dash{
	position: relative;
	width: 100%;
    border-radius: 6px;
    border: 1px solid #DDD8F9;
    padding: 30px;	
}
.right-sidebar-edit-profile-dash .form-group{
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
.right-sidebar-edit-profile-dash .form-group label{
	position: relative;
	display: block;
	margin-bottom: 5px;
}
.right-sidebar-edit-profile-dash .form-group .form-control{
	position: relative;
	display: block;
	width: 100%;
	height: 44px;
	margin-bottom: 5px;
}	
.right-sidebar-edit-profile-dash .form-group textarea{
	position: relative;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;   
    min-height: 120px; 
}

.btn-submit-profile {
    position: relative;
    background: #d66630;
    border: none;
    color: #fff;
    padding: 10px 25px;
    border-radius: 6px;
    text-transform: uppercase;
}

.course-information-area .form-label {
  width:100%;
  display: block;
}
.course-information-area input {
  border-radius: 6px;
  width:100%;
 padding: 5px 15px;
  border: 1px solid #DDD8F9;
  height: 44px;
}
.course-information-area select {
  border-radius: 6px;
  width:100%;
 padding: 5px 15px;
  border: 1px solid #DDD8F9;
  height: 44px;
}

.ck-content{
    min-height: 120px;
}
.course-information-area h2{
    font-size: 18px;
}

        .course-information-area .multi-select {
            position: relative;
            width:100%;
        }
        .multi-select .select-box {
            display: block !important;
            padding: 8px 10px !important;
            height: 41px !important;
            font-size:14px !important;
            background: #f8f9ff !important;
            border: 1px solid #ccc !important;
            cursor: pointer !important;
        }
        .multi-select .dropdown-list {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            border: 1px solid #ccc;
            background: #fff;
            max-height: 200px;
            overflow-y: auto;
        }
.multi-select .dropdown-list label {
    display: block;
    padding: 5px 15px;
    cursor: pointer;
    position: relative;
    width: 100%;
    text-align: left;
    line-height: 24px;
    display: inline-block;
}
.multi-select .dropdown-list input[type="checkbox"] {
    height: auto;
    margin-right: 10px;
    width: auto;
    float: left;
    top: 7px;
    position: relative;
}
.select-down {
    position: absolute;
    right: 10px;
    top: 20px;
    height: 8px;
}
.form-group.row{
    margin-bottom: 10px;
}
.course-information-area label {
    width: 100%;
    display: block;
    margin-bottom: .5rem;
}
.btn-submit-records {
    width: auto!important;
    padding: 4px 25px;
    line-height: 24px;
    background: #5884f9;
    color: #fff;
}
.dashboard-left-single-wrapper{
    position: relative;
    width: 100%;
}
.dashboard-left-single-wrapper ul{
    position: relative;
    width: 100%;
    margin:0px;
    padding:0px;
    list-style: none;
}
.dashboard-left-single-wrapper ul li {
    position: relative;
    width: 100%;
    padding: 10px 15px 10px 45px;
    border-bottom: 1px solid #DDD8F9;
    margin: 0px;
    line-height: 28px;
}
.dashboard-left-single-wrapper ul li p{
    position: relative;
    margin: 0px;
}

.dashboard-header{
    width:100%;
    height:72px;
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
    color:#fff;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);
    position:sticky;
    top:0;
    z-index:999;
}

/* LEFT */
.left-section{
    display:flex;
    align-items:center;
    gap:14px;
}

.menu-btn{
    width:42px;
    height:42px;
    border:none;
    border-radius:10px;
    background:rgba(255,255,255,0.1);
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* LOGO */
.logo{
    font-size:20px;
    font-weight:700;
    color:#fff;
}

/* RIGHT */
.right-section{
    display:flex;
    align-items:center;
    gap:14px;
}

/* SEARCH */
.search-box{
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 12px;
    height:40px;
    border-radius:10px;
    background:rgba(255,255,255,0.1);
}

.search-box i{
    color:#cbd5e1;
}

.search-box input{
    border:none;
    outline:none;
    background:transparent;
    color:#fff;
    width:220px;
}

.search-box input::placeholder{
    color:#cbd5e1;
}

/* ICON BUTTON */
.icon-btn{
    width:42px;
    height:42px;
    border:none;
    border-radius:10px;
    background:rgba(255,255,255,0.1);
    color:#fff;
    cursor:pointer;
}

/* PROFILE */
.profile-box{
    display:flex;
    align-items:center;
    gap:10px;
}

.profile-box img{
    width:38px;
    height:38px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,0.3);
}

.profile-box h4{
    font-size:14px;
    margin:0;
    color:#fff;
}

.profile-box span{
    font-size:12px;
    color:#cbd5e1;
}

.left-sidebar-dashboard{
    position:sticky;
    overflow-y:auto;
    top:90px;
    background:linear-gradient(165deg, #2046a3 0%, #16305e 100%);
    color:#fff;
    padding:10px 16px;
    border-radius:14px;
    width:100%;
    max-width:100%;
    min-height:calc(100vh - 130px);
    box-shadow:0 15px 40px -12px rgba(32,70,163,0.35);
    margin-bottom: 20px;
}

.left-sidebar-dashboard::-webkit-scrollbar{
    width:6px;
}
.left-sidebar-dashboard::-webkit-scrollbar-track{
    background:transparent;
}
.left-sidebar-dashboard::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,0.25);
    border-radius:10px;
}
.left-sidebar-dashboard::-webkit-scrollbar-thumb:hover{
    background:rgba(255,255,255,0.4);
}

.dashboard-left-wrapper{
    display:flex;
    flex-direction:column;
}

/* ---- Profile block ---- */
.sidebar-profile{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:8px 10px 22px;
    margin-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,0.12);
}

.profile-avatar-wrap{
    position:relative;
    width:90px;
    height:90px;
    margin-bottom:14px;
}

.profile-avatar{
    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(255,255,255,0.12);
    border:2.5px solid rgba(255,255,255,0.35);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:#fff;
}

.profile-edit-btn{
    position:absolute;
    bottom:-2px;
    right:-2px;
    width:35px;
    height:35px;
    border-radius:50%;
    background:#fff;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    text-decoration:none;
    transition:0.25s;
}

.profile-edit-btn:hover{
    background:#fff;
    color:#2046a3;
    transform:scale(1.08);
}

.profile-name{
    font-size:15.5px;
    font-weight:700;
    color:#fff;
    margin:0 0 4px;
    letter-spacing:0.2px;
}

.profile-role{
    font-size:11.5px;
    font-weight:600;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:#93c5fd;
    background:rgba(59,130,246,0.15);
    padding:3px 12px;
    border-radius:20px;
}

.sidebar-menu{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.sidebar-menu li{
    margin: 0px;
}

.single-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 14px;
    border-radius:8px;
    text-decoration:none;
    color:#dbe4f3;
    transition:0.25s;
    font-weight:500;
}

.single-item i{
    font-size:15px;
    width:20px;
    text-align:center;
    color:#fff;
    transition:0.25s;
}

.single-item p{
    margin:0;
    font-size:14px;
    color: #fff;
    font-weight: 600;
}

.single-item:hover{
    background:rgba(255,255,255,0.08);
    transform:translateX(4px);
    color:#fff;
}

.single-item:hover i{
    color:#fff;
}

.single-item.active{
    background:#3b82f6;
    color:#fff;
    box-shadow:0 6px 16px -4px rgba(59,130,246,0.6);
}

.single-item.active i{
    color:#fff;
}

.single-item.logout{
    margin-top:12px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,0.12);
    color:#fca5a5;
}

.single-item.logout i{
    color:#fca5a5;
}

.single-item.logout:hover{
    background:rgba(239,68,68,0.15);
    color:#fecaca;
}

.single-item.logout:hover i{
    color:#fecaca;
}

@media(max-width:768px){
    .left-sidebar-dashboard{
        position:fixed;
        top:0;
        left:-100%;
        height:100vh;
        min-height:100vh;
        border-radius:0;
        width:280px;
        max-width:85%;
        transition:0.3s;
        z-index:999;
    }
    .left-sidebar-dashboard.open{
        left:0;
    }
}
.ep-wrapper {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
}

.ep-title {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    gap: 8px;
}

.ep-section-label {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.ep-section-label i { font-size: 12px; }

/* Field */
.ep-field { display: flex; flex-direction: column; gap: 5px; }

.ep-field label {
    font-size: 12px;
    font-weight: 500;
    color: #111;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ep-field label span {
    font-size: 11px;
    color: rgba(255,255,255,0.3);
    font-weight: 400;
}

.ep-input {
    width: 100% !important;
    padding: 9px 14px !important;
   border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    color: #333 !important;
    outline: none !important;
    transition: border-color 0.2s, background 0.2s !important;
}

.ep-input::placeholder { color: rgba(255,255,255,0.25); }

.ep-input:focus {
    border-color: #3b82f6;
    background: rgba(255,255,255,0.1);
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}

.ep-textarea {
    resize: none;
    height: 90px;
}

/* File input */
.ep-file {
    width: 100%;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
}

/* Submit */
.ep-submit {
    padding: 12px 28px;
    background: #2563eb;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s;
    width: fit-content;
}
.mp-wrapper {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #ccc;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}

.mp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.mp-title {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin: 0;
}

.mp-edit-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    text-decoration: none;
    transition: opacity 0.2s;
    width: fit-content;
}

.mp-edit-btn:hover { opacity: 0.88; color: #fff; }

.mp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    padding: 20px;
    gap: 12px;
}

.mp-item {
    background: #f8f9ff;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 14px 16px;
}

.mp-item-full { grid-column: 1 / -1; }

.mp-item-label {
    font-size: 11px;
    font-weight: 600;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mp-item-label i { font-size: 11px; }

.mp-item-value {
    font-size: 14px;
    font-weight: 500;
    color: #111;
}
.cc-section-label {
    font-size: 12px;
    font-weight: 600;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8edf8;
}

.cc-field { display: flex; flex-direction: column; gap: 5px; }

.cc-field label {
    font-size: 12px;
    font-weight: 600;
    color: #444;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cc-req { color: #ef4444; font-size: 13px; }

.cc-input {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #111 !important;
    background: #f8f9ff !important;
    outline: none !important;
    transition: border-color 0.2s !important;
    appearance: none !important;
}

.cc-input:focus {
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30,58,138,0.08);
    background: #fff;
}

.cc-input::placeholder { color: #bbb; }

.cc-textarea { resize: none; height: 100px; }

.cc-file {
    width: 100%;
    padding: 8px 12px;
    border: 1.5px dashed #c7d2fe;
    border-radius: 8px;
    font-size: 13px;
    color: #555;
    background: #f8f9ff;
    cursor: pointer;
}

/* Table wrap — x scroll */
.al-table-wrap {
    overflow-x: auto;
}

.al-table-wrap::-webkit-scrollbar {
    height: 5px;
}

.al-table-wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.al-table-wrap::-webkit-scrollbar-thumb {
    background: #c7d2fe;
    border-radius: 10px;
}

.al-table-wrap::-webkit-scrollbar-thumb:hover {
    background: #1e3a8a;
}

/* Table */
.al-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.al-table thead tr {
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
}

.al-table thead th {
    padding: 12px 16px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: left;
}

.al-table tbody tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s;
}

.al-table tbody tr:last-child { border-bottom: none; }
.al-table tbody tr:hover { background: #f8f9ff; }

.al-table tbody td {
    padding: 12px 16px;
    color: #444;
    font-size: 13px;
}

.al-table tbody tr:nth-child(even) td { background: #fafbff; }
.al-table tbody tr:nth-child(even):hover td { background: #f0f4ff; }

/* Download btn */
.al-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s;
}

.al-download-btn:hover { opacity: 0.85; color: #fff; }
.dashboard-heading h2{
    font-size: 20px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 10px;
}


.finance-course-box{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    min-height: 325px;
    padding: 25px 18px 15px;
    color: #fff;
    transition: 0.4s;
    z-index: 1;
}

.finance-course-box:hover{
    transform: translateY(-4px);
}

/* Background Gradients */
.finance-box-1{
    background: linear-gradient(135deg,#4f46e5,#7c3aed);
}

.finance-box-2{
    background: linear-gradient(135deg,#0f766e,#14b8a6);
}

.finance-box-3{
    background: linear-gradient(135deg,#ea580c,#f59e0b);
}

/* Overlay Glow */
.finance-course-overlay{
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    top: -60px;
    right: -60px;
}

/* Content */
.finance-course-content{
    position: relative;
    z-index: 2;
}

.finance-course-icon{
    width: 85px;
    height: 85px;
    border-radius: 24px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin-bottom: 15px;
}

.finance-tag{
    display: inline-block;
    padding: 8px 18px;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 30px;
    font-size: 13px;
    margin-bottom: 20px;
}

.finance-course-content h3{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
}

.finance-course-content p{
    font-size: 13px;
    line-height: 1.2;
    color: rgba(255,255,255,0.88);
    margin-bottom: 20px;
}

/* Footer */
.finance-course-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.finance-info{
    font-size: 14px;
    font-weight: 500;
}

.finance-info i{
    margin-right: 8px;
}

.finance-btn{
    border-radius: 5px;
    background: #fff;
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
    font-size: 13px;
    padding: 6px 15px;
}
.finance-btn i{
    margin-left: 10px;
}

.finance-btn:hover{
    background: #111827;
    color: #fff;
}

.assignment-heading h2{
    font-size: 20px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 10px;
}
.assignment-card{
    background: #fff;
    border-radius: 10px;
    padding: 25px 15px 10px;
    position: relative;
    overflow: hidden;
    transition: 0.4s;
    box-shadow: 0 10px 35px rgba(0,0,0,0.07);
    height: 100%;
}

.assignment-card:hover{
    transform: translateY(-4px);
}

/* Top Border */
.assignment-card-1{
    border-top: 6px solid #7c3aed;
}

.assignment-card-2{
    border-top: 6px solid #14b8a6;
}

.assignment-card-3{
    border-top: 6px solid #f59e0b;
}

/* Top */
.assignment-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

/* Icon */
.assignment-icon{
    width: 55px;
    height: 55px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #fff;
}

.assignment-card-1 .assignment-icon{
    background: linear-gradient(135deg,#4f46e5,#7c3aed);
}

.assignment-card-2 .assignment-icon{
    background: linear-gradient(135deg,#0f766e,#14b8a6);
}

.assignment-card-3 .assignment-icon{
    background: linear-gradient(135deg,#ea580c,#f59e0b);
}

/* Status */
.assignment-status{
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

.pending{
    background: rgba(124,58,237,0.12);
    color: #7c3aed;
}

.active{
    background: rgba(20,184,166,0.12);
    color: #14b8a6;
}

.completed{
    background: rgba(245,158,11,0.12);
    color: #f59e0b;
}

/* Content */
.assignment-subject{
    display: inline-block;
    margin-bottom: 15px;
    color: #6b7280;
    font-size: 14px;
    font-weight: 600;
}

.assignment-content h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #111827;
}

.assignment-content p{
    color: #6b7280;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* Footer */
.assignment-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.assignment-date{
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;
}

.assignment-date i{
    margin-right: 8px;
}

/* Button */
.assignment-btn{
    padding: 6px 16px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.assignment-card-1 .assignment-btn{
    background: linear-gradient(135deg,#4f46e5,#7c3aed);
}

.assignment-card-2 .assignment-btn{
    background: linear-gradient(135deg,#0f766e,#14b8a6);
}

.assignment-card-3 .assignment-btn{
    background: linear-gradient(135deg,#ea580c,#f59e0b);
}

.assignment-btn:hover{
    opacity: 0.9;
    color: #fff;
}