/* line 1, ../scss/layouts/_header.scss */
.navbar-inverse.custom-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    margin-bottom: 0;
    border-radius: 0;
    border: 0px;
    z-index: 999;
}

/* line 12, ../scss/layouts/_header.scss */
.navbar-brand {
    min-height: 50px;
    height: auto;
}

/* line 16, ../scss/layouts/_header.scss */
.navbar-brand > img {
    display: block;
    /* height: 65px; */
    width: 238px;
}

.checkbox-group {
    display: flex;
}

.checkbox-group label {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-group label input[type=checkbox] {
    margin-right: 13px;
    top: 1px;
    position: relative;
}

/* line 20, ../scss/layouts/_header.scss */
.navbar-nav {
    margin: 20px 0px;
    padding: 15px;
}

/* line 24, ../scss/layouts/_header.scss */
.navbar-inverse .navbar-nav > li {
    margin-left: 10px;
}

/* line 27, ../scss/layouts/_header.scss */
.navbar-inverse .navbar-nav > li > a {
    color: #030303;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    font-family: CircularStd-Medium !important;
}

/* line 35, ../scss/layouts/_header.scss */
.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
    background: none;
}

/* line 39, ../scss/layouts/_header.scss */
.sign-up {
    background: #f4d00c;
    border-radius: 25px;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/* line 1, ../scss/modules/_sections.scss */
.fp-controlArrow.fp-prev {
    border-color: transparent #f4d00c transparent transparent;
    border-width: 0;
    font-size: 1.33333333em;
    left: 40px;
    color: #646464;
}

/* line 8, ../scss/modules/_sections.scss */
.fp-controlArrow.fp-prev:before {
    content: "\f053";
    font-family: FontAwesome;
    left: 0px;
    position: absolute;
    top: 0;
}

/* line 15, ../scss/modules/_sections.scss */
.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #f4d00c;
    border-width: 0;
    font-size: 1.33333333em;
    right: 55px;
    color: #646464;
}

/* line 22, ../scss/modules/_sections.scss */
.fp-controlArrow.fp-next:before {
    content: "\f054";
    font-family: FontAwesome;
    left: 0px;
    position: absolute;
    top: 0;
}

/* line 52, ../scss/modules/_sections.scss */
.sign-in-form-block h1 {
    font-size: 72px;
    font-family: CircularStd-Bold;
    margin-bottom: 50px;
}

.sign-in-form-block h2 {
    font-size: 20px;
    font-family: CircularStd-Bold;
    margin-bottom: 50px;
}

.sign-in-form-block h3 {
    font-size: 24px;
    font-family: CircularStd-Bold;
    margin-bottom: 4px;
}

.set-password-form-block h2 {
    font-size: 36px;
    font-family: CircularStd-Bold;
    margin-bottom: 24px;
}

.set-password-form-block h3 {
    font-size: 20px;
    font-family: CircularStd-Bold;
    margin-bottom: 2px;
}

/* line 58, ../scss/modules/_sections.scss */
.sign-in-form-block form .form-group {
    margin-bottom: 25px;
}

.set-password-form-block form .form-group {
    margin-bottom: 15px;
}

/* line 60, ../scss/modules/_sections.scss */
.sign-in-form-block form .form-group .custom-signin-input {
    border-radius: 0px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #000;
    box-shadow: none;
    font-family: CircularStd-Book;
    width: 100%;
    padding: 0;
}

/* line 60, ../scss/modules/_sections.scss */
.set-password-form-block form .form-group .custom-signin-input {
    border-radius: 0px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #000;
    box-shadow: none;
    font-family: CircularStd-Book;
    width: 100%;
    padding: 0;
}

/* line 71, ../scss/modules/_sections.scss */
.sign-in-form-block form .form-group .forgot-password {
    padding: 10px 0 0 0;
    font-size: 12px;
}

/* line 74, ../scss/modules/_sections.scss */
.sign-in-form-block form .form-group .forgot-password a {
    color: #a2a2a2;
}

/* line 82, ../scss/modules/_sections.scss */
.thank h1 {
    color: #000;
    font-size: 37px;
    font-family: CircularStd-Bold;
    margin-bottom: 15px;
}

.return-home {
    font-family: CircularStd-Bold;
    color: #5770b3;
}

/* line 88, ../scss/modules/_sections.scss */
.thank h4 {
    color: #888;
    font-size: 26px;
    font-family: CircularStd-Bold;
}

.thank a {
    font-family: CircularStd-Bold;
    color: #5770b3;
}

@font-face {
    font-family: "CircularStd-Mediumitalic";
    src: url("../fonts/lineto-circular-mediumitalic.eot");
    src: url("../fonts/lineto-circular-mediumitalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-mediumitalic.woff2") format("woff2"),
    url("../fonts/lineto-circular-mediumitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CircularStd-Bold";
    src: url("../fonts/lineto-circular-bold.eot");
    src: url("../fonts/lineto-circular-bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-bold.woff2") format("woff2"),
    url("../fonts/lineto-circular-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CircularStd-Black";
    src: url("../fonts/lineto-circular-black.eot");
    src: url("../fonts/lineto-circular-black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-black.woff2") format("woff2"),
    url("../fonts/lineto-circular-black.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CircularStd-Bolditalic";
    src: url("../fonts/lineto-circular-bolditalic.eot");
    src: url("../fonts/lineto-circular-bolditalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-bolditalic.woff2") format("woff2"),
    url("../fonts/lineto-circular-bolditalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CircularStd-Book";
    src: url("../fonts/lineto-circular-book.eot");
    src: url("../fonts/lineto-circular-book.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-book.woff2") format("woff2"),
    url("../fonts/lineto-circular-book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CircularStd-Medium";
    src: url("../fonts/lineto-circular-medium.eot");
    src: url("../fonts/lineto-circular-medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-medium.woff2") format("woff2"),
    url("../fonts/lineto-circular-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CircularStd-Blackitalic";
    src: url("../fonts/lineto-circular-blackitalic.eot");
    src: url("../fonts/lineto-circular-blackitalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-blackitalic.woff2") format("woff2"),
    url("../fonts/lineto-circular-blackitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "CircularStd-Bookitalic";
    src: url("../fonts/lineto-circular-bookitalic.eot");
    src: url("../fonts/lineto-circular-bookitalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/lineto-circular-bookitalic.woff2") format("woff2"),
    url("../fonts/lineto-circular-bookitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* line 38, ../scss/style.scss */
html, body {
    margin: 0;
    padding: 0;
}

/* line 42, ../scss/style.scss */
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

/* line 46, ../scss/style.scss */
.home-heading {
    font-size: 132px;
    font-weight: 600;
    color: #000;
    font-family: CircularStd-Black !important;
}

/* line 52, ../scss/style.scss */
#about-circle {
    position: relative;
    overflow: hidden;
}

/* line 56, ../scss/style.scss */
#circle-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 85%;
    margin: 0 auto;
    border: 10px solid #000;
    border-radius: 100%;
}

/* line 67, ../scss/style.scss */
.circle-content {
    padding: 0 75px;
    overflow: auto;
}

/* line 70, ../scss/style.scss */
.circle-content h2 {
    color: #f4d00c;
    font-size: 72px;
    font-family: CircularStd-Bold !important;
}

/* line 75, ../scss/style.scss */
.circle-content h5 {
    color: black;
    font-family: CircularStd-Book !important;
    width: 70%;
    line-height: 34px;
    float: right;
    font-size: 30px;
}

/* line 85, ../scss/style.scss */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 86, ../scss/style.scss */
#cycle-1 div {
    width: 100%;
}

/* line 87, ../scss/style.scss */
.cycle-carousel-wrap {
    display: flex;
}

/* line 90, ../scss/style.scss */
#cycle-2 .cycle-slide {
    border: 3px solid #fff;
    font-size: 22px;
    font-family: CircularStd-Bold;
    color: #000;
    height: 75px;
    white-space: normal;
    cursor: pointer;
}

/* line 99, ../scss/style.scss */
#cycle-2 .cycle-slide-active {
    color: #395a9a;
}

/* line 101, ../scss/style.scss */
#slideshow-1, #slideshow-2 {
    width: 100%;
}

/* line 104, ../scss/style.scss */
.cycle-slideshow img {
    width: 100%;
    height: auto;
    display: block;
}

/* line 106, ../scss/style.scss */
.cycle-next {
    position: absolute;
    right: -50px;
    top: 30%;
    color: #333;
}

/* line 112, ../scss/style.scss */
a.cycle-prev {
    position: absolute;
    left: -50px;
    top: 30%;
    color: #333;
}

/* line 118, ../scss/style.scss */
#slideshow-2 {
    position: relative;
}

/* line 124, ../scss/style.scss */
.horz-line {
    border-top: 2px solid #000;
    margin: 5px 0 15px 0;
}

/* line 128, ../scss/style.scss */
.profile-content {
    width: 60% !important;
    float: right;
}

/* line 132, ../scss/style.scss */
.profile-description {
    margin-top: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top left;
}

/* line 138, ../scss/style.scss */
#profile-description-1 {
    background-image: url("https://static.wixstatic.com/media/e31a0c_83816a87a3704a46864258c805354120~mv2_d_3456_4502_s_4_2.jpg/v1/crop/x_0,y_970,w_3456,h_3454/fill/w_344,h_344,al_c,q_80,usm_0.66_1.00_0.01/e31a0c_83816a87a3704a46864258c805354120~mv2_d_3456_4502_s_4_2.webp");
}

/* line 141, ../scss/style.scss */
#profile-description-2 {
    background-image: url("https://static.wixstatic.com/media/e31a0c_a8f49dae5e0b4b00a355645d3c9f5703~mv2_d_2567_2610_s_4_2.jpg/v1/crop/x_42,y_42,w_2475,h_2518/fill/w_341,h_344,al_c,q_80,usm_0.66_1.00_0.01/e31a0c_a8f49dae5e0b4b00a355645d3c9f5703~mv2_d_2567_2610_s_4_2.webp");
}

/* line 145, ../scss/style.scss */
#profile-description-3 {
    background-image: url("https://static.wixstatic.com/media/e31a0c_35fc72403d494f77b8d16349e5c693ad~mv2_d_3508_3456_s_4_2.jpg/v1/crop/x_233,y_380,w_3076,h_3076/fill/w_344,h_344,al_c,q_80,usm_0.66_1.00_0.01/e31a0c_35fc72403d494f77b8d16349e5c693ad~mv2_d_3508_3456_s_4_2.webp");
}

/* line 149, ../scss/style.scss */
#profile-description-4 {
    background-image: url("https://static.wixstatic.com/media/e31a0c_8115a9edeaa24a049c57857e6399cc8a~mv2_d_3264_2448_s_4_2.jpg/v1/crop/x_944,y_975,w_1360,h_1356/fill/w_344,h_344,al_c,q_80,usm_0.66_1.00_0.01/e31a0c_8115a9edeaa24a049c57857e6399cc8a~mv2_d_3264_2448_s_4_2.webp");
}

/* line 154, ../scss/style.scss */
.addree-table tr td {
    border-top: 0px solid red !important;
}

/* line 159, ../scss/style.scss */
.custom-input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #626262;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    height: 55px;
    font-family: CircularStd-Book;
    font-size: 18px;
    color: #333;
}

/* line 172, ../scss/style.scss */
.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* line 177, ../scss/style.scss */
.form-btn {
    background: #F6D730;
    border: 1px solid #F6D730;
    border-radius: 25px;
    padding: 10px 40px;
    font-family: CircularStd-Medium;

}

/* .form-btn:hover {
  background: none;
} */

/* line 184, ../scss/style.scss */
.form-btn:focus, .form-btn:active:focus {
    outline: none;
}

/* line 187, ../scss/style.scss */
.team-heading {
    font-size: 72px;
    font-family: CircularStd-Bold;
}

/* line 193, ../scss/style.scss */
.profile-content-name h3 {
    font-size: 60px;
    font-family: CircularStd-Bold;
    color: #395a9a;
}

/* line 198, ../scss/style.scss */
.profile-content-name h4 {
    font-family: CircularStd-Bold;
    font-size: 36px;
    color: #000;
}

/* line 205, ../scss/style.scss */
.profile-exp p {
    font-size: 22px;
    font-family: CircularStd-Book;
    color: #000;
}

/* line 212, ../scss/style.scss */
.address-section h1 {
    font-size: 72px;
    font-family: CircularStd-Bold;
    color: #000;
    margin-bottom: 15px;
}

/* line 220, ../scss/style.scss */
.address-section .addree-table tr td {
    font-family: CircularStd-Book;
    font-size: 22px;
    color: #000;
    padding: 4px;
}

/* line 230, ../scss/style.scss */
.sign-up-btn {
    background: #f4d00c;
    border-radius: 25px;
    border: 1px solid #f4d00c;
    font-family: CircularStd-Medium;
    color: #000;
    padding: 10px 40px;
}

/* line 239, ../scss/style.scss */
.issue-block {
    position: relative;
    top: 120px;
}

/* line 242, ../scss/style.scss */
.issue-block h1 {
    font-size: 96px;
    font-family: CircularStd-Black;
    color: #42619e;
}

/* line 250, ../scss/style.scss */
.new-way h1 {
    font-size: 96px;
    font-family: CircularStd-Black;
    color: #96aed8;
}

/* line 256, ../scss/style.scss */
.arc-section {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* line 261, ../scss/style.scss */
.new-way-arc {
    position: absolute;
    top: 50%;
    left: 25%;
    border: 10px solid #353535;
    border-radius: 100%;
    width: 100%;
    padding-left: 415px;
    padding-top: 95px;
}

/* line 271, ../scss/style.scss */
.slide1-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 85%;
    margin: 0 auto;
    background: #727272;
    border: 15px solid #96aed8;
    border-radius: 100%;
}

/* line 283, ../scss/style.scss */
.slide2-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 85%;
    margin: 0 auto;
    background: #727272;
    border: 15px solid #f89858;
    border-radius: 100%;
}

/* line 295, ../scss/style.scss */
.slide {
    position: relative;
}

/* line 299, ../scss/style.scss */
.product-headings .our-product {
    color: #fff;
    font-family: CircularStd-Bold;
    font-size: 72px;
}

/* line 304, ../scss/style.scss */
.product-headings .omas-blue {
    color: #96aed8;
    font-family: CircularStd-Bold;
    font-size: 36px;
}

/* line 309, ../scss/style.scss */
.product-headings .omas-lite {
    color: #f89858;
    font-family: CircularStd-Bold;
    font-size: 36px;
}

/* line 315, ../scss/style.scss */
.slide1-inner-content, .slide2-inner-content {
    padding: 0 100px;
}

/* line 319, ../scss/style.scss */
.omas-cards h5 {
    font-family: CircularStd-Bold;
    font-size: 24px;
    color: #fff;
    margin-bottom: 7px;
}

/* line 325, ../scss/style.scss */
.omas-cards p {
    font-family: CircularStd-Book;
    font-size: 20px;
    color: #fff;
}

/* line 331, ../scss/style.scss */
.stacks {
    position: relative;
}

/* line 334, ../scss/style.scss */
.stack-1 {
    z-index: 3;
}

/* line 337, ../scss/style.scss */
.stack-2 {
    z-index: 2;
    top: -151px;
}

/* line 341, ../scss/style.scss */
.stack-3 {
    z-index: 1;
    top: -302px;
}

/* line 345, ../scss/style.scss */
.form-block {
    padding: 10px;
}

/* line 348, ../scss/style.scss */
.form-block form .form-group {
    margin-bottom: 25px;
}

.md-checkbox {
    position: relative;
    margin: 10px 0;
}

.md-checkbox label {
    cursor: pointer;
    font-family: CircularStd-Book;
    position: relative;
}

.md-checkbox label:before, .md-checkbox label:after {
    content: "";
    position: absolute;
    left: -30px;
    top: -2px;
}

.md-checkbox label:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    cursor: pointer;
    transition: background .3s;
}

.md-checkbox input[type="checkbox"] {
    outline: 0;
    margin-right: 10px;
}

.md-checkbox input[type="checkbox"]:checked + label:before {
    background: #4CAF50;
    border: none;
}

.md-checkbox input[type="checkbox"]:checked + label:after {
    transform: rotate(-45deg);
    top: 3px;
    left: -26px;
    width: 12px;
    height: 6px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
}

.term-condition-text {
    line-height: 23px;
    height: 150px;
    overflow: auto;
    padding: 15px;
    font-family: CircularStd-Book;
    font-size: 12px;
    color: #444;
}

.mf-has-error .mf-radio-hint,
.mf-has-error .mf-radio-button {
    color: #d9534f;
}

.mf-is-success .mf-radio-hint {
    color: #259337;
}

.mf-radio-inline {
    position: relative;
    display: flex;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: left;
}

.mf-radio-inline .mf-radio {
    /* display: inline-block; */
    width: 100%;
}

.mf-radio:nth-child(2) label {
    /* margin-left: 17px; */
}

.mf-radio:last-child label {
    /* float: right; */
}

.mf-radio-legend {
    margin-bottom: 10px;;
    font-weight: 500;
    font-size: 1rem;
    color: #333;
    font-family: CircularStd-Book;
    font-size: 14px;
}

.mf-radio {
    margin-bottom: 0.125rem;
}

.mf-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    text-align: left;
    color: #999;
    display: block;
}

.mf-radio label:hover .mf-radio-button {
    color: #000;
}

.mf-radio label span {
    display: block;
    transform: translateY(0);
    font-family: CircularStd-Book;
    font-size: 13px;
}

.mf-radio input {
    width: auto;
    opacity: 0.0001;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
}

.mf-radio input:checked ~ .mf-radio-button::after {
    transform: scale(0.5);
}

.mf-radio input:checked ~ .mf-radio-button::before {
    color: #292929;
}

.mf-radio-button {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    display: block;
    user-select: none;
    color: #999;
}

.mf-radio-button::before, .mf-radio-button::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 1px 0;
    width: 15px;
    height: 15px;
    transition: transform 0.28s ease;
    border-radius: 50%;
    border: 2px solid currentColor;
}

.mf-radio-button::after {
    transform: scale(0);
    background-color: #292929;
    border-color: #292929;
}

/* .mf-radio-button::after + label span {
  color: red;
} */
.t_n_c_modal_text {
    margin-top: 20px;
    font-family: CircularStd-Book;
    font-size: 13px;
    color: #292929;
    text-decoration: underline;
    cursor: pointer;
}

.tnc_sec_1 {
    margin-bottom: 20px;
}

.tnc_sec_1 p {
    font-family: CircularStd-Book;
    font-size: 13px;
    line-height: 20px;
    color: #555;
}

.termsncondheader {
    color: #292929;
    font-family: CircularStd-Book;

}

.tnc_sec_2 p {
    font-family: CircularStd-Book;
    margin-bottom: 10px;
    line-height: 20px;
    color: #292929;
}

.tnc_sec_2 h4 {
    font-family: CircularStd-Medium;
    margin-bottom: 10px;
    text-decoration: underline;
    font-size: 16px;
}

.tnc_sec_2 ol li {
    font-family: CircularStd-Medium;
    margin-bottom: 8px;
    font-size: 12px;
}

.error {
    font-family: CircularStd-Book;
    font-size: 11px;
    color: red;
    font-weight: 400;
}

.custom-checkbox-label {
    margin-bottom: 11px !important;
}

.term_n_label {
    font-size: 12px;
    color: #222;
    font-family: CircularStd-Book;
}

.t_n_c_anchor {
    font-size: 12px;
    color: #5770b3;;
    text-decoration: underline;
    font-family: CircularStd-Book;
    cursor: pointer;
}

.imp_Underline_text {
    text-decoration: underline;
    color: #000;
}

.termination-list {
    list-style-type: lower-roman;
}

.termination-sub-list {
    list-style-type: lower-alpha;
}

#sign_in_submit_btn[disabled]:hover {
    background: #F6D730;
}

.no-email-error {
    color: red;
    font-size: 11px;
    font-family: CircularStd-Book;
    margin-bottom: 25px;
}

.no-email-error a {
    color: blue;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .sign-in-form-block h2 {
        font-size: 48px;
    }
}

/* Terms & Conditions pop-up, shared by set-password, splash, sign-in-via-OTP
   and reset-password. Bootstrap's default .modal-dialog is 500px, far too
   narrow for legal text - the LIMO T&C in particular lays clause numbers out
   in a left gutter beside the body. Dimensions match the T&C modal on the
   React login page (.termsModalContent in Login.module.css). */
#term_n_condition_modal2 .modal-dialog {
    width: 90vw;
    max-width: 1040px;
    min-width: 820px;
    margin: 1.75rem auto;
}

/* Scroll inside the body rather than the whole dialog, so the LIMO T&C's
   sticky heading stays pinned and the pop-up never grows past the viewport. */
#term_n_condition_modal2 .modal-body {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}

/* The LIMO terms bring their own heading (with the OCBC / Covalent jump
   links), so that pop-up drops the modal title and marks the header bare.
   The header then collapses to nothing and the close button sits on the
   heading's own row, leaving a single heading and no dead space above it. */
#term_n_condition_modal2 .modal-header.tnc-header-bare {
    display: block;
    padding: 0;
    min-height: 0;
    border-bottom: 0;
}

/* Aligned to the heading's text row rather than the corner above it: the
   offset is .ltc-heading's 10px top padding and the height is its line box
   (15px x 1.5), so the glyph centres against the title. Anchored to
   .modal-content, which does not scroll, so it stays with the sticky
   heading instead of scrolling away with the text. */
#term_n_condition_modal2 .modal-header.tnc-header-bare .close {
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0;
    background: none;
    border: 0;
    font-size: 26px;
    line-height: 1;
    color: #292929;
    opacity: 0.6;
    cursor: pointer;
}

#term_n_condition_modal2 .modal-header.tnc-header-bare .close:hover {
    opacity: 1;
}

/* Top padding would leave a gap above the sticky heading for text to scroll
   through, so the frame supplies it instead - same approach as the React
   login page's .termsModalBody. */
#term_n_condition_modal2 .modal-header.tnc-header-bare + .modal-body {
    padding: 0 8px 16px 20px;
}

/* Below the min-width the fixed sizing would overflow the screen. */
@media only screen and (max-width: 900px) {
    #term_n_condition_modal2 .modal-dialog {
        width: auto;
        min-width: 0;
        margin: 0.5rem;
    }
}