body {
    font-family: 'Poppins', sans-serif;
}
/*common classes*/

.h3, h3 {
    font-size: 1.5rem;
}

i {
    vertical-align: middle;
}

.tag h1 {
    font-size: 2em !important;
}

.card-selected .card h3, .card-selected .card p, .card-selected .card i {
    color: #fff !important;
}

.card-selected .saved-card > ul li > span.text-green {
    color: #fff !important;
}

#newCarde.card-selected .card h5 {
    color: #fff;
}

.tag h2 {
    font-size: 1em !important;
    color: #1cb227 !important;
}

.pass-visible {
    position: absolute;
    top: 9px;
    right: 15px;
    cursor: pointer;
    color: #999999;
    font-size: 24px;
}

.topUp-btn a {
    padding: 2px;
}

.mbltopUp-btn {
    display: none;
}

.bg-light-grey {
    background-color: #f1f3f4 !important;
}

.nm-thanks-outer a.btn {
    width: 250px !important;
    margin-top: 5px;
}

.nm-thanks-outer.btn-hover-gray .btn-green:hover {
    color: #fff !important;
}

.d-none {
    display: none !important;
}

.px_4 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}

.bg-gray {
    background: #f5f5f5 !important;
}

.bg-lightBlue {
    background: #eef1f5 !important;
}

.cnfpsd, .psd {
    right: 15px;
    top: 15px;
}

.position-relative {
    position: relative !important;
}

.text-green {
    color: #1cb227 !important;
}

.text-dark-green {
    color: #08680f !important;
}

.border-green {
    border: 3px solid #1CB227 !important;
}

.text-yellow {
    color: #FDDA00;
}

.bg-green {
    background: #1CB227;
}

.bg-yellow {
    background: #FDDA00;
}

.fast-topUp-note {
    background-color: #d4f2eb !important;
}

.btn-green {
    background: #1bb127 !important;
}

    .btn-green:hover {
        background: #fdd900 !important;
        transition: 500ms;
        color: #000 !important;
    }

.btn-yellow {
    background: #fdd900 !important;
    color: #000 !important;
}



.btn-yellow:hover {
    background: #1bb127 !important;
    transition: 500ms;
    color: #fff !important;
}

.btn-hover-gray .btn-yellow:hover, .btn-hover-gray .btn-green:hover, .free-payg .btn-yellow:hover, .btn-hover-gray .btn-primary:hover {
    color: rgba(255, 255, 255) !important;
    background: rgba(39, 50, 64) !important;
}
/*.btn:hover {
    color: rgba(255, 255, 255) !important;
    background: rgba(39, 50, 64) !important;
}*/
.btn-gray {
    background: #f1f3f4 !important;
    color: #000;
}

    .btn-gray:hover {
        background: #1bb127 !important;
        color: #fff !important;
    }

#particles-section {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    background: transparent;
    z-index: 1;
    width: 100%;
}

a:hover {
    color: #1bb127 !important;
}

#navbar ul li ul.dropdown-menu {
    background: #fff;
    margin: 0;
    top: auto;
}

.nm-title {
    text-align: center;
    position: relative;
}

    .nm-title.text-left {
        text-align: left;
    }

.nm-text-left {
    text-align: left;
}

.nm-title h2 {
    font-size: 38px;
    font-weight: 700;
    color: #252525;
}

.nm-title p {
    font-size: 20px;
    font-weight: 400;
    color: #353535;
    width: 65%;
    margin: 15px auto 0;
}


.nm-index {
    z-index: 5;
    position: relative;
}

.hr {
    border-top: 2px solid #dadada;
    opacity: 1;
    margin: 10px 0;
}

.nm-shapes {
    position: absolute;
}

    .nm-shapes img {
        width: auto !important;
    }

.nm-shapes {
    width: auto !important;
}

.nm-shapes1 {
    left: -100px;
    top: -80px;
}

.nm-shapes2 {
    right: -70px;
    bottom: -70px;
}


.nm-shapes4 {
    right: 0px;
    top: 0px;
    z-index: 8;
}

.nm-rt-shape {
    top: 70px;
    right: 100px;
}

.nm-bl-shape1 {
    left: 80px;
    bottom: 250px;
}

.nm-bl-shape2 {
    left: 110px;
    bottom: 200px;
}

.nm-bl-shape3 {
    left: 95px;
    bottom: 130px;
}

.scrollToTopBtn {
    background-color: #fdda00;
    border: none;
    color: #000000;
    cursor: pointer;
    font-size: 22px;
    line-height: 64px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 10;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s ease;
    background: url(../images/move-top.png);
    background-size: 64px 64px;
    background-position: center;
}

.showBtn {
    opacity: 1;
    transform: translateY(0);
}

.mobile-only {
    display: none;
}

.nm-overflow-hidden {
    overflow: hidden;
}

.nm-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    z-index: 99;
}
.btn-primary {
    font-size: 15px;
    font-weight: 500;
    border: 0;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 180px;
    height: 46px;
    padding: 0;
    line-height: 46px;
    transition: 500ms;
    text-decoration: none;
    display: inline-block !important;
}

/* Header */
.nm-header {
    box-shadow: 0px 6px 6px 0px rgba(0,0,0, 0.15);
    background: #fff;
    position: relative;
    z-index: 6;
}

    .nm-header .navbar {
        padding: 10px 0 !important;
    }

    .nm-header.header-sticky {
        position: sticky;
        width: 100%;
        top: 0;
        left: 0;
        transition: top 0.2s ease-in-out;
        z-index: 999;
    }

#web_header_section .navbar img.power-by-ee {
    margin-left: 15px;
    width: 110px;
}

.trust-piolet-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e5f0e6;
    border-radius: 50px;
    width: 100%;
    max-width: 400px;
    padding: 10px 10px 10px 5px;
    margin-bottom: 20px;
    color: #000;
}

.portin-banner .trust-piolet-rating, .free-sim-banner .trust-piolet-rating {
    background-color: #fff !important;
}

.trust-piolet-rating img.trust-piolet-logo {
    width: 200px;
    margin: 0 !important;
}

.trust-piolet-rating span {
    font-weight: 600;
    font-size: 15px;
    padding-top: 5px;
    margin-left: 15px;
}

a.trust-piolet-rating:hover {
    color: black !important;
}


.navbar-brand img {
    width: 67px;
    transition: 300ms;
}

.nm-header .navbar {
    transition: 300ms;
}

.nm-header.header-sticky .navbar {
    padding: 5px 0;
    transition: 300ms;
}

.nm-header.header-sticky .navbar-brand img {
    width: 50px;
    transition: 300ms;
}

    .nm-header.header-sticky .navbar-brand img.power-by-ee {
        width: 75px !important;
        margin-left: 10px !important;
    }

.nm-header .navbar-nav li {
    position: relative;
}

    .nm-header .navbar-nav li .dropdown-menu li a {
        color: #fff;
    }

    .nm-header .navbar-nav li a {
        font-weight: 500;
        color: #000000;
        font-size: 16px;
        padding: 10px 25px !important;
    }

        .nm-header .navbar-nav li a.active {
            color: #1bb127 !important;
        }

    .nm-header .navbar-nav li img {
        margin-right: 8px;
        position: relative;
    }

    .nm-header .navbar-nav li a.btn-green {
        padding: 0 !important;
        color: #fff;
        line-height: 44px;
    }

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    border: 0;
    box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.12);
}

    .dropdown-menu li a {
        color: #000 !important;
    }

        .dropdown-menu li a:hover {
            color: #1bb127 !important;
            /*background: #fff !important;*/
        }

        .dropdown-menu li a:focus, .dropdown-menu li a:active {
            background-color: transparent !important;
        }

    .dropdown-menu:before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 8px solid #fff;
        top: -8px;
        left: 45px;
        filter: drop-shadow(0px -1px 1px rgba(0,0,0,0.48));
    }

.nm-dropdown:hover .dropdown-menu {
    display: block;
}
/* home banner */
.home-banner {
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

    .home-banner .btn-primary {
        width: 206px;
    }

        .home-banner .btn-primary.btn-yellow {
            margin-right: 10px;
        }

    .home-banner h1 {
        color: #1cb227;
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .home-banner h2 {
        color: #252525;
        font-size: 54px;
        font-weight: 700;
    }
    .home-banner h3 {
        color: #1CB227;
        font-size: 18px;
        font-weight: 600;
    }
    .home-banner h4 {
        color: #252525;
        font-size: 45 px;
        font-weight: 600;
    }
    .nm-inner-banner h2 {
        font-weight: 600;
    }

.home-banner p {
    color: #353535;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.home-banner .nm-terms {
    margin-bottom: 0;
    font-size: 14px;
    color: #3f3f3f;
    margin-top: 25px;
    display: block;
    text-decoration: none;
}

    .home-banner .nm-terms:hover {
        color: #1bb127;
    }

.home-banner img {
    margin: 0 0 0 auto;
    display: block;
}

.flag-icon {
    width: 30px;
    height: 30px;
}

.nm-fast-top {
    background: #e5f0e6;
    padding: 30px 0;
}

    .nm-fast-top .form-control {
        height: 50px;
        box-shadow: 0 0 0 !important;
    }

    .nm-fast-top .btn-secondary {
        background: #fff;
        height: 50px;
        width: 65px;
        padding: 12px 0;
        color: #000;
        font-size: 18px;
        font-weight: 600;
        margin: 0 7px;
        border: 0;
        border-radius: 5px;
    }

        .nm-fast-top .btn-secondary:first-of-type {
            margin-left: 0;
        }

        .nm-fast-top .btn-secondary:last-of-type {
            margin-right: 0;
        }

        .nm-fast-top .btn-secondary:hover {
            background: #fdd900;
            color: #000;
        }

.nm-fast-top-radio-btns input[type="radio"]:checked + label {
    background: #fdd900;
    color: #000;
}

#FastTopUpSection button#BtnMakePayment {
    height: auto !important;
    width: 200px !important;
    padding: 5px !important;
    margin-top: 15px;
    font-weight: 600;
}

#FastTopUpSection .nm-sub-title {
    font-size: 20px !important;
    font-weight: 500;
    /*margin-top:30px !important;*/
}

.nm-fast-top-field {
    flex-basis: 40%;
}

    .nm-fast-top-field > div {
        width: 100%;
        position: relative;
    }

    .nm-fast-top-field .error {
        position: absolute;
        bottom: -22px;
    }

    .nm-fast-top-field .btn-green {
        flex-basis: 200px;
        margin-left: 20px;
        height: 50px;
    }

.nm-fast-top .nm-fast-top-title h2 {
    font-size: 22px;
    margin: 0;
    font-weight: 600;
}

.nm-fast-top .nm-fast-top-title h2 img {
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

#FastTopUpSection .select2-container .select2-selection--single {
    border: 1px solid #ced4da !important;
    box-shadow: none !important;
}

#FastTopUpSection h3 {
    font-size: 18px !important;
}
.thm_yellow_btn:hover, .thm_prev_btn:hover, .addPayment:hover {
    background: #1cb227 !important;
    color: #fff !important;
    transition: 300ms;
}
.paypalBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 54px;
    color: #000;
    padding-top: 2px;
    max-width: 400px;
    font-weight: 500;
    margin: 20px auto 0px auto;
    background-color: #f9c321 !important;
}
.paypal-cards .tickCheck {
    position: absolute;
    top: -8px;
    right: -8px;
}
.credit-card-box.paypalAdd {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 105px;
    font-size: 18px;
    flex-direction: column;
    border: 2px dotted #32B93C;
    line-height: 30px;
    color: #32B93C;
}

.cancel_plan, .proceedtoPayment {
    width: 150px !important;
}

.thm_yellow_btn, .addPayment {
    background: #FDDA00 !important;
    height: 50px;
    color: #000;
    font-size: 16px;
    width: 100%;
    border-radius: 4px;
    padding: 12px 5px;
    font-weight: 500;
    transition: 300ms;
    border: none;
    width: 220px;
    margin: 0 auto;
    display: block;
    margin-left: 10px;
}

    .thm_yellow_btn:hover, .thm_prev_btn:hover, .addPayment:hover {
        background: #1cb227 !important;
        color: #fff;
        transition: 300ms;
    }

.nm-button {
    background-color: #1CB227 !important;
    font-size: 16px;
    width: 100%;
    border-radius: 4px;
    padding: 12px 5px;
    font-weight: 500;
    transition: 300ms;
    border: none;
    width: 220px;
    margin: 0 auto;
    display: block;
    margin-left: 10px;
}
/* sign up modal */
#signUpModal h3 {
    font-weight: 600;
    margin-bottom: 15px;
}

#signUpModal p {
    max-width: 260px;
    margin: 0 auto 25px;
    font-size: 18px;
    text-align: center;
}

.modal#signUpModal .modal-content {
    background: #efefef;
}

    .modal#signUpModal .modal-content .col-md-6 {
        margin-bottom: 35px;
    }

.modal#signUpModal .nm-logIn {
    text-align: center;
    width: 100%;
}

    .modal#signUpModal .nm-logIn a {
        text-decoration: none;
        font-weight: 600;
        color: #1bb127;
    }

        .modal#signUpModal .nm-logIn a:hover {
            color: #273240 !important;
        }
/* Buy Now Modal */
.modal.BuyNow .border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.nm-cookies-outer {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.nmcookies-sec {
    position: absolute;
    padding: 30px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0.12);
    background: #E7FFEC;
    bottom: 20px;
    left: 10px;
    text-align: center;
    margin: auto;
    right: 10px;
    max-width: 800px;
    z-index: 999;
    transition: 500ms all ease-in-out;
}

.modal.BuyNow .modal-content {
    background: #efefef;
}

.BuyNow .btn-green {
    width: 100% !important;
}

.modal.BuyNow .modal-body {
    padding: 0px 30px 30px;
    margin-top: -10px;
}

    .modal.BuyNow .modal-body .col-5 h3, .modal.BuyNow .modal-body .col-12 h3 {
        font-size: 42px;
        margin: 0;
    }

    .modal.BuyNow .modal-body .nm-sim-icon {
        width: 45px;
    }

    .modal.BuyNow .modal-body .fw-semibold.text-center {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .modal.BuyNow .modal-body .h-72 {
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .modal.BuyNow .modal-body .h-72 h3 {
            font-size: 42px;
        }

    .modal.BuyNow .modal-body .border-end {
        border-right-width: 2px !important;
        border-right-color: #d2d2d2 !important;
    }

    .modal.BuyNow .modal-body .flag-icon {
        height: auto;
        margin-right: 10px;
    }

.modal.BuyNow .btn-close {
    position: relative;
    z-index: 100;
    outline: none !important;
    box-shadow: 0 0 0 !important;
}
/* Why Now Mobile Banner 
.nm-inner-banner {
    position: relative;
}

    .nm-inner-banner h2 {
        font-size: 45px;
    }

    .nm-inner-banner p {
        font-size: 20px;
        margin-bottom: 0;
    }

/* Why Now Mobile Banner */

/*payment section*/
.tab-list ul li{
    width: auto
}
.payment-options-heading {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #252525
}
input + .error, .error {
    color: red;
    margin-top: 5px;
}

.tab-list .cardsTabs {
     border: none; 
    margin-bottom: 25px;
}
.tab-list .cardsTabs .nav-item {
        width: 200px;
 }
    .tab-list .cardsTabs .nav-item.show .nav-link, .tab-list .cardsTabs .nav-link.active, .tab-list .cardsTabs .nav-item.show .nav-link, .tab-list .cardsTabs .nav-link.active svg path {
        color: #fff;
        background-color: #1cb227;
        fill: #fff !important
    }
.tab-list .cardsTabs .nav-link {
    margin-bottom: 0;
    color: #000000;
    background: #f1f3f4;
    height: 50px;
    width: 100%;
    padding: 10px 6px;
    line-height: 21px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
}

.tab-list .cardsTabs .nav-link .pay-pal-icon {
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.tab-list .cardsTabs .nav-link i {
    font-size: 34px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.thm_payPal_section {
    border-radius: 6px;
/*    text-align: center;*/
    padding: 0px 15px 30px;
}
    .thm_payPal_section h2 {
        color: #32B93C;
        font-size: 20px !important;
        font-weight: 600;
        margin: 20px 0 15px;
    }
.select-payment-method-paypal-message, .payment-method-message {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}
.thm_yellow_btn {
    background: #dde22f !important;
    height: 50px;
    color: #000;
    font-size: 16px;
    width: 100%;
    border-radius: 4px;
    padding: 12px 5px;
    font-weight: 500;
    transition: 300ms;
    border:none;
}
.thm_yellow_btn:hover, .thm_prev_btn:hover {
    background: #1cb227 !important;
    color: #fff;
    transition: 300ms;
}
#add-new-card-btn {
    background: #f1f3f4;
    min-height: 168px;
}
.newcard {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 138px;
    font-size: 18px;
    flex-direction: column;
    border: 2px dotted #32B93C;
    line-height: 30px;
    color: #32B93C;
}
    .newcard button {
        font-size: 18px;
        box-shadow: 0 0 0 !important;
        color: #32B93C;
        pointer-events: none;
    }
.customer-card-model .credit-card-box2 {
    background: #f1f3f4;
    border-radius: 6px;
    min-height:168px;
 }


.adyen-checkout__threeds2__challenge--02, .adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 320px !important;
}
@media only screen and (max-width: 1024px) {
    .adyen-checkout__threeds2__challenge--02, .adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
        width: 261px !important;
    }
}
@media only screen and (min-width: 767px) {
    .card-center{
        height: 100% !important;
    }
}
@media only screen and (max-width: 767px) {
    .thm_yellow_btn {
        font-size: 14px !important;
    }

    #add-card-modal .modal-dialog .modal-header h5 {
        font-size: 20px;
    }

    .njaddNewCard h3 {
        font-size: 16px;
    }

    .cardsTabs li .nav-link i, .cardsTabs li .nav-link svg, .cardsTabs li .nav-link img {
        display: block;
        margin: 0 auto 5px !important;
        font-size: 24px !important;
        width: 30px !important;
    }

    .cardsTabs {
        flex-wrap: nowrap;
        padding: 0 20px;
        overflow: hidden;
        overflow-x: scroll;
        margin: 0 -24px;
    }

        .cardsTabs li {
            flex-basis: 50%;
            padding: 0 4px;
        }

    .tab-list .cardsTabs .nav-link {
        height: 82px;
    }

    #proceedCardPayment {
        width: 100% !important;
    }
}
.adyen-checkout__button {
    background-color: #FDDA00 !important;
    color: #000000 !important;
}

.credit-card-box2.newcard.active, .credit-card-box2.newcard:hover #add-new-card-btn .btn:hover {
    background-color: #32B93C !important;
    color: #FFFFFF !important;
}
#add-new-card-btn button:hover, .newcard button:hover, .add-new-card-btn, .newcard.active button, .newcard button:active {
    color: #FFFFFF !important;
    background-color: #32B93C;
}
.adyen-checkout__button img {
    filter: invert(1);
}

.customer-card-model .credit-card-box2:hover {
    background-color: #F4F9EB;
}

.credit-card-box2 .tickCheck {
    top: -6px;
    right: -4px;
}



.credit-card-box.active, .credit-card-box2.active {
    background-color: #DCF2FB !important;
    border: 1px solid #2096D3 !important;
}

.cardWraper {
    position: relative;
    border: 1px solid #2096D3 !important;
    background-color: #DCF2FB !important;
}
.njBillingDetailsInfo p {
    margin: 0 !important;
    font-size: 18px;
    font-weight: 600;
    color: #252525;
}
#add-card-modal .modal-dialog .modal-header h5 {
    font-size: 26px;
    color: #000000;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.modal-title i {
    margin-right: 14px;
}

#add-card-modal .modal-dialog {
    max-width: 620px;
}

    #add-card-modal .modal-dialog .modal-content {
        padding: 30px 40px 20px;
    }
.modal-header {
    /* background: #EFEFEF; */
    padding: 0px;
    border: 0;
}

#add-card-modal .modal-dialog .modal-header h5 {
    font-size: 26px;
    color: #064F92;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.modal-dialog .btn-close {
    margin-right: 5px;
    opacity: 1;
}
.njaddNewCard h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}




.njBillingDetailsInfo {
    padding: 10px 40px 10px 15px;
    position: relative;
    background: #F5F5F5;
    border-radius: 6px;
    margin: 15px 0 20px;
    display: flex;
    justify-content: space-between;
}
    .njBillingDetailsInfo i {
        color: #32B93C;
        font-size: 24px;
    }
    #add-card-modal .adyen-checkout-form-instruction {
        font-size: 16px !important;
        color: #000 !important;
        font-weight: 500 !important;
        display: flex;
        justify-content: space-between;
    }

/*Network for you section*/
.nm-network-section {
    padding: 20px 0px;
    background: #fff;
    position: relative;
}

    .nm-network-section img {
        filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.5));
    }

        .nm-network-section img.nm-shapes2 {
            bottom: -30px;
        }

.nm-network-content > .sub-heading {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.nm-network-content p {
    line-height: 28px;
    padding-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
}

.nm-network-offers .nm-shapes1 {
    left: -120px;
    top: -120px;
}

.nm-network-offers-detail {
    background: #fff;
    color: #000;
    border-radius: 10px;
    padding: 40px 25px;
    text-align: center;
    position: relative;
    height: 100%;
}

    .nm-network-offers-detail .btn-green {
        margin-top: 25px;
    }

.nm-network-offers-title {
    font-size: 22px;
    font-weight: 600;
    padding-top: 3rem;
}

.nm-network-offers-desc {
    font-size: 16px;
    line-height: 28px;
    margin: 15px 0 0;
}

/*Network for you section*/


/* About us Section */
.nm-shapes-about {
    left: -100px;
    bottom: 30%;
}


/* Free SIM Section */
.nm-freeSIM-link {
    text-decoration: none;
    color: #1cb227;
    font-weight: 500;
}

#Sim-Payment-Section svg.pay-pal-icon {
    height: 42px;
    margin-right: 10px;
    vertical-align: middle;
}

#Sim-Payment-Section button.nav-link.active svg path {
    fill: #ffffff !important;
}
/* happy customers */
.happy-customers {
    background: #e5f0e6;
    padding: 0;
    height: 75px;
    overflow: hidden;
}

    .happy-customers h3 {
        text-align: left;
        margin: 5px 0;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        height: 72px !important;
        line-height: 20px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding-bottom: 4px;
    }

        .happy-customers h3 img {
            margin-right: 10px;
            position: relative;
            top: -4px;
            display: inline !important;
        }
/* plans */
.nm-plans,
.nm-doMore {
    padding: 55px 0 70px 0;
    background: rgba(245,245,245);
    background: linear-gradient(180deg, rgba(245,245,245,1) 80%, rgba(255,255,255,1) 96%);
    position: relative;
    overflow: hidden;
}

    .nm-plans .nm-move1 {
        right: auto;
        left: 90px;
        top: 70px;
    }

    .nm-plans .nm-move2 {
        left: auto;
        right: 100px;
        top: 70px;
    }

    .nm-plans .nm-move4 {
        left: 110px;
        bottom: 170px;
        top: auto;
    }

    .nm-plans .nm-move5 {
        left: 140px;
        bottom: 90px;
        top: auto;
    }

    .nm-plans .nm-move6 {
        left: 100px;
        bottom: 0px;
        top: auto;
    }

    .nm-doMore img {
        width: 100px;
    }

    .nm-plans .nav-tabs {
        justify-content: center;
        border: 0;
        margin: 25px 0 5px;
    }

        .nm-plans .nav-tabs .nav-link {
            border: 0;
            font-size: 18px;
            font-weight: 600;
            color: #000;
            border-bottom: 5px solid #d8d8d8;
            width: 206px;
            padding: 18px 0;
            position: relative;
            background: transparent;
        }

            .nm-plans .nav-tabs .nav-link.active {
                color: #1cb227;
                border-bottom: 5px solid #1cb227;
            }

.nm-badge {
    background: #bf081b;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 6px 10px;
    position: absolute;
    font-weight: 400;
}

.nm-plans .nav-tabs .nav-link .badge {
    top: 4px;
    right: -20px;
}

.animRotate {
    animation: animRotate 35s linear infinite;
}

.image_leftRight2 {
    animation: image_leftRight2 4s infinite alternate;
}

.roamingratediv .animRotate, .roamingratediv .image_leftRight2 {
    display: none;
}

@keyframes image_leftRight2 {
    0% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(30px);
    }
}

@keyframes animRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.nm-plans .tab-pane {
    position: relative;
}

.nm-plans-item {
    border-radius: 12px;
    padding: 30px 30px 115px;
    box-shadow: 0px 0px 20px 0px rgba(0,0, 0, 0.16);
    margin-top: 30px;
    background: #fff;
    position: relative;
    z-index: 5;
    transition: 300ms;
    height: calc(100% - 30px)
}

/*.nm-plans-item div.d-flex img {
        vertical-align: text-top !important;
    }*/

.nm-detail-plans-item {
    margin-top: 30px;
    position: relative;
    padding: 30px !important;
}

.nm-plans-item h4 {
    color: #353535;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
}

.nm-plans-item .country-flag + h4 {
    font-size: 15px !important;
    margin-bottom: 0px !important;
}

.nm-plans-item h4 > img, .nm-buyNow-field p span > img, .Fiveg-img {
    width: 28px !important;
    margin-left: 8px;
    display: inline-block !important;
    margin-top: -5px !important;
}

.Fiveg-img {
    width: 40px !important;
}
.national-modal-fiveg-img {
    width: 20px !important;
    margin-left: 8px;
    display: inline-block !important;
}

.nm-plans-item .country-flag h4 > img {
    margin-left: 0 !important;
}

.nm-plans-item h3 {
    color: #000;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
}

    .nm-plans-item h3 span {
        font-weight: 600;
    }

.nm-plans-item h2 {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
}

.nm-plans-item .hr {
    margin-bottom: 15px;
}

.nm-plans-item p {
    font-size: 14px;
    color: #353535;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .nm-plans-item p img {
        margin-right: 10px;
    }

.nm-plans-item .btn-green {
    width: calc(100% - 60px) !important;
    margin-top: 15px !important;
    position: absolute;
    bottom: 60px;
}

.nm-detail-plans-item .btn-green {
    position: static;
    width: 100% !important;
    margin-top: 0 !important;
}

.nm-plans-item .btn-link {
    font-size: 14px;
    color: #000 !important;
    background: transparent !important;
    text-decoration: none;
    display: table;
    margin: 0 auto 0;
    padding: 15px 0 0;
    border-bottom: 1px solid #535353;
    border-radius: 0;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

    .nm-plans-item .btn-link:hover {
        border-bottom-color: #1bb127;
        color: #1cb227 !important;
    }

.nm-plans-item .nm-badge {
    top: -13px;
    left: 30px;
}

.nm-plans-item:hover {
    box-shadow: 0px 0px 12px 7px rgba(0,0,0, 0.15);
    /*cursor: pointer;*/
    transition: 300ms;
}
/* .nm-plans-item:hover{
    background: #1bb127;
    cursor: pointer;
    transition: 500ms;
}
.nm-plans-item:hover h4, .nm-plans-item:hover h3, .nm-plans-item:hover p, .nm-plans-item:hover h2{
    color: #fff !important;
}
.nm-plans-item:hover .btn-green{
    background: #fdd900;
    color: #000;
}
.nm-plans-item:hover .btn-link{
    color: #fff !important;
    border-bottom-color:#fff !important;
} */
/* Smart feature */
.nm-smart-network {
    padding: 35px 0 70px;
    position: relative;
    overflow: hidden;
}

.nm-smart-feature {
    display: grid;
    grid-template-columns: 55px auto;
    margin-top: 30px;
}

    .nm-smart-feature .nm-smart-feature-inner h4 {
        font-size: 24px;
        color: #252525;
        font-weight: 600;
    }

    .nm-smart-feature img {
        width: auto;
        height: 50px;
    }

    .nm-smart-feature .nm-smart-feature-inner p {
        font-size: 16px;
        color: #353535;
        font-weight: 400;
        margin-bottom: 0;
        width: 80%;
    }

.nm-smart-network .btn-green {
    margin-top: 30px;
}

.nm-shapes3 {
    left: -160px;
    top: -30px;
}

.nm-smart-network .nm-move4 {
    top: auto;
    bottom: -200px;
    left: 5%;
}

.nm-smart-network .nm-move5 {
    top: auto;
    bottom: -300px;
    left: 8%;
}

.nm-smart-network .nm-move6 {
    top: -300px;
    bottom: auto;
    left: 92%;
}

.nm-smart-network .nm-move7 {
    top: -270px;
    bottom: auto;
    left: 94%;
}
/* Select2 */
.select2-selection {
    border: none !important;
    outline: none !important;
    background: #fff !important;
    box-shadow: 0px 0px 20px 0px rgba(0,0, 0, 0.12) !important;
    line-height: 50px !important;
    height: 50px !important;
    padding: 5px 10px !important;
    width: 100% !important;
    display: block;
}

.select2-container {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
    right: 15px !important;
}

.nm-select2-img-flag {
    width: 40px;
    margin-right: 5px;
    border: 1px solid lightgray;
}

.select2-selection__rendered .nm-select2-img-flag {
    border: 0;
}

.roaming-charges {
    margin: 10px 0;
    padding: 15px;
}

    .roaming-charges img {
        /*width:15px;*/
        margin-right: 10px;
    }
/* free payg */
.free-payg {
    background: #1cb227;
    padding: 20px 0;
}

    .free-payg .sim-mobile {
        display: none;
        margin: 0 auto 20px;
    }

    .free-payg p {
        color: #fff;
        font-size: 20px;
        margin: 0 0 10px 20px;
    }

    .free-payg h3 {
        margin: 0;
        color: #fff;
        font-size: 28px;
        font-weight: 600;
        margin-left: 20px;
    }

        .free-payg h3 span {
            text-transform: uppercase;
        }

    .free-payg .btn-yellow {
        width: 236px;
        margin-right: 40px;
    }

        .free-payg .btn-yellow:hover, .nmorder-sim .btn-yellow:hover, .nmreplacement-sim .btn-green:hover {
            background: #273240;
            color: #fff !important;
        }
/* testimonial */
.nm-testimonial {
    padding: 60px 0 70px 0;
    background-color: #fff !important;
    background: url(../images/nm-bg2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    .nm-testimonial img.trust-piolet-logo {
        width: 330px;
        margin: 5px auto;
    }

    .nm-testimonial .carousel {
        margin-top: 40px;
    }

    .nm-testimonial .carousel-item {
        text-align: center;
    }
    .nm-testimonial .carousel-indicators, .nm-testimonial .carousel-item p, .nm-testimonial .carousel-item h2 {
        background-color: white;
    }
.nm-testimonial .carousel-item p {
    width: 600px;
    margin: 30px auto;
    color: #353535;
    font-size: 16px;
}

        .nm-testimonial .carousel-item h2 {
            margin-top: 110px;
            font-size: 24px;
            color: #000;
            font-weight: 500;
        }

        .nm-testimonial .carousel-item h3 {
            font-size: 13px;
            color: #545454;
            font-weight: 500;
        }

        .nm-testimonial .carousel-item img {
            width: 150px;
        }

    .nm-testimonial .carousel-indicators {
        z-index: 999;
        margin-bottom: 6rem !important;
    }

        .nm-testimonial .carousel-indicators button {
            width: 44px !important;
            height: 44px !important;
            border-radius: 50% !important;
            background: #000 !important;
            margin: 5px !important;
            border: 0 !important;
            opacity: 0.5 !important;
            overflow: hidden;
            transition: 1000ms;
        }

            .nm-testimonial .carousel-indicators button.active {
                transition: 1000ms;
                transform: scale(1.4);
                opacity: 1 !important;
                margin: 5px 10px !important;
            }

            .nm-testimonial .carousel-indicators button:first-child {
                background: url(../images/feedback-1.png) !important;
                background-position: center !important;
                background-size: 100% 100% !important;
            }

            .nm-testimonial .carousel-indicators button:nth-child(02) {
                background: url(../images/feedback-2.png) !important;
                background-size: 100% 100% !important;
                background-position: center !important;
            }

            .nm-testimonial .carousel-indicators button:last-child {
                background: url(../images/feedback-3.png) !important;
                background-size: 100% 100% !important;
                background-position: center !important;
            }

.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
    top: -100px;
    width: 30%;
}

/* Port In Page */
.nm-transfer-sim-steps {
    background: #ededed;
    padding: 30px;
}

.nmorder-sim, .nmreplacement-sim {
    position: relative;
}

    .nmorder-sim > img, .nmreplacement-sim > img {
        position: absolute;
        right: 0px;
        bottom: 0;
        width: 45%;
    }

    .nmreplacement-sim .lead {
        color: #000 !important;
    }
/* National Rates */
.nm-national-rates {
    background: #fff;
    padding: 3rem;
    border: 3px solid #CCCCCC;
    border-radius: 5px;
}

.nationalRates-tbl thead tr:first-child th,
.nationalRates-tbl tbody tr td:first-child,
.custom-tbl tbody tr td:first-child,
.custom-tbl thead tr:first-child th {
    border-right: 1px solid #E0E0E0;
}

.nm-national-rates .nationalRates-tbl thead, .custom-tbl thead {
    background: #1cb227;
    color: #fff;
}

.nationalRates-tbl thead th:first-child {
    border-top-left-radius: 5px !important;
}

.nationalRates-tbl thead th:last-child {
    border-top-right-radius: 5px !important;
}

.nm-national-rates .nationalRates-tbl thead th,
.custom-tbl thead th, .custom-tbl tbody td,
.nm-national-rates .nationalRates-tbl tbody td {
    padding: 15px;
    font-weight: normal;
    width: 49% !important;
}

.custom-tbl thead th, .custom-tbl tbody td {
    width: 30% !important;
}

.nmStandardRates-sec {
    background: #D2ECEB;
    padding: 20px;
    border-radius: 10px;
}

/* International Rates */
.nmStandardRates-sec-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.nmStandardRates-sec-inner {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

    .nmStandardRates-sec-inner img {
        width: auto;
        height: 40px;
    }

.nm-popularDestination-img {
    text-align: right;
}

.nmStandardRates-sec-inner > div {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    transition: all 500ms ease 0s;
    gap: 10px;
}

.nmStandardRates-sec-inner div > div:first-child {
    width: 50px;
    text-align: center
}

.nmStandardRates-sec-inner > div:not(:last-child) {
    border-right: 3px solid #D2D2D2;
}

.nmStandardRates-sec-inner .icon-second {
    height: 50px;
}

.nm-popularDestination-img img {
    width: 40px;
}

.roaming-destination > div {
    border-radius: 5px;
    background: #D2D2D2;
}

.roaming-destination img {
    width: 40px;
}

/* faq */
.nm-bg-gray {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f5f5f5;
}

.faq {
    padding: 60px 0 70px 0;
    position: relative;
}

    .faq .nm-move4 {
        top: auto;
        bottom: 140px;
    }

    .faq .nm-move5 {
        left: 70px;
        top: auto;
        bottom: 185px;
    }

.accordion {
    margin-top: 30px;
}

.accordion-header {
    background: transparent;
}

.accordion-item {
    margin-top: 0px;
    background: transparent;
}

.accordion-header .accordion-button {
    outline: none;
    box-shadow: 0 0 0;
    border: 0;
    background: transparent;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding: 25px 20px 25px;
    border-bottom: 1px solid #e5e5e5;
    gap: 10px;
    line-height: 22px;
}

.field-validation-error > span {
    font-size: 14px !important;
}

.accordion-item {
    border: 0;
}

.accordion-button:not(.collapsed)::after {
    background: url(../images/minus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.accordion-button.collapsed::after {
    background: url(../images/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.accordion-body {
    padding: 25px 80px 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}

    .accordion-body p {
        font-size: 16px;
        color: #545454;
    }

.faq .nm-move1 {
    right: auto;
    left: 8%;
    top: 12%;
}

.faq .nm-move2 {
    right: auto;
    left: 10%;
    top: 8%;
}

#socialLoginModal .modal-body button.btn-outline-secondary {
    border: 1px solid #dadce0 !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 9px !important;
}
/* video intro */
.nm-video-banner {
    padding: 50px 0 0;
    /*z-index: 10;*/
    background: url(../images/nm-bg3.jpg);
    background-size: 100% 100%;
    position: relative;
}

    .nm-video-banner div {
        position: relative;
        display: table;
        margin: 0 auto;
    }

    .nm-video-banner .nm-shortGif {
        position: absolute;
        top: 50px;
        right: 60px;
        z-index: -1;
        width: 180px;
        border: 0px solid #fff;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.40);
        z-index: 0;
    }

        .nm-video-banner .nm-shortGif img {
            width: 100%;
            max-width: 100% !important;
        }

.nm-video-intro {
    background: #fff;
    z-index: 199 !important;
}

.nm-video-banner .img-fluid {
    margin: 0 auto 0;
    display: block;
}

.nm-video-intro .nm-title {
    margin-top: 0px;
}

.nm-video-intro h3 {
    text-align: center;
    color: #1bb127;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    text-transform: uppercase;
}

.video-play-button {
    position: relative;
    z-index: 10;
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 36px 20px 18px 40px;
    margin: 40px auto 0 auto;
}

    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 80px;
        height: 80px;
        background: #1cb227;
        border-radius: 50%;
        animation: pulse-border 1500ms ease-out infinite;
    }

    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 80px;
        height: 80px;
        background: #1cb227;
        border-radius: 50%;
        transition: all 200ms;
    }

    .video-play-button:hover:after {
        background-color: darken(#fa183d, 10%);
    }

    .video-play-button img {
        position: relative;
        z-index: 3;
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .video-play-button span {
        display: block;
        position: relative;
        z-index: 4;
        width: 0;
        height: 0;
        border-left: 18px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-overlay {
    position: fixed;
    z-index: 20 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.80);
    opacity: 1;
    transition: all ease 500ms;
    display: none;
}

    .video-overlay.open {
        position: fixed;
        z-index: 2147483730 !important;
        display: block;
    }

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

    .video-overlay-close:hover {
        color: #fa183d;
    }

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
/* Terms and Conditions  */
.nm-termsConditions h4 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 26px;
    font-weight: 600;
}

.nm-termsConditions p {
    font-size: 18px;
}

/* footer */
footer {
    background: #273240;
    color: #fff;
    position: relative;
    overflow: hidden;
}

    footer a:hover {
        color: #fdd900 !important;
    }

.quick-links {
    padding-top: 30px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

    .quick-links h4 {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: 600;
        color: #fff;
    }

    .quick-links ul {
        padding: 0;
    }

        .quick-links ul li {
            list-style: none;
            font-weight: 300;
            font-size: 14px;
            padding: 5px 0;
        }

            .quick-links ul li a {
                color: #cecfd1;
                text-decoration: none;
            }

                .quick-links ul li a:hover {
                    color: #959595;
                }

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 0 20px;
    position: relative;
    z-index: 1;
}

    .footer-bottom p {
        margin: 0;
        font-size: 14px;
        color: #cecfd1;
    }

    .footer-bottom ul {
        margin-bottom: 0;
    }

.footer-nav ul {
    padding: 0;
}

    .footer-nav ul li {
        list-style: none;
        font-size: 14px;
        padding: 5px 35px 5px 0;
        font-size: 15px;
        display: inline-block;
        font-weight: 300;
    }

        .footer-nav ul li a {
            color: #cecfd1;
            text-decoration: none;
        }

            .footer-nav ul li a:hover {
                color: #959595;
            }

.footer-social-links {
    font-size: 25px;
    margin-top: 0px;
    text-align: right;
}

    .footer-social-links a {
        color: #dcf2fb;
        padding: 0 0 0 20px;
    }

/* animations */
.nm-move1 {
    animation: image_move4 10s infinite linear;
    right: 60px;
    top: 30%;
}

.nm-move2 {
    animation: image_move2 10s infinite linear;
    right: 60px;
    top: 50%;
}

.nm-move3 {
    animation: image_move3 10s infinite linear;
    right: 90px;
    top: 65%;
}

.nm-move4 {
    left: 130px;
    top: 8%;
}

.nm-move5 {
    left: 70px;
    top: 20%;
}

.nm-move6 {
    left: 90px;
    bottom: 10%;
}

@keyframes image_move2 {
    0% {
        transform: translate(0px, 0px);
    }

    25% {
        transform: translate(20px, 0px);
    }

    50% {
        transform: translate(30px, -20px);
    }

    75% {
        transform: translate(20px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes image_move4 {
    0% {
        transform: translate(0px, 0px);
    }

    15% {
        transform: translate(0px, 20px);
    }

    30% {
        transform: translate(-20px, 20px);
    }

    45% {
        transform: translate(-20px, 40px);
    }

    60% {
        transform: translate(-25px, 30px);
    }

    75% {
        transform: translate(-20px, 20px);
    }

    90% {
        transform: translate(0px, 20px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes image_move3 {
    0% {
        transform: translate(0px, 0px);
    }

    25% {
        transform: translate(10px, 20px);
    }

    50% {
        transform: translate(30px, 30px);
    }

    75% {
        transform: translate(20px, 10px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

/* checkout page */
.nm-inner-banner {
    background: #f5f5f5;
    overflow: hidden;
}

    .nm-inner-banner h2 {
        font-size: 32px;
    }

    .nm-inner-banner p {
        margin-bottom: 0;
        font-size: 18px;
    }

/*  .nm-inner-banner img {
        width: auto !important;
    }*/

.nm-checkout {
    padding: 30px;
    padding-bottom: 70px !important;
}

    .nm-checkout .nm-title {
        text-align-last: left;
    }

        .nm-checkout .nm-title h2 {
            font-size: 32px;
        }

            .nm-checkout .nm-title h2 img {
                margin-right: 10px;
            }

.nm-checkout-steps {
    padding: 10px 0;
}

.nm-steps {
    border: 1px solid #dadada;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px 0;
    margin-bottom: 20px;
}

.nm-step {
    position: relative;
    display: flex;
    align-items: center;
}

    .nm-step p {
        margin: 0 0 0 12px;
        font-size: 18px;
        color: #757575;
        text-transform: capitalize;
    }

.nm-step-icon {
    width: 40px;
    height: 40px;
    background: transparent;
    font-size: 18px;
    font-weight: 500;
    color: #757575;
    line-height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #757575;
    align-items: center;
    justify-content: center;
    display: flex;
}

.nm-step.activated .nm-step-icon, .nm-step.active .nm-step-icon {
    background: #1cb227;
    border-color: #1cb227;
    color: #fff;
}

.nm-step-done, .nm-step-failed-icon {
    display: none;
    fill: #fff;
}

.nm-step.activated .nm-step-icon .nm-step-num {
    display: none;
}

.nm-step.activated .nm-step-icon .nm-step-done {
    display: block;
}
/*.nm-step.nm-order-failed-step .nm-step-icon .nm-step-done, .nm-step.active .nm-step-icon .nm-step-num{
    display: none;
}*/
.nm-step.nm-order-failed-step .nm-step-icon .nm-step-failed-icon {
    display: block;
}

.nm-step.nm-thanks-step.active .nm-step-icon .nm-step-done {
    display: block;
}

.nm-step.activated p, .nm-step.active p {
    color: #1cb227;
}

.nm-checkout fieldset .nm-title h2 {
    font-size: 28px;
    margin-bottom: 0;
}

.nm-checkout fieldset .nm-title p {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 20px;
}

.nm-checkout fieldset {
    display: none;
    text-align: left;
}

.nm-checkout-add-plans-outer {
    background: #d2eceb;
    padding: 30px;
    border-radius: 6px;
    /*margin-bottom: 45px;*/
}

    .nm-checkout-add-plans-outer h4 {
        color: #252525;
        font-size: 22px;
        font-weight: 600;
    }

    .nm-checkout-add-plans-outer p {
        color: #252525;
        font-size: 16px;
        font-weight: 400;
        width: 90%;
        margin-top: 12px;
    }

.nm-add-sim-credit {
    background: #fff;
    display: flex;
    border-radius: 6px;
    padding: 20px 18px;
    align-items: center;
}

    .nm-add-sim-credit p {
        color: #353535;
        font-size: 18px;
        font-weight: 600;
        margin: 0;
    }

    .nm-add-sim-credit .form-control {
        width: 102px;
        font-size: 18px;
        height: 45px;
        border-radius: 3px;
        font-weight: 600;
    }

    .nm-add-sim-credit .btn-yellow {
        width: 230px;
        height: 45px;
    }

.form-control {
    font-size: 16px;
    height: 52px;
    border-radius: 4px;
}

.nm-sub-title {
    color: #252525;
    font-size: 22px;
    font-weight: 600;
    margin: 25px 0 12px 0;
}

.nm-postel-code {
    display: flex;
    gap: 20px;
}

    .nm-postel-code .form-control {
        flex: 0 0 63%;
    }

    .nm-postel-code .btn-yellow {
        height: 52px;
        line-height: 52px;
    }

.nm-checkout fieldset .nm-buttons {
    text-align: right;
}

.form-control[type="text"]::-webkit-input-placeholder,
.form-control[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
    color: #999999 !important;
    font-size: 14px !important;
}

.nm-order-summary {
    background: #f1f3f4;
    padding: 35px 30px 30px;
    height: 100%;
}

    .nm-order-summary > img {
        width: 100%;
    }

.nm-checkout .nm-checkout-aside {
    padding-right: 0;
}

    .nm-checkout .nm-checkout-aside .nm-title h2 {
        font-size: 24px;
        margin-top: 35px;
    }

.nm-summary-title .nm-title-total-price, .nm-summary-title .bi-chevron-up, .nm-summary-table-outer .bi-x-circle {
    display: none;
}

.nm-order-summary .basketPaymentimg {
    max-width: 100%;
}

#FastTopUpSection .campaign-section, #GenericBasketSection {
    height: 100%;
}

#Sim-Payment-Section .nm-title p {
    width: 100%;
    margin: 10px 0 25px;
}

.nm-sammary-table {
    margin: 30px -30px 0 -30px;
}

    .nm-sammary-table .nm-table-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 30px;
        border-bottom: 2px solid #fff;
    }

        .nm-sammary-table .nm-table-item p {
            margin: 0;
            font-size: 16px;
            color: #353535;
            font-weight: 500;
        }

            .nm-sammary-table .nm-table-item p img {
                margin: -1px auto 0;
            }

            .nm-sammary-table .nm-table-item p span {
                display: inline-block;
                width: 40px;
                text-align: center;
            }

        .nm-sammary-table .nm-table-item span {
            font-size: 16px;
            color: #000;
            font-weight: 500;
            text-transform: uppercase;
        }

    .nm-sammary-table .nm-promo-code .nm-table-item {
        display: block;
    }

    .nm-sammary-table .nm-promo {
        padding-left: 40px;
    }

        .nm-sammary-table .nm-promo .nm-promo-field .form-group {
            display: flex;
        }

        .nm-sammary-table .nm-promo p {
            margin: 5px 0 10px;
            font-size: 16px;
            color: #353535;
            font-weight: 500;
        }

        .nm-sammary-table .nm-promo .nm-promo-field .form-group .btn-yellow {
            margin-left: 10px;
            height: 52px;
            line-height: 52px;
        }

        .nm-sammary-table .nm-promo .nm-success-alert {
            color: #1cb227;
            font-size: 14px;
            text-transform: capitalize;
            display: block;
            margin-top: 5px;
        }

    .nm-sammary-table .nm-promo-code .nm-promo-discount {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 35px 0 0;
        font-size: 16px;
        color: #f30615;
        font-weight: 500;
    }

        .nm-sammary-table .nm-promo-code .nm-promo-discount span {
            width: auto;
            font-size: 16px;
            color: #f30615;
            font-weight: 500;
        }

    .nm-sammary-table .nm-promo-code .nm-promo-name {
        font-size: 16px;
        color: #353535;
        font-weight: 500;
    }

.nm-sammary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    font-size: 18px;
    color: #353535;
    font-weight: 600;
}

.nm-auto-top-up {
    background: #fff;
    border-radius: 6px;
    padding: 20px 18px;
    margin-top: 5px;
}

    .nm-auto-top-up h3 {
        font-size: 18px;
        color: #353535;
        font-weight: 600;
        position: relative;
    }

    .nm-auto-top-up p {
        font-size: 15px;
        color: #676767;
        font-weight: 400;
        margin-bottom: 0;
    }

        .nm-auto-top-up p span {
            color: #000;
            font-weight: 600;
        }

    .nm-auto-top-up .form-switch {
        margin-left: 70px;
        position: relative;
        position: absolute !important;
        top: -5px;
        right: 60px;
    }

        .nm-auto-top-up .form-switch .form-check-input {
            box-shadow: 0 0 0 !important;
            outline: none !important;
            height: 24px;
            border: 1px solid rgba(0,0,0,.25) !important
        }

            .nm-auto-top-up .form-switch .form-check-input:focus {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
            }

            .nm-auto-top-up .form-switch .form-check-input:checked {
                background-color: #1cb227;
                border-color: #1cb227 !important;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
            }

    .nm-auto-top-up .nm-note-top-up span {
        color: #676767;
        font-weight: 400;
    }

.confirm_Sec .footer_btn_wrap {
    display: flex;
    column-gap: 16px;
    justify-content: center;
    text-align: center;
    background-color: #fff;
}

    .confirm_Sec .footer_btn_wrap .paypall-footer-btn {
        border: 1px solid #000F23;
        border-radius: 6px;
        padding: 15px 10px !important;
        width: 100%;
        color: #000000;
        font-size: 17px !important;
        font-weight: 500;
        align-items: center;
        display: flex;
        justify-content: center;
        gap: 5px;
    }

    .confirm_Sec .footer_btn_wrap .foter_btn.check {
        background-color: #FFC438 !important;
        border: 0px !important;
    }
a{
    text-decoration:none;
}

.confirm_Sec .footer_btn_wrap .foter_btn {
    border: 1px solid #000F23 !important;
    border-radius: 6px;
    padding: 15px 10px;
    padding-bottom: 11px;
    max-width: 282px;
    width: 100%;
    display: inline-block;
    color: #000000 !important;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    background-color: #fff !important;
}
.confirm_Sec .footer_btn_paypal a, .foter_btn a{
    text-decoration: none !important;
}


        .foter_btn.check {
            background-color: #ffc438;
            border-radius: 6px;
            padding: 15px 10px;
            padding-bottom: 11px;
            width: 100%;
            display: inline-block;
            color: #000 !important;
            font-size: 17px;
            font-weight: 500;
            text-align: center;
        }

.btn-previous {
    background: #f1f3f4;
    color: #000;
}

    .btn-previous:hover {
        background: #fdd900;
        color: #000;
    }
.btn-now-previous {
    background: #f1f3f4;
    color: #000;
}

    .btn-now-previous:hover {
        background: #fdd900;
        color: #000;
    }
.nm-payment-step .nm-buttons {
    display: flex;
    justify-content: space-between;
}

.nm-buttons#BtnMakePayment-Section {
    display: flex;
    justify-content: space-between;
}

#Sim-Payment-Section .select2 {
    margin-top: 5px;
    margin-bottom: 15px;
}

.form-check-input {
    width: 1.4em !important;
    height: 1.4em !important;
}

.form-check {
    display: flex;
    align-items: center;
    padding: 0 !important;
}

    .form-check .form-check-input {
        margin: 0 10px 0 0 !important;
        float: none !important;
        flex: 0 0 1.4rem;
    }

    .form-check.form-switch .form-check-input {
        width: 2.5rem !important;
        flex: 0 0 2.5rem;
        margin: 4px 0 0 !important;
    }

.nm-card-tabs {
    border: 0;
}

    .nm-card-tabs .nav-link {
        border: 0;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        border-radius: 6px;
        width: 206px;
        padding: 10px 0;
        position: relative;
        background: #f1f3f4;
        margin: 0 8px 8px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .nm-card-tabs .nav-link img {
            margin-right: 10px;
        }

        .nm-card-tabs .nav-link.active {
            color: #fff;
            background: #1bb127 !important;
        }

.alert-success {
    background: #e7ffec;
    border: 0;
    color: #1bb127;
}

    .alert-success img {
        margin-right: 10px;
    }

.nm-checkbox .form-check-input {
    width: 24px;
    height: 24px;
    box-shadow: 0 0 0;
    margin-right: 10px;
    margin-top: -1px;
}

    .nm-checkbox .form-check-input:checked {
        background-color: #1bb127;
        border-color: #1bb127;
    }

.nm-checkout.nm-thanks-page .nm-checkout-aside {
    display: none;
}

.nm-checkout.nm-thanks-page .container > .row {
    justify-content: center
}

.nm-checkout.nm-thanks-page .nm-title {
    text-align: center;
    text-align-last: center;
}

.nm-thanks-outer {
    border: 1px solid #dadada;
    border-radius: 6px;
    padding: 40px 15px;
    text-align: center;
}

    .nm-thanks-outer h3 {
        font-size: 28px;
        color: #1cb227;
        font-weight: 600;
        margin: 40px 0 20px 0;
    }

    .nm-thanks-outer p {
        font-size: 16px;
        color: #353535;
        font-weight: 400;
        margin: 0 auto 25px;
        width: 630px;
    }

    .nm-thanks-outer h4 {
        font-size: 18px;
        color: #252525;
        font-weight: 600;
        margin: 0 0 35px 0;
    }

        .nm-thanks-outer h4 a {
            color: #1cb227;
            text-decoration: none;
        }

    .nm-thanks-outer .btn-green {
        width: 220px;
    }

        .nm-thanks-outer .btn-green:hover {
            color: #000 !important;
        }

.nm-order-failed-outer {
    border: 1px solid #dadada;
    border-radius: 6px;
    padding: 40px 15px;
    text-align: center;
}

    .nm-order-failed-outer h3 {
        font-size: 28px;
        color: #ee2a57;
        font-weight: 600;
        margin: 40px 0 20px 0;
    }

    .nm-order-failed-outer p {
        font-size: 16px;
        color: #353535;
        font-weight: 400;
        margin: 0 auto 35px;
        width: 630px;
    }

    .nm-order-failed-outer h4 {
        font-size: 18px;
        color: #252525;
        font-weight: 600;
        margin: 40px 0 0;
    }

    .nm-order-failed-outer h5 {
        font-size: 24px;
        color: #842029;
        font-weight: 600;
        margin: 30px 0 40px;
        text-transform: uppercase;
    }

    .nm-order-failed-outer h4 a {
        color: #1cb227;
        text-decoration: none;
    }

    .nm-order-failed-outer .btn-green {
        width: 220px;
    }

        .nm-order-failed-outer .btn-green:hover {
            color: #000 !important;
        }

    .nm-order-failed-outer .btn-gray {
        width: 220px;
    }

.nm-step.nm-order-failed-step.activated .nm-step-icon, .nm-step.nm-order-failed-step.active .nm-step-icon {
    background: #ee2a57;
    border-color: #ee2a57;
}

.nm-step.nm-order-failed-step.activated p, .nm-step.nm-order-failed-step.active p {
    color: #ee2a57;
}

.nm-paypal-outer {
    border: 1px solid #dadada;
    border-radius: 6px;
    padding: 40px 15px;
    text-align: center;
    margin: 20px 0 30px;
}

    .nm-paypal-outer p {
        font-size: 16px;
        color: #353535;
        font-weight: 400;
        margin: 15px 0 20px;
    }

/* View detail page */
.nm-detail-outer {
    background: #fff;
    padding: 1px 80px 30px;
}

.topup-amounts label.btn-secondary {
    background-color: #f1f3f4;
    color: #000;
    border: none;
    font-weight: 600;
}

.nm-detail-plans-item h4.detail-plan-name .nm-detail-plan-feature {
    display: flex;
    justify-content: space-between;
    align-items: start;
    /*height: 62px;*/
    margin-left: 15px
}

.nm-detail-plan-feature {
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 62px;
    margin-left: 15px
}


    .nm-detail-plan-feature p {
        margin: 0;
        font-size: 24px;
        /*margin-left: 20px;*/
    }

.nm-detail-outer .nm-plans-item p {
    font-size: 20px;
}

    .nm-detail-outer .nm-plans-item p.text-green img {
        position: relative;
        top: -2px;
        width: 26px;
    }

.nm-detail-outer .nm-plans-item h2 {
    font-size: 30px;
    width: 200px;
    margin: 0 0 0 auto;
    text-align: center;
    /*margin-bottom: 15px;*/
}

.nm-detail-outer .nm-plans-item h3 {
    font-size: 36px;
}

.nm-detail-outer .nm-plans-item {
    margin-top: 35px;
    background: #f5f5f5;
    box-shadow: 0 0 0;
}

    .nm-detail-outer .nm-plans-item h4 {
        font-size: 18px;
    }

.view-detail-slider .owl-stage {
    display: flex
}

    .view-detail-slider .owl-stage .owl-item {
        display: flex;
        flex: 1 0 auto;
    }

        .view-detail-slider .owl-stage .owl-item .nm-plans-item {
            width: 100%;
        }

.nm-detail-outer .nm-plans-item .btn-green {
    margin: 0;
    width: 200px !important;
}

.nm-detail-outer .flag-icon {
    height: 20px;
}

.flag-sec-plan {
    margin-bottom: 12px;
}

    .flag-sec-plan h2 {
        font-size: 14px;
        font-weight: 500;
        margin: 0;
    }

    .flag-sec-plan .flag-icon {
        font-size: 20px;
        vertical-align: middle;
        margin-right: 10px;
    }

.flag-rate-area-plan-details {
    margin-top: 0px;
}

.view-detail-slider .owl-stage-outer {
    padding: 10px;
    margin: -10px;
}

.nm-detail-outer .accordion-body a {
    text-decoration: none;
    color: #1bb127;
    font-weight: 500;
}

.nm-buyNow-field {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

    .nm-buyNow-field p {
        background: #fff;
        height: 100%;
        flex: 1;
        font-size: 22px;
        font-weight: 500;
        display: flex;
        justify-content: space-between;
        padding: 12px 15px 11px 15px;
        margin: 0;
        border-radius: 4px;
    }

    .nm-buyNow-field .btn-green {
        width: 220px;
        margin-top: 0 !important;
        height: 56px;
    }

.fromcountryrate-section ul {
    color: #1cb227;
}

.nm-national-rates-table {
    padding: 59px 0 75px;
}

#Sim-Payment-Section .card {
    cursor: pointer !important;
}
/*Change For Now Mobile App*/
.now-mobile-app .nm-title p {
    width: 100%;
}
.use-app-button {
    background: #1bb127;
    color: #fff !important;
    border-radius: 3px;
    margin-right: 5px;
}
    a.use-app-button:hover{color:#fff !important;}
.center-on-tab-b img {
    display: block;
    margin: auto;
}
/* Responiveness */
@media (min-width: 1440px) and (max-width: 1800px) {
    .nm-move5 {
        left: 20px;
    }

    .nm-move6 {
        left: 45px;
    }

    .nm-move4 {
        left: 72px;
    }

    .nm-plans .nm-move6 {
        left: 27px;
    }

    .nm-plans .nm-move5 {
        left: 60px;
    }

    .nm-plans .nm-move4 {
        left: 30px;
    }

    .nm-smart-network .nm-move4 {
        left: 2%;
    }

    .nm-smart-network .nm-move5 {
        left: 3%;
    }

    .nm-smart-network .nm-move6 {
        left: 94%;
    }

    .nm-smart-network .nm-move7 {
        left: 96%;
    }
}
@media(max-width:1399px){
    #web_header_section .navbar img.power-by-ee {
        width: 80px;
    }

    .navbar-brand img {
        width: 60px;
    }

    .nm-header .navbar-nav li a {
        font-size: 14px;
        padding: 10px 15px !important;
    }

    .navbar-nav li.desktop-only > a.btn-primary {
        width: 160px !important;
    }
}
@media (min-width: 1280px) and (max-width: 1399px) {
    .home-banner h2 {
        font-size: 46px;
    }
    .home-banner p {
        font-size: 19px;
    }

    .nm-title h2 {
        font-size: 30px;
    }

    .nm-title p {
        font-size: 19px;
    }

    .nm-plans-item h3 {
        font-size: 19px;
    }

    .home-banner img {
        width: 350px;
    }

    .home-banner {
        padding: 40px 0;
    }

    .nm-plans {
        padding: 40px 0 60px 0;
    }

    .nm-plans-item {
        margin-top: 30px;
    }

    .g-5, .gx-5 {
        --bs-gutter-x: 2rem;
    }

    .nm-plans-item {
        padding: 20px 20px 105px;
    }

        .nm-plans-item .nm-badge {
            left: 20px;
        }

        .nm-plans-item .hr {
            margin-top: 0;
        }

        .nm-plans-item .btn-green {
            margin-top: 8px;
        }

    .nm-add-sim-credit p {
        font-size: 16px;
    }

    .nm-sammary-table .nm-table-item {
        padding: 15px 20px;
    }

    .nm-shapes2 {
        right: -30px;
    }

    .nm-move1 {
        right: 25px;
    }

    .nm-move2 {
        right: 35px;
    }

    .nm-move3 {
        right: 45px;
    }

    .nm-move4 {
        left: 40px;
    }

    .nm-move5, .nm-move6 {
        left: 25px;
    }

    .nm-plans .nm-move4 {
        left: 40px;
    }

    .nm-plans .nm-move5 {
        left: 50px;
        bottom: 60px;
    }

    .nm-plans .nm-move6 {
        left: 30px;
        bottom: -60px;
    }

    .nm-smart-network .nm-move4 {
        left: 3%;
        bottom: -300px;
    }

    .nm-smart-network .nm-move5 {
        left: 2%;
        bottom: -400px;
    }

    .nm-title p {
        width: 75%;
    }
}

@media screen and (max-width: 1579px) {
    .nm-fast-top .nm-fast-top-radio-btns {
        padding-left: 0;
    }

    .nm-fast-top .nm-fast-top-title h2 {
        font-size: 20px;
    }

    .nm-fast-top .btn-secondary {
        width: 60px;
        padding: 13px 0;
        margin: 0 5px;
    }
}

@media screen and (max-width: 1279px) {
    .nm-shapes2 {
        right: -25px;
    }

    .nm-shapes {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .nm-header .navbar-nav li a {
        padding: 13px 10px !important;
    }

    .home-banner h2 {
        font-size: 48px;
    }

    .home-banner p {
        font-size: 20px;
    }

    .nm-title h2 {
        font-size: 32px;
    }

    .nm-plans-item h3 {
        font-size: 20px;
    }

    .nm-plans-item h4 {
        font-size: 14px;
    }

    .nm-plans-item h2 {
        font-size: 26px;
    }

    .free-payg .btn-yellow {
        width: 150px;
    }

    .nm-video-intro .nm-title {
        margin-top: 10px;
    }

    .nm-testimonial {
        padding: 70px 0 85px 0;
    }

        .nm-testimonial .carousel-item p {
            width: 590px;
            font-size: 18px;
        }

    .faq .col-lg-9 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .nm-thanks-outer p, .nm-order-failed-outer p {
        width: 100%;
    }

    .nm-checkout .gx-5 {
        --bs-gutter-x: 2rem;
    }

    .nm-checkout .col-md-8 {
        padding-left: 0;
    }

    .nm-checkout .nm-post-code .col-md-8 {
        padding-left: 15px;
    }

    .nm-order-summary {
        padding: 30px 15px 30px;
    }

    .nm-sammary-table {
        margin: 30px -15px 0 -15px;
    }

        .nm-sammary-table .nm-table-item {
            padding: 15px;
        }

            .nm-sammary-table .nm-table-item p {
                display: flex;
                align-items: center;
            }

        .nm-sammary-table .nm-promo-code .nm-promo-discount span {
            width: 85px !important;
        }

    .nm-auto-top-up .form-switch {
        right: 15px;
    }

    .nm-inner-banner h2 {
        font-size: 38px;
    }

    .nm-network-offers-detail {
        padding: 15px 10px;
    }

    .nm-network-offers-title {
        font-size: 20px;
        padding-top: 1rem;
    }

    .nm-network-offers-detail img {
        height: 80px;
    }

    .nm-network-offers-desc {
        font-size: 15px;
    }

    .p-sm-5 {
        padding: 2rem 1rem !important;
    }

    .nm-title p {
        width: 100%;
    }

    .nm-detail-outer {
        padding: 1px 30px 30px;
    }

    .nm-fast-top .btn-secondary {
        width: 50px;
        padding: 14px 0;
        font-size: 16px;
        margin: 0 4px;
    }

    .nm-fast-top .nm-fast-top-title h2 {
        font-size: 24px;
    }
}

@media (max-width:1024px) {
    .nm-header .navbar-nav li a {
        font-size: 14px;
    }

    #web_header_section .navbar img.power-by-ee {
        margin-left: 10px;
        width: 80px;
    }

    .navbar-brand img {
        width: 60px;
        transition: 300ms;
    }
}

@media screen and (max-width: 1023px) {
    .nm-checkout .container {
        max-width: 96%;
    }

    .nm-checkout .gx-5 {
        --bs-gutter-x: 1.4rem;
    }

    .nm-video-banner .nm-shortGif {
        width: 150px;
    }

    .nm-detail-outer .nm-plans-item h2 {
        width: 110px;
        margin-bottom: 5px;
    }

    .nm-detail-outer .nm-plans-item h3 {
        font-size: 26px;
    }

    .nm-detail-plan-feature {
        height: 50px;
        margin-left: 5px;
    }

        .nm-detail-plan-feature p {
            margin-left: 10px;
        }

    .nm-detail-outer .nm-plans-item p {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    br {
        display: none;
    }

    .nm-smart-network img.img-fluid {
        max-width: 350px !important;
    }

    .trust-piolet-rating {
        max-width: 400px;
        margin: 0 auto 20px;
    }

    #navbar .btn-hover-gray a.btn-yellow:hover {
        background-color: #fdd900 !important;
        background: #fdd900 !important;
    }

    #navbar .btn-hover-gray a.btn-green:hover {
        background-color: #1bb127 !important;
        background: #1bb127 !important;
    }

    #fc_frame {
        bottom: 60px !important;
    }

    .main-banner-section {
        display: none;
    }

    .mbltopUp-btn {
        display: block;
    }

    .topUp-btn {
        margin-top: 10px;
        text-align: center;
    }

    .home-banner {
        text-align: center;
    }

        .home-banner h2 {
            font-size: 38px;
        }

        .home-banner p {
            font-size: 18px;
        }

    .nm-title h2 {
        font-size: 22px;
        padding: 0 10px;
    }

    .nm-testimonial {
        background: #fff;
    }

    .nm-fast-top-radio-btns .custom-scroll {
        overflow: hidden;
        overflow-x: scroll;
        padding-bottom: 10px !important;
        margin-bottom: 5px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 6%;
    }

    .nm-testimonial {
        padding: 70px 0 65px 0;
    }

    .home-banner img {
        margin: 30px auto 0;
    }

    .nm-plans {
        padding: 55px 0 60px 0;
    }

    .nm-title p {
        font-size: 18px;
        width: 100%;
    }

    .nm-smart-feature .nm-smart-feature-inner h4 {
        font-size: 20px;
    }

    .nm-smart-feature .nm-smart-feature-inner p {
        width: 100%;
    }

    .nm-smart-network {
        padding: 55px 0 55px;
    }

    .free-payg {
        text-align: left;
    }

        .free-payg .text-end {
            text-align: right !important;
        }

        .free-payg .btn-yellow {
            margin-right: 0;
        }

    .scrollToTopBtn {
        bottom: 140px;
        transform: translateX(100px);
        width: 44px;
        height: 44px;
        line-height: 44px;
    }

    .free-payg p {
        font-size: 16px;
        margin-left: 0;
    }

    .free-payg h3 {
        font-size: 22px;
        margin-left: 0;
    }

    .free-payg .text-end img {
        display: none;
    }

    .showBtn {
        transform: translateX(0);
    }

    .nm-video-banner .img-fluid {
        width: 90%;
    }

    .navbar-toggler {
        outline: none !important;
        box-shadow: 0 0 0 !important;
        border-radius: 0;
        border: 0;
        padding: 0px 1px !important;
        background-color: #E8E8E8 !important;
    }
        .navbar-toggler i{font-size:32px;}

        

           

    .mobile-only {
        display: inline-block;
    }

    .desktop-only {
        display: none;
    }

    .navbar .mobile-only {
        display: flex;
    }

    .navbar .nm-signIn .nav-link {
        padding: 4px 10px;
        font-size: 14px;
    }

        .navbar .nm-signIn .nav-link img {
            margin-right: 2px;
        }


    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0 !important;
        height: 100vh;
        overflow-y: auto;
        width: 100%;
    }

    .nm-nav-outer {
        background: #273240;
        padding-top: 20px;
        min-height: 100%;
        width: 100%;
        position: relative;
        right: -100%;
        transition: 500ms;
        z-index:999;
    }

    .navbar-collapse.show .nm-nav-outer {
        transition: 300ms;
        right: 0;
    }

    .nm-nav-outer .footer-social-links {
        position: absolute;
        bottom: 40px;
        left: 15px;
    }

    .nm-header .navbar-nav li a {
        color: #fff !important;
        padding: 13px 25px !important;
        font-weight: 400;
    }

    .nm-close-nav {
        position: absolute;
        color: #fff;
        right: 15px;
        top: 15px;
        fill: #fff;
        font-size: 12px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color:transparent;
        text-align: center;
        padding-right: 3px;
        padding-top: 3px;
        justify-content: center;
    }

        .nm-close-nav svg path {
            fill: #fff;
        }


    .nm-dropdown:hover .dropdown-menu {
        display: none;
    }

    .nm-dropdown .dropdown-menu.show {
        display: block;
    }

    .nm-header .navbar-nav li img {
        display: none;
    }

    .nm-header .dropdown-toggle i {
        float: right;
        margin-top: 1px;
    }

    .dropdown-menu:before {
        display: none;
    }

    .nm-nav-outer .logo {
        padding: 10px 25px 10px 25px;
    }

    .dropdown-menu {
        box-shadow: 0 0 0;
        padding: 0;
    }

    #navbar ul li ul.dropdown-menu {
        background: transparent;
        margin-top: 8px;
    }

    .nm-header .dropdown-menu li a {
        padding: 5px 0 5px 30px !important;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
    }

    .nm-header .navbar-nav li .dropdown-menu li a {
        color: #fff !important;
        padding: 5px 0 5px 50px !important;
        background: transparent !important;
    }

    .nm-header .dropdown-toggle.show {
        padding-bottom: 0 !important;
    }

    .nm-smart-feature {
        display: block;
        text-align: center;
        width: 80%;
        margin: 30px auto 0;
    }


    .nm-smart-network .col-lg-5 {
        order: 1;
        margin-bottom: 30px;
    }

    .nm-smart-network img.img-fluid {
        margin: 0 auto;
        display: block;
    }

    .nm-smart-network .col-lg-7 {
        order: 2;
        margin-bottom: 30px;
    }

    .nm-smart-network .nm-title h2 {
        text-align: center;
    }

    .nm-smart-feature .nm-smart-feature-inner p {
        min-height: auto;
    }

    .nm-smart-feature img {
        width: 84px;
        margin-bottom: 20px;
    }

    .nm-smart-network {
        padding: 0px 0 30px;
    }

        .nm-smart-network .btn-green {
            margin: 0 auto 10px;
        }

    .footer-social-links {
        text-align: left;
        padding: 10px 0 0;
    }

        .footer-social-links a {
            padding: 0 20px 0 0;
        }

    .footer-bottom {
        margin-bottom: 40px;
    }

    .nm-checkout .gx-5 {
        --bs-gutter-x: 0rem;
    }

    .nm-checkout .col-md-8 {
        width: 100%;
        order: 2;
    }

    .nm-checkout .col-md-4 {
        width: 100%;
        order: 1;
    }

    .nm-order-summary > img {
        width: auto;
        max-width: 100%;
    }

    .nm-inner-banner .nm-shapes {
        display: none;
    }

    .nm-checkout {
        padding: 45px 0 40px;
    }

    .nm-checkout-aside {
        margin-bottom: 40px;
    }

    .nm-network-section .col-md-6 {
        width: 100%;
    }

    .nm-network-section .nm-network-content {
        order: 2;
        margin-top: 30px;
    }

    .nm-network-section img {
        margin: 0 auto;
        display: block;
    }

    .nm-network-offers-detail .btn-green {
        margin-top: 10px;
    }

    .nmorder-sim, .nmreplacement-sim {
        overflow-y: hidden;
    }

        .nmorder-sim > img, .nmreplacement-sim > img {
            bottom: auto;
            top: 0px;
        }

    .nm-network-section {
        padding: 30px 0 20px;
    }

    .nm-plans p.fw-bold {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .nm-inner-banner.text-left {
        text-align: left !important;
    }

    .nm-smart-network.bg-gray {
        padding-top: 30px;
    }

    .nm-national-rates {
        padding: 15px;
    }

    .nationalRates-tbl {
        white-space: revert !important;
    }

    .BuyNow .modal-dialog {
        max-width: 90% !important;
        margin: 0 auto;
    }

    .nm-detail-outer {
        padding: 1px 20px 30px;
    }

    .nm-order-summary {
        position: fixed;
        bottom: -1000px;
        left: 0;
        right: 0;
        height: auto;
        z-index: 2147483602;
        border-radius: 0;
        padding: 0px 0 30px;
        transition: 500ms;
        background: #1cb227;
        color: #fff;
        transition: bottom 500ms;
    }

        .nm-order-summary.nm-sammary-slideUp {
            height: auto;
            bottom: 30px;
        }

    .nm-summary-title .nm-title-total-price, .nm-summary-title .bi-chevron-up {
        display: inline-block;
    }

    .nm-summary-table-outer .bi-x-circle {
        display: block;
        position: absolute;
        right: 20px;
        top: 8px;
        color: #000;
        font-size: 18px;
    }

    .nm-summary-title .bi-receipt {
        display: none;
    }

    .nm-summary-title .bi-chevron-up {
        font-size: 26px;
        position: relative;
        /*top: 3px;*/
        margin-right: 10px;
    }

    .nm-sammary-slideUp .nm-summary-title .bi-chevron-up {
        transform: rotate(180deg);
    }

    .nm-summary-title {
        position: fixed;
        bottom: -30px;
        width: 100%;
        left: 0;
        background: #1cb227;
        padding: 10px 0;
        z-index: 2147483603;
        color: #fff;
    }


        .nm-summary-title h3 {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 25px;
            font-size: 20px;
            font-weight: 600;
        }

    .nm-order-summary .basketPaymentimg {
        margin-top: 25px;
        margin-left: 10px;
        display: none;
    }

    .nm-sammary-table {
        margin-top: 0px;
    }

        .nm-sammary-table .nm-table-item {
            padding: 15px 35px 15px 25px;
            border-bottom: 2px solid #dee2e6;
        }

    .nm-summary-table-outer {
        background: #f5f5f5;
        padding: 23px 0;
        position: relative
    }

    .nm-sammary-total {
        display: none;
    }

    .nm-checkout .gx-5 {
        display: block;
    }

    .nm-summary-title h3 .nm-title-total-price {
        position: relative;
        top: 3px;
    }

    select#dpl_SimOrder_Address {
        padding-right: 30px !important;
    }

    .nm-fast-top .d-flex.align-items-center {
        display: block !important;
    }

    .nm-fast-top-title {
        margin-bottom: 18px;
    }

    .nm-fast-top-radio-btns {
        margin-bottom: 4px;
    }

    .nm-fast-top .nm-fast-top-radio-btns .custom-scroll {
        display: flex !important;
        flex-grow: 1 !important;
        margin-bottom: 15px;
    }

    .nm-fast-top .nm-fast-top-radio-btns .btn-secondary {
        flex: 1;
    }

    .nm-fast-top {
        padding: 28px 0 18px;
    }

    .nm-fast-top-field .error {
        position: relative;
        bottom: 0;
    }
    /*  #GenericBasketSection .nm-order-summary {
        z-index: 2147483601 !important;
    }*/
    .center-on-tab{
        text-align:center;
    }
    .center-on-tab .img-fluid{margin-top:20px;}

}

form#checkout-form select {
    padding-right: 30px !important;
    background-image: url("../images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
}
#add-card-modal {
    z-index: 99999;
}
adyen-checkout__threeds2__form adyen-checkout__threeds2__form--cReqForm form{
    width: 272px;
}
@media screen and (max-width: 767px) {

    #add-card-modal .modal-dialog .modal-content {
        padding: 20px 20px 20px;
    }
    #add-card-modal .modal-dialog .modal-header h5 {
        font-size: 20px !important;
    }
    .njaddNewCard h3 {
        font-size: 16px !important;
    }
    .logo img {
        width: 58px;
    }

    .nm-detail-outer .nm-plans-item h4 {
        font-size: 14px;
    }

    .nm-detail-outer .nm-plans-item h2 {
        font-size: 18px;
    }

    .nm-detail-outer .nm-plans-item h3 {
        font-size: 22px;
    }

    .nm-detail-outer .nm-plans-item p {
        font-size: 14px;
    }

    .nm-plans-item h2 {
        font-size: 22px;
    }

    .nm-national-rates-table {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    #socialLoginModal .modal-content {
        width: 100% !important;
    }

    #video-overlay iframe {
        width: 90% !important;
        height: auto !important;
    }

    .free-payg .row {
        display: block;
        text-align: center;
    }

    img {
        max-width: 80%;
    }

    .nm-smart-network .col-md-5 img {
        display: block;
        margin: 30px auto 0;
    }

    .nm-smart-network {
        padding: 0px 0 30px;
    }

    .nm-plans-item {
        margin-top: 30px;
    }

    .nm-shapes2 {
        bottom: -40px;
    }

    .free-payg .text-end {
        text-align: center !important;
        margin-top: 15px;
    }

    .free-payg p {
        margin: 10px 0 5px;
    }

    .nationalRates-tbl {
        white-space: nowrap;
    }

    .nm-testimonial .carousel-item p {
        width: 80%;
        font-size: 14px;
        line-height: 20px;
        margin-top: 15px;
    }

    .nm-testimonial {
        padding: 42px 0 30px 0;
    }

        .nm-testimonial .carousel-indicators button {
            width: 40px;
            height: 40px;
        }

    .faq {
        padding: 40px 0;
    }

        .faq .nm-index {
            z-index: 9;
        }

    .accordion-header .accordion-button {
        font-size: 16px;
    }

    .nm-testimonial .carousel {
        margin-top: 25px;
    }

    .nm-testimonial .carousel-item h2 {
        font-size: 20px;
    }

    .footer-social-links a {
        padding: 0 10px;
    }
    /* Buy Now Modal */
    .modal.BuyNow .border-end {
        border-right: 0 !important;
    }

    .nm-auto-top-up {
        margin-bottom: 5px;
    }

    .nm-postel-code .form-control {
        flex: 0 0 71%;
    }

    .nm-checkout {
        padding-bottom: 20px;
    }

    .nm-shapes {
        display: none !important;
    }

    .nm-network-content > .sub-heading {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
    }

    .nm-network-content .nm-title {
        text-align: left;
    }

    .nm-network-section {
        padding: 30px 0;
    }

    .mt-5 {
        margin-top: 2rem !important;
    }

    .mb-5 {
        margin-bottom: 2rem !important;
    }

    .nm-doMore {
        padding: 30px 0;
    }

    .abroad-plan {
        background: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .img-container {
        text-align: center;
    }

        .img-container img {
            margin-bottom: 10px;
        }
    /*   .lead {
        width: 250px;
    }*/
    .nm-smart-network.bg-gray {
        padding-top: 0px;
    }

    .nm-inner-banner.text-left {
        text-align: center !important;
    }

    .nm-inner-video {
        padding-bottom: 20px !important;
    }

    .BuyNow .modal-dialog .col-md-6.border-end {
        border-right-width: 0px !important;
        border-bottom-color: #d2d2d2 !important;
        margin-bottom: 25px;
    }

    .modal.BuyNow .modal-body .h-72 {
        height: auto;
    }

        .modal.BuyNow .modal-body .h-72 h3 {
            margin-bottom: 0;
        }

    .modal#signUpModal .modal-content .col-md-6 {
        border: 0 !important;
    }

    .nm-detail-plan-feature {
        display: block;
    }

        .nm-detail-plan-feature p {
            margin: 7px 0;
        }

    .nm-detail-outer .accordion-body {
        padding-right: 20px;
    }

        .nm-detail-outer .accordion-body .flag-rate-area-plan-details .col-lg-3 {
            width: 50%;
        }

    .nm-video-banner .nm-shortGif {
        width: 80px;
        top: -23px;
        right: 11px;
    }

    label.invisible {
        display: none;
    }



    .modal.BuyNow .modal-body .col-5 h3, .modal.BuyNow .modal-body .col-12 h3, .modal.BuyNow .modal-body .h-72 h3 {
        font-size: 28px;
    }

    .free-payg .sim-desktop {
        display: none
    }

    .free-payg .sim-mobile {
        display: block
    }

    .free-payg .btn-yellow {
        width: 86%;
    }

    #portin-detail-div .btn-green {
        margin-top: 0 !important
    }

    .nm-national-rates-table {
        padding: 59px 0 75px;
    }

    .nm-detail-plans-item {
        margin-top: 15px !important;
        position: relative;
        padding: 15px 15px 10px !important;
    }

    .standardRates, .standardRates .d-flex {
        display: block !important
    }

    .container, .container-sm {
        max-width: 100%;
    }

    .standardRates .d-flex.justify-content-between {
        text-align: center;
        margin-bottom: 15px;
    }

    .nm-popularDestination-img {
        text-align: center;
    }

    .nmStandardRates-sec-inner {
        display: grid;
    }

        .nmStandardRates-sec-inner > div:not(:last-child) {
            border: none;
        }

        .nmStandardRates-sec-inner > div:first-child {
            border-bottom: 3px solid #D2D2D2;
        }

        .nmStandardRates-sec-inner > div:nth-child(02) {
            border-bottom: 3px solid #D2D2D2;
        }

    .nmStandardRates-sec {
        margin-top: 10px;
    }

    .nm-detail-outer .d-flex {
        display: block !important;
    }

    .nm-detail-outer .nm-plans-item .hr {
        display: none !important;
    }

    .nm-detail-outer .nm-plans-item h2 {
        position: absolute;
        top: 23px;
        right: -10px;
    }

    .nm-detail-plan-feature {
        margin-left: 0px;
        height: auto !important;
        border-top: 1px solid #ccc;
    }

    .nm-detail-outer .nm-plans-item p.text-green img {
        width: 22px;
    }

    .nm-detail-outer .nm-plans-item .btn-green {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .nm-detail-outer .nm-plans-item p {
        display: flex;
        align-items: center;
    }

    .nm-add-sim-credit {
        margin-top: 10px !important;
    }


    /*FastTOpup*/
    h3 {
        font-size: 18px !important;
    }
    #signUpModal {
        z-index: 2147483647 !important;
    }

}

@media screen and (max-width: 575px) {
    .home-banner h1 {
        font-size: 14px;
    }

    .home-banner {
        padding: 26px 0;
    }

        .home-banner h2 {
            font-size: 28px;
        }

        .home-banner p {
            font-size: 16px;
        }

        .home-banner .btn-primary.btn-yellow {
            margin-right: 5px;
        }

    .nm-shapes2 {
        right: -10px;
    }

    .home-banner .btn-primary, .home-banner .btn-green {
        width: 140px !important;
    }

    .mbltopUp-btn > a.bg-green {
        width: 100% !important;
    }

    .g-5, .gx-5 {
        --bs-gutter-x: 0rem;
    }

    .nm-plans-item .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .nm-plans-item .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .happy-customers h3 {
        font-size: 14px !important;
    }

    .nm-title p {
        font-size: 16px;
        line-height: 20px;
    }

    .nm-plans {
        padding: 30px 0 40px 0;
    }

        .nm-plans .nav-tabs .nav-link {
            font-size: 16px;
            background: transparent;
            width: 140px;
        }

            .nm-plans .nav-tabs .nav-link .badge {
                top: -14px;
                right: 27px;
            }

    .carousel-control-next, .carousel-control-prev {
        width: 22%;
        height: 30px;
        top: auto;
        bottom: 110px;
    }

        .carousel-control-next img, .carousel-control-prev img {
            width: 25px;
        }

    footer .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .footer-social-links {
        text-align: center;
        margin-top: 15px;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-nav ul li {
        padding: 5px 10px;
    }

    .quick-links {
        padding-top: 15px;
    }

    footer {
        padding-top: 10px;
    }

    .scrollToTopBtn {
        bottom: 140px;
    }

    .accordion {
        margin-top: 10px;
    }

    .nm-video-banner {
        padding-top: 30px;
    }

    .accordion-header .accordion-button {
        padding: 20px 0px 20px;
    }

    .free-payg {
        padding: 30px 0;
    }

    .video-play-button:before, .video-play-button:after {
        width: 60px;
        height: 60px;
    }

    .video-play-button {
        margin-top: 10px;
    }

    .nm-video-banner .img-fluid {
        max-width: 92% !important;
        width: 92%;
    }

    .nm-video-intro h3 {
        margin-top: 5px;
    }

    .nm-smart-feature {
        width: 100%;
    }

    .footer-social-links {
        padding-top: 0;
    }

    .nm-plans-item h3 {
        font-size: 24px;
    }

    .nm-plans-item p, .nm-plans-item h4 {
        font-size: 16px;
    }

    .nm-scroll {
        overflow-x: auto;
    }

    .nm-steps {
        display: block;
        border: 0px;
        border-radius: 0px;
        padding: 0;
    }

    .nm-step {
        display: block;
        border: 1px solid #dadada;
        border-radius: 6px;
        width: 100%;
        padding: 8px 0 6px;
        margin-bottom: 5px;
    }

    .nm-step-icon {
        margin: 0 auto;
    }

    .nm-step p {
        margin: 5px 0 0;
        text-align: center;
    }

    .nm-checkout fieldset .nm-title {
        text-align: left;
    }

    .nm-checkout .nm-title h2 {
        font-size: 26px;
    }

    .nm-checkout fieldset .nm-title h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .nm-checkout fieldset .nm-title p {
        font-size: 16px;
    }


    .nm-inner-banner p {
        font-size: 18px;
    }

    .nm-checkout-add-plans-outer {
        padding: 15px;
    }

    .nm-postel-code .form-control {
        flex: 0 0 60%;
    }

    .nm-card-tabs .nav-link {
        width: 160px;
        font-size: 16px;
    }





    .nm-checkbox {
        display: flex;
        align-items: center;
    }

    .nm-thanks-outer img, .nm-order-failed-outer img {
        width: 100px;
    }

    .nm-thanks-outer h3 {
        margin-top: 30px;
    }

    .nm-order-summary > img {
        max-width: 100% !important;
    }

    .nm-sammary-total {
        padding: 20px 15px;
    }

    .nm-auto-top-up p {
        width: 100%;
    }

    .nm-add-sim-credit, .nm-auto-top-up {
        padding: 12px;
    }

    .nm-sub-title {
        margin-top: 15px;
    }

    .nm-checkout-add-plans-outer {
        margin-bottom: 30px;
    }

    .alert-success {
        display: flex;
        align-items: center;
    }

    .nm-checkbox .form-check-input {
        margin-top: 0;
        flex: 0 0 24px;
    }

    .nmorder-sim > img, .nmreplacement-sim > img {
        position: static;
    }

    .nmorder-sim, .nmreplacement-sim {
        display: grid;
        text-align: center;
    }

    .lead {
        width: 100%;
    }

    .nm-smart-network .nmorder-sim .btn-yellow, .nm-smart-network .nmreplacement-sim .btn-green {
        width: 100% !important;
        margin-bottom: 0;
    }

    .nmorder-sim .p-sm-5, .nmreplacement-sim .p-sm-5 {
        order: 2;
    }

    .nmorder-sim img, .nmreplacement-sim img {
        margin: 10px auto 0;
    }

    .nm-transfer-sim-steps {
        padding: 15px 15px 5px;
    }

    .nm-inner-video {
        padding-bottom: 0px !important;
    }

    .nm-smart-feature {
        margin-top: 15px;
    }

    .nm-video-intro.pb-5.mb-4 {
        padding-bottom: 30px !important;
        margin-bottom: 0 !important;
    }

    .nm-national-rates {
        width: 94%;
        padding: 10px;
    }

        .nm-national-rates table tr th, .nm-national-rates table tr td {
            padding: 10px !important;
            font-size: 14px;
        }

            .nm-national-rates table tr th:first-child, .nm-national-rates table tr th:last-child {
                padding-right: 0px !important;
            }

    .nm-plans .gy-5 {
        --bs-gutter-y: 0.5rem;
    }

    .img-fluid.help {
        max-width: 100% !important;
    }

    .nm-detail-outer .accordion-body {
        padding: 15px 0 0;
    }

    .nm-buyNow-field .btn-green {
        width: 120px;
    }

    .nm-detail-outer .flag-icon {
        margin-right: 5px;
    }

    .nm-detail-outer .flag-sec-plan h2 {
        display: flex;
        align-items: center;
    }

    .banner-img-slider, .info-slider {
        height: auto;
    }

    .accordion {
        padding: 0 5px;
    }

    .accordion-body {
        padding: 20px 0px 10px 0px;
    }

    .home-banner .btn-inline {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0 15px;
        column-gap: 15px;
    }

        .home-banner .btn-inline .btn {
            width: 100% !important;
        }

    .order-messages img {
        width: 120px;
    }

    .order-messages h1, .order-messages h3 {
        font-size: 20px;
    }

    .order-messages p {
        font-size: 14px;
    }

    .nm-fast-top-field {
        /*display: block !important;*/
        gap: 5px;
    }

    .nm-fast-top .nm-fast-top-title h2 {
        text-align: center;
    }

    .nm-fast-top-field > div {
        margin-bottom: 10px;
    }

    .nm-fast-top-field .btn-green {
        margin-left: 0px;
        width: 100%;
    }

    .nm-fast-top .btn-secondary {
        width: 65px;
        padding: 12px 0;
        font-size: 18px;
        margin: 0 4px;
    }

    .nm-fast-top .nm-fast-top-radio-btns .custom-scroll {
        overflow: hidden;
        overflow-x: scroll;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    .nm-fast-top-radio-btns .custom-scroll {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 5px;
        width: 100%;
    }

    .topup-amounts label.btn-secondary {
        width: 100% !important;
        padding: 14px 0 !important;
    }

    .nm-fast-top .nm-fast-top-radio-btns .btn-secondary {
        flex: 0 0 50px;
    }

    .nm-fast-top-title {
        margin-bottom: 13px;
        float: left;
    }
    /*Now mobile App*/
    .mobile-view-nm {
        display: flex;
        flex-direction: column-reverse;
        text-align:center;
    }
    .now-mobile-app .nm-text-left{
        text-align:center;
    }
    .phones-img{max-width:60% !important;}
    
}

@media screen and (max-width:425px) {
    #navbar .mobile-only {
        display: block;
    }

    .nm-plans-item h4 > img, .nm-buyNow-field p span > img, .Fiveg-img {
        width: 25px !important;
    }

    .trust-piolet-rating {
        max-width: 330px;
        margin: 0 auto 20px;
    }

    .logo img {
        width: 40px;
    }

    .nm-header.header-sticky .navbar-brand img {
        width: 35px;
    }

        .nm-header.header-sticky .navbar-brand img.power-by-ee {
            width: 60px !important;
            margin-left: 0 !important;
        }

    #web_header_section .navbar img.power-by-ee {
        margin-left: 5px;
        width: 70px;
    }

    .trust-piolet-rating img {
        width: 160px !important;
    }

    .trust-piolet-rating span {
        font-size: 12px !important;
    }

    #socialLoginModal .modal-body {
        padding: 23px 0 !important;
    }

    .nm-detail-plan-feature p img {
        align-self: flex-start;
        margin-top: 2px;
    }

    #FastTopUpSection button#BtnMakePayment {
        width: 100%;
    }

    .field-validation-error > span {
        font-size: 12px;
    }

    #navbar .btn-hover-gray {
        padding: 20px;
    }

        #navbar .btn-hover-gray a {
            width: 49%;
            margin-top: 5px;
            margin-bottom: 5px;
        }

    .nm-card-tabs li, .nm-card-tabs li .nav-link {
        width: 100%;
    }

    .nm-thanks-outer a.btn {
        width: 100% !important;
        margin: 5px;
    }

    h3 {
        font-size: 16px !important;
    }

    .nm-select2-img-flag {
        width: 30px;
    }

    .nm-plans-item p, .nm-plans-item h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 389px) {
    .home-banner h1 {
        font-size: 14px;
    }
    .nm-plans-item h4 > img, .nm-buyNow-field p span > img, .nm-plans-item h4 > .Fiveg-img {
        width: 20px !important;
        margin-left: 1px !important;
    }
    .tag h1 {
        font-size: 1.5em !important;
    }

    .trust-piolet-rating img {
        width: 130px !important;
    }

    .trust-piolet-rating span {
        font-size: 10px !important;
    }

    .home-banner h2 {
        font-size: 24px;
    }

    .home-banner p {
        font-size: 16px;
    }

    .nm-title h2 {
        font-size: 20px;
    }

    .quick-links h4 {
        font-size: 16px;
    }

    .scrollToTopBtn {
        bottom: 140px;
    }

    .nm-plans-item {
        padding: 18px 18px 106px;
    }

    .nm-testimonial {
        padding: 20px 0 30px 0;
    }

    .nm-add-sim-credit {
        display: block;
    }

    .nm-checkout-add-plans-outer .nm-add-sim-credit p {
        width: 100%;
        margin-bottom: 10px;
    }

    .nm-auto-top-up .form-switch {
        right: -10px;
    }

    .nm-add-sim-credit .form-control {
        width: 100%;
    }

    .nm-add-sim-credit .btn-yellow {
        width: 100%;
    }

    .nm-card-tabs .nav-link img {
        margin-right: 4px;
        height: 18px;
    }

    .nm-card-tabs .nav-link {
        width: 130px;
        font-size: 15px;
    }

    .nm-checkout-add-plans-outer p {
        width: 100%;
    }

    .nm-buyNow-field {
        display: table;
        width: 100%;
    }

        .nm-buyNow-field p {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .nm-buyNow-field .btn-green {
            width: 100%;
            height: 46px;
        }

    .nm-detail-outer .accordion-body .flag-rate-area-plan-details .col-lg-3 {
        width: 100%;
    }

    #FastTopUpSection .nm-summary-title h3 {
        padding: 0 15px;
        font-size: 18px !important;
    }

    .nm-plans-item .btn-green {
        width: calc(100% - 35px) !important;
    }

    .nm-detail-plans-item .btn-green {
        width: 100% !important;
    }

    .nm-smart-network .col-lg-7 {
        margin-bottom: 0;
    }

    .home-banner .btn-inline {
        padding: 0 10px;
        column-gap: 10px;
    }

    .quick-links h4 {
        font-size: 15px;
    }

    footer .col-sm-6 {
        width: 100%;
        text-align: center;
    }

    .quick-links h4 {
        margin-bottom: 5px;
    }

    .page-404-error .btn-hover-gray a.btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .nm-fast-top .nm-fast-top-title h2 {
        font-size: 22px;
    }

    #FastTopUpSection .dash-sub-title {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 319px) {
   
    .home-banner .btn-primary {
        width: 118px;
        font-size: 14px;
    }

    #navbar .btn-hover-gray a {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }


    .nm-auto-top-up h3 {
        font-size: 16px !important;
    }

    .home-banner .btn-inline {
        padding: 0 5px;
        column-gap: 8px;
    }

    .home-banner h1 {
        font-size: 14px;
    }

    .home-banner h2 {
        font-size: 22px;
    }

    .home-banner p {
        font-size: 16px;
    }

    .nm-title h2 {
        font-size: 18px;
    }

    .nm-plans .nav-tabs .nav-link {
        width: 125px;
    }

        .nm-plans .nav-tabs .nav-link .badge {
            top: -14px;
            right: 20px;
        }



    .nm-inner-banner h2 {
        font-size: 24px;
    }

    .nm-checkout .nm-checkout-aside .nm-title h2 {
        font-size: 20px;
        margin-top: 25px;
    }

    .nm-sammary-table {
        margin-top: 15px;
    }

        .nm-sammary-table .nm-table-item {
            padding-left: 25px;
        }

            .nm-sammary-table .nm-table-item p span {
                flex: 0 0 30px;
                padding-right: 5px;
            }

            .nm-sammary-table .nm-table-item p {
                font-size: 14px;
            }

        .nm-sammary-table .nm-promo {
            padding-left: 6px;
        }

        .nm-sammary-table .nm-promo-code .nm-promo-discount {
            margin-top: 25px;
            font-size: 14px;
        }

            .nm-sammary-table .nm-promo-code .nm-promo-discount span {
                flex: 0 0 60px;
            }

    .nm-checkout .nm-title h2 {
        font-size: 20px;
    }

    .nm-checkout-add-plans-outer .nm-add-sim-credit p, .nm-auto-top-up h3 {
        font-size: 16px;
    }

    .mb-4 {
        margin-bottom: 1rem !important;
    }

    .nm-postel-code .form-control {
        flex: 0 0 55%;
    }

    .nm-card-tabs .nav-link {
        margin-right: 5px;
        width: 116px;
        font-size: 14px;
        display: block;
    }

        .nm-card-tabs .nav-link img {
            height: 16px;
            margin-right: 2px;
        }

    .nm-buttons .btn-primary {
        width: 115px;
    }

    .nm-thanks-outer h3, .nm-order-failed-outer h3 {
        font-size: 24px;
    }

    .nm-order-failed-outer h5 {
        font-size: 24px;
        margin: 25px 0;
    }

    .nm-order-failed-outer .btn {
        margin-bottom: 10px;
        width: 100%;
    }

    .nm-order-failed-outer h4 {
        margin-top: 25px;
    }

    .nm-plans-item .nm-badge {
        left: 18px;
    }

    .nm-detail-outer {
        padding: 1px 15px 30px;
    }

    .home-banner .btn-primary, .home-banner .btn-green {
        width: 120px !important;
    }

    .nm-close-nav {
        width: 36px;
        height: 36px;
        padding-top: 6px;
    }

    .nm-summary-title h3 {
        font-size: 16px;
    }

    .nm-summary-title {
        bottom: -20px;
    }

    .h3, h3 {
        font-size: 1.3rem !important;
    }

    .nm-order-summary .nm-title h3 span {
        font-size: 16px;
    }

    .nm-order-summary .nm-title > i.bi bi-chevron-up {
        font-size: 20px;
    }

    .nm-detail-outer .nm-plans-item h2 {
        top: 48px !important;
    }
   
}
.thm_checkout_subTitle {
    font-size: 18px;
    margin: 8px 0 25px;
    font-weight: 400;
}
.boz .pm-radio-btn input[type="radio"], .pm-payment-method .pm-radio-btn input[type="checkbox"], .pm-payment-method .pm-radio-btn input[type="button"], .pm-payment-method .pm-radio-btn input[type="submit"] {
    opacity: 0;
    display: none;
}
    .boz .pm-radio-btn input[type="radio"]:checked + label, .pm-payment-method .pm-radio-btn input[type="checkbox"]:checked + label .pay-pal-icon > path {
        background: #1bb127 !important;
        border-color: #1bb127 !important;
        color: #ffffff !important;
    }
.boz .pm-radio-btn label i {
    display: inline-block;
    font-size: 1.65rem;
    vertical-align: middle;
    margin-right: 5px;
}
.boz .pm-radio-btn input[type="radio"] + label, .pm-payment-method .pm-radio-btn input[type="checkbox"] + label {
    cursor: pointer;
    padding: 5px;
    background: #f1f3f4;
    color: #000000;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    line-height: 36px;
    display: block;
    text-align: center;
    position: relative;
    transition: all 200ms ease-in-out;
}
li{
    list-style: none;
}
.credit-card-box, .newcard{
    min-height: 168px;
}
.nm-pm-buttons{
    gap:20px;
}
.thm_blue_btn {
    margin: 0 0 0 25px;
    background: #1bb127 !important;
    flex: 0 0 160px;
    height: 48px;
    color: #fff;
    font-size: 16px;
}
    .thm_blue_btn:hover {
        background: #fdd900 !important;
        transition: 500ms;
        color: #000 !important;
    }







.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    border: 1px solid #ccc;
    line-height: 1em;
}

    .flag-icon:before {
        content: "\00a0";
    }

    .flag-icon.flag-icon-squared {
        width: 1em;
    }

.flag-icon-default {
    background-image: url(/assets/flags/default.svg);
}

    .flag-icon-default.flag-icon-squared {
        background-image: url(/assets/flags/default.svg);
    }

.flag-icon-ad {
    background-image: url(/assets/flags/ad.svg);
}

    .flag-icon-ad.flag-icon-squared {
        background-image: url(/assets/flags/ad.svg);
    }

.flag-icon-ae {
    background-image: url(/assets/flags/ae.svg);
}

    .flag-icon-ae.flag-icon-squared {
        background-image: url(/assets/flags/ae.svg);
    }

.flag-icon-af {
    background-image: url(/assets/flags/af.svg);
}

    .flag-icon-af.flag-icon-squared {
        background-image: url(/assets/flags/af.svg);
    }

.flag-icon-ag {
    background-image: url(/assets/flags/ag.svg);
}

    .flag-icon-ag.flag-icon-squared {
        background-image: url(/assets/flags/ag.svg);
    }

.flag-icon-ai {
    background-image: url(/assets/flags/ai.svg);
}

    .flag-icon-ai.flag-icon-squared {
        background-image: url(/assets/flags/ai.svg);
    }

.flag-icon-al {
    background-image: url(/assets/flags/al.svg);
}

    .flag-icon-al.flag-icon-squared {
        background-image: url(/assets/flags/al.svg);
    }

.flag-icon-am {
    background-image: url(/assets/flags/am.svg);
}

    .flag-icon-am.flag-icon-squared {
        background-image: url(/assets/flags/am.svg);
    }

.flag-icon-ao {
    background-image: url(/assets/flags/ao.svg);
}

    .flag-icon-ao.flag-icon-squared {
        background-image: url(/assets/flags/ao.svg);
    }

.flag-icon-aq {
    background-image: url(/assets/flags/aq.svg);
}

    .flag-icon-aq.flag-icon-squared {
        background-image: url(/assets/flags/aq.svg);
    }

.flag-icon-ar {
    background-image: url(/assets/flags/ar.svg);
}

    .flag-icon-ar.flag-icon-squared {
        background-image: url(/assets/flags/ar.svg);
    }

.flag-icon-as {
    background-image: url(/assets/flags/as.svg);
}

    .flag-icon-as.flag-icon-squared {
        background-image: url(/assets/flags/as.svg);
    }

.flag-icon-at {
    background-image: url(/assets/flags/at.svg);
}

    .flag-icon-at.flag-icon-squared {
        background-image: url(/assets/flags/at.svg);
    }

.flag-icon-au {
    background-image: url(/assets/flags/au.svg);
}

    .flag-icon-au.flag-icon-squared {
        background-image: url(/assets/flags/au.svg);
    }

.flag-icon-aw {
    background-image: url(/assets/flags/aw.svg);
}

    .flag-icon-aw.flag-icon-squared {
        background-image: url(/assets/flags/aw.svg);
    }

.flag-icon-ax {
    background-image: url(/assets/flags/ax.svg);
}

    .flag-icon-ax.flag-icon-squared {
        background-image: url(/assets/flags/ax.svg);
    }

.flag-icon-az {
    background-image: url(/assets/flags/az.svg);
}

    .flag-icon-az.flag-icon-squared {
        background-image: url(/assets/flags/az.svg);
    }

.flag-icon-ba {
    background-image: url(/assets/flags/ba.svg);
}

    .flag-icon-ba.flag-icon-squared {
        background-image: url(/assets/flags/ba.svg);
    }

.flag-icon-bb {
    background-image: url(/assets/flags/bb.svg);
}

    .flag-icon-bb.flag-icon-squared {
        background-image: url(/assets/flags/bb.svg);
    }

.flag-icon-bd {
    background-image: url(/assets/flags/bd.svg);
}

    .flag-icon-bd.flag-icon-squared {
        background-image: url(/assets/flags/bd.svg);
    }

.flag-icon-be {
    background-image: url(/assets/flags/be.svg);
}

    .flag-icon-be.flag-icon-squared {
        background-image: url(/assets/flags/be.svg);
    }

.flag-icon-bf {
    background-image: url(/assets/flags/bf.svg);
}

    .flag-icon-bf.flag-icon-squared {
        background-image: url(/assets/flags/bf.svg);
    }

.flag-icon-bg {
    background-image: url(/assets/flags/bg.svg);
}

    .flag-icon-bg.flag-icon-squared {
        background-image: url(/assets/flags/bg.svg);
    }

.flag-icon-bh {
    background-image: url(/assets/flags/bh.svg);
}

    .flag-icon-bh.flag-icon-squared {
        background-image: url(/assets/flags/bh.svg);
    }

.flag-icon-bi {
    background-image: url(/assets/flags/bi.svg);
}

    .flag-icon-bi.flag-icon-squared {
        background-image: url(/assets/flags/bi.svg);
    }

.flag-icon-bj {
    background-image: url(/assets/flags/bj.svg);
}

    .flag-icon-bj.flag-icon-squared {
        background-image: url(/assets/flags/bj.svg);
    }

.flag-icon-bl {
    background-image: url(/assets/flags/bl.svg);
}

    .flag-icon-bl.flag-icon-squared {
        background-image: url(/assets/flags/bl.svg);
    }

.flag-icon-bm {
    background-image: url(/assets/flags/bm.svg);
}

    .flag-icon-bm.flag-icon-squared {
        background-image: url(/assets/flags/bm.svg);
    }

.flag-icon-bn {
    background-image: url(/assets/flags/bn.svg);
}

    .flag-icon-bn.flag-icon-squared {
        background-image: url(/assets/flags/bn.svg);
    }

.flag-icon-bo {
    background-image: url(/assets/flags/bo.svg);
}

    .flag-icon-bo.flag-icon-squared {
        background-image: url(/assets/flags/bo.svg);
    }

.flag-icon-bq {
    background-image: url(/assets/flags/bq.svg);
}

    .flag-icon-bq.flag-icon-squared {
        background-image: url(/assets/flags/bq.svg);
    }

.flag-icon-br {
    background-image: url(/assets/flags/br.svg);
}

    .flag-icon-br.flag-icon-squared {
        background-image: url(/assets/flags/br.svg);
    }

.flag-icon-bs {
    background-image: url(/assets/flags/bs.svg);
}

    .flag-icon-bs.flag-icon-squared {
        background-image: url(/assets/flags/bs.svg);
    }

.flag-icon-bt {
    background-image: url(/assets/flags/bt.svg);
}

    .flag-icon-bt.flag-icon-squared {
        background-image: url(/assets/flags/bt.svg);
    }

.flag-icon-bv {
    background-image: url(/assets/flags/bv.svg);
}

    .flag-icon-bv.flag-icon-squared {
        background-image: url(/assets/flags/bv.svg);
    }

.flag-icon-bw {
    background-image: url(/assets/flags/bw.svg);
}

    .flag-icon-bw.flag-icon-squared {
        background-image: url(/assets/flags/bw.svg);
    }

.flag-icon-by {
    background-image: url(/assets/flags/by.svg);
}

    .flag-icon-by.flag-icon-squared {
        background-image: url(/assets/flags/by.svg);
    }

.flag-icon-bz {
    background-image: url(/assets/flags/bz.svg);
}

    .flag-icon-bz.flag-icon-squared {
        background-image: url(/assets/flags/bz.svg);
    }

.flag-icon-ca {
    background-image: url(/assets/flags/ca.svg);
}

    .flag-icon-ca.flag-icon-squared {
        background-image: url(/assets/flags/ca.svg);
    }

.flag-icon-cc {
    background-image: url(/assets/flags/cc.svg);
}

    .flag-icon-cc.flag-icon-squared {
        background-image: url(/assets/flags/cc.svg);
    }

.flag-icon-cd {
    background-image: url(/assets/flags/cd.svg);
}

    .flag-icon-cd.flag-icon-squared {
        background-image: url(/assets/flags/cd.svg);
    }

.flag-icon-cf {
    background-image: url(/assets/flags/cf.svg);
}

    .flag-icon-cf.flag-icon-squared {
        background-image: url(/assets/flags/cf.svg);
    }

.flag-icon-cg {
    background-image: url(/assets/flags/cg.svg);
}

    .flag-icon-cg.flag-icon-squared {
        background-image: url(/assets/flags/cg.svg);
    }

.flag-icon-ch {
    background-image: url(/assets/flags/ch.svg);
}

    .flag-icon-ch.flag-icon-squared {
        background-image: url(/assets/flags/ch.svg);
    }

.flag-icon-ci {
    background-image: url(/assets/flags/ci.svg);
}

    .flag-icon-ci.flag-icon-squared {
        background-image: url(/assets/flags/ci.svg);
    }

.flag-icon-ck {
    background-image: url(/assets/flags/ck.svg);
}

    .flag-icon-ck.flag-icon-squared {
        background-image: url(/assets/flags/ck.svg);
    }

.flag-icon-cl {
    background-image: url(/assets/flags/cl.svg);
}

    .flag-icon-cl.flag-icon-squared {
        background-image: url(/assets/flags/cl.svg);
    }

.flag-icon-cm {
    background-image: url(/assets/flags/cm.svg);
}

    .flag-icon-cm.flag-icon-squared {
        background-image: url(/assets/flags/cm.svg);
    }

.flag-icon-cn {
    background-image: url(/assets/flags/cn.svg);
}

    .flag-icon-cn.flag-icon-squared {
        background-image: url(/assets/flags/cn.svg);
    }

.flag-icon-co {
    background-image: url(/assets/flags/co.svg);
}

    .flag-icon-co.flag-icon-squared {
        background-image: url(/assets/flags/co.svg);
    }

.flag-icon-cr {
    background-image: url(/assets/flags/cr.svg);
}

    .flag-icon-cr.flag-icon-squared {
        background-image: url(/assets/flags/cr.svg);
    }

.flag-icon-cu {
    background-image: url(/assets/flags/cu.svg);
}

    .flag-icon-cu.flag-icon-squared {
        background-image: url(/assets/flags/cu.svg);
    }

.flag-icon-cv {
    background-image: url(/assets/flags/cv.svg);
}

    .flag-icon-cv.flag-icon-squared {
        background-image: url(/assets/flags/cv.svg);
    }

.flag-icon-cw {
    background-image: url(/assets/flags/cw.svg);
}

    .flag-icon-cw.flag-icon-squared {
        background-image: url(/assets/flags/cw.svg);
    }

.flag-icon-cx {
    background-image: url(/assets/flags/cx.svg);
}

    .flag-icon-cx.flag-icon-squared {
        background-image: url(/assets/flags/cx.svg);
    }

.flag-icon-cy {
    background-image: url(/assets/flags/cy.svg);
}

    .flag-icon-cy.flag-icon-squared {
        background-image: url(/assets/flags/cy.svg);
    }

.flag-icon-cz {
    background-image: url(/assets/flags/cz.svg);
}

    .flag-icon-cz.flag-icon-squared {
        background-image: url(/assets/flags/cz.svg);
    }

.flag-icon-de {
    background-image: url(/assets/flags/de.svg);
}

    .flag-icon-de.flag-icon-squared {
        background-image: url(/assets/flags/de.svg);
    }

.flag-icon-dj {
    background-image: url(/assets/flags/dj.svg);
}

    .flag-icon-dj.flag-icon-squared {
        background-image: url(/assets/flags/dj.svg);
    }

.flag-icon-dk {
    background-image: url(/assets/flags/dk.svg);
}

    .flag-icon-dk.flag-icon-squared {
        background-image: url(/assets/flags/dk.svg);
    }

.flag-icon-dm {
    background-image: url(/assets/flags/dm.svg);
}

    .flag-icon-dm.flag-icon-squared {
        background-image: url(/assets/flags/dm.svg);
    }

.flag-icon-do {
    background-image: url(/assets/flags/do.svg);
}

    .flag-icon-do.flag-icon-squared {
        background-image: url(/assets/flags/do.svg);
    }

.flag-icon-dz {
    background-image: url(/assets/flags/dz.svg);
}

    .flag-icon-dz.flag-icon-squared {
        background-image: url(/assets/flags/dz.svg);
    }

.flag-icon-ec {
    background-image: url(/assets/flags/ec.svg);
}

    .flag-icon-ec.flag-icon-squared {
        background-image: url(/assets/flags/ec.svg);
    }

.flag-icon-ee {
    background-image: url(/assets/flags/ee.svg);
}

    .flag-icon-ee.flag-icon-squared {
        background-image: url(/assets/flags/ee.svg);
    }

.flag-icon-eg {
    background-image: url(/assets/flags/eg.svg);
}

    .flag-icon-eg.flag-icon-squared {
        background-image: url(/assets/flags/eg.svg);
    }

.flag-icon-eh {
    background-image: url(/assets/flags/eh.svg);
}

    .flag-icon-eh.flag-icon-squared {
        background-image: url(/assets/flags/eh.svg);
    }

.flag-icon-er {
    background-image: url(/assets/flags/er.svg);
}

    .flag-icon-er.flag-icon-squared {
        background-image: url(/assets/flags/er.svg);
    }

.flag-icon-es {
    background-image: url(/assets/flags/es.svg);
}

    .flag-icon-es.flag-icon-squared {
        background-image: url(/assets/flags/es.svg);
    }

.flag-icon-et {
    background-image: url(/assets/flags/et.svg);
}

    .flag-icon-et.flag-icon-squared {
        background-image: url(/assets/flags/et.svg);
    }

.flag-icon-fi {
    background-image: url(/assets/flags/fi.svg);
}

    .flag-icon-fi.flag-icon-squared {
        background-image: url(/assets/flags/fi.svg);
    }

.flag-icon-fj {
    background-image: url(/assets/flags/fj.svg);
}

    .flag-icon-fj.flag-icon-squared {
        background-image: url(/assets/flags/fj.svg);
    }

.flag-icon-fk {
    background-image: url(/assets/flags/fk.svg);
}

    .flag-icon-fk.flag-icon-squared {
        background-image: url(/assets/flags/fk.svg);
    }

.flag-icon-fm {
    background-image: url(/assets/flags/fm.svg);
}

    .flag-icon-fm.flag-icon-squared {
        background-image: url(/assets/flags/fm.svg);
    }

.flag-icon-fo {
    background-image: url(/assets/flags/fo.svg);
}

    .flag-icon-fo.flag-icon-squared {
        background-image: url(/assets/flags/fo.svg);
    }

.flag-icon-fr {
    background-image: url(/assets/flags/fr.svg);
}

    .flag-icon-fr.flag-icon-squared {
        background-image: url(/assets/flags/fr.svg);
    }

.flag-icon-ga {
    background-image: url(/assets/flags/ga.svg);
}

    .flag-icon-ga.flag-icon-squared {
        background-image: url(/assets/flags/ga.svg);
    }

.flag-icon-gb {
    background-image: url(/assets/flags/gb.svg);
}

    .flag-icon-gb.flag-icon-squared {
        background-image: url(/assets/flags/gb.svg);
    }

.flag-icon-gd {
    background-image: url(/assets/flags/gd.svg);
}

    .flag-icon-gd.flag-icon-squared {
        background-image: url(/assets/flags/gd.svg);
    }

.flag-icon-ge {
    background-image: url(/assets/flags/ge.svg);
}

    .flag-icon-ge.flag-icon-squared {
        background-image: url(/assets/flags/ge.svg);
    }

.flag-icon-gf {
    background-image: url(/assets/flags/gf.svg);
}

    .flag-icon-gf.flag-icon-squared {
        background-image: url(/assets/flags/gf.svg);
    }

.flag-icon-gg {
    background-image: url(/assets/flags/gg.svg);
}

    .flag-icon-gg.flag-icon-squared {
        background-image: url(/assets/flags/gg.svg);
    }

.flag-icon-gh {
    background-image: url(/assets/flags/gh.svg);
}

    .flag-icon-gh.flag-icon-squared {
        background-image: url(/assets/flags/gh.svg);
    }

.flag-icon-gi {
    background-image: url(/assets/flags/gi.svg);
}

    .flag-icon-gi.flag-icon-squared {
        background-image: url(/assets/flags/gi.svg);
    }

.flag-icon-gl {
    background-image: url(/assets/flags/gl.svg);
}

    .flag-icon-gl.flag-icon-squared {
        background-image: url(/assets/flags/gl.svg);
    }

.flag-icon-gm {
    background-image: url(/assets/flags/gm.svg);
}

    .flag-icon-gm.flag-icon-squared {
        background-image: url(/assets/flags/gm.svg);
    }

.flag-icon-gn {
    background-image: url(/assets/flags/gn.svg);
}

    .flag-icon-gn.flag-icon-squared {
        background-image: url(/assets/flags/gn.svg);
    }

.flag-icon-gp {
    background-image: url(/assets/flags/gp.svg);
}

    .flag-icon-gp.flag-icon-squared {
        background-image: url(/assets/flags/gp.svg);
    }

.flag-icon-gq {
    background-image: url(/assets/flags/gq.svg);
}

    .flag-icon-gq.flag-icon-squared {
        background-image: url(/assets/flags/gq.svg);
    }

.flag-icon-gr {
    background-image: url(/assets/flags/gr.svg);
}

    .flag-icon-gr.flag-icon-squared {
        background-image: url(/assets/flags/gr.svg);
    }

.flag-icon-gs {
    background-image: url(/assets/flags/gs.svg);
}

    .flag-icon-gs.flag-icon-squared {
        background-image: url(/assets/flags/gs.svg);
    }

.flag-icon-gt {
    background-image: url(/assets/flags/gt.svg);
}

    .flag-icon-gt.flag-icon-squared {
        background-image: url(/assets/flags/gt.svg);
    }

.flag-icon-gu {
    background-image: url(/assets/flags/gu.svg);
}

    .flag-icon-gu.flag-icon-squared {
        background-image: url(/assets/flags/gu.svg);
    }

.flag-icon-gw {
    background-image: url(/assets/flags/gw.svg);
}

    .flag-icon-gw.flag-icon-squared {
        background-image: url(/assets/flags/gw.svg);
    }

.flag-icon-gy {
    background-image: url(/assets/flags/gy.svg);
}

    .flag-icon-gy.flag-icon-squared {
        background-image: url(/assets/flags/gy.svg);
    }

.flag-icon-hk {
    background-image: url(/assets/flags/hk.svg);
}

    .flag-icon-hk.flag-icon-squared {
        background-image: url(/assets/flags/hk.svg);
    }

.flag-icon-hm {
    background-image: url(/assets/flags/hm.svg);
}

    .flag-icon-hm.flag-icon-squared {
        background-image: url(/assets/flags/hm.svg);
    }

.flag-icon-hn {
    background-image: url(/assets/flags/hn.svg);
}

    .flag-icon-hn.flag-icon-squared {
        background-image: url(/assets/flags/hn.svg);
    }

.flag-icon-hr {
    background-image: url(/assets/flags/hr.svg);
}

    .flag-icon-hr.flag-icon-squared {
        background-image: url(/assets/flags/hr.svg);
    }

.flag-icon-ht {
    background-image: url(/assets/flags/ht.svg);
}

    .flag-icon-ht.flag-icon-squared {
        background-image: url(/assets/flags/ht.svg);
    }

.flag-icon-hu {
    background-image: url(/assets/flags/hu.svg);
}

    .flag-icon-hu.flag-icon-squared {
        background-image: url(/assets/flags/hu.svg);
    }

.flag-icon-id {
    background-image: url(/assets/flags/id.svg);
}

    .flag-icon-id.flag-icon-squared {
        background-image: url(/assets/flags/id.svg);
    }

.flag-icon-ie {
    background-image: url(/assets/flags/ie.svg);
}

    .flag-icon-ie.flag-icon-squared {
        background-image: url(/assets/flags/ie.svg);
    }

.flag-icon-il {
    background-image: url(/assets/flags/il.svg);
}

    .flag-icon-il.flag-icon-squared {
        background-image: url(/assets/flags/il.svg);
    }

.flag-icon-im {
    background-image: url(/assets/flags/im.svg);
}

    .flag-icon-im.flag-icon-squared {
        background-image: url(/assets/flags/im.svg);
    }

.flag-icon-in {
    background-image: url(/assets/flags/in.svg);
}

    .flag-icon-in.flag-icon-squared {
        background-image: url(/assets/flags/in.svg);
    }

.flag-icon-io {
    background-image: url(/assets/flags/io.svg);
}

    .flag-icon-io.flag-icon-squared {
        background-image: url(/assets/flags/io.svg);
    }

.flag-icon-iq {
    background-image: url(/assets/flags/iq.svg);
}

    .flag-icon-iq.flag-icon-squared {
        background-image: url(/assets/flags/iq.svg);
    }

.flag-icon-ir {
    background-image: url(/assets/flags/ir.svg);
}

    .flag-icon-ir.flag-icon-squared {
        background-image: url(/assets/flags/ir.svg);
    }

.flag-icon-is {
    background-image: url(/assets/flags/is.svg);
}

    .flag-icon-is.flag-icon-squared {
        background-image: url(/assets/flags/is.svg);
    }

.flag-icon-it {
    background-image: url(/assets/flags/it.svg);
}

    .flag-icon-it.flag-icon-squared {
        background-image: url(/assets/flags/it.svg);
    }

.flag-icon-je {
    background-image: url(/assets/flags/je.svg);
}

    .flag-icon-je.flag-icon-squared {
        background-image: url(/assets/flags/je.svg);
    }

.flag-icon-jm {
    background-image: url(/assets/flags/jm.svg);
}

    .flag-icon-jm.flag-icon-squared {
        background-image: url(/assets/flags/jm.svg);
    }

.flag-icon-jo {
    background-image: url(/assets/flags/jo.svg);
}

    .flag-icon-jo.flag-icon-squared {
        background-image: url(/assets/flags/jo.svg);
    }

.flag-icon-jp {
    background-image: url(/assets/flags/jp.svg);
}

    .flag-icon-jp.flag-icon-squared {
        background-image: url(/assets/flags/jp.svg);
    }

.flag-icon-ke {
    background-image: url(/assets/flags/ke.svg);
}

    .flag-icon-ke.flag-icon-squared {
        background-image: url(/assets/flags/ke.svg);
    }

.flag-icon-kg {
    background-image: url(/assets/flags/kg.svg);
}

    .flag-icon-kg.flag-icon-squared {
        background-image: url(/assets/flags/kg.svg);
    }

.flag-icon-kh {
    background-image: url(/assets/flags/kh.svg);
}

    .flag-icon-kh.flag-icon-squared {
        background-image: url(/assets/flags/kh.svg);
    }

.flag-icon-ki {
    background-image: url(/assets/flags/ki.svg);
}

    .flag-icon-ki.flag-icon-squared {
        background-image: url(/assets/flags/ki.svg);
    }

.flag-icon-km {
    background-image: url(/assets/flags/km.svg);
}

    .flag-icon-km.flag-icon-squared {
        background-image: url(/assets/flags/km.svg);
    }

.flag-icon-kn {
    background-image: url(/assets/flags/kn.svg);
}

    .flag-icon-kn.flag-icon-squared {
        background-image: url(/assets/flags/kn.svg);
    }

.flag-icon-kp {
    background-image: url(/assets/flags/kp.svg);
}

    .flag-icon-kp.flag-icon-squared {
        background-image: url(/assets/flags/kp.svg);
    }

.flag-icon-kr {
    background-image: url(/assets/flags/kr.svg);
}

    .flag-icon-kr.flag-icon-squared {
        background-image: url(/assets/flags/kr.svg);
    }

.flag-icon-kw {
    background-image: url(/assets/flags/kw.svg);
}

    .flag-icon-kw.flag-icon-squared {
        background-image: url(/assets/flags/kw.svg);
    }

.flag-icon-ky {
    background-image: url(/assets/flags/ky.svg);
}

    .flag-icon-ky.flag-icon-squared {
        background-image: url(/assets/flags/ky.svg);
    }

.flag-icon-kz {
    background-image: url(/assets/flags/kz.svg);
}

    .flag-icon-kz.flag-icon-squared {
        background-image: url(/assets/flags/kz.svg);
    }

.flag-icon-la {
    background-image: url(/assets/flags/la.svg);
}

    .flag-icon-la.flag-icon-squared {
        background-image: url(/assets/flags/la.svg);
    }

.flag-icon-lb {
    background-image: url(/assets/flags/lb.svg);
}

    .flag-icon-lb.flag-icon-squared {
        background-image: url(/assets/flags/lb.svg);
    }

.flag-icon-lc {
    background-image: url(/assets/flags/lc.svg);
}

    .flag-icon-lc.flag-icon-squared {
        background-image: url(/assets/flags/lc.svg);
    }

.flag-icon-li {
    background-image: url(/assets/flags/li.svg);
}

    .flag-icon-li.flag-icon-squared {
        background-image: url(/assets/flags/li.svg);
    }

.flag-icon-lk {
    background-image: url(/assets/flags/lk.svg);
}

    .flag-icon-lk.flag-icon-squared {
        background-image: url(/assets/flags/lk.svg);
    }

.flag-icon-lr {
    background-image: url(/assets/flags/lr.svg);
}

    .flag-icon-lr.flag-icon-squared {
        background-image: url(/assets/flags/lr.svg);
    }

.flag-icon-ls {
    background-image: url(/assets/flags/ls.svg);
}

    .flag-icon-ls.flag-icon-squared {
        background-image: url(/assets/flags/ls.svg);
    }

.flag-icon-lt {
    background-image: url(/assets/flags/lt.svg);
}

    .flag-icon-lt.flag-icon-squared {
        background-image: url(/assets/flags/lt.svg);
    }

.flag-icon-lu {
    background-image: url(/assets/flags/lu.svg);
}

    .flag-icon-lu.flag-icon-squared {
        background-image: url(/assets/flags/lu.svg);
    }

.flag-icon-lv {
    background-image: url(/assets/flags/lv.svg);
}

    .flag-icon-lv.flag-icon-squared {
        background-image: url(/assets/flags/lv.svg);
    }

.flag-icon-ly {
    background-image: url(/assets/flags/ly.svg);
}

    .flag-icon-ly.flag-icon-squared {
        background-image: url(/assets/flags/ly.svg);
    }

.flag-icon-ma {
    background-image: url(/assets/flags/ma.svg);
}

    .flag-icon-ma.flag-icon-squared {
        background-image: url(/assets/flags/ma.svg);
    }

.flag-icon-mc {
    background-image: url(/assets/flags/mc.svg);
}

    .flag-icon-mc.flag-icon-squared {
        background-image: url(/assets/flags/mc.svg);
    }

.flag-icon-md {
    background-image: url(/assets/flags/md.svg);
}

    .flag-icon-md.flag-icon-squared {
        background-image: url(/assets/flags/md.svg);
    }

.flag-icon-me {
    background-image: url(/assets/flags/me.svg);
}

    .flag-icon-me.flag-icon-squared {
        background-image: url(/assets/flags/me.svg);
    }

.flag-icon-mf {
    background-image: url(/assets/flags/mf.svg);
}

    .flag-icon-mf.flag-icon-squared {
        background-image: url(/assets/flags/mf.svg);
    }

.flag-icon-mg {
    background-image: url(/assets/flags/mg.svg);
}

    .flag-icon-mg.flag-icon-squared {
        background-image: url(/assets/flags/mg.svg);
    }

.flag-icon-mh {
    background-image: url(/assets/flags/mh.svg);
}

    .flag-icon-mh.flag-icon-squared {
        background-image: url(/assets/flags/mh.svg);
    }

.flag-icon-mk {
    background-image: url(/assets/flags/mk.svg);
}

    .flag-icon-mk.flag-icon-squared {
        background-image: url(/assets/flags/mk.svg);
    }

.flag-icon-ml {
    background-image: url(/assets/flags/ml.svg);
}

    .flag-icon-ml.flag-icon-squared {
        background-image: url(/assets/flags/ml.svg);
    }

.flag-icon-mm {
    background-image: url(/assets/flags/mm.svg);
}

    .flag-icon-mm.flag-icon-squared {
        background-image: url(/assets/flags/mm.svg);
    }

.flag-icon-mn {
    background-image: url(/assets/flags/mn.svg);
}

    .flag-icon-mn.flag-icon-squared {
        background-image: url(/assets/flags/mn.svg);
    }

.flag-icon-mo {
    background-image: url(/assets/flags/mo.svg);
}

    .flag-icon-mo.flag-icon-squared {
        background-image: url(/assets/flags/mo.svg);
    }

.flag-icon-mp {
    background-image: url(/assets/flags/mp.svg);
}

    .flag-icon-mp.flag-icon-squared {
        background-image: url(/assets/flags/mp.svg);
    }

.flag-icon-mq {
    background-image: url(/assets/flags/mq.svg);
}

    .flag-icon-mq.flag-icon-squared {
        background-image: url(/assets/flags/mq.svg);
    }

.flag-icon-mr {
    background-image: url(/assets/flags/mr.svg);
}

    .flag-icon-mr.flag-icon-squared {
        background-image: url(/assets/flags/mr.svg);
    }

.flag-icon-ms {
    background-image: url(/assets/flags/ms.svg);
}

    .flag-icon-ms.flag-icon-squared {
        background-image: url(/assets/flags/ms.svg);
    }

.flag-icon-mt {
    background-image: url(/assets/flags/mt.svg);
}

    .flag-icon-mt.flag-icon-squared {
        background-image: url(/assets/flags/mt.svg);
    }

.flag-icon-mu {
    background-image: url(/assets/flags/mu.svg);
}

    .flag-icon-mu.flag-icon-squared {
        background-image: url(/assets/flags/mu.svg);
    }

.flag-icon-mv {
    background-image: url(/assets/flags/mv.svg);
}

    .flag-icon-mv.flag-icon-squared {
        background-image: url(/assets/flags/mv.svg);
    }

.flag-icon-mw {
    background-image: url(/assets/flags/mw.svg);
}

    .flag-icon-mw.flag-icon-squared {
        background-image: url(/assets/flags/mw.svg);
    }

.flag-icon-mx {
    background-image: url(/assets/flags/mx.svg);
}

    .flag-icon-mx.flag-icon-squared {
        background-image: url(/assets/flags/mx.svg);
    }

.flag-icon-my {
    background-image: url(/assets/flags/my.svg);
}

    .flag-icon-my.flag-icon-squared {
        background-image: url(/assets/flags/my.svg);
    }

.flag-icon-mz {
    background-image: url(/assets/flags/mz.svg);
}

    .flag-icon-mz.flag-icon-squared {
        background-image: url(/assets/flags/mz.svg);
    }

.flag-icon-na {
    background-image: url(/assets/flags/na.svg);
}

    .flag-icon-na.flag-icon-squared {
        background-image: url(/assets/flags/na.svg);
    }

.flag-icon-nc {
    background-image: url(/assets/flags/nc.svg);
}

    .flag-icon-nc.flag-icon-squared {
        background-image: url(/assets/flags/nc.svg);
    }

.flag-icon-ne {
    background-image: url(/assets/flags/ne.svg);
}

    .flag-icon-ne.flag-icon-squared {
        background-image: url(/assets/flags/ne.svg);
    }

.flag-icon-nf {
    background-image: url(/assets/flags/nf.svg);
}

    .flag-icon-nf.flag-icon-squared {
        background-image: url(/assets/flags/nf.svg);
    }

.flag-icon-ng {
    background-image: url(/assets/flags/ng.svg);
}

    .flag-icon-ng.flag-icon-squared {
        background-image: url(/assets/flags/ng.svg);
    }

.flag-icon-ni {
    background-image: url(/assets/flags/ni.svg);
}

    .flag-icon-ni.flag-icon-squared {
        background-image: url(/assets/flags/ni.svg);
    }

.flag-icon-nl {
    background-image: url(/assets/flags/nl.svg);
}

    .flag-icon-nl.flag-icon-squared {
        background-image: url(/assets/flags/nl.svg);
    }

.flag-icon-no {
    background-image: url(/assets/flags/no.svg);
}

    .flag-icon-no.flag-icon-squared {
        background-image: url(/assets/flags/no.svg);
    }

.flag-icon-np {
    background-image: url(/assets/flags/np.svg);
}

    .flag-icon-np.flag-icon-squared {
        background-image: url(/assets/flags/np.svg);
    }

.flag-icon-nr {
    background-image: url(/assets/flags/nr.svg);
}

    .flag-icon-nr.flag-icon-squared {
        background-image: url(/assets/flags/nr.svg);
    }

.flag-icon-nu {
    background-image: url(/assets/flags/nu.svg);
}

    .flag-icon-nu.flag-icon-squared {
        background-image: url(/assets/flags/nu.svg);
    }

.flag-icon-nz {
    background-image: url(/assets/flags/nz.svg);
}

    .flag-icon-nz.flag-icon-squared {
        background-image: url(/assets/flags/nz.svg);
    }

.flag-icon-om {
    background-image: url(/assets/flags/om.svg);
}

    .flag-icon-om.flag-icon-squared {
        background-image: url(/assets/flags/om.svg);
    }

.flag-icon-pa {
    background-image: url(/assets/flags/pa.svg);
}

    .flag-icon-pa.flag-icon-squared {
        background-image: url(/assets/flags/pa.svg);
    }

.flag-icon-pe {
    background-image: url(/assets/flags/pe.svg);
}

    .flag-icon-pe.flag-icon-squared {
        background-image: url(/assets/flags/pe.svg);
    }

.flag-icon-pf {
    background-image: url(/assets/flags/pf.svg);
}

    .flag-icon-pf.flag-icon-squared {
        background-image: url(/assets/flags/pf.svg);
    }

.flag-icon-pg {
    background-image: url(/assets/flags/pg.svg);
}

    .flag-icon-pg.flag-icon-squared {
        background-image: url(/assets/flags/pg.svg);
    }

.flag-icon-ph {
    background-image: url(/assets/flags/ph.svg);
}

    .flag-icon-ph.flag-icon-squared {
        background-image: url(/assets/flags/ph.svg);
    }

.flag-icon-pk {
    background-image: url(/assets/flags/pk.svg);
}

    .flag-icon-pk.flag-icon-squared {
        background-image: url(/assets/flags/pk.svg);
    }

.flag-icon-pl {
    background-image: url(/assets/flags/pl.svg);
}

    .flag-icon-pl.flag-icon-squared {
        background-image: url(/assets/flags/pl.svg);
    }

.flag-icon-pm {
    background-image: url(/assets/flags/pm.svg);
}

    .flag-icon-pm.flag-icon-squared {
        background-image: url(/assets/flags/pm.svg);
    }

.flag-icon-pn {
    background-image: url(/assets/flags/pn.svg);
}

    .flag-icon-pn.flag-icon-squared {
        background-image: url(/assets/flags/pn.svg);
    }

.flag-icon-pr {
    background-image: url(/assets/flags/pr.svg);
}

    .flag-icon-pr.flag-icon-squared {
        background-image: url(/assets/flags/pr.svg);
    }

.flag-icon-ps {
    background-image: url(/assets/flags/ps.svg);
}

    .flag-icon-ps.flag-icon-squared {
        background-image: url(/assets/flags/ps.svg);
    }

.flag-icon-pt {
    background-image: url(/assets/flags/pt.svg);
}

    .flag-icon-pt.flag-icon-squared {
        background-image: url(/assets/flags/pt.svg);
    }

.flag-icon-pw {
    background-image: url(/assets/flags/pw.svg);
}

    .flag-icon-pw.flag-icon-squared {
        background-image: url(/assets/flags/pw.svg);
    }

.flag-icon-py {
    background-image: url(/assets/flags/py.svg);
}

    .flag-icon-py.flag-icon-squared {
        background-image: url(/assets/flags/py.svg);
    }

.flag-icon-qa {
    background-image: url(/assets/flags/qa.svg);
}

    .flag-icon-qa.flag-icon-squared {
        background-image: url(/assets/flags/qa.svg);
    }

.flag-icon-re {
    background-image: url(/assets/flags/re.svg);
}

    .flag-icon-re.flag-icon-squared {
        background-image: url(/assets/flags/re.svg);
    }

.flag-icon-ro {
    background-image: url(/assets/flags/ro.svg);
}

    .flag-icon-ro.flag-icon-squared {
        background-image: url(/assets/flags/ro.svg);
    }

.flag-icon-rs {
    background-image: url(/assets/flags/rs.svg);
}

    .flag-icon-rs.flag-icon-squared {
        background-image: url(/assets/flags/rs.svg);
    }

.flag-icon-ru {
    background-image: url(/assets/flags/ru.svg);
}

    .flag-icon-ru.flag-icon-squared {
        background-image: url(/assets/flags/ru.svg);
    }

.flag-icon-rw {
    background-image: url(/assets/flags/rw.svg);
}

    .flag-icon-rw.flag-icon-squared {
        background-image: url(/assets/flags/rw.svg);
    }

.flag-icon-sa {
    background-image: url(/assets/flags/sa.svg);
}

    .flag-icon-sa.flag-icon-squared {
        background-image: url(/assets/flags/sa.svg);
    }

.flag-icon-sb {
    background-image: url(/assets/flags/sb.svg);
}

    .flag-icon-sb.flag-icon-squared {
        background-image: url(/assets/flags/sb.svg);
    }

.flag-icon-sc {
    background-image: url(/assets/flags/sc.svg);
}

    .flag-icon-sc.flag-icon-squared {
        background-image: url(/assets/flags/sc.svg);
    }

.flag-icon-sd {
    background-image: url(/assets/flags/sd.svg);
}

    .flag-icon-sd.flag-icon-squared {
        background-image: url(/assets/flags/sd.svg);
    }

.flag-icon-se {
    background-image: url(/assets/flags/se.svg);
}

    .flag-icon-se.flag-icon-squared {
        background-image: url(/assets/flags/se.svg);
    }

.flag-icon-sg {
    background-image: url(/assets/flags/sg.svg);
}

    .flag-icon-sg.flag-icon-squared {
        background-image: url(/assets/flags/sg.svg);
    }

.flag-icon-sh {
    background-image: url(/assets/flags/sh.svg);
}

    .flag-icon-sh.flag-icon-squared {
        background-image: url(/assets/flags/sh.svg);
    }

.flag-icon-si {
    background-image: url(/assets/flags/si.svg);
}

    .flag-icon-si.flag-icon-squared {
        background-image: url(/assets/flags/si.svg);
    }

.flag-icon-sj {
    background-image: url(/assets/flags/sj.svg);
}

    .flag-icon-sj.flag-icon-squared {
        background-image: url(/assets/flags/sj.svg);
    }

.flag-icon-sk {
    background-image: url(/assets/flags/sk.svg);
}

    .flag-icon-sk.flag-icon-squared {
        background-image: url(/assets/flags/sk.svg);
    }

.flag-icon-sl {
    background-image: url(/assets/flags/sl.svg);
}

    .flag-icon-sl.flag-icon-squared {
        background-image: url(/assets/flags/sl.svg);
    }

.flag-icon-sm {
    background-image: url(/assets/flags/sm.svg);
}

    .flag-icon-sm.flag-icon-squared {
        background-image: url(/assets/flags/sm.svg);
    }

.flag-icon-sn {
    background-image: url(/assets/flags/sn.svg);
}

    .flag-icon-sn.flag-icon-squared {
        background-image: url(/assets/flags/sn.svg);
    }

.flag-icon-so {
    background-image: url(/assets/flags/so.svg);
}

    .flag-icon-so.flag-icon-squared {
        background-image: url(/assets/flags/so.svg);
    }

.flag-icon-sr {
    background-image: url(/assets/flags/sr.svg);
}

    .flag-icon-sr.flag-icon-squared {
        background-image: url(/assets/flags/sr.svg);
    }

.flag-icon-ss {
    background-image: url(/assets/flags/ss.svg);
}

    .flag-icon-ss.flag-icon-squared {
        background-image: url(/assets/flags/ss.svg);
    }

.flag-icon-st {
    background-image: url(/assets/flags/st.svg);
}

    .flag-icon-st.flag-icon-squared {
        background-image: url(/assets/flags/st.svg);
    }

.flag-icon-sv {
    background-image: url(/assets/flags/sv.svg);
}

    .flag-icon-sv.flag-icon-squared {
        background-image: url(/assets/flags/sv.svg);
    }

.flag-icon-sx {
    background-image: url(/assets/flags/sx.svg);
}

    .flag-icon-sx.flag-icon-squared {
        background-image: url(/assets/flags/sx.svg);
    }

.flag-icon-sy {
    background-image: url(/assets/flags/sy.svg);
}

    .flag-icon-sy.flag-icon-squared {
        background-image: url(/assets/flags/sy.svg);
    }

.flag-icon-sz {
    background-image: url(/assets/flags/sz.svg);
}

    .flag-icon-sz.flag-icon-squared {
        background-image: url(/assets/flags/sz.svg);
    }

.flag-icon-tc {
    background-image: url(/assets/flags/tc.svg);
}

    .flag-icon-tc.flag-icon-squared {
        background-image: url(/assets/flags/tc.svg);
    }

.flag-icon-td {
    background-image: url(/assets/flags/td.svg);
}

    .flag-icon-td.flag-icon-squared {
        background-image: url(/assets/flags/td.svg);
    }

.flag-icon-tf {
    background-image: url(/assets/flags/tf.svg);
}

    .flag-icon-tf.flag-icon-squared {
        background-image: url(/assets/flags/tf.svg);
    }

.flag-icon-tg {
    background-image: url(/assets/flags/tg.svg);
}

    .flag-icon-tg.flag-icon-squared {
        background-image: url(/assets/flags/tg.svg);
    }

.flag-icon-th {
    background-image: url(/assets/flags/th.svg);
}

    .flag-icon-th.flag-icon-squared {
        background-image: url(/assets/flags/th.svg);
    }

.flag-icon-tj {
    background-image: url(/assets/flags/tj.svg);
}

    .flag-icon-tj.flag-icon-squared {
        background-image: url(/assets/flags/tj.svg);
    }

.flag-icon-tk {
    background-image: url(/assets/flags/tk.svg);
}

    .flag-icon-tk.flag-icon-squared {
        background-image: url(/assets/flags/tk.svg);
    }

.flag-icon-tl {
    background-image: url(/assets/flags/tl.svg);
}

    .flag-icon-tl.flag-icon-squared {
        background-image: url(/assets/flags/tl.svg);
    }

.flag-icon-tm {
    background-image: url(/assets/flags/tm.svg);
}

    .flag-icon-tm.flag-icon-squared {
        background-image: url(/assets/flags/tm.svg);
    }

.flag-icon-tn {
    background-image: url(/assets/flags/tn.svg);
}

    .flag-icon-tn.flag-icon-squared {
        background-image: url(/assets/flags/tn.svg);
    }

.flag-icon-to {
    background-image: url(/assets/flags/to.svg);
}

    .flag-icon-to.flag-icon-squared {
        background-image: url(/assets/flags/to.svg);
    }

.flag-icon-tr {
    background-image: url(/assets/flags/tr.svg);
}

    .flag-icon-tr.flag-icon-squared {
        background-image: url(/assets/flags/tr.svg);
    }

.flag-icon-tt {
    background-image: url(/assets/flags/tt.svg);
}

    .flag-icon-tt.flag-icon-squared {
        background-image: url(/assets/flags/tt.svg);
    }

.flag-icon-tv {
    background-image: url(/assets/flags/tv.svg);
}

    .flag-icon-tv.flag-icon-squared {
        background-image: url(/assets/flags/tv.svg);
    }

.flag-icon-tw {
    background-image: url(/assets/flags/tw.svg);
}

    .flag-icon-tw.flag-icon-squared {
        background-image: url(/assets/flags/tw.svg);
    }

.flag-icon-tz {
    background-image: url(/assets/flags/tz.svg);
}

    .flag-icon-tz.flag-icon-squared {
        background-image: url(/assets/flags/tz.svg);
    }

.flag-icon-ua {
    background-image: url(/assets/flags/ua.svg);
}

    .flag-icon-ua.flag-icon-squared {
        background-image: url(/assets/flags/ua.svg);
    }

.flag-icon-ug {
    background-image: url(/assets/flags/ug.svg);
}

    .flag-icon-ug.flag-icon-squared {
        background-image: url(/assets/flags/ug.svg);
    }

.flag-icon-um {
    background-image: url(/assets/flags/um.svg);
}

    .flag-icon-um.flag-icon-squared {
        background-image: url(/assets/flags/um.svg);
    }

.flag-icon-us {
    background-image: url(/assets/flags/us.svg);
}

    .flag-icon-us.flag-icon-squared {
        background-image: url(/assets/flags/us.svg);
    }

.flag-icon-uy {
    background-image: url(/assets/flags/uy.svg);
}

    .flag-icon-uy.flag-icon-squared {
        background-image: url(/assets/flags/uy.svg);
    }

.flag-icon-uz {
    background-image: url(/assets/flags/uz.svg);
}

    .flag-icon-uz.flag-icon-squared {
        background-image: url(/assets/flags/uz.svg);
    }

.flag-icon-va {
    background-image: url(/assets/flags/va.svg);
}

    .flag-icon-va.flag-icon-squared {
        background-image: url(/assets/flags/va.svg);
    }

.flag-icon-vc {
    background-image: url(/assets/flags/vc.svg);
}

    .flag-icon-vc.flag-icon-squared {
        background-image: url(/assets/flags/vc.svg);
    }

.flag-icon-ve {
    background-image: url(/assets/flags/ve.svg);
}

    .flag-icon-ve.flag-icon-squared {
        background-image: url(/assets/flags/ve.svg);
    }

.flag-icon-vg {
    background-image: url(/assets/flags/vg.svg);
}

    .flag-icon-vg.flag-icon-squared {
        background-image: url(/assets/flags/vg.svg);
    }

.flag-icon-vi {
    background-image: url(/assets/flags/vi.svg);
}

    .flag-icon-vi.flag-icon-squared {
        background-image: url(/assets/flags/vi.svg);
    }

.flag-icon-vn {
    background-image: url(/assets/flags/vn.svg);
}

    .flag-icon-vn.flag-icon-squared {
        background-image: url(/assets/flags/vn.svg);
    }

.flag-icon-vu {
    background-image: url(/assets/flags/vu.svg);
}

    .flag-icon-vu.flag-icon-squared {
        background-image: url(/assets/flags/vu.svg);
    }

.flag-icon-wf {
    background-image: url(/assets/flags/wf.svg);
}

    .flag-icon-wf.flag-icon-squared {
        background-image: url(/assets/flags/wf.svg);
    }

.flag-icon-ws {
    background-image: url(/assets/flags/ws.svg);
}

    .flag-icon-ws.flag-icon-squared {
        background-image: url(/assets/flags/ws.svg);
    }

.flag-icon-ye {
    background-image: url(/assets/flags/ye.svg);
}

    .flag-icon-ye.flag-icon-squared {
        background-image: url(/assets/flags/ye.svg);
    }

.flag-icon-yt {
    background-image: url(/assets/flags/yt.svg);
}

    .flag-icon-yt.flag-icon-squared {
        background-image: url(/assets/flags/yt.svg);
    }

.flag-icon-za {
    background-image: url(/assets/flags/za.svg);
}

    .flag-icon-za.flag-icon-squared {
        background-image: url(/assets/flags/za.svg);
    }

.flag-icon-zm {
    background-image: url(/assets/flags/zm.svg);
}

    .flag-icon-zm.flag-icon-squared {
        background-image: url(/assets/flags/zm.svg);
    }

.flag-icon-zw {
    background-image: url(/assets/flags/zw.svg);
}

    .flag-icon-zw.flag-icon-squared {
        background-image: url(/assets/flags/zw.svg);
    }

.flag-icon-es-ct {
    background-image: url(/assets/flags/es-ct.svg);
}

    .flag-icon-es-ct.flag-icon-squared {
        background-image: url(/assets/flags/es-ct.svg);
    }

.flag-icon-eu {
    background-image: url(/assets/flags/eu.svg);
}

    .flag-icon-eu.flag-icon-squared {
        background-image: url(/assets/flags/eu.svg);
    }

.flag-icon-gb-eng {
    background-image: url(/assets/flags/gb-eng.svg);
}

    .flag-icon-gb-eng.flag-icon-squared {
        background-image: url(/assets/flags/gb-eng.svg);
    }

.flag-icon-gb-nir {
    background-image: url(/assets/flags/gb-nir.svg);
}

    .flag-icon-gb-nir.flag-icon-squared {
        background-image: url(/assets/flags/gb-nir.svg);
    }

.flag-icon-gb-sct {
    background-image: url(/assets/flags/gb-sct.svg);
}

    .flag-icon-gb-sct.flag-icon-squared {
        background-image: url(/assets/flags/gb-sct.svg);
    }

.flag-icon-gb-wls {
    background-image: url(/assets/flags/gb-wls.svg);
}

    .flag-icon-gb-wls.flag-icon-squared {
        background-image: url(/assets/flags/gb-wls.svg);
    }

.flag-icon-un {
    background-image: url(/assets/flags/un.svg);
}

    .flag-icon-un.flag-icon-squared {
        background-image: url(/assets/flags/un.svg);
    }

.flag-icon-xk {
    background-image: url(/assets/flags/xk.svg);
}

    .flag-icon-xk.flag-icon-squared {
        background-image: url(/assets/flags/xk.svg);
    }
@media screen and (max-width:280px) {
    #web_header_section .navbar img.power-by-ee {
        width: 60px !important;
    }
    .navbar .nm-signIn .nav-link{
        padding:4px 4px;
    }
    .app-bar-mobile-modal{margin-bottom:100px !important;}
}

@media only screen and (max-width: 574px) {
    .njPaymentWrapper #card-billing-details .form-design button.submit {
        width: 100% !important;
    }
}

@media only screen and (max-width: 600px) {
    body p {
        line-height: 1.4 !important;
        font-size: 13px !important;
    }
}
@media only screen and (max-width: 374px) {
    h2, h3, h4{
    font-size: 14px !important;
}
}
@media (max-width: 575.98px) {
    h2, h3, h4 {
        font-size: 16px !important;
    }
}