.elementor-865 .elementor-element.elementor-element-cbda1a4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-865 .elementor-element.elementor-element-e732a9c{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-865 .elementor-element.elementor-element-3a41ba0{--display:flex;}.elementor-865 .elementor-element.elementor-element-ac80ad4{--display:flex;}.elementor-865 .elementor-element.elementor-element-6b54440{--display:flex;}.elementor-865 .elementor-element.elementor-element-eae8a71{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-font-size:1rem;--n-tabs-title-color:var( --e-global-color-primary );}.elementor-865 .elementor-element.elementor-element-eae8a71.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:capitalize;font-style:normal;}.elementor-865 .elementor-element.elementor-element-d208252{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-865 .elementor-element.elementor-element-d208252{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-865 .elementor-element.elementor-element-d208252{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-39251c5 *//* 1. The Scroll Container */
.responsive-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
}

/* 2. Table Styling */
.basecamp-contact-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Montserrat', sans-serif; /* Matches your site */
    font-size: 14px;
    min-width: 500px; /* Prevents squishing on very small phones */
}

/* 3. Header Styling */
.basecamp-contact-table th {
    background-color: var(--e-global-color-secondary); /* Your brand color */
    color: #ffffff;
    text-align: left;
    padding: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* 4. Cell Styling */
.basecamp-contact-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
    color: #333;
}

/* 5. Zebra Striping for readability */
.basecamp-contact-table tr:nth-child(even) {
    background-color: #fafafa;
}

/* 6. Hover effect */
.basecamp-contact-table tr:hover {
    background-color: #f1f1f1;
}

/* Mobile Specific: Ensures long phone numbers don't break lines */
@media (max-width: 767px) {
    .basecamp-contact-table td {
        white-space: nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-299b4d1 */@media screen and (max-width: 767px) {
    /* Force table elements to block (stacking) */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tbody, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table th, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        display: block;
        width: 100%;
    }

    /* Hide the main table header */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Style the individual "cards" */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        background: #fdfdfd;
    }

    /* Add spacing and line breaks inside the cells */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 8px 0;
        text-align: left;
    }

    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:last-child {
        border-bottom: none;
    }

    /* Inject the column labels back in for mobile */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(1):before { content: "SN: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(2):before { content: "NAME: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(3):before { content: "DESIGNATION: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(4):before { content: "CONTACT 1: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(5):before { content: "CONTACT 2: "; font-weight: bold; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39251c5 *//* 1. The Scroll Container */
.responsive-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
}

/* 2. Table Styling */
.basecamp-contact-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Montserrat', sans-serif; /* Matches your site */
    font-size: 14px;
    min-width: 500px; /* Prevents squishing on very small phones */
}

/* 3. Header Styling */
.basecamp-contact-table th {
    background-color: var(--e-global-color-secondary); /* Your brand color */
    color: #ffffff;
    text-align: left;
    padding: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* 4. Cell Styling */
.basecamp-contact-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
    color: #333;
}

/* 5. Zebra Striping for readability */
.basecamp-contact-table tr:nth-child(even) {
    background-color: #fafafa;
}

/* 6. Hover effect */
.basecamp-contact-table tr:hover {
    background-color: #f1f1f1;
}

/* Mobile Specific: Ensures long phone numbers don't break lines */
@media (max-width: 767px) {
    .basecamp-contact-table td {
        white-space: nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-299b4d1 */@media screen and (max-width: 767px) {
    /* Force table elements to block (stacking) */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tbody, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table th, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        display: block;
        width: 100%;
    }

    /* Hide the main table header */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Style the individual "cards" */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        background: #fdfdfd;
    }

    /* Add spacing and line breaks inside the cells */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 8px 0;
        text-align: left;
    }

    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:last-child {
        border-bottom: none;
    }

    /* Inject the column labels back in for mobile */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(1):before { content: "SN: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(2):before { content: "NAME: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(3):before { content: "DESIGNATION: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(4):before { content: "CONTACT 1: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(5):before { content: "CONTACT 2: "; font-weight: bold; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39251c5 *//* 1. The Scroll Container */
.responsive-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
}

/* 2. Table Styling */
.basecamp-contact-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Montserrat', sans-serif; /* Matches your site */
    font-size: 14px;
    min-width: 500px; /* Prevents squishing on very small phones */
}

/* 3. Header Styling */
.basecamp-contact-table th {
    background-color: var(--e-global-color-secondary); /* Your brand color */
    color: #ffffff;
    text-align: left;
    padding: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* 4. Cell Styling */
.basecamp-contact-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
    color: #333;
}

/* 5. Zebra Striping for readability */
.basecamp-contact-table tr:nth-child(even) {
    background-color: #fafafa;
}

/* 6. Hover effect */
.basecamp-contact-table tr:hover {
    background-color: #f1f1f1;
}

/* Mobile Specific: Ensures long phone numbers don't break lines */
@media (max-width: 767px) {
    .basecamp-contact-table td {
        white-space: nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-299b4d1 */@media screen and (max-width: 767px) {
    /* Force table elements to block (stacking) */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tbody, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table th, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        display: block;
        width: 100%;
    }

    /* Hide the main table header */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Style the individual "cards" */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        background: #fdfdfd;
    }

    /* Add spacing and line breaks inside the cells */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 8px 0;
        text-align: left;
    }

    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:last-child {
        border-bottom: none;
    }

    /* Inject the column labels back in for mobile */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(1):before { content: "SN: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(2):before { content: "NAME: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(3):before { content: "DESIGNATION: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(4):before { content: "CONTACT 1: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(5):before { content: "CONTACT 2: "; font-weight: bold; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39251c5 *//* 1. The Scroll Container */
.responsive-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
}

/* 2. Table Styling */
.basecamp-contact-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Montserrat', sans-serif; /* Matches your site */
    font-size: 14px;
    min-width: 500px; /* Prevents squishing on very small phones */
}

/* 3. Header Styling */
.basecamp-contact-table th {
    background-color: var(--e-global-color-secondary); /* Your brand color */
    color: #ffffff;
    text-align: left;
    padding: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* 4. Cell Styling */
.basecamp-contact-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
    color: #333;
}

/* 5. Zebra Striping for readability */
.basecamp-contact-table tr:nth-child(even) {
    background-color: #fafafa;
}

/* 6. Hover effect */
.basecamp-contact-table tr:hover {
    background-color: #f1f1f1;
}

/* Mobile Specific: Ensures long phone numbers don't break lines */
@media (max-width: 767px) {
    .basecamp-contact-table td {
        white-space: nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-299b4d1 */@media screen and (max-width: 767px) {
    /* Force table elements to block (stacking) */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tbody, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table th, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td, 
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        display: block;
        width: 100%;
    }

    /* Hide the main table header */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Style the individual "cards" */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        background: #fdfdfd;
    }

    /* Add spacing and line breaks inside the cells */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 8px 0;
        text-align: left;
    }

    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:last-child {
        border-bottom: none;
    }

    /* Inject the column labels back in for mobile */
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(1):before { content: "SN: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(2):before { content: "NAME: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(3):before { content: "DESIGNATION: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(4):before { content: "CONTACT 1: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-299b4d1 .basecamp-contact-table td:nth-of-type(5):before { content: "CONTACT 2: "; font-weight: bold; }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-eae8a71 */@media screen and (max-width: 767px) {
    /* Force table elements to block (stacking) */
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table, 
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table thead, 
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table tbody, 
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table th, 
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td, 
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table tr {
        display: block;
        width: 100%;
    }

    /* Hide the main table header */
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Style the individual "cards" */
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
        background: #fdfdfd;
    }

    /* Add spacing and line breaks inside the cells */
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 8px 0;
        text-align: left;
    }

    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td:last-child {
        border-bottom: none;
    }

    /* Inject the column labels back in for mobile */
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td:nth-of-type(1):before { content: "SN: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td:nth-of-type(2):before { content: "NAME: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td:nth-of-type(3):before { content: "DESIGNATION: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td:nth-of-type(4):before { content: "CONTACT 1: "; font-weight: bold; }
    .elementor-865 .elementor-element.elementor-element-eae8a71 .basecamp-contact-table td:nth-of-type(5):before { content: "CONTACT 2: "; font-weight: bold; }
}/* End custom CSS */