@import url('https://images/about-college/NS1STH.jpg'); /* الصورة */ .table-image { text-align: center; margin-bottom: 25px; } .table-image img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); } /* الحاوية */ .table-container { overflow-x: auto; margin: 30px 0; } /* الجدول */ .custom-table { width: 100%; border-collapse: collapse; font-family: 'Cairo', sans-serif; direction: rtl; font-size: 17px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); border-radius: 12px; overflow: hidden; } /* الهيدر */ .custom-table thead { background: linear-gradient(135deg, #477085, #5f8fa6); color: #fff; } .custom-table th { padding: 18px; font-size: 19px; font-weight: 700; } /* الخلايا */ .custom-table td { padding: 15px; border-bottom: 1px solid #eee; } /* صفوف */ .custom-table tbody tr:nth-child(even) { background-color: #f8fbfc; } .custom-table tbody tr:hover { background-color: #edf5f8; transition: 0.3s; } /* الاسم */ .custom-table td:first-child { font-weight: 600; color: #333; } /* موبايل */ @media (max-width: 768px) { .custom-table thead { display: none; } .custom-table, .custom-table tbody, .custom-table tr, .custom-table td { display: block; width: 100%; } .custom-table tr { margin-bottom: 15px; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.06); padding: 12px; } .custom-table td { text-align: right; padding: 10px 12px; border: none; position: relative; } .custom-table td::before { content: attr(data-label); font-weight: 700; color: #477085; display: block; margin-bottom: 6px; font-size: 14px; } }

@import url('https://images/about-college/NS1STH.jpg'); /* الصورة */ .table-image { text-align: center; margin-bottom: 25px; } .table-image img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); } /* الحاوية */ .table-container { overflow-x: auto; margin: 30px 0; } /* الجدول */ .custom-table { width: 100%; border-collapse: collapse; font-family: 'Cairo', sans-serif; direction: rtl; font-size: 17px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); border-radius: 12px; overflow: hidden; } /* الهيدر */ .custom-table thead { background: linear-gradient(135deg, #477085, #5f8fa6); color: #fff; } .custom-table th { padding: 18px; font-size: 19px; font-weight: 700; } /* الخلايا */ .custom-table td { padding: 15px; border-bottom: 1px solid #eee; } /* صفوف */ .custom-table tbody tr:nth-child(even) { background-color: #f8fbfc; } .custom-table tbody tr:hover { background-color: #edf5f8; transition: 0.3s; } /* الاسم */ .custom-table td:first-child { font-weight: 600; color: #333; } /* موبايل */ @media (max-width: 768px) { .custom-table thead { display: none; } .custom-table, .custom-table tbody, .custom-table tr, .custom-table td { display: block; width: 100%; } .custom-table tr { margin-bottom: 15px; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.06); padding: 12px; } .custom-table td { text-align: right; padding: 10px 12px; border: none; position: relative; } .custom-table td::before { content: attr(data-label); font-weight: 700; color: #477085; display: block; margin-bottom: 6px; font-size: 14px; } }

@import url('https://images/about-college/NS1STH.jpg'); /* الصورة */ .table-image { text-align: center; margin-bottom: 25px; } .table-image img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); } /* الحاوية */ .table-container { overflow-x: auto; margin: 30px 0; } /* الجدول */ .custom-table { width: 100%; border-collapse: collapse; font-family: 'Cairo', sans-serif; direction: rtl; font-size: 17px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); border-radius: 12px; overflow: hidden; } /* الهيدر */ .custom-table thead { background: linear-gradient(135deg, #477085, #5f8fa6); color: #fff; } .custom-table th { padding: 18px; font-size: 19px; font-weight: 700; } /* الخلايا */ .custom-table td { padding: 15px; border-bottom: 1px solid #eee; } /* صفوف */ .custom-table tbody tr:nth-child(even) { background-color: #f8fbfc; } .custom-table tbody tr:hover { background-color: #edf5f8; transition: 0.3s; } /* الاسم */ .custom-table td:first-child { font-weight: 600; color: #333; } /* موبايل */ @media (max-width: 768px) { .custom-table thead { display: none; } .custom-table, .custom-table tbody, .custom-table tr, .custom-table td { display: block; width: 100%; } .custom-table tr { margin-bottom: 15px; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.06); padding: 12px; } .custom-table td { text-align: right; padding: 10px 12px; border: none; position: relative; } .custom-table td::before { content: attr(data-label); font-weight: 700; color: #477085; display: block; margin-bottom: 6px; font-size: 14px; } }

@import url('https://images/about-college/NS1STH.jpg'); /* الصورة */ .table-image { text-align: center; margin-bottom: 25px; } .table-image img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); } /* الحاوية */ .table-container { overflow-x: auto; margin: 30px 0; } /* الجدول */ .custom-table { width: 100%; border-collapse: collapse; font-family: 'Cairo', sans-serif; direction: rtl; font-size: 17px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); border-radius: 12px; overflow: hidden; } /* الهيدر */ .custom-table thead { background: linear-gradient(135deg, #477085, #5f8fa6); color: #fff; } .custom-table th { padding: 18px; font-size: 19px; font-weight: 700; } /* الخلايا */ .custom-table td { padding: 15px; border-bottom: 1px solid #eee; } /* صفوف */ .custom-table tbody tr:nth-child(even) { background-color: #f8fbfc; } .custom-table tbody tr:hover { background-color: #edf5f8; transition: 0.3s; } /* الاسم */ .custom-table td:first-child { font-weight: 600; color: #333; } /* موبايل */ @media (max-width: 768px) { .custom-table thead { display: none; } .custom-table, .custom-table tbody, .custom-table tr, .custom-table td { display: block; width: 100%; } .custom-table tr { margin-bottom: 15px; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.06); padding: 12px; } .custom-table td { text-align: right; padding: 10px 12px; border: none; position: relative; } .custom-table td::before { content: attr(data-label); font-weight: 700; color: #477085; display: block; margin-bottom: 6px; font-size: 14px; } }

@import url('https://images/about-college/NS1STH.jpg'); /* الصورة */ .table-image { text-align: center; margin-bottom: 25px; } .table-image img { max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); } /* الحاوية */ .table-container { overflow-x: auto; margin: 30px 0; } /* الجدول */ .custom-table { width: 100%; border-collapse: collapse; font-family: 'Cairo', sans-serif; direction: rtl; font-size: 17px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.08); border-radius: 12px; overflow: hidden; } /* الهيدر */ .custom-table thead { background: linear-gradient(135deg, #477085, #5f8fa6); color: #fff; } .custom-table th { padding: 18px; font-size: 19px; font-weight: 700; } /* الخلايا */ .custom-table td { padding: 15px; border-bottom: 1px solid #eee; } /* صفوف */ .custom-table tbody tr:nth-child(even) { background-color: #f8fbfc; } .custom-table tbody tr:hover { background-color: #edf5f8; transition: 0.3s; } /* الاسم */ .custom-table td:first-child { font-weight: 600; color: #333; } /* موبايل */ @media (max-width: 768px) { .custom-table thead { display: none; } .custom-table, .custom-table tbody, .custom-table tr, .custom-table td { display: block; width: 100%; } .custom-table tr { margin-bottom: 15px; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.06); padding: 12px; } .custom-table td { text-align: right; padding: 10px 12px; border: none; position: relative; } .custom-table td::before { content: attr(data-label); font-weight: 700; color: #477085; display: block; margin-bottom: 6px; font-size: 14px; } }