/**
 * 	Definitions
 *  Breakpoints: 1440, 1066, 768, 375
 */


/* GB table*/
.gb_table--table_container {
    position: relative;
    opacity: 0;
}
.gb_table--wrap {
    /* position: relative; */
    width: 100%;
    overflow-x: hidden;
    /* min-width: 360px; */
    border: 1px solid var(--Light-Grey);
}
    .gb_table--wrap.gb_table--scroll {
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .gb_table--wrap.gb_table--scroll::-webkit-scrollbar {
        display: none;
    }

.gb_table--table {
    border-collapse: collapse;
    table-layout: fixed;
    min-width: 100%;
    position: relative;
    width: 100%;
}
    .gb_table--table thead {
        position: relative;
        z-index: 2;
    }
    .gb_table--table tbody {
        position: relative;
        z-index: 1;
    }

.gb_table--table th {
    padding: 15px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700; 
    line-height: 1.5em; 
    letter-spacing: 0.06em;
    color: var(--Black);
    background-color: var(--White);
    border-bottom: 1px solid var(--Light-Grey);
    border-right: 1px solid var(--Light-Grey);
    background-clip: padding-box;
}
    .gb_table--table tr th:last-child {
        border-right: none;
    }
    .gb_table--table tr th:first-child {
        text-align: left;
    }

.gb_table--table td {
    /* position: relative;
    z-index: 1; */
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 350; 
    line-height: 1.5em; 
    letter-spacing: 0.05em;
    color: var(--Dark-Grey);
    background-color: var(--White);
    border-bottom: 1px solid var(--Light-Grey);
    border-right: 1px solid var(--Light-Grey);
    background-clip: padding-box;
}
    .gb_table--table tr td:last-child {
        border-right: none;
    }
    .gb_table--table tr td:first-child {
        text-align: left;
    }
    .gb_table--row_last td {
        border-bottom: none
    }
    .gb_table--splitted {
        display: none;
    }
    .gb_table--scroll .gb_table--splitted {
        display: table-row;
    }
    .gb_table--scroll .gb_table--spanned {
        display: none;
    }

    .gb_table--table tr th.border-right,
    .gb_table--table tr td.border-right {
        border-right: 1px solid var(--Light-Grey);
    }
    .gb_table--table tr th.no-border-bottom,
    .gb_table--table tr td.no-border-bottom {
        border-bottom: none;
    }
    .gb_table--table tr th.align-left,
    .gb_table--table tr td.align-left {
        text-align: left;
    }
    .gb_table--table tr th.align-center,
    .gb_table--table tr td.align-center {
        text-align: center;
    }



    .gb_table--table .col--1 {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        z-index: 10;
        overflow: visible;
        border-right: none;
    }
    .gb_table--table .col--1::after {
        content: "";
        position: absolute;
        right: -1px;
        width: 1px;
        top: 0;
        bottom: 0;
        background: var(--Light-Grey);
    }
    .gb_table--scroll_left .gb_table--scroll .col--1::before {
        content: "";
        position: absolute;
        left: calc(100% + 1px);
        width: 32px;
        top: 0;
        bottom: 0;
        background: linear-gradient(270deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.05) 100%);
        pointer-events: none;
    }
    .gb_table--section td.col--1::before,
    .gb_table--section td.col--1::after {
        display: none;
    }
      

    
    .gb_table--scroll_right .gb_table--scroll::before {
        content: "";
        position: absolute;
        right: 0;
        width: 32px;
        top: 0;
        bottom: 70px;
        background: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 0%, rgba(0, 0, 0, 0.05) 100%);
        pointer-events: none;
        z-index: 4;
    }
    @media (max-width: 500px) {
        .gb_table--scroll_right .gb_table--scroll::before {
            width: 24px;
        }
        .gb_table--scroll_left .gb_table--scroll .col--1::before {
            width: 24px;
        }
    }

.gb_table--table a {
    font-weight: 500;
    text-decoration: underline;
}
@media (hover: hover) {
    .gb_table--table a:hover {
        color: var(--Dark-Violet);
    }
}
    

.gb_table--section td {
    position: relative;
    padding: 16px 15px;
    background: var(--Light-Grey);
    cursor: pointer;
    z-index: 5;

    font-size: 14px;
    font-style: normal;
    font-weight: 500; 
    line-height: 20px; 
    letter-spacing: 0.05em;
    color: var(--Blue);
    border-bottom: 1px solid var(--Table-Border);
    border-right: none;
}

.gb_table--section.gb_table--section_expanded td {
    border-bottom-color: var(--Light-Grey);
}
.gb_table--section_last td {
    border-bottom: none;
}
.gb_table--section span {
    display: block;
    width: 100vw;
}

.gb_table--section svg {
    display: block;
    position: absolute;
    /* right: 15px; */
    top: 50%;
    transform: translateY(-50%);
}
    .gb_table--section .svg_plus {
        stroke: var(--Blue);
    }
    .gb_table--section_expanded .svg_minus {
        display: none;
    }

@media (hover: hover) {
    .gb_table--section:hover td {
        color: var(--Dark-Violet);
    }
    .gb_table--section:hover .svg_plus {
        stroke: var(--Dark-Violet);
    }
}

.gb_table--fixed_header {
    display: none;
    position: relative;
    background-color: var(--White);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    z-index: 3;
}
.gb_table--fixed_header .gb_table--wrap {
    border-top: none;
    border-bottom: none;
}
.gb_table--fixed_header tr:last-child th {
    border-bottom: none;
}
    .gb_table--fixed_header.gb_table--header_on_top {
        position: fixed;
        display: block;
    }
    .gb_table--fixed_header.gb_table--header_on_bottom {
        position: absolute;
        display: block;
        bottom: 0;
    }



.gb_table--gauge {
    padding-top: 20px;
    text-align: center;
    display: none;
    width: 100%;
    height: 70px;
    z-index: 900;
    position: relative;
}
    .gb_table--gauge_sticked.gb_table--gauge {
        z-index: 1100;
    }
    .props--nav_bar_burger_open .gb_table--gauge {
        z-index: 900;
    }

.gb_table--gauge_container {
    display: inline-block;
    height: 50px;
    padding: 0 8px;
    border: 1.5px solid var(--Light-Grey);
    border-radius: 25px;
    background-color: var(--White);
}
    .gb_table--gauge_sticked .gb_table--gauge_container {
        position: fixed;
        bottom: 26px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    }
    .gb_table--gauge_hidden .gb_table--gauge_container {
        display:none; }

    .props--nav_bar .gb_table--gauge_sticked .gb_table--gauge_container {
        bottom: 80px;
    }
    .props--nav_bar_burger .gb_table--gauge_sticked .gb_table--gauge_container {
        bottom: 104px;
    }
    
    .gb_table--gauge_button {
        display: inline-block;
        height: 48px;
        width: 48px;
        padding: 11px;
        color: var(--Black);
        background-color: transparent;
        border: 1px solid var(--White);
        border-radius: 25px;
        cursor: default;
        outline: none;
    }
        .gb_table--gauge_button .line {
            stroke: var(--Light-Grey); }


        .gb_table--scroll_right .gb_table--button_right,
        .gb_table--scroll_left .gb_table--button_left {
            cursor: pointer;
        }
        .gb_table--scroll_right .gb_table--button_right .line,
        .gb_table--scroll_left .gb_table--button_left .line {
            stroke: var(--Black);
        }

        @media (hover: hover) {
            .gb_table--scroll_right .gb_table--button_right:hover .line,
            .gb_table--scroll_left .gb_table--button_left:hover .line {
                stroke: var(--Dark-Violet); }
        }
            

.gb_table--footnote {
    padding-left: 15px;
    margin-top: 32px;
    margin-left: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 350;
    line-height: 2em;
    letter-spacing: 0.06em;
    color: var(--Dark-Grey);
}


.gb_table--table_container figcaption {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: 38px;
    padding-bottom: 16px;
    position: relative;
    z-index: 5;
    background-color: var(--White);
}
    /* .gb_table--table_container figcaption::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;;
        bottom: 16px;
        background: var(--Light-Grey);
    } */

.gb_table--product_logo {
    display: block;
    font-weight: 350;
    text-decoration: none !important;
    /* color: var(--Dark-Grey) !important; */
}
    .gb_table--product_logo img {
        display: block;
        height: 19px;
        width: auto;
    }
    .gb_table--product_title {
        display: block;
        padding-top: 6px;
    }

.gb_table--table .gb_table--master th {
    padding: 0;
    height: 0;
    border-bottom: none;
}