.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-12763 .elementor-element.elementor-element-95198ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:var( --e-global-color-356da6d );}.elementor-12763 .elementor-element.elementor-element-95198ce a{color:var( --e-global-color-accent );}.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 );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-12763 .elementor-element.elementor-element-a1c052c{width:var( --container-widget-width, 720px );max-width:720px;--container-widget-width:720px;--container-widget-flex-grow:0;}.elementor-12763 .elementor-element.elementor-element-a1c052c .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:44px;font-weight:600;line-height:1.20;letter-spacing:-0.01em;color:#FFFFFF;}.elementor-12763 .elementor-element.elementor-element-06894ce{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-12763 .elementor-element.elementor-element-e20a997{padding:0px 280px 0px 0px;}.elementor-12763 .elementor-element.elementor-element-e20a997 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:28px;}.elementor-12763 .elementor-element.elementor-element-87bb422{font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.75;}.elementor-12763 .elementor-element.elementor-element-f503ace{font-family:"Inter", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.75;}@media(max-width:1024px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-12763 .elementor-element.elementor-element-06894ce{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12763 .elementor-element.elementor-element-e20a997{padding:0px 80px 0px 10px;}.elementor-12763 .elementor-element.elementor-element-e20a997 .elementor-heading-title{font-size:16px;}}@media(max-width:767px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-12763 .elementor-element.elementor-element-06894ce{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-12763 .elementor-element.elementor-element-e20a997{padding:0px 60px 0px 10px;}.elementor-12763 .elementor-element.elementor-element-e20a997 .elementor-heading-title{font-size:16px;line-height:24px;}}/* Start custom CSS *//* =========================================================
   5GAA ROADMAP
   ========================================================= */

.roadmap-chart {
    border: 1px solid #D9E3E8;
    border-radius: 12px;
    background: #EAF8FC;
    overflow: hidden;
    margin-top: 40px;
    width: 100%;
}


/* =========================================================
   TITLE
   ========================================================= */

.roadmap-title-bar {
    background: #BFE7F7;
    padding: 22px 28px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    color: #0A2A4E;
}


/* =========================================================
   YEARS
   ========================================================= */

/* =========================================================
   YEARS
   ========================================================= */

.roadmap-years {
    display: grid;

    grid-template-columns: 220px 1fr;

    column-gap: 6px;

    padding: 14px 24px 8px;

    background: #EAF8FC;

    box-sizing: border-box;
}


/*
 * The HTML contains empty spans before/after
 * the years track. We don't need them for Elementor.
 */

.roadmap-years > span {
    display: none;
}


/*
 * Put the years track explicitly in the
 * same second column as the timeline.
 */

.roadmap-years .years-track {
    grid-column: 2;

    display: grid;

    grid-template-columns: repeat(11, 1fr);

    width: 100%;

    font-size: 11px;
    font-weight: 700;

    color: #0A2A4E;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   ROW
   ========================================================= */

.roadmap-row {
    display: grid;
    grid-template-columns: 220px 1fr;
    column-gap: 6px;
    padding: 12px 24px;
    border-top: 1px solid rgba(10, 42, 78, 0.09);
    background: #FFFFFF;
}

.roadmap-row:nth-child(even) {
    background: #F4FBFD;
}


/* =========================================================
   LEFT LABEL
   ========================================================= */

.rm-label {
    font-size: 12.5px;
    font-weight: 700;
    color: #0A2A4E;
    line-height: 1.35;

    display: flex;
    align-items: center;
}


/* =========================================================
   LINES
   ========================================================= */

.rm-lines {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}


/* =========================================================
   SINGLE LINE
   ========================================================= */

.rm-line {
    display: grid;
    grid-template-columns: 28px 1fr 28px;
    column-gap: 6px;
    align-items: center;
    min-height: 44px;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.rm-timeline {
    position: relative;
    height: 44px;
}


/* =========================================================
   BAR
   ========================================================= */

.rm-bar {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    min-height: 26px;

    border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 9.5px;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;

    padding: 3px 6px;

    box-sizing: border-box;

    color: #0A2A4E;
}


/* =========================================================
   BAR TYPES
   ========================================================= */

.rm-direct {
    background: #FFFFFF;
    border: 1.5px solid #0A2A4E;
}

.rm-network {
    background: #8FD6F2;
    border: 1px solid #62C0E9;
}

.rm-directnet {
    background: #0A2A4E;
    border: 1px solid #0A2A4E;
    color: #FFFFFF;
}

.rm-ntn {
    background: #D9D1EF;
    border: 1px solid #C2B4E4;
}


/* =========================================================
   LTE / 5G ICONS
   ========================================================= */

.rm-icon {
    width: 28px;
    height: 28px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 8px;
    font-weight: 800;

    box-sizing: border-box;
}

.rm-icon.lte {
    background: #FFFFFF;
    border: 1.5px solid #0A2A4E;
    color: #0A2A4E;
}

.rm-icon.g5 {
    background: #0A2A4E;
    border: 1px solid #0A2A4E;
    color: #FFFFFF;
}


/* =========================================================
   M MARKER
   ========================================================= */

.rm-m {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 16px;
    height: 16px;

    margin-left: 5px;

    border-radius: 50%;

    background: #FFFFFF;
    color: #0A2A4E;

    font-size: 8px;
    font-weight: 800;

    flex-shrink: 0;
}

.static-m {
    position: static !important;
    display: inline-flex;
}


/* =========================================================
   SUB LABEL
   ========================================================= */

.rm-sub {
    position: absolute;

    top: calc(100% + 2px);

    font-size: 8px;
    font-weight: 500;

    white-space: nowrap;

    color: #5E6F7D;
}


/* =========================================================
   YEAR TAG
   ========================================================= */

.rm-year-tag {
    position: absolute;

    top: -8px;

    font-size: 8px;
    font-weight: 700;

    color: #0A2A4E;

    transform: translateX(-50%);
}


/* =========================================================
   3GPP MARKER
   ========================================================= */

.rm-marker {
    position: absolute;

    left: 50%;
    top: -9px;

    transform: translateX(-50%);

    width: 0;
    height: 0;

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #0A2A4E;
}


/* =========================================================
   LEGEND
   ========================================================= */

.roadmap-legend {
    display: flex;
    flex-wrap: wrap;

    gap: 26px 34px;

    padding: 22px 28px;

    border-top: 1px solid rgba(10, 42, 78, 0.1);

    background: #FFFFFF;

    font-size: 11.5px;
    color: #243746;
}

.legend-col {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 7px;
}


/* =========================================================
   LEGEND SWATCHES
   ========================================================= */

.legend-swatch {
    display: inline-block;

    width: 20px;
    height: 12px;

    border-radius: 2px;

    box-sizing: border-box;
}

.legend-swatch.direct {
    background: #FFFFFF;
    border: 1.5px solid #0A2A4E;
}

.legend-swatch.network {
    background: #8FD6F2;
    border: 1px solid #62C0E9;
}

.legend-swatch.direct-network {
    background: #0A2A4E;
}

.legend-swatch.ntn {
    background: #D9D1EF;
    border: 1px solid #C2B4E4;
}


/* =========================================================
   LEGEND TRIANGLES
   ========================================================= */

.legend-tri {
    display: inline-block;

    width: 0;
    height: 0;
}

.legend-tri.down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #0A2A4E;
}

.legend-tri.up-green {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #4BAE72;
}

.legend-tri.down-red {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #D65A5A;
}


/* =========================================================
   LEGEND TEXT
   ========================================================= */

.legend-note {
    flex: 1 1 300px;
    max-width: 460px;

    font-size: 10.5px;
    line-height: 1.45;

    color: #5E6F7D;
}

.legend-abbrev {
    font-size: 10.5px;
    line-height: 1.5;
    color: #5E6F7D;
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width: 980px) {

    .roadmap-chart {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .roadmap-years,
    .roadmap-row {
        min-width: 900px;
    }

    .roadmap-title-bar {
        min-width: 900px;
    }

    .roadmap-legend {
        min-width: 900px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .roadmap-chart {
        margin-top: 25px;
    }

    .roadmap-title-bar {
        padding: 18px 20px;
        font-size: 15px;
    }
}/* End custom CSS */