/***** Services Design *****/
.popup-overlay {
display: none; 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background-color: rgba(0, 0, 0, 0.6); 
justify-content: center; 
align-items: center;
}

.popup {
background: #fff; 
border-radius: 10px; 
width: 400px; 
max-width: 90%; 
padding: 20px; 
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
transform: scale(0.8); 
opacity: 0; 
animation: popupOpen 0.3s ease-in-out forwards;
}

.user-topics-list {
list-style-type: none;
padding: 0;
}

.user-topics-list li {
margin-bottom: 20px;
padding: 10px;
border-bottom: 1px solid #eee;
}

.user-topics-list h4 {
margin: 0 0 10px;
font-size: 1.2em;
}

.user-topics-list h4 a {
color: #0073aa;
text-decoration: none;
}

.user-topics-list h4 a:hover {
text-decoration: underline;
}

.topic-excerpt {
margin: 0 0 10px;
color: #555;
font-size: 0.95em;
}

.topic-meta {
margin: 0;
color: #777;
font-size: 0.9em;
}

.topic-meta a {
color: #0073aa;
text-decoration: none;
}

.topic-meta a:hover {
text-decoration: underline;
}

.user-topics-pagination {
margin-top: 20px;
text-align: center;
}

.user-topics-pagination a, .user-topics-pagination span {
display: inline-block;
margin: 0 5px;
padding: 5px 10px;
color: #0F172A;
text-decoration: none;
border: 1px solid #ededed;
border-radius: 10px;
}

.user-topics-pagination a:hover {
background-color: #0F172A;
color: #fff;
}

.user-topics-pagination .current {
background-color: #0F172A;
color: #fff;
border-color: #0F172A;
}

.tt-group-discuss ul.ctdb-topic-table {
background: #ffffff;
border-radius: 10px;
border: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
transition: box-shadow 0.3s ease;
padding-bottom: 30px;
}


.tt-group-discuss ul li.ctdb-topic-table-header {
background: #f5f5f5;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid #dddddd;
}

.tt-group-discuss ul li.ctdb-topic-table-header ul li {
border-right: 1px solid #dddddd;
font-family: 'Poppins';
color: #0F172A;
}

.tt-group-discuss ul li.ctdb-topic-table-header ul li:last-child {
border-right: none;
}

.tt-group-discuss ul li.ctdb-topic-table-header ul li.ctdb-topic-table-topic {
padding-left: 20px;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul li img {
margin-top: 20px;
width: 50px;
height: 50px;
object-fit: cover;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul {
border-bottom: 1px solid #ededed;
display: block;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul li {
padding: 0px 0px 15px 0px;
border: none;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul:last-child {
border: none;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul li p a {
color: #0F172A;
font-size: 16px;
font-family: 'Poppins';
font-weight: 600;
letter-spacing: -0.2px;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul li p a:focus {
outline: none;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul li p {
color: #0F172A;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul li a.ctdb-button {
color: #ff8000;
font-size: 13px;
letter-spacing: 4px;
font-weight: 600;
text-transform: uppercase;
transition: all 0.5s;
}

.tt-group-discuss ul li.ctdb-topic-table-body ul li a.ctdb-button:hover {
color: #0F172A;
}

span.ctdb-topic-table-posted-by {
color: #999999;
font-style: italic;
letter-spacing: 0.3px;
font-family: 'Poppins';
font-size: 12px;
}

ul.ctdb-pagination {
display: flex;
align-items: center;
justify-content: center;
}

ul.ctdb-pagination li a {
color: #0F172A;
text-transform: uppercase;
font-weight: 500;
font-family: 'Poppins';
}

.comment-timeago {
font-weight: normal;
font-size: 12px;
color: #999999;
}

.ctdb-topic-table-replies {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
color: #0F172A;
}

.single-discussion-topics .site-content,
.single-student_info .site-content {
background: #f7f7f7;
}

.single-discussion-topics .site-content .primary,
.single-student_info .site-content .primary {
padding-top: 80px !important;
}

.single-discussion-topics .site-content .primary article,
.single-student_info .site-content .primary article,
.single-discussion-topics .comment-respond {
border-radius: 10px;
border: 1px solid #ededed;
padding: 50px;
background: #ffffff;
}

.single-discussion-topics article h1 {
font-size: 24px;
font-weight: 600;
letter-spacing: -1px;
}

.single-discussion-topics article .entry-meta a,
.single-discussion-topics article .entry-meta span,
.single-discussion-topics article .entry-meta {
font-family: 'Poppins';
color: #999999;
font-size: 13px;
transition: all 0.5s;
}

.single-discussion-topics article .entry-meta a:hover,
.single-discussion-topics article .entry-meta span:hover {
color: #ff8000;
}

.single-discussion-topics article .ctdb-horizontal-meta.ctdb-field-cols-2 {
border: 1px solid #ededed;
border-radius: 10px;
}

.single-discussion-topics article .ctdb-info-avatar img {
width: 50px;
border-radius: 100px;
height: 50px;
object-fit: cover;
}

.single-discussion-topics .comment-body footer.comment-meta .comment-author img {
width: 30px;
border-radius: 100px;
height: 30px;
object-fit: cover;
}

.single-discussion-topics article .ctdb-info-meta-wrap.ctdb-info-cell {
padding: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-weight: 600;
color: #0F172A;
}

.single-discussion-topics .navigation,
.single-student_info .navigation,
.single-discussion-topics article .comment-metadata,
.single-discussion-topics form p.logged-in-as,
.single-discussion-topics .comments-area ul li ul.children span.reply  {
display: none;
}

.single-discussion-topics .comment-body .comment-metadata {
display: block !important;
}

.single-discussion-topics .comment-body .comment-header {
border: none;
padding: 0px;
margin: 0px;
}

.single-discussion-topics .comment-body footer.comment-meta .comment-author {
display: flex;
align-items: center;
gap: 7px;
}

.single-discussion-topics .comment-body footer.comment-meta .comment-author a {
color: #0F172A;
font-weight: 500;
}

.single-discussion-topics .comments-area .comment-list {
border-radius: 10px;
border: 1px solid #ededed;
padding: 30px;
background: #ffffff;
margin-bottom: 20px;
}

.single-discussion-topics .comments-area ul li ul.children {
padding-left: 45px;
}

.single-discussion-topics .comments-area ul li ul.children li {
background: #ffffff;
}

.single-discussion-topics .comments-area ul li ul.children li:last-child {
margin-bottom: 10px;
}

.single-discussion-topics .comments-area ul li ul.children li article {
margin: 0px;
}

.single-discussion-topics .comments-area ul li.comment {
background: rgb(0, 0, 0, 0.02);
padding: 30px;
border-radius: 10px;
margin-bottom: 25px;
}

.single-discussion-topics .comments-area .comment-list li article {
padding: 0px;
border: none;
margin-bottom: 20px;
background: transparent;
}

.ast-separate-container .comment .comment-respond {
margin-top: 20px;
margin-bottom: 20px;
}

#cancel-comment-reply-link {
margin-left: 20px;
font-size: 14px;
color: #e60000;
}

.comment-reply-link {
color: #ff8000;
font-weight: 500;
font-style: italic;
font-size: 14px;
}

.ctdb-comments-area .comment-content {
width: calc(100% - 150px);
padding-top: 5px;
font-size: 14px;
}

.single-discussion-topics form #submit {
background: #02b802;
border-radius: 10px;
padding: 15px 40px;
}

.single-discussion-topics form textarea {
border-radius: 10px !important;
border: 1px solid #ededed;
}

.single-discussion-topics form textarea:focus {
outline: none;
border: 1px solid #02b802;
}

.page-id-1779 .tt-group-discuss p {
text-align: center;
font-size: 20px;
color: #0F172A;
}

.tt-group-discuss #ctdb-new-topic {
background: #ffffff;
padding: 40px;
border-radius: 10px;
}

.tt-group-discuss #ctdb-new-topic form input { 
border: 1px solid #0F172A;
border-radius: 10px;
color: #0F172A;
transition: all 0.5s;
}

.tt-group-discuss #ctdb-new-topic form textarea { 
border: 1px solid #0F172A;
border-radius: 10px;
color: #0F172A;
transition: all 0.5s;
height: 200px;
}

.tt-group-discuss #ctdb-new-topic form textarea:focus,
.tt-group-discuss #ctdb-new-topic form input:focus {
outline: none;
border: 1px solid #02b802;
}

#submit_topic {
background: #02b802;
border: none !important;
color: #ffffff !important;
}

#user-topics-container h3,
#user-profile-update h3,
.wpua-edit-container h3,
h3.batch {
font-size: 24px;
margin-bottom: 10px;
letter-spacing: -1px;
}

#user-topics-container ul {
margin: 0px;
}

#user-topics-container ul li {
padding: 15px 0px 10px 0px;
margin: 0px;
}

#user-topics-container ul li h4 {
font-size: 16px;
}

#user-topics-container ul li h4 a {
color: #0F172A;
}

#user-topics-container .topic-meta a {
color: #ff8000;
}

#user-profile-update form {
margin-bottom: 30px;
border-bottom: 1px solid #ededed;
padding-bottom: 45px;
margin-top: 15px;
}

#user-profile-update form .form-group {
margin-bottom: 15px;
}

#user-profile-update form .form-group label {
display: block;
color: #0F172A;
font-weight: 500;
}

#user-profile-update form .form-group input {
border: 1px solid #0F172A;
border-radius: 10px;
color: #0F172A;
transition: all 0.5s;
width: 100%;
}

#user-profile-update form .form-group input:focus {
outline: none;
border: 1px solid #02b802;
}

#user-profile-update form #update-profile-btn,
.button.button-primary {
background: #02b802 !important;
color: #ffffff;
border: none;
padding: 15px 40px !important;
border-radius: 10px !important;
}

#wpua-upload-button-existing {
display: flex;
align-items: center;
background: rgb(0, 0, 0, 0.03);
border-radius: 10px;
width: fit-content;
padding: 10px 15px;
margin: 0px;
}

#wpua-max-upload-existing,
#wpua-allowed-files-existing {
font-size: 12px;
color: #999999;
letter-spacing: 0.3px;
}

#wpua-preview-existing img,
#wpua-thumbnail-existing img {
max-height: 65px !important;
border: none !important;
}

#wpua-preview-existing span,
#wpua-thumbnail-existing span {
font-size: 12px;
color: #0F172A;
font-weight: 500;
}

#wpua-remove-existing {
background: transparent;
color: #e60000;
padding: 0px;
}

#wpua-undo-existing {
color: #1a53ff;
background: transparent;
padding: 0px;
}

#wpua-upload-existing {
background: #999;
padding: 12px 20px 10px 20px;
border-radius: 10px;
}

.student-info-item {
border-bottom: 1px solid #ededed;
padding-bottom: 15px;
margin-bottom: 15px;
}

.student-info-item:last-child {
border: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

.student-info-item h2 {
font-size: 22px;
letter-spacing: -1px;
margin: 0px;
}

.student-info-item h2 a {
color: #0F172A;
}

.student-info-date {
color: #999999;
font-size: 13px;
font-style: italic;
}

.student-info-excerpt {
margin-top: 10px;
}

.single-student_info h1 {
font-size: 50px;
}

.single-student_info .post-content {
margin-bottom: 30px;
}

.card {
background: #ffffff;
transition: all 0.5s;
}

.card h2 {
border-bottom: 1px solid #ededed;
font-size: 30px;
letter-spacing: -1px;
padding-bottom: 5px;
color: #0F172A;
}

.card h3 {
font-size: 24px;
letter-spacing: -1px;
color: #0F172A;
}

.card h4 {
font-size: 18px;
letter-spacing: -0.5px;
color: #0F172A;
}

.card p {
color: #0F172A;
font-size: 16px;
margin-bottom: 20px;
}

.card strong {
color: #0F172A;
font-size: 16px;
}

.card ul {
margin: 0px 0px 20px 15px;
}

.card ul li {
margin: 0px 0px 5px 0px;
color: #0F172A;
font-size: 16px;
}

.card ul li a {
color: #02B802;
font-weight: bold;
text-decoration: underline;
}

.code-toolbar {
z-index: 0000;
position: relative;
}

.code-toolbar pre {
border-radius: 10px;
padding-bottom: 70px !important;
}

.code-toolbar .toolbar {
width: fit-content;
position: absolute;
margin-top: -45px;
margin-left: 20px;
}

.code-toolbar .toolbar-item {
cursor: pointer;
}

.code-toolbar .toolbar-item:first-child {
display: none;
}

.code-toolbar .toolbar-item a {
color: #02B802;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}

.accordion-item {
border: 1px solid #0F172A;
border-radius: 0px;
background: #ffffff;
position: relative;
z-index: 9;
margin-bottom: 20px;
}

.accordion-header {
background-color: #ffffff;
color: #0F172A;
padding: 20px 25px;
text-align: left;
font-size: 20px;
width: 100%;
cursor: pointer;
outline: none;
transition: all 0.5s;
text-transform: none;
letter-spacing: -0.3px;
border: 0px;
border: none;
font-weight: normal;
}

.accordion-header:after {
content: "︾";
float: right;
top: 2px;
position: relative;
font-size: 16px;
}

.accordion-header:hover,
.accordion-header:active,
.accordion-header:focus {
background-color: #ffffff !important;
border: none;
color: #0F172A;
border: 0px;
outline: none;
border-radius: 0px;
}

.accordion-item.active .accordion-content {
max-height: 200px;
}

.accordion-content {
max-height: 0;
overflow: hidden;
padding: 0px 25px;
transition: all 0.5s;
background-color: #ffffff;
}

.accordion-item.active .accordion-header {
background-color: #ffffff;
border-bottom: 1px solid #0F172A;
margin-bottom: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}