.elementor-2016 .elementor-element.elementor-element-94cdec0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2016 .elementor-element.elementor-element-94cdec0:not(.elementor-motion-effects-element-type-background), .elementor-2016 .elementor-element.elementor-element-94cdec0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2016 .elementor-element.elementor-element-7dee3b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2016 .elementor-element.elementor-element-0e0809c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:2px;}.elementor-2016 .elementor-element.elementor-element-eced393{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2016 .elementor-element.elementor-element-eced393:not(.elementor-motion-effects-element-type-background), .elementor-2016 .elementor-element.elementor-element-eced393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFCC;}.elementor-2016 .elementor-element.elementor-element-b637d0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:#FFFFFFCC;--border-color:#FFFFFFCC;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2016 .elementor-element.elementor-element-b637d0a:not(.elementor-motion-effects-element-type-background), .elementor-2016 .elementor-element.elementor-element-b637d0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2016 .elementor-element.elementor-element-737039a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2016 .elementor-element.elementor-element-737039a:not(.elementor-motion-effects-element-type-background), .elementor-2016 .elementor-element.elementor-element-737039a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2016 .elementor-element.elementor-element-b7216da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2016 .elementor-element.elementor-element-b7216da:not(.elementor-motion-effects-element-type-background), .elementor-2016 .elementor-element.elementor-element-b7216da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2016 .elementor-element.elementor-element-4de8c7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2016 .elementor-element.elementor-element-4de8c7a:not(.elementor-motion-effects-element-type-background), .elementor-2016 .elementor-element.elementor-element-4de8c7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2016 .elementor-element.elementor-element-bc1539b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:#000000;}.elementor-2016 .elementor-element.elementor-element-c64adc6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-2016 .elementor-element.elementor-element-0e0809c{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2016 .elementor-element.elementor-element-94cdec0{--content-width:95%;}.elementor-2016 .elementor-element.elementor-element-0e0809c{--width:100%;}}@media(max-width:1024px){.elementor-2016 .elementor-element.elementor-element-7dee3b9{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2016 .elementor-element.elementor-element-0e0809c{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2016 .elementor-element.elementor-element-94cdec0{--content-width:95%;}.elementor-2016 .elementor-element.elementor-element-b637d0a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2016 .elementor-element.elementor-element-737039a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2016 .elementor-element.elementor-element-b7216da{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2016 .elementor-element.elementor-element-4de8c7a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-2016 .elementor-element.elementor-element-bc1539b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2016 .elementor-element.elementor-element-bc1539b .elementor-heading-title{font-size:15px;}}/* Nekit custom element styles *//* --- Custom Controls Styling --- */
.custom-controls-wrapper {
    display: flex;
    background-color: #558B2F; /* Dark green background */
    padding: 15px 20px;
    align-items: center;
    justify-content: flex-start;
    gap: 30px; /* Space between text size and color sections */
    font-family: sans-serif; /* Or your preferred font */
}

.section-label {
    color: white;
    font-size: 1.1em;
    margin-right: 15px;
    font-weight: bold;
}

/* --- Text Size Section --- */
.text-size-section {
    display: flex;
    align-items: center;
}

.text-size-options {
    display: flex;
    gap: 10px;
}

.text-size-option {
    color: white;
    background-color: transparent; /* No background for text size options */
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: transform 0.2s ease-in-out;
}

.text-size-option.small {
    font-size: 1.2em;
}

.text-size-option.medium {
    font-size: 1.5em;
}

.text-size-option.large {
    font-size: 1.8em;
}

.text-size-option:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}

/* --- Color Section --- */
.color-section {
    display: flex;
    align-items: center;
}

.color-options {
    display: flex;
    gap: 8px; /* Space between color boxes */
}

.color-option {
    width: 30px; /* Adjust size of color boxes */
    height: 30px; /* Adjust size of color boxes */
    display: flex;
    justify-content: center;
    align-items: center;
    color: black; /* Default text color for 'C' */
    font-weight: bold;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.1); /* Subtle border for definition */
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.color-option.white {
    background-color: #FFFFFF;
}

.color-option.light-blue {
    background-color: #ADD8E6; /* Light blue */
}

.color-option.dark-gray {
    background-color: #36454F; /* Dark gray */
    color: #FFD700; /* Gold color for 'C' on dark gray */
}

.color-option.cream {
    background-color: #F5DEB3; /* Cream */
}

.color-option:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.color-option.selected {
    border: 2px solid #FFD700; /* Gold border for selected color */
    box-shadow: 0 0 8px rgba(255,215,0,0.5); /* Glowing effect */
}/* Nekit custom element styles ends here */
/* Nekit custom element styles *//* Ensure Font Awesome is loaded for icons */
/* You might need to enqueue Font Awesome in your WordPress theme's functions.php or add it via a plugin */
/* Example for enqueuing in functions.php: */
/*
function enqueue_font_awesome() {
    wp_enqueue_style( 'font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css', array(), '5.15.4', 'all' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
*/

.sharing-section-wrapper {
    font-family: 'Arial', sans-serif; /* Use a font that supports Bengali or your theme's default */
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    justify-content: space-between;
    align-items: flex-start; /* Align items to the top */
    padding: 20px;
    position: relative; /* For absolute positioning of last updated section */
}

.left-sharing-content {
    flex: 1; /* Allows this section to take available space */
    min-width: 300px; /* Minimum width before wrapping */
    padding-right: 20px; /* Space between left and right sections */
}

.sharing-prompt {
    color: #800080; /* Purple color */
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 15px;
}

.social-icons {
    display: flex;
    gap: 10px; /* Space between icons */
    margin-bottom: 20px;
}

.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
   color: white !important; /* Icon color */
    font-size: 1.2em;
    text-decoration: none;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.social-icon:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Specific Social Icon Colors */
.social-icon.facebook { background-color: #3B5998; }
.social-icon.twitter { background-color: #55ACEE; }
.social-icon.whatsapp { background-color: #25D366; }
.social-icon.linkedin { background-color: #007BB5; }
.social-icon.viber { background-color: #7360F2; } /* A guess for Viber's typical color */
.social-icon.messenger { background-color: #0084FF; }
.social-icon.link { background-color: #6C757D; } /* A neutral color for link icon */

.print-icon {
    margin-top: 15px;
}

.print-icon a {
    display: inline-block;
    color: #6C757D; /* Grey color for print icon */
    font-size: 2.5em; /* Adjust size as needed */
    transition: transform 0.2s ease-in-out;
}

.print-icon a:hover {
    transform: scale(1.1);
}

.right-facebook-widget {
    flex-shrink: 0; /* Prevents shrinking */
    width: 150px; /* Fixed width as seen in the image */
    text-align: center;
    border: 1px solid #800080; /* Purple border */
    padding: 10px 5px;
    margin-left: 20px; /* Space between left content and this box */
    box-sizing: border-box; /* Include padding and border in the width */
}

.facebook-link {
    text-decoration: none;
    color: #800080; /* Purple text */
    font-weight: bold;
    display: block; /* Makes the whole area clickable */
}

.facebook-link .bangla-text {
    font-size: 0.9em; /* Adjust font size for the Bangla text */
    line-height: 1.4;
}

.last-updated-section {
    width: 100%; /* Takes full width below other content */
    margin-top: 30px; /* Space between content and line */
    text-align: right; /* Align text to the right */
    position: relative; /* For positioning the HR */
}

.section-divider {
    border: none;
    border-top: 1px solid #ccc; /* Light gray line */
    margin: 0;
    padding: 0;
    width: 100%;
}

.last-updated-text {
    color: #555; /* Darker gray text */
    font-size: 0.9em;
    margin-top: 10px; /* Space between line and text */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sharing-section-wrapper {
        flex-direction: column;
        align-items: center; /* Center items when stacked */
    }

    .left-sharing-content {
        padding-right: 0;
        margin-bottom: 20px;
        text-align: center; /* Center content when stacked */
    }

    .social-icons {
        justify-content: center; /* Center icons */
    }

    .right-facebook-widget {
        margin-left: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .social-icons {
        flex-wrap: wrap; /* Allow social icons to wrap */
        justify-content: center;
    }
    

    

}/* Nekit custom element styles ends here */
/* Nekit custom element styles *//* Ensure Font Awesome is loaded for icons */
/* Add this to your child theme's functions.php or via a plugin: */
/*
function enqueue_font_awesome() {
    wp_enqueue_style( 'font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css', array(), '5.15.4', 'all' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );
*/

/* --- General & Bengali Font --- */
body {
    font-family: 'Arial', sans-serif; /* Or your preferred Bengali-supported font like 'Noto Sans Bengali' */
}

/* --- Section 1: Text Size and Color Controls (from f.JPG) --- */
.custom-controls-wrapper {
    display: flex;
    background-color: #558B2F; /* Dark green background */
    padding: 15px 20px;
    align-items: center;
    justify-content: flex-start;
    gap: 30px; /* Space between text size and color sections */
    margin-bottom: 20px; /* Add margin below this section */
}

.custom-controls-wrapper .section-label {
    color: white;
    font-size: 1.1em;
    margin-right: 15px;
    font-weight: bold;
}

/* --- Text Size Section --- */
.text-size-section {
    display: flex;
    align-items: center;
}

.text-size-options {
    display: flex;
    gap: 10px;
}

.text-size-option {
    color: white;
    background-color: transparent; /* No background for text size options */
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: transform 0.2s ease-in-out;
}

.text-size-option.small {
    font-size: 1.2em;
}

.text-size-option.medium {
    font-size: 1.5em;
}

.text-size-option.large {
    font-size: 1.8em;
}

.text-size-option:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}

/* --- Color Section --- */
.color-section {
    display: flex;
    align-items: center;
}

.color-options {
    display: flex;
    gap: 8px; /* Space between color boxes */
}

.color-option {
    width: 30px; /* Adjust size of color boxes */
    height: 30px; /* Adjust size of color boxes */
    display: flex;
    justify-content: center;
    align-items: center;
    color: black; /* Default text color for 'C' */
    font-weight: bold;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.1); /* Subtle border for definition */
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.color-option.white {
    background-color: #FFFFFF;
}

.color-option.light-blue {
    background-color: #ADD8E6; /* Light blue */
}

.color-option.dark-gray {
    background-color: #36454F; /* Dark gray */
    color: #FFD700; /* Gold color for 'C' on dark gray */
}

.color-option.cream {
    background-color: #F5DEB3; /* Cream */
}

.color-option:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.color-option.selected {
    border: 2px solid #FFD700; /* Gold border for selected color */
    box-shadow: 0 0 8px rgba(255,215,0,0.5); /* Glowing effect */
}

/* --- Section 2: Content Sharing and Facebook Link (from s.JPG) --- */
.sharing-section-wrapper {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    justify-content: space-between;
    align-items: flex-start; /* Align items to the top */
    padding: 20px;
    position: relative; /* For absolute positioning of last updated section if desired */
    margin-bottom: 20px; /* Add margin below this section */
}

.left-sharing-content {
    flex: 1; /* Allows this section to take available space */
    min-width: 300px; /* Minimum width before wrapping */
    padding-right: 20px; /* Space between left and right sections */
}

.sharing-prompt {
    color: #800080; /* Purple color */
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 15px;
}

.social-icons {
    display: flex;
    gap: 10px; /* Space between icons */
    margin-bottom: 20px;
    flex-wrap: wrap; /* Allow icons to wrap on small screens */
}

.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; /* Icon color */
    font-size: 1.2em;
    text-decoration: none;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.social-icon:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Specific Social Icon Colors */
.social-icon.facebook { background-color: #3B5998; }
.social-icon.twitter { background-color: #55ACEE; }
.social-icon.whatsapp { background-color: #25D366; }
.social-icon.linkedin { background-color: #007BB5; }
.social-icon.viber { background-color: #7360F2; } /* A guess for Viber's typical color */
.social-icon.messenger { background-color: #0084FF; }
.social-icon.link { background-color: #6C757D; } /* A neutral color for link icon */

.print-icon-s { /* Unique class for print icon in this section */
    margin-top: 15px;
}

.print-icon-s a {
    display: inline-block;
    color: #6C757D; /* Grey color for print icon */
    font-size: 2.5em; /* Adjust size as needed */
    transition: transform 0.2s ease-in-out;
}

.print-icon-s a:hover {
    transform: scale(1.1);
}

.right-facebook-widget {
    flex-shrink: 0; /* Prevents shrinking */
    width: 150px; /* Fixed width as seen in the image */
    text-align: center;
    border: 1px solid #800080; /* Purple border */
    padding: 5px 5px; /* Adjusted padding as per your request */
    margin-left: 20px; /* Space between left content and this box */
    box-sizing: border-box; /* Include padding and border in the width */
}

.facebook-link {
    text-decoration: none;
    color: #800080; /* Purple text */
    font-weight: bold;
    display: block; /* Makes the whole area clickable */
}

.facebook-link .bangla-text {
    font-size: 0.9em; /* Adjust font size for the Bangla text */
    line-height: 1.4;
}

.last-updated-section {
    width: 100%; /* Takes full width below other content */
    margin-top: 30px; /* Space between content and line */
    text-align: right; /* Align text to the right */
    position: relative; /* For positioning the HR */
}

.section-divider {
    border: none;
    border-top: 1px solid #ccc; /* Light gray line */
    margin: 0;
    padding: 0;
    width: 100%;
}

.last-updated-text {
    color: #555; /* Darker gray text */
    font-size: 0.9em;
    margin-top: 10px; /* Space between line and text */
}

/* --- Section 3: Notice Section (from ff.JPG) --- */
.notice-section-wrapper {
    font-family: 'Arial', sans-serif; /* Or your preferred Bengali-supported font */
    padding: 20px;
    background-color: #fff; /* White background */
    border-bottom: 1px solid #eee; /* Subtle bottom border if needed */
    margin-bottom: 20px; /* Add margin below this section */
}

.notice-heading {
    font-size: 1.5em;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.notice-description {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.5;
}

.pdf-list {
    list-style: none; /* Remove default bullet points */
    padding: 0;
    margin: 0;
}

.pdf-list li {
    margin-bottom: 10px; /* Space between list items */
    display: flex; /* Use flexbox for vertical alignment of bullet and icon */
    align-items: center;
}

.pdf-list li::before {
    content: "\2022"; /* Unicode character for a solid bullet point */
    color: #333; /* Color of the bullet */
    display: inline-block;
    width: 1em; /* Space for the bullet */
    margin-right: 0.5em;
    font-size: 1.2em; /* Adjust bullet size */
}

.pdf-link {
    text-decoration: none; /* Remove underline from links */
    display: inline-block; /* Allows vertical-align to work better */
    line-height: 0; /* Helps align the image with the bullet */
}

.pdf-icon-inline {
    width: 18px; /* Adjust size of PDF icon as needed */
    height: 18px;
    vertical-align: middle; /* Align icon nicely with text line */
    transition: transform 0.2s ease-in-out;
}

.pdf-link:hover .pdf-icon-inline {
    transform: scale(1.1); /* Slightly enlarge icon on hover */
}

/* --- Section 4: Document List Table (from pdh.JPG) --- */
.document-table-wrapper {
    margin: 20px 0;
    overflow-x: auto; /* Enable horizontal scrolling on small screens */
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
}

.document-table-wrapper .table-title {
    font-size: 1.6em;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.document-table-wrapper table {
    width: 100%;
    border-collapse: collapse; /* Collapse borders for a clean look */
    min-width: 700px; /* Ensure table doesn't get too narrow before scrolling */
}

.document-table-wrapper th,
.document-table-wrapper td {
    border: 1px solid #eee;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
    font-size: 0.95em;
    color: #333;
}

.document-table-wrapper thead th {
    background-color: #f2f2f2;
    font-weight: bold;
    color: #555;
    text-transform: uppercase;
}

.document-table-wrapper tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* Zebra striping */
}

.document-table-wrapper tbody tr:hover {
    background-color: #eaf6ff; /* Highlight row on hover */
}

.download-cell {
    white-space: nowrap; /* Prevent PDF icons from wrapping */
    text-align: center; /* Center the download icons */
}

.download-cell img {
    width: 20px; /* Size of the PDF download icon */
    height: 20px;
    vertical-align: middle;
    margin: 0 2px; /* Space between multiple PDF icons */
    transition: transform 0.2s ease-in-out;
}

.download-cell img:hover {
    transform: scale(1.2);
}


/* --- Section 5: PDF Viewer Section (from retgrr.JPG) --- */
.pdf-viewer-section {
    padding: 25px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 20px 0;
    text-align: center; /* Center the title and description */
}

.pdf-viewer-title {
    font-size: 1.8em;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.pdf-viewer-description {
    font-size: 1.1em;
    color: #666;
    margin-bottom: 25px;
    line-height: 1.6;
}

.pdf-embed-wrapper {
    position: relative;
    width: 100%;
    /* Maintain aspect ratio for the PDF viewer (e.g., 75% for 4:3, 141.4% for A4 portrait) */
    padding-bottom: 75%; /* Adjust this percentage based on your PDF's aspect ratio */
    height: 0;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-bottom: 25px;
}

.pdf-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pdf-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
    flex-wrap: wrap; /* Allow buttons to wrap */
}

.pdf-action-button {
    background-color: #4CAF50; /* Green for download */
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    min-width: 120px; /* Ensure buttons have a minimum width */
    justify-content: center;
}

.pdf-action-button:hover {
    background-color: #45a049;
    transform: translateY(-2px);
}

.pdf-action-button .fas {
    font-size: 1.1em;
}

.pdf-action-button.print-button {
    background-color: #007BFF; /* Blue for print */
}

.pdf-action-button.print-button:hover {
    background-color: #0056b3;
}


/* --- Global Responsive Adjustments for ALL sections --- */
@media (max-width: 768px) {
    /* Section 1: Text Size and Color Controls */
    .custom-controls-wrapper {
        flex-direction: column;
        align-items: center;
        padding: 10px 15px;
        gap: 20px;
    }
    .custom-controls-wrapper .section-label {
        margin-right: 0;
        margin-bottom: 5px;
        text-align: center;
        width: 100%;
    }
    .text-size-section,
    .color-section {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .text-size-options,
    .color-options {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }
    .text-size-option.small { font-size: 1.1em; }
    .text-size-option.medium { font-size: 1.4em; }
    .text-size-option.large { font-size: 1.7em; }
    .color-option { width: 28px; height: 28px; }

    /* Section 2: Content Sharing and Facebook Link */
    .sharing-section-wrapper {
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }
    .left-sharing-content {
        padding-right: 0;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
        min-width: unset;
    }
    .social-icons {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .print-icon-s { /* Use specific class for this print icon */
        margin-top: 10px;
    }
    .right-facebook-widget {
        margin-left: 0;
        margin-bottom: 20px;
        width: 180px;
        padding: 15px 10px;
    }
    .facebook-link {
        font-size: 1.1em;
    }
    .last-updated-section {
        margin-top: 20px;
        text-align: center;
    }

    /* Section 3: Notice Section */
    .notice-section-wrapper {
        padding: 15px;
    }
    .notice-heading {
        font-size: 1.3em;
        text-align: center;
    }
    .notice-description {
        font-size: 1em;
        text-align: center;
        margin-bottom: 15px;
    }
    .pdf-list li {
        margin-bottom: 8px;
    }
    .pdf-list li::before {
        font-size: 1.1em;
        margin-right: 0.4em;
    }
    .pdf-icon-inline {
        width: 16px;
        height: 16px;
    }

    /* Section 4: Document List Table */
    .document-table-wrapper {
        padding: 10px;
    }
    .document-table-wrapper table {
        min-width: 500px; /* Adjust min-width for mobile table if needed */
    }
    .document-table-wrapper th,
    .document-table-wrapper td {
        padding: 8px;
        font-size: 0.9em;
    }
    .download-cell img {
        width: 18px;
        height: 18px;
    }

    /* Section 5: PDF Viewer Section */
    .pdf-viewer-section {
        padding: 15px;
    }
    .pdf-viewer-title {
        font-size: 1.6em;
    }
    .pdf-viewer-description {
        font-size: 1em;
    }
    .pdf-embed-wrapper {
        padding-bottom: 100%; /* Often better for mobile, makes it square */
    }
    .pdf-actions {
        flex-direction: column;
        align-items: center;
    }
    .pdf-action-button {
        width: 80%; /* Make buttons wider */
    }
}

@media (max-width: 480px) {
    /* Further adjustments for very small mobile devices */

    /* Section 1: Custom Controls */
    .custom-controls-wrapper {
        padding: 8px 10px;
        gap: 15px;
    }
    .section-label { font-size: 1em; }
    .text-size-option.small { font-size: 1em; }
    .text-size-option.medium { font-size: 1.3em; }
    .text-size-option.large { font-size: 1.6em; }
    .color-option { width: 25px; height: 25px; }

    /* Section 2: Content Sharing */
    .sharing-prompt { font-size: 1em; }
    .social-icons { gap: 8px; }
    .social-icon { width: 38px; height: 38px; font-size: 1.1em; }
    .print-icon-s a { font-size: 2em; }
    .right-facebook-widget {
        width: 150px;
        padding: 10px 5px;
    }
    .facebook-link .bangla-text { font-size: 0.85em; }
    .last-updated-text { font-size: 0.8em; }

    /* Section 3: Notice Section */
    .notice-section-wrapper { padding: 10px; }
    .notice-heading { font-size: 1.2em; }
    .notice-description { font-size: 0.95em; }
    .pdf-list li { margin-bottom: 5px; }

    /* Section 4: Document List Table */
    .document-table-wrapper { padding: 5px; }
    .document-table-wrapper th,
    .document-table-wrapper td {
        padding: 6px;
        font-size: 0.85em;
    }
    .download-cell img {
        width: 16px;
        height: 16px;
    }

    /* Section 5: PDF Viewer Section */
    .pdf-viewer-section { padding: 10px; }
    .pdf-viewer-title { font-size: 1.4em; }
    .pdf-viewer-description { font-size: 0.9em; }
    .pdf-action-button { width: 90%; }
}/* Nekit custom element styles ends here */