.monthly-roaming-header {
    color: #EC2D85;
    font-size: 2vw;
    font-weight: 600;
    text-align: center;
}

.SmallScreenContent .monthly-roaming-header {
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
}

.monthly-roaming-subheader {
    color: black;
    font-size: 1.6vw;
    line-height: 1.8vw;
    text-align: center;
}

.SmallScreenContent .monthly-roaming-subheader {
    font-size: 17px;
    line-height: 22px;
}

.monthly-roaming-table {
    background-color: #FFFFFF;
    border: 2px solid #F594C1;
    border-radius: 12px;
    font-size: 16px;
    border-spacing: 0;
}

.monthly-roaming-table td {
    padding: 14px 20px;
    border-bottom: 1px dashed #F594C1;
    display: table-cell;
}

.SmallScreenContent .monthly-roaming-table tr {
    height: 80px;
}

.SmallScreenContent .monthly-roaming-table td {
    padding: 14px;
}

.monthly-roaming-table td:nth-child(2),
.LargeScreenContent .monthly-roaming-table td:first-child{
    border-right: 1px dashed #F594C1;
}

.monthly-roaming-table .mrtheader {
    background-color: #CC0E66;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 700;
}

.monthly-roaming-table .mrtheader .mrtheaderright {
    background-color: #838383;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 700;
}

.monthly-roaming-table .mrtheaderleft {
    border-top-left-radius: 10px;
}

.monthly-roaming-table .mrtheaderright {
    border-top-right-radius: 10px;
}

.monthly-roaming-table .mrtbody {
    color: #EC2D85;
    font-weight: 600;
}

.mrtbody td:first-child {
    font-weight: 800;

}

.SmallScreenContent .mrtbody td:first-child {
    font-weight: 800;
    border-right: 1px dashed #F594C1;
}

.SmallScreenContent .mrtbody td:first-child .vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    inline-size: max-content;    
}

@media only screen and (min-width: 1280px) {
    .monthly-roaming-subheader {
        font-size: 20px;
        line-height: 22px;
    }
}

@supports (-webkit-touch-callout: none) {
    /* iOS Safari-specific styles */
    .SmallScreenContent .mrtbody td:first-child .vertical-text {
        padding-left: 20px;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    .SmallScreenContent .mrtbody td:first-child .vertical-text {
        padding-left: 20px;
    }
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .SmallScreenContent .mrtbody td:first-child .vertical-text {
        padding-left: 20px;
    }
}