.elementor-138 .elementor-element.elementor-element-db78875{margin-top:60px;margin-bottom:0px;}.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-138 .elementor-element.elementor-element-c1de21d{text-align:right;}.elementor-138 .elementor-element.elementor-element-c1de21d .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:30px;font-weight:700;color:#137251;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-7558228{width:var( --container-widget-width, 78% );max-width:78%;--container-widget-width:78%;--container-widget-flex-grow:0;text-align:right;font-family:"Cairo", Sans-serif;font-weight:400;color:#3F3F3F;}.elementor-138 .elementor-element.elementor-element-7558228 p{margin-block-end:7px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-138 .elementor-element.elementor-element-efa6026{--divider-border-style:solid;--divider-color:#0000006B;--divider-border-width:1px;}.elementor-138 .elementor-element.elementor-element-efa6026 .elementor-divider-separator{width:100%;}.elementor-138 .elementor-element.elementor-element-efa6026 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-138 .elementor-element.elementor-element-a98ca01{--divider-border-style:solid;--divider-color:#0000006B;--divider-border-width:1px;}.elementor-138 .elementor-element.elementor-element-a98ca01 .elementor-divider-separator{width:100%;}.elementor-138 .elementor-element.elementor-element-a98ca01 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-138 .elementor-element.elementor-element-1883cb5 .elementskit-single-faq .elementskit-faq-title{font-family:"Cairo", Sans-serif;}.elementor-138 .elementor-element.elementor-element-1883cb5 .elementskit-single-faq .elementskit-faq-header{padding:21px 40px 21px 40px;}.elementor-138 .elementor-element.elementor-element-1883cb5 .elementskit-single-faq .elementskit-faq-body{font-family:"Cairo", Sans-serif;padding:30px 40px 30px 40px;}@media(max-width:1024px){.elementor-138 .elementor-element.elementor-element-c1de21d .elementor-heading-title{font-size:26px;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-c1de21d .elementor-heading-title{font-size:24px;}.elementor-138 .elementor-element.elementor-element-7558228{--container-widget-width:333px;--container-widget-flex-grow:0;width:var( --container-widget-width, 333px );max-width:333px;text-align:center;font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-1f38755 *//* Add the Cairo font import */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

/* General container styling */
.bank-rates-table-container {
    font-family: 'Cairo', sans-serif;
    background-color: #f8f9fa; /* Light background for the container */
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin: 30px auto;
    max-width: 900px; /* Adjust max-width as needed */
    direction: rtl; /* RTL support */
    text-align: right;
    overflow: hidden; /* Clear floats */
}

/* Table Header */
.table-header {
    background-color: #137251; /* Blue header background */
    color: #fff;
    padding: 15px 0;
    margin: -30px -30px 25px -30px; /* Extends to container edges */
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.table-header h2 {
    margin: 0;
    font-size: 1.8em;
    font-weight: 700;
    color: #fff
}

.table-header .last-updated {
    font-size: 0.9em;
    opacity: 0.9;
    margin-top: 5px;
    margin-bottom: 0;
}

/* Table Styling */
.table-responsive {
    overflow-x: auto; /* Ensures table is scrollable on small screens */
    margin-bottom: 20px;
}

.bank-rates-table {
    width: 100%;
    border-collapse: collapse; /* Removes double borders */
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden; /* Ensures border-radius applies to table */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.bank-rates-table th,
.bank-rates-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    text-align: right; /* Align text to the right for RTL */
    font-size: 1em;
    color: #333;
}

.bank-rates-table th {
    background-color: #e9ecef; /* Light grey for table headers */
    font-weight: 600;
    color: #555;
    white-space: nowrap; /* Prevent headers from wrapping */
}

.bank-rates-table tbody tr:last-child td {
    border-bottom: none; /* No border for the last row */
}

/* Remove hover effect for table rows */
.bank-rates-table tbody tr:hover:nth-child(odd) {
    background-color: #fff; /* Revert odd rows to white on hover */
}
.bank-rates-table tbody tr:hover:nth-child(even) {
    background-color: #f6f6f6; /* Revert even rows to light grey on hover */
}

/* Currency Column Styling (for tables with flags) */
.bank-rates-table td:first-child {
    /* display: flex and align-items are applied to the td, 
       but the gap and specific text-decoration will be on .currency-link */
    display: flex; /* Make the td a flex container */
    align-items: center; /* Vertically center content */
    /* Removed direct gap here, now handled by .currency-link */
}

/* Styling for the currency links (flag + name) */
.currency-link {
    display: flex; /* Make the link a flex container */
    align-items: center; /* Vertically center content */
    gap: 10px; /* Space between flag and text */
    text-decoration: none; /* REMOVES UNDERLINE */
    color: inherit; /* Inherit text color from parent (td) */
    white-space: nowrap; /* Prevent currency name from wrapping */
}

/* Remove hover effects for the links */
.currency-link:hover,
.currency-link:focus {
    text-decoration: none; /* Ensures no underline on hover/focus */
    color: inherit; /* Ensures text color doesn't change on hover/focus */
}

/* Flag Styling */
.currency-flag {
    width: 28px; /* Standard width for flags */
    height: 21px; /* Maintain aspect ratio (4:3) */
    border: 1px solid #ccc; /* Small border for better definition */
    border-radius: 3px;
    flex-shrink: 0; /* Prevent flag from shrinking */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bank-rates-table-container {
        padding: 20px;
        margin: 20px auto;
        border-radius: 0; /* Remove border-radius on small screens if desired */
    }

    .table-header {
        margin: -20px -20px 20px -20px;
        border-radius: 0;
    }

    .bank-rates-table th,
    .bank-rates-table td {
        padding: 10px;
        font-size: 0.9em;
    }

    .currency-link {
        gap: 8px;
    }

}

@media (max-width: 480px) {
    .table-header h2 {
        font-size: 1.5em;
    }
}

/* Updated Flag Styling */
.currency-flag {
    width: 32px; /* Adjust as needed, but slightly larger than before */
    height: auto; /* Maintain aspect ratio */
    border: 1px solid #ccc;
    border-radius: 3px;
    flex-shrink: 0;
    vertical-align: middle; /* Align the flag vertically with the text */
}/* End custom CSS */