/* Minification failed. Returning unminified contents.
(2,15): run-time error CSS1035: Expected colon, found ';'
(607,30): run-time error CSS1036: Expected expression, found '/'
 */
*, *:after, *:before {
    border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

body {
    margin: 0 0 40px 0;
    line-height: normal;
    background: #FFF;
    overflow-x: hidden;
}
.agreement-section {
    display: flex;
    margin-top: 30px;
    gap: 11px;
    font-size: 12px;
}

.agreement-icon {
    aspect-ratio: 1;
    object-fit: auto;
    width: 18px;
    height: 18px;
    align-self: start;
    margin: 2px !IMPORTANT;
    stroke-width: 1.5px;
    accent-color: #ED1C24;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
}

.agreement-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.legal-info {
    color: #58595B;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.disclaimer {
    color: #58595b;
    font-family: Roboto, sans-serif;
    margin: 3px 0 30px !important;
}
.field-validation-error {
    /*color: #e80c4d;
    font-weight: bold;
    font-size: 12px;*/
    color: #D8232A;
    margin-top: 7px;
    font: bold 13px Roboto, sans-serif;
}

.container {
    /* padding: 10px;
        padding-top: 52px;
        justify-content: space-between;
    */
    background-color: #fff;
    display: flex;
    max-width: 480px;
    width: 100%;
    padding-top: 52px;
    flex-direction: row; /**/
    /*justify-content: space-between !important;*/
    /*align-items: center;*/
    font-size: 12px;
    font-weight: 400;
    margin: 7px 0 0 370px; /*0 auto;*/
}


.container-top {
    width: 100%;
    background: #ed1c24;
    /*height:250px;
	background:url(../Images/img/banner_left.png) left top no-repeat;*/
}

.clr {
    clear: both;
}

.selcet-payment-method {
    border-style: groove;
}

.unselect-payment-method {
    border-style: none;
}

.white-gradient {
    background: url(../Images/img/white_gradient.png) bottom repeat-x;
}

.middle-gradient {
    height: 30px;
    width: 100%;
    background: -webkit-linear-gradient(left, rgba(215,7,0,1), rgba(160,10,3,1) );
    background: linear-gradient(to right, rgba(215,7,0,1), rgba(160,10,3,1) );
}

.red-box {
    height: 30px;
    background: #d12123;
    border-bottom: #c4c4c4 solid 1px;
    border-top: #c4c4c4 solid 1px;
}

.banner {
    /*height:257px;*/
    width: 100%;
    /*background:url(../Images/img/banner_bg.png) bottom repeat-x;*/
}
.left {
    margin-left: -20px;
}
.banner-left {
    background: url(../../Images/img/banner_left.png) left top no-repeat;
    padding-right: 5%;
    margin-top: -70px;
}

.banner-right {
    /*	background:url(../../Images/img/banner_right.png) ;
*/ height: 200px;
}

.img-wrapper {
    padding-top: 5%;
}
.fontlab {
    font-family: Arial AMU, sans-serif;
}
.drop {
    display: flex;
    gap: 20px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}
    .drop li {
        display: flex;
        align-items: center;
        gap: 7px;
        padding-right: 20px;
    }
    .drop a {
        display: flex;
        align-items: center;
        gap: 7px;
        padding-right: 20px;
        color: #000;
        text-decoration: none;
    }
.selected {
    color: #2b75e4 !important;
}
.footer-links {
    align-self: end;
    display: flex;
    gap: 20px;
    color: #2b75e4;
   /* margin-top: 21px;*/
}
.viva-mts-logo {
    /*max-width: 100%;
    margin-right: auto;
    margin-bottom: 18px;
    display: -webkit-inline-box;
    display: inline-flex;*/
    aspect-ratio: 6.67;
    object-fit: auto;
    object-position: center;
    width: 170px;
    max-width: 100%;
}

.flag {
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 23px;
    align-self: stretch;
}

.dropdown {
    /* margin-left: 14%;*/
    display: flex;
    align-items: center;
    align-self: start;
    padding-right: 10px;
    gap: 7px;
    display:none;
}

.dropdown-toggle {
    /*padding: 5px;*/ /* Adjust padding as needed */
    /*font-size: 12px;*/
    align-items: center;
    align-self: start;
    display: flex;
    padding-right: 10px;
    gap: 7px;
}
    .dropdown-toggle .flag {
        width: 23px !important;
    }


.dropdown .dropdown-toggle label {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    color: #2b75e4;
    text-decoration: none;
    align-self: stretch;
    margin: auto 0;
}
.caret {
    transition: transform 0.3s ease;
}

    .caret.rotate-down {
        transform: rotate(180deg);
    }

.dropdown-menu {
    position: absolute;
    top: calc(100% - 3px); /* Adjust spacing as needed */
    width: 20%; /* Adjust width as needed */
    min-width: 148px; /* Adjust minimum width as needed */
    /*padding: 5px; /* Adjust padding as needed */
    background-color: transparent; /* Example background color */
    border: none; /* Remove border */
    border-radius: 4px; /* Example border radius */
    box-shadow: none; /* Remove box shadow */
    left: -20px;
}

    .dropdown-menu li a {
        font-size: 12px !important;
        align-items: center;
        align-self: start;
        display: flex;
        padding-right: 10px;
        gap: 7px;
        width: 100%;
        max-width: 480px;
        color: #000;
        white-space: nowrap;
        font-weight: bold;
        text-decoration: none;
    }
/*.dropdown-menu li img {
    aspect-ratio: 1;
    object-fit: auto;
    object-position: center;
    width: 23px;
    align-self: stretch;
}*/

.banner-txt {
    max-width: 546px;
    width: 100%;
}

.navbar-brand {
    float: right;
    height: 80px;
    padding: 20px 0 0 15px;
}

.form-group {
    /*width: 324px;*/
    margin-bottom: 0 !important;
}
    /*margin-bottom:0;
	border-bottom:#c4c4c4 solid 1px;*/


    .form-group .control-label {
        color: #696767;
        font-family: Roboto, sans-serif;
        font-weight: bold;
        font-size: 16px;
        /*padding:45px 10px 30px 10px;
            font-weight: normal;
color:#FFF;*/
    }

    .form-group .form-control {
        font-family: Roboto, sans-serif;
        align-items: start;
        border-radius: 5px;
        border-color: rgba(204, 200, 206, 1);
        border-style: solid;
        /* border-width: 2px;*/
        margin-top: 9px;
        margin-bottom: 8px;
        color: #696767;
        white-space: nowrap;
        text-transform: uppercase;
        justify-content: center;
        padding: 15px 20px;
        height:50px;
    }

.custom-margin {
    margin-left: 10px; /* Adjust the left margin as needed */
}

.form-group-div {
    /*background:#b6b6b6;
	padding:35px 20px;*/
}


.form-check-input {
    stroke-width: 1.5px;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%; /* Circular for radio buttons */
    width: 18px;
    height: 18px;
    -webkit-appearance: none; /* Hide default appearance in WebKit browsers */
    -moz-appearance: none; /* Hide default appearance in Mozilla browsers */
    appearance: none; /* Hide default appearance in other browsers */
    position: relative;
    cursor: pointer;
    background-color: #fff; /* Default background color */
    border-color: #ED1C24; /* Default border color */
}

    /* Square for checkboxes */
    .form-check-input[type="checkbox"] {
        border-radius: 4px;
    }

    /* Style for unchecked radio buttons */
    .form-check-input[type="radio"]::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* Style for checked radio buttons */
    .form-check-input[type="radio"]:checked::before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ED1C24;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* Style for checked checkboxes */
    .form-check-input[type="checkbox"]:checked::before {
        content: '\2713'; /* Check mark for checkboxes */
        display: block;
        font-size: 12px;
        color: #ED1C24;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.form-check {
    display: flex;
    margin-top: 18px;
    gap: 25px;
    font-size: 14px;
    color: #696767;
}

.form-check-label {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-weight: 500 !important;
}

.form-group .non-border .checkbox {
    align-items: flex-start;
    display: flex;
    justify-content: start;
    gap: 25px;
}

.form-check-label .radio-img {
    aspect-ratio: 1.28;
    object-fit: auto;
    object-position: center;
    width: 23px;
}


.form-check-label .radio-text {
    font-family: Roboto, sans-serif;
    margin: auto 0;
}

.form-check-label .radio-img img {
    width: 100%;
    height: 100%;
}

.continue-button {
    border: none;
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 5px;
    background-color: #d8232a;
    max-width: 353px;
    color: #fff;
    padding: 10px;
    font: 700 18px Roboto, sans-serif;
    height: 50px;
}

    .continue-button:hover {
        background-color: darkred; /* Change color on hover if desired */
    }

    .continue-button:disabled {
        background-color: #BBC1C7; /* Set background color to gray */
        cursor: not-allowed; /* Change cursor to indicate not allowed */
    }
.footer {
    background-color: #f2f3f7;
    /*color: #2b75e4;*/
    margin-top: 180px;
    /*margin-top: auto;*/
    font-weight: 300;
    padding: 31px 20px;
    width: 100%;
    font-size: 12px;
    display:flex;
    justify-content: space-between;
    position:absolute;
}

.footer-text {
    font-family: Roboto, sans-serif;
}

/*.footer-link {
    font-family: Roboto, sans-serif;
    margin-top: 10px;
    color: #2b75e4;
}*/

/*.footer-legal {
    font-family: Roboto, sans-serif;
    margin-top: 10px;
    color: #2b75e4;
}*/
.non-border {
    border: none;
}

.payment-method {
    float: left;
    padding: 0 2px 3px 2px;
    text-align: center;
}

.return {
    margin-top: 20px;
}

.banner .container .row {
    /*padding-left: 15px;
    display: flex;
    justify-content: space-between;*/
    display: flex;
    width: 100%;
    max-width: 480px;
    gap: 15px;
    color: #2b75e4;
    white-space: nowrap;
    /* justify-content: space-between;*/
}

.banner .container {
    display: flex;
    justify-content: space-between;
}

.right-element {
    margin-left: 22%; /* Push the right element to the end */
}
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 180px;
    box-shadow: 0 0 15px #0000001f;
    font-size: 12px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
}

.col-md-12 {
    padding: 0;
}

.navbar {
    margin-bottom: 0;
}

.navbar-nav {
    margin-top: 15px;
}

.nav > li > a {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: underline;
    color: #FFF;
    padding: 10px 15px;
}

    .nav > li > a:hover {
        color: #000;
    }

.navbar-toggle {
    background: #FFF;
    /**/ position: fixed;
    right: 15px;
    border-radius: 0;
    margin-right: 0;
    margin-top: 18px;
    z-index: 9999;
}

.icon-bar {
    background: #000;
}

a {
    color: #2b75e4;
    text-decoration: underline;
}
/**/ @media (max-width: 768px) {
    .navbar-nav > li {
        float: left;
    }

    .form-group-div {
        padding: 0 20px;
    }

    .form-group .control-label {
        padding: 0 20px 0 20px;
    }

    .confirm-button {
        margin-top: 20px;
        text-align: center;
    }

    ul {
        list-style-type: none;
    }

    li {
        float: left;
    }

        li a {
            color: red;
            padding: 3px;
            text-decoration: /;
        }
}

@media screen and (max-width:1024px) {
    .banner-right {
        height: auto !important;
    }
    .dropdown{
        display:block;
    }
    .drop{
        display:none;
    }
    .footer{
        display:block;
    }
    .footer-links {
        flex-direction: column;
        margin-top: 10px;
    }
    .footer-link {
        font-family: Roboto, sans-serif;
        margin-top: 10px;
        color: #2b75e4;
    }
    .footer-legal {
        font-family: Roboto, sans-serif;
        margin-top: 10px;
        color: #2b75e4;
    }
    /*.img {
        margin-bottom: 35px;
    }

        .img img {
            width: 150px;
        }*/

   /* .viva-mts-logo {
        width: 120px;
    }*/
}


@media screen and (max-width:767px) { /*530px*/
    .header {
        padding: 30px 0 30px 12px;
        box-shadow: 0 0 0;
    }
    .container{
        margin: 0 auto;
    }
}
/*@media (min-width: 531px) and (max-width: 767px) {
    .container {
        margin: 0 auto;
    }
}*/

@media (min-width:768px) and (max-width: 1023px) {
    .header {
        padding: 33px 34px;
        /*box-shadow:0 0 0;*/
    }
   
    .container {
        margin: 20px 0 0 124px;
    }
    .footer {
        padding-left: 45px;
    }
}

@media (min-width: 1024px) and (max-width: 1439px){
    .container{
        margin-left:176px;
    }
    .header {
        padding: 33px 34px;
        /*box-shadow:0 0 0;*/
    }
    .footer {
        padding: 31px 70px 31px 50px;
    }
}

@media (min-width:1440px) and (max-width:1679px){
    .container {
        margin-left: 224px;
    }

    .header {
        padding: 50px 88px;
        /*box-shadow:0 0 0;*/
    }
    .footer {
        padding: 31px 100px;
    }
}
@media (min-width:1680px) and (max-width:1919px) {
    .container {
        margin-left: 310px;
    }

    .header {
        padding: 50px 160px;
        /*box-shadow:0 0 0;*/
    }
    .footer {
        padding: 31px 160px;
    }
}
@media screen and (min-width:1920px){
    .container {
        margin: 7px 0 0 370px;
    }

    .header {
        padding: 50px 180px;
    }
    .footer {
        padding: 31px 180px;
    }
}
@media screen and (min-width:426px) {
    .form-group{
        width: 353px;
    }
}
/*@media screen and (max-width:425px) {
    .form-group {
        width: 372px;
    }
}*/