/*
====================================----------------------------------------------
=====                                                                       ======
=====                   HOME PAGE/FRONT PAGE/INDEX.HTML PAGE                ======
=====                                                                       ======
====================================----------------------------------------------
*/





body {
    background: #f3f3f3;
}

.main_wrapper {
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 0px 14px 0px #ccc;
    background: white;
    padding: 15px;
}

/*============ {1} Top header section ==============*/
.top-header-section {
    background-color: #12364F;
    color: #fff;
    font-size: 0.85em;
}

.top-header-section .contact-info span {
    white-space: nowrap; /* Prevents contact info from breaking onto new lines too early */
}

.top-header-section .contact-info i {
    color: #f7d05f; /* Golden/orange icon color */
}

.top-header-section .quick-links .btn {
    background-color: #f7d05f; /* Golden/orange button */
    border-color: #f7d05f;
    color: #333;
    font-weight: bold;
    padding: 5px 12px;
}

.top-header-section .quick-links .btn:hover {
    background-color: #e0b44a;
    border-color: #e0b44a;
}

.top-header-section .dropdown-menu {
    background-color: #557599; /* Match header background */
    border: none;
}

.top-header-section .dropdown-menu .dropdown-item {
    color: #fff;
}

.top-header-section .dropdown-menu .dropdown-item:hover {
    background-color: #6a8ba6; /* Slightly lighter blue-gray on hover */
    color: #fff;
}


/*============ {2} Main header section ==============*/
.main-header-section {
    background-color: #ffffff; /* White background */
    border-bottom: 1px solid #e0e0e0;
}

.main-header-section .branding h1 {
    font-size: 1.8em;
    color: #2e4a6d; /* Dark blue from image */
    font-weight: bold;
}

.main-header-section .branding p {
    font-size: 0.9em;
    color: #666;
}

.main-header-section .search-bar .form-control {
    border-color: #ced4da;
    border-right: none;
    border-radius: 0.25rem 0 0 0.25rem; /* Rounded left side */
    padding: 0.5rem 1rem;
    height: auto; /* Allow height to adjust */
}

.main-header-section .search-bar .btn-primary {
    background-color: #2e4a6d; /* Dark blue button from image */
    border-color: #2e4a6d;
    border-radius: 0 0.25rem 0.25rem 0; /* Rounded right side */
    padding: 0.5rem 1rem;
    height: auto; /* Allow height to adjust */
}

.main-header-section .search-bar .btn-primary:hover {
    background-color: #213c59; /* Slightly darker on hover */
    border-color: #213c59;
}


/*============ {3} Main navigation ==============*/
/* 
          See --->>> menu.css
 */


/*============ {4} student profile (page- single-student.html) ==============*/
.center-section {
    height: 100vh; /* Full viewport height */
    background-color: #f8f9fa; /* Light background color */
}
/* .center-image - ডুপ্লিকেট। প্রথম সংজ্ঞাই যথেষ্ট। */
.center-image {
    max-width: 100%;
    width: 300px;
    height: auto;
    border-radius: 14px;
    box-shadow: 9px 28px 30px 10px #3c373714;
}
.student_info_wrapper {
    border: 2px solid #efefef;
    border-radius: 5px;
    padding: 15px;
}






/*============ {5} Students list (page- student.html) ==============*/
.student_pic {
    width: 70px;
    height: auto;
    display: flex;
    margin: 0 auto;
}
.table {
    width: 100%; /* Ensures the table takes full width */
    text-align: center; /* Centers text horizontally */
}

.table td, .table th {
    vertical-align: middle; /* Centers content vertically */
}

.table img {
    display: block; /* Centers the image */
    margin: 0 auto; /* Centers the image horizontally */
}
.table tbody tr:nth-child(odd) {
    background-color: #f2f2f2; /* Light gray for odd rows */
}

.table tbody tr:nth-child(even) {
    background-color: #ffffff; /* White for even rows */
}

/*============ {6} Contact us (page- contact.html) ==============*/
/* Custom CSS for Contact Form */

.contact-section {
    padding: 50px 0;
}

/* Contact Info Section */
.contact-info p {
    margin-bottom: 0.5rem;
}
.contact-label {
    font-weight: 600; /* লেবেলের ফন্ট ওয়েট */
    font-size: 0.95rem; /* লেবেলের ফন্ট সাইজ */
    color: #343a40; /* লেবেলের রঙ */
}
.contact-address,
.contact-email,
.contact-phone {
    font-size: 0.9rem; /* ঠিকানা, ইমেইল, ফোন নম্বরের ফন্ট সাইজ */
    color: #6c757d; /* টেক্সটের রঙ */
}


/* Form Controls (Input fields & Textarea) */
.form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.9rem; /* ফন্ট সাইজ কমানো */
    border-bottom: 1px solid #dee2e6; /* বর্ডার শুধু নিচে থাকবে */
    background-color: transparent; /* ইনপুট ফিল্ডের ব্যাকগ্রাউন্ড স্বচ্ছ */
}

.form-control:focus {
    box-shadow: none; /* ফোকাস করলে ডিফল্ট বুটস্ট্র্যাপ শ্যাডো সরিয়ে দিন */
    border-color: #dee2e6; /* ফোকাস করলে বর্ডার কালার ধরে রাখা */
}

textarea.form-control {
    min-height: 100px; /* টেক্সট এরিয়ার সর্বনিম্ন উচ্চতা */
    resize: vertical; /* শুধু উল্লম্বভাবে রিসাইজ করার অনুমতি দিন */
}


/* Send Message Button */
.send-message-btn {
    background-color: #f7a44f; /* স্ক্রিনশট থেকে নেওয়া বোতামের রঙ */
    border-color: #f7a44f;
    color: #fff;
    padding: 10px 30px;
    font-size: 1rem;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.send-message-btn:hover {
    background-color: #e6913e; /* হোভারে একটু গাঢ় রঙ */
    border-color: #e6913e;
    color: #fff;
}

/* Follow Us Section */
.follow-us-text {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.social-links a {
    color: #6c757d; /* ধূসর রঙ */
    text-decoration: none;
    margin-right: 15px;
    font-weight: 500;
    font-size: 0.9rem;
}

.social-links a:hover {
    color: #007bff; /* হোভারে বুটস্ট্র্যাপ প্রাইমারি কালার */
}

/*============ {7} Single teacher page (page- teacher.html) ==============*/
.single_teacher_info_wrapper{
    border: 2px solid #efefef;
    border-radius: 5px;
    padding: 15px;
}

/*============ {8} Chairman page ==============*/
.chairman_info_wrapper{
    border: 2px solid #efefef;
    border-radius: 5px;
    padding: 15px;
}

/*============ {9} Login/Registration page ==============*/
.form-container {
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 50px 20px;
}

.toggle-btn {
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: #007bff;
    font-weight: bold;
}

/* .form-content */
.form-content {
    display: none;
}

.form-content.active {
    display: block;
}

.social-buttons a {
    margin: 0 10px;
}

.form-title {
    margin: 35px;
}
.login_regi_button {
    background-color: #dddddd6e;
    padding: 8px 25px;
    border-radius: 3px;
    font-weight: normal;
    text-transform: uppercase;
    /* color: #c53939; /* ছবির সাথে না মিললে পরিবর্তন করুন */
}
.login_social_btn {
    background-color: #dddddd6e;
    padding: 5px 20px;
    border-radius: 30px;
    font-weight: normal;
    text-transform: uppercase;
    /* color: #c53939; /* ছবির সাথে না মিললে পরিবর্তন করুন */
    border: 1px solid;
    text-decoration: none;
    margin: 5px;
}

.toggle-btn.active {
    background-color: #ad4f40; /* Change this to your desired active color */
    color: white; /* Optional: Change text color for better contrast */
}
.bellow_social_icon_text{
    margin: 35px;
}
.bellow_login_text{
    padding-top: 20px;
}

/*
==============
Main section left=>>
==============
*/
/* Custom Styles for Main Content and Sidebar */

/* General Card Styling for Sections */
.main-section-card .card-header,
.sidebar-card .card-header {
    padding: 0.75rem 1rem;
    font-weight: 600;
    font-size: 1.1rem;
}

.main-section-card .card-body,
.sidebar-card .card-body {
    padding: 1rem;
}

/* Notice List and Sidebar Links */
.notice-list li,
.sidebar-links li {
    margin-bottom: 0.5rem;
}

.notice-list li a,
.sidebar-links li a {
    color: #333; /* Darker text color for links */
    text-decoration: none;
    transition: color 0.2s ease-in-out;
    /* display: block;  */
    font-size: 14px;
}

.notice-list li a:hover,
.sidebar-links li a:hover {
    color: #007bff; /* Blue on hover */
}

.notice-list .fa-angle-right,
.sidebar-links .fa-angle-right {
    color: #007bff; /* Icon color */
    font-size: 0.9em;
}

/* Unique CSS for Notice Board Section (Matches Helpline Design) */
.main-section-card .card-body {
    padding:16px0;
    background-color: #f8f9fa;
}

.notice-list {
    list-style: none;
    padding: 10px;
    margin: 0;
}

.notice-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #495057;
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    margin-bottom: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in-out;
    display: block;
}

.notice-list li a:hover {
    color: #0056b3;
    background-color: #e9ecef;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.notice-list li a i.fas {
    color: #007bff;
    font-size: 1rem;
    transition: color 0.2s;
}

.notice-list li a:hover i.fas {
    color: #0056b3;
}

.notice-list li a span.notice-text {
    flex-grow: 1;
    font-weight: 500;
    margin-left: 10px;
}

.view-all-btn {
    font-size: 0.9em;
    font-weight: 600;
    margin-top: -10px;
    margin-bottom: 10px;
}







/* View All Button */
.view-all-btn {
    font-size: 0.9rem;
    padding: 0.2rem 0.5rem;
    color: #666;
}

.view-all-btn:hover {
    text-decoration: underline;
    color: #0056b3;
}

.academi_list{
    font-size: 11px;
}


/* Specific styling for the Professor Card in Sidebar */
.sidebar-card .profile-card-body {
    background-color: #f8f9fa; /* Light background for the profile card */
    padding-top: 20px;
    padding-bottom: 20px;
}

.sidebar-card .profile-img {
    object-fit: cover;
    width: 150px;
}

.profile-card-body {
    padding: 20px;
}

.profile-img {
    border: 2px solid #ddd;
}
.profile_title{
    font-size: 16px;
}


/* Unique Professional Profile Widget Styles */
.profile-widget {
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}

.profile-widget-body {
    padding: 25px 15px;
    display: flex;
    flex-direction: column; /* Vertically stack image and info */
    align-items: center; /* Center items horizontally */
}

.profile-image-wrapper {
	position: relative;
	width: 135px;
	height: 135px;
	margin-bottom: 15px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
	transition: transform 0.3s ease-in-out;
	padding: 5px;
}

.profile-image-wrapper:hover {
    transform: scale(1.05); /* Slight zoom on hover */
}

.profile-widget-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.profile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Dark overlay */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.profile-image-wrapper:hover .profile-overlay {
    opacity: 1; /* Show overlay on hover */
}

.profile-details-btn {
    font-size: 0.85rem;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #007bff;
    border-color: #007bff;
}

.profile-details-btn:hover {
    background-color: #007bff;
    color: white;
}

.profile-info {
    width: 100%; /* Ensure info takes full width */
}

.profile-name {
    font-size: 1.3rem;
    color: #212529;
    font-weight: 700;
}

.profile-designation {
    font-size: 0.95rem;
    color: #6c757d;
    font-weight: 400;
}

.profile-message {
    font-style: italic;
    font-size: 0.8rem;
    color: #888;
    line-height: 1.5;
    margin-top: 10px;
}



/* Unique CSS for National Helpline Section */
.sidebar-card .card-body {
    padding: 25px;
    background-color: #f8f9fa; /* A subtle, professional background color */
}

.sidebar-card .list-unstyled {
    list-style: none;
    
    margin: 0;
}

.helpline-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #495057; /* Darker text for readability */
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #dee2e6; /* A subtle border */
    margin-bottom: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in-out;
}

.helpline-link:hover {
    color: #0056b3;
    background-color: #e9ecef;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.helpline-link i.fas {
    color: #007bff;
    font-size: 1rem;
    transition: color 0.2s;
}

.helpline-link:hover i.fas {
    color: #0056b3;
}

.helpline-text {
    flex-grow: 1;
    font-weight: 500;
    margin-left: 10px; /* Space between icon and text */
}

.helpline-number {
	font-size: 12px;
	font-weight: bold;
	color: #212529;
	padding: 3px 10px;
	background-color: #e2e6ea;
	border-radius: 4px;
	transition: all 0.2s;
}

.helpline-link:hover .helpline-number {
    color: #ffffff;
    background-color: #0056b3;
}

.helpline-group-title {
    font-size: 1rem;
    font-weight: 600;
    color: #6c757d;
    padding: 10px 15px 5px 15px;
    margin: 15px 0 5px 0;
}



/* National help line */
.unique-links-body {
    padding: 10px;
    background-color: #f8f9fa; /* Light background for the links area */
}

.unique-link-item {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #495057;
	padding: 5px 0px 5px 15px;
	margin: 15px 18px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.unique-link-item:hover {
    transform: translateY(-3px); /* Lift effect on hover */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    color: #007bff; /* Primary color on hover */
}

.unique-link-icon-box {
    font-size: 13px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Make icon box a circle */
    background-color: #e9ecef; /* Light gray background for icon */
    color: #007bff; /* Blue color for icon */
    margin-right: 15px;
    flex-shrink: 0;
}

.unique-link-text {
    flex-grow: 1;
    font-weight: 500;
}



/* Responsive Adjustments */
@media (max-width: 767.98px) {
    /* Stack columns on small screens by default in Bootstrap */
    .main-content-area .col-md-8,
    .main-content-area .col-md-4 {
        margin-bottom: 1.5rem; /* Add some space between stacked columns */
    }
}


/* Styling for helpline group titles within the sidebar */
.helpline-group-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #495057; /* A slightly darker color for readability */
    padding-left: 10px;
    margin-bottom: 5px;
    margin-top: 15px;
}

/*
==============
Footer =====>>
==============
*/

/* Footer Styles */
.main-footer {
    background-color: #213259; /* Dark blue background from image */
    color: #fff; /* White text for the footer */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-top: 50px;
}

.footer-heading {
    color: #ff914d; /* Orange heading color from image */
    font-size: 1.3em;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

/* Optional: Underline effect for headings similar to image */
.footer-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px; /* Length of the underline */
    height: 3px;
    background-color: #ff914d; /* Orange underline color */
}

.footer-links li,
.contact-info li {
    margin-bottom: 10px; /* Space between list items */
}

.footer-links a,
.contact-info li {
    color: #f0f0f0; /* Light white color for links and info text */
    text-decoration: none;
    transition: color 0.2s ease;
    display: flex; /* For icon alignment */
    align-items: flex-start; /* Align icon and text at the top if text wraps */
}

.footer-links a:hover {
    color: #ffd8a8; /* Lighter orange on hover */
}

.footer-links i,
.contact-info i {
    color: #ff914d; /* Orange icon color */
    margin-right: 8px;
    font-size: 0.9em;
    flex-shrink: 0; /* Prevent icon from shrinking */
    padding-top: 3px; /* Adjust icon vertical alignment if needed */
}

.footer-divider {
    border-color: rgba(255, 255, 255, 0.2); /* Light transparent divider */
    margin-top: 20px;
    margin-bottom: 20px;
}

.copyright-text {
    color: #cccccc; /* Lighter gray for copyright text */
    font-size: 0.9em;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .footer-heading {
        font-size: 1.2em;
        margin-bottom: 15px;
    }
    .footer-heading::after {
        width: 40px; /* Shorter underline on small screens */
    }
    .footer-links li,
    .contact-info li {
        font-size: 0.95em;
    }
    .main-footer .col-sm-6.mb-4:nth-child(even) {
        /* On small screens, if two columns stack per row, add margin between them */
        padding-left: 15px; /* Adjust as needed */
    }
}

@media (max-width: 575.98px) {
    .main-footer .col-sm-6.mb-4 {
        /* On extra small screens, stack all columns, add full bottom margin */
        margin-bottom: 20px;
    }
}

.bottom_footer {
	background-color: #FF914D;
	width: 98%;
	padding: 10px 10px;
	margin: 0 auto;
}
.copyright-text {
	color: black;
	font-size: 16px;
	font-weight: bold;
}



/*
====================================----------------------------------------------
=====                                                                       ======
=====                   BLOG  PAGE                                       ======
=====                                                                       ======
====================================----------------------------------------------
*/




/* General Post Styling */
.single-post-area {
    background-color: #f8f9fa; /* Light gray background */
}

.single-post-card {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.post-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #343a40;
}

.post-meta-info .meta-item {
    font-size: 0.9rem;
    color: #6c757d;
}

.post-content {
    line-height: 1.8;
    color: #495057;
    font-size: 1.1rem;
}

.post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.post-tags-cats {
    font-size: 0.9rem;
    color: #6c757d;
}

/* Comments Section Styling */
.comments-section {
    background-color: #fff;
    border: 1px solid #e9ecef;
}

.comments-title {
    font-size: 1.8rem;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}





/* Comments Section Styling */
.comments-area {
    background-color: #fff;
    border: 1px solid #e9ecef;
}

.comments-title {
    font-size: 1.8rem;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Comment Form Styling */
.comment-respond {
    margin-top: 30px;
}

.comment-respond .comment-reply-title {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.comment-form .form-control {
    border-radius: 0.25rem;
}

.comment-form .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

.comment-form .btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

/* Comment List Styling */
.comment-list .comment {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    border: 1px solid #e9ecef;
    display: flex;
}

.comment-list .comment-author {
    margin-bottom: 10px;
}

.comment-list .comment-author .avatar {
    border-radius: 50%;
    margin-right: 15px;
}

.comment-list .comment-meta {
    font-size: 0.8rem;
    color: #6c757d;
}

.comment-list .comment-meta a {
    color: #6c757d;
    text-decoration: none;
}

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

.comment-list .comment-content {
    margin-top: 10px;
}

.comment-list .reply {
    font-size: 0.9rem;
    text-align: right;
}






/*
====================================----------------------------------------------
=====                                                                       ======
=====                   TEACHER  PAGE                                       ======
=====                                                                       ======
====================================----------------------------------------------
*/
/* Basic Reset and Typography */
/* * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f7f9;
    color: #333;
    line-height: 1.6;
}
 */
/* --- Global Styles --- */
/* --- Global Styles --- */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.section-title {
    text-align: center;
    margin-bottom: 30px;
    color: #0056b3;
}

/* --- Teacher Card Design (Desktop) --- */
.teacher-card {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border: none;
    display: flex;
    flex-direction: row; /* ডিফল্টভাবে ছবি বামে এবং কন্টেন্ট ডানে */
    align-items: center;
    gap: 20px;
    padding: 20px;
}

.teacher-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

.teacher-image-container {
    flex-shrink: 0;
}

.teacher-image-container img {
    height: 250px;
    border-radius: 8px;
    object-fit: cover;
}

.card-body {
    flex-grow: 1;
}

/* --- Teacher Title Design --- */
.teacher_title {
    background-image: linear-gradient(to right, #ffafbd, #ffc3a0); /* Soft red to soft orange */
    color: #000;
    border-radius: 8px;
    padding: 10px 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

/* --- Teacher Info Items Design --- */
.teacher-info-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* ডেস্কটপে ৩ কলাম */
    gap: 20px;
    margin-top: 20px;
}

.teacher-info-item {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.teacher-info-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.info-icon {
    font-size: 1.5rem;
    color: #ffafbd;
    margin-right: 15px;
}

.info-content {
    display: flex;
    flex-direction: column;
}

.info-label {
    font-size: 0.9rem;
    color: #6c757d;
    font-weight: 500;
}

.info-value {
    font-size: 14px;
    color: #343a40;
}