.table-title {
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    margin: 0 24px;
    margin-bottom: 40px !important;
    font-family: 'Roboto';
}
.custom-table-wrapper tr td:first-child .cell-text {
    color: #22272B !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    width: 334px;
    height: 23px;
    font-family: 'Roboto';
}
.custom-table-wrapper tr td:first-child {
    text-align: left;
}
.custom-table-wrapper tr td:first-child .cell-content{
    width: 370px;
    display: block;
}
.info-tooltip {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/themes/custom/axway2020/img/info-tooltip-icon.svg');
    background-repeat: no-repeat;
    margin-left: 9px;
    position: relative;
    z-index: 2000;
}

td .info-tooltip {
    vertical-align: middle;
}

.custom-table-wrapper {
    width: 100%;
}

.table-wrap {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

.custom-table {
    width: 100%;
}

.custom-table-wrapper thead {
    height: 90px;
    width: 1440px;
    border-bottom: 3px;
    border-radius: 6px;
}
.custom-table-wrapper th {
    height: 71px;
    width: 280px;
    padding: 24px 18px 24px 18px !important;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}

.custom-table-wrapper th:first-child {
    width: 410px;
    height: 90px;
    padding: 24px 18px 24px 18px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.custom-table-wrapper th:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.custom-table-wrapper tr td:first-child .info-tooltip {
    background-image: url('/themes/custom/axway2020/img/filled-info-tooltip-icon.png');
}

/* Variants */
.custom-table-wrapper table tbody > tr:nth-of-type(odd) {
    background-color: #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
}
  
.custom-table-wrapper table tbody > tr:nth-of-type(even) {
    background-color: #F3F3F3;
    border-bottom: 3px solid #F3F3F3;
}

.custom-table-wrapper tr {
    max-width: 1440px;
    width: 100%;
    height: 76px;
}

.custom-table-wrapper td {
    height: 76px;
    padding: 26px 18px !important;
    text-align: center;
    font-family: 'Roboto';
}
.custom-table-wrapper thead > * {
    background-color: #006580;
}

.custom-table-wrapper td .cell-text{
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #22272B;
}

.bubble-tooltip {
    position: absolute;
    width: 260px;
    padding: 10px 12px;
    background: #fff;
    color: #333;
    font-size: 14px;
    border-radius: 8px;
    box-shadow: 0 6px 40px rgba(0, 0, 0, 0.12);
    display: none;
    z-index: 9999;
    white-space: normal;
    line-height: 1.4;
    transform: translateX(0%) translateY(-40%);
    font-family: 'Roboto';
}

.bubble-tooltip::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 40%;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #fff;
}

.right-zone-active .bubble-tooltip::before {
    transform: rotate(180deg);
    right: -7px;
    left: auto;
}

.table-links a {
    color: #695CFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    text-decoration: underline;
    font-family: 'Roboto';
}

.main-table .table-head-wrapper {
    background-color: #006580;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 24px;
    border-radius: 6px;
}

.main-table .table-head-wrapper .table-header {
    max-width: 50%;
    width: 50%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px !important;
    color: #FFFFFF;
}

@media (min-width: 768px) {
    .mobile-controls {
        display: none;
    }
}

@media (max-width: 767px) {
    .custom-table-wrapper th,
    .custom-table-wrapper td {
        width: 100%;
    }

    .custom-table-wrapper {
        width: auto;
        margin: 0 15px;
    }
}

@media (max-width: 575px) {
    .table-title {
        margin-bottom: 20px !important;
    }
}


/* mobile style add */
.table-content-wrapper {
    overflow-x: auto;
    display: none;
}

.table-content-wrapper .info-tooltip {
    vertical-align: middle;
}

.table-content-wrapper .cell-content .info-tooltip {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 5H11V7H9V5ZM9 9H11V15H9V9ZM10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM10 18C8.41775 18 6.87104 17.5308 5.55544 16.6518C4.23985 15.7727 3.21447 14.5233 2.60897 13.0615C2.00347 11.5997 1.84504 9.99113 2.15372 8.43928C2.4624 6.88743 3.22433 5.46197 4.34315 4.34315C5.46197 3.22433 6.88743 2.4624 8.43928 2.15372C9.99113 1.84504 11.5997 2.00346 13.0615 2.60896C14.5233 3.21447 15.7727 4.23984 16.6518 5.55544C17.5308 6.87103 18 8.41775 18 10C17.9971 12.1208 17.1533 14.154 15.6536 15.6536C14.154 17.1533 12.1208 17.9971 10 18Z" fill="%237F8184"/></svg>');
}

/* Chrome, Edge, and Safari */
.table-content-wrapper::-webkit-scrollbar {
    width: 10px;
}

.table-content-wrapper::-webkit-scrollbar-track {
    background: #FBFBFB;
    border-radius: 6px;
}

.table-content-wrapper::-webkit-scrollbar-thumb {
    background-color: #B4B6B8;
    border-radius: 10px;
    border: 3px solid #fff;
}

.table-content-wrapper .table-heading-wrapper {
    display: flex;
    align-items: center;
    background-color: #006580;
    border-radius: 6px;
    height: 72px;
}

.table-content-wrapper .table-heading-wrapper .heading:nth-child(odd),
.table-content-wrapper .table-heading-wrapper .heading:nth-child(even) {
    border-radius: 0;
}

.table-content-wrapper .table-heading-wrapper .heading:first-child {
    border-radius: 6px 0 0 6px;
}

.table-content-wrapper .table-heading-wrapper .heading:last-child {
    border-radius: 0 6px 6px 0;
}

.table-content-wrapper .table-heading-wrapper .heading {
    min-width: 162px;
    width: 100%;
    text-align: center;
    background-color: #006580;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-radius: 0 6px 6px 0; */
}

.table-content-wrapper .table-heading-wrapper .heading p {
    padding: 16px;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    font-family: 'Roboto' !important;
}

.table-content-wrap .content-wrap .card-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
}

.table-content-wrap .content-wrap .card-wrap p {
    padding: 24px 16px;
    max-width: 168px;
    min-width: 168px;
    width: 100%;
    height: 76px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    background-color: #F3F3F3;
    margin-bottom: 0;
    font-family: 'Roboto' !important;
}

.table-content-wrap .content-wrap .card-title {
    margin-bottom: 12px;
    margin-top: 30px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #22272B;
    font-family: 'Roboto' !important;
}

.table-content-wrap .content-wrap .card-title .info-tooltip {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.193701 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 8.68678 19.7413 7.38642 19.2388 6.17317C18.7363 4.95991 17.9997 3.85752 17.0711 2.92893C16.1425 2.00035 15.0401 1.26375 13.8268 0.761205C12.6136 0.258658 11.3132 0 10 0ZM11 15H9V9H11V15ZM11 7H9V5H11V7Z" fill="%237F8184"/></svg>');
}

.table-content-wrap .content-wrap {
    margin-bottom: 24px;
}

.table-content-wrap {
    overflow-x: visible;
}
th.competitor-header sup,  .table-content-wrapper .table-heading-wrapper .heading p sup {
    font-family: Roboto Condensed Condensed, Arial, Helvetica, sans-serif !important;
    font-size: 12px!important;
    left: .2rem!important;
    top: 0.5rem!important;
}

tr.table_disclaimer, tr.table_disclaimer td {
    height: 55px!important;
}
tr.table_disclaimer td {
    padding: unset !important;
}
tr.table_disclaimer td p, .content-wrap.table_disclaimer p {
    font-family: Roboto Condensed Condensed, Arial, Helvetica, sans-serif !important;
    font-size: 12px!important;
    line-height: 1.4em;
}
tr.table_disclaimer td p sup, .content-wrap.table_disclaimer p sup {
    left: unset!important;
    top: 0.5rem!important;
}


@media (max-width: 768px) {
    .custom-table-wrapper {
        overflow-x: auto;
    }

    .table-wrap {
        padding: 0 24px;
        overflow-x: auto;
    }

    .table-wrap .custom-table {
        overflow: hidden;
    }

    .custom-table-wrapper th {
        max-width: 280px;
        min-width: 280px;
    }
}

@media (max-width: 767px) {
    .table-content-wrapper {
        display: block;
    }

    .custom-table-wrapper .mobile-controls,
    .custom-table-wrapper .custom-table {
        display: none;
    }

    .bubble-tooltip {
        transform: none;
    }

    .bubble-tooltip::before {
        transform: rotate(270deg);
        left: auto;
        top: auto;
        bottom: -10px;
        right: 15px;
        display: none;
    }

    .info-tooltip.active {
        position: relative;
        z-index: 99999;
    }

    .info-tooltip.active::before {
        content: '';
        position: absolute;
        left: 7px;
        top: -50%;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 8px solid #fff;
        transform: rotate(270deg);
    }
}

@media (max-width: 430px) {
    .table-content-wrapper .table-heading-wrapper .heading {
        min-width: 200px;
    }

    .table-content-wrap .content-wrap .card-wrap p {
        max-width: 198px;
        min-width: 198px;
    }
}

@media (max-width: 414px) {
    .table-content-wrapper .table-heading-wrapper .heading {
        min-width: 192px;
    }

    .table-content-wrap .content-wrap .card-wrap p {
        max-width: 192px;
        min-width: 192px;
    }
}

@media (max-width: 390px) {
    .table-content-wrapper .table-heading-wrapper .heading {
        min-width: 180px;
    }

    .table-content-wrap .content-wrap .card-wrap p {
        max-width: 178px;
        min-width: 178px;
    }
}

@media (max-width: 375px) {
    .table-content-wrapper .table-heading-wrapper .heading {
        min-width: 172px;
    }

    .table-content-wrap .content-wrap .card-wrap p {
        max-width: 168px;
        min-width: 168px;
    }
}

@media (max-width: 320px) {
    .table-content-wrapper .table-heading-wrapper .heading {
        min-width: 145px;
    }

    .table-content-wrap .content-wrap .card-wrap p {
        max-width: 142px;
        min-width: 142px;
    }
}